/*
Theme Name: Custom Marvel Logo Designs Theme
Theme URI: http://marvellogodesigns.com
Description: A custom WordPress theme matching the original Archivarix website design
Version: 1.0
Author: Custom Theme
Author URI: http://marvellogodesigns.com
*/

/*eric meyers css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body{line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*css reset end*/
body{margin:0px; padding:0px; background:#EEEEEE;  font-family:Arial, Helvetica, sans-serif;}
.clear{clear:both;}
h1{font-size:18px; font-weight:bold; color:#006083; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 8px 0;}
h2{font-size:12px; font-weight:bold; color:#000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 3px 0;}
h3{font-size:14px; font-weight:bold; color:#000000; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 3px 0; letter-spacing:1.5px;}
.hbar{ margin:30px 30px 10px 30px; border-bottom:1px solid #F0F0F0;}
.center{text-align:center}
.right{text-align:right}
.header{}
.header .bg{ background:#202020 ; border-bottom:#CBCBCB 3px solid; height:100px;}
.header .bg .content{width:1000px; margin:0px auto;}
.header .bg .content .links{width:400px; float:right; text-align:right; color:#FFFFFF; font-size:11px;}
.header .bg .content .links .textlinks{width:250px; float:left; padding:0px 0 0 0; color:#FFFFFF; text-align:right;}
.header .bg .content .links .textlinks .thumb1{ vertical-align:middle;}
.header .bg .content .links .textlinks a{color:#FFFFFF; text-decoration:none;}
.header .bg .content .links .textlinks a:hover{color:#FFCC00; text-decoration:underline;}
.header .bg .content .logo{width:236px; float:left; height:86px; margin:0 auto; background:url(../../../images/allsprites.jpg) 0px 0px no-repeat;}
.header .nav{width:979px; margin:20px auto 2px auto; }
.header .nav #menu{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 979px;
  height: 51px;
  background: url(../../../images/allsprites.jpg) 0px -86px no-repeat;
}
.header .nav #menu span{display:none;}
.header .nav #menu li, .header .nav #menu a {height:51px; display:block;}
.header .nav #menu li {float:left;list-style:none;display:inline;}
.header .nav #menuitem1{width:86px;}
.header .nav #menuitem2{width:103px;}
.header .nav #menuitem3{width:94px;}
.header .nav #menuitem4{width:117px;}
.header .nav #menuitem5{width:108px;}
.header .nav #menuitem6{width:128px;}
.header .nav #menuitem7{width:113px;}
.header .nav #menuitem8{width:93px;}
.header .nav #menuitem9{width:137px;}
.header .nav #menuitem1 a:hover {background:url(../../../images/allsprites.jpg) 0px -137px no-repeat; }
.header .nav #menuitem2 a:hover {background:url(../../../images/allsprites.jpg) -86px -137px no-repeat; }
.header .nav #menuitem3 a:hover {background:url(../../../images/allsprites.jpg) -189px -137px no-repeat; }
.header .nav #menuitem4 a:hover {background:url(../../../images/allsprites.jpg) -283px -137px no-repeat; }
.header .nav #menuitem5 a:hover {background:url(../../../images/allsprites.jpg) -400px -137px no-repeat; }
.header .nav #menuitem6 a:hover {background:url(../../../images/allsprites.jpg) -508px -137px no-repeat; }
.header .nav #menuitem7 a:hover {background:url(../../../images/allsprites.jpg) -636px -137px no-repeat; }
.header .nav #menuitem8 a:hover {background:url(../../../images/allsprites.jpg) -749px -137px no-repeat; }
.header .nav #menuitem9 a:hover {background:url(../../../images/allsprites.jpg) -842px -137px no-repeat; }

.banner{width:1000px; height:302px; margin:0 auto 20px auto; background:url(../../../images/allsprites.jpg) 15px -188px no-repeat; padding:0 0 0 10px; }
.banner .paypal{width:100px; height:100px; padding:0 0 140px 898px;}
.banner .learnmore{width:165px; height:38px; float:left; padding:0 0 0 80px;}
.banner .viewfeatures{width:165px; height:38px; float:left; padding:0 0 0 359px;}
.spotlight{width:979px; margin:0 auto; background:url(../../../images/bodybg.jpg); margin-bottom:20px;}
.spotlight ul{padding:0px 20px;}
.spotlight .box{list-style:none; width:223px; float:left; height:70px; padding:10px; font-size:12px; color:#666666;}
.spotlight .list1{border-right:1px solid #F0F0F0; background:url(../../../images/tmb-support.jpg) no-repeat;background-position:167px 10px;}
.spotlight .list2{border-right:1px solid #F0F0F0; background:url(../../../images/tmb-simple.jpg) no-repeat;background-position:157px 5px; }
.spotlight .list3{border-right:1px solid #F0F0F0; background:url(../../../images/tmb-price.jpg) no-repeat;background-position:157px 5px;}
.spotlight .list4{ background:url(../../../images/tmb-money-back.jpg) no-repeat;background-position:155px 10px;}
.spotlight .box a{color:#0088CC; text-decoration:none;}
.spotlight .box a:hover{border-bottom:1px dotted #0088CC; }
.body{width:979px; margin:0 auto; background:url(../../../images/bodybg.jpg);font-size:12px; color:#555555; font-family:Arial, Helvetica, sans-serif;text-align:justify; line-height:22px;}
.body .main{ width:462px; float:left; height:auto; padding:10px 23px 10px 30px;  }
.body .sidebar{ width:435px; float:right; height:auto;padding:10px 20px 10px 0px; font-size:14px; color:#555555; font-family:Arial, Helvetica, sans-serif; }
.body .sidebar ul{ list-style:none; width:440px;}
.body .sidebar ul li{ list-style:none; width:146px; float:left; text-align:left; padding:6px 0px;}
.body .sidebar .btn{ text-align:center; padding:10px 0 0 0;}
.body .packages{background:url(../../../images/bg-pkgs.jpg) repeat-x; background-position:0px -30px; margin:0 auto; padding:40px 30px 30px; 30px; width:914px; font-size:12px; line-height:normal; height:290px; }
.body .packages img{vertical-align:middle;}

.bdrtop{width:979px; height:11px; background:url(../../../images/allsprites.jpg) 0 -490px no-repeat; font-size:1px;}
.bdrbtm{width:979px; height:14px; background:url(../../../images/allsprites.jpg) 0 -501px no-repeat; font-size:1px;}

.body .packages p{padding:10px 0 0px 0;margin:0px;}
.body .packages .pkg{ width:284px; height:auto; padding:10px; float:left; }
.body .packages .pkg .txtarea{height:205px;}
.body .more{padding:0px 30px; }
.body .more .features{width:439px; float:left; padding-right:20px;}
.body .more .features .list{padding:0 0 15px 0;}
.body .more .features .list .thumb{float:left; width:53px;}
.body .more .howworks{width:449px; float:left; padding-right:10px;}
.body .more .howworks .list{padding:0 0 15px 0;}
.body .more .howworks .list .thumb{float:left; width:53px;}
.cards{width:354px; height:51px; margin:0 auto; background:url(../../../images/allsprites.jpg) -266px 0px no-repeat;}
.footer{width:880px; margin:0 auto; margin-bottom:20px; text-align:center;padding:0px 0 20px 0; font-size:12px; color:#c8c8c8;}
.footer .bglft{width:15px; height:56px; background:url(../../../images/allsprites.jpg) -236px 0px no-repeat; float:left; }
.footer .bgrte{width:15px; height:56px; background:url(../../../images/allsprites.jpg) -251px 0px no-repeat; float:left; }
.footer .ftrmain{width:850px; height:46px; background:url(../../../images/bg-ftr-mdl.jpg) repeat-x; float:left; padding:10px 0 0 0;}
.footer .ftrmain a{text-decoration:none;  color:#a5a7ab;}
.footer .ftrmain a:hover{text-decoration:none;  color:#4da6e9; border-bottom:1px dotted #4da6e9;}
/* text pages*/
.body .texts{width:920px;float:left; height:auto; padding:10px 0px 10px 30px;  }
.body .texts a{color:#1A74B0;}
.body .texts a:hover{color:#55ACE6;}
.body .guarantee{background:url(../../../images/money-back.jpg) top right no-repeat;}
.body .texts .process{padding:0 0 30px 0;}
.body .texts .process .ptxt{float:left; width:540px; height:auto; padding:40px 20px;}
.body .texts .process .pimg{float:left; width:340px; height:210px;}
/* portfolio */
.body .folio{width:705px;float:left; height:auto; padding:30px 0px 10px 6px;  }
.body .folio .thumb{float:left; width:210px; height:210px; padding:10px 0 15px 25px; text-align:right;}
.body .folio .texts{padding: 25px;}
.body .folio .bar{height:30px; padding:6px 0 16px 0;}
.body .folio .bar .pagination{float:right; width:300px; text-align:right; margin:0px;}
.body .folio .bar .selectedcat{float:left; width:300px; text-align:left; padding:3px 0 0 25px;}

.body .cats{ float:right; width:250px; margin:15px 0px 0 0; position:relative; padding:70px 0 0 0}
.body .cats .title{
	position:absolute;
	left: 4px;
	top: 0px;
}
.body .cats a{display:block; color:#999999; margin:0 0 0 25px; text-decoration:none;}
.body .cats a:hover{ color:#31C2FF;}
.foliogray{color:#999999;}
.folioblue{color:#31C2FF;}
/* testimonials */
body .testi{width:920px; height:auto; padding:20px 0 0 0;}
body .testi .credential{ height:auto; }
body .testi .credential .logo{ width:131px; height:131px; float:left; vertical-align:middle; margin:auto; display:block; padding:5px 0 0 0;}
body .testi .credential .quote{width:700px; height:auto; float:left; padding:0 0 0 50px;}

/* Blog specific styles */
.blog-posts {
    padding: 20px 30px;
}
.blog-post {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
}
.blog-post:last-child {
    border-bottom: none;
}
.blog-post h2 {
    font-size: 16px;
    margin-bottom: 10px;
}
.blog-post h2 a {
    color: #006083;
    text-decoration: none;
}
.blog-post h2 a:hover {
    color: #0088CC;
    text-decoration: underline;
}
.post-meta {
    font-size: 11px;
    color: #999999;
    margin-bottom: 10px;
}
.post-content {
    line-height: 22px;
}
.post-content p {
    margin-bottom: 15px;
}
.pagination {
    padding: 20px 30px;
    text-align: center;
}
.pagination a {
    color: #0088CC;
    text-decoration: none;
    padding: 5px 15px;
    margin: 0 5px;
}
.pagination a:hover {
    color: #006083;
    text-decoration: underline;
}
.single-post {
    padding: 20px 30px;
}
.single-post h1 {
    margin-bottom: 15px;
}