/* Theme Name: fortknox Theme URI: http://seo-semantics-xhtml.com/ Description: The FortKnox is a stylish, customizable, simple, and readable Website. Make it yours with a custom menu, header image, and background. FortKnox includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar. Author: seo-semantics-xhtml Version: 1.0 -------------------------------------------------------------- */ *{margin:0px; padding:0px;} body{ font:normal 12px/16px Arial, Helvetica, sans-serif; } img{border:none;} .curv{float:left; width:100%;} .curv img{ float:left} #wrapper{ width:800px; margin:0 auto; padding:0px;} #header_container{ width:800px; padding:0px; margin:0px; float:left;background:url(images/header_bg.jpg) repeat-x 0 0; } .inner_top{background:url(images/header_inner_bg.gif) repeat-x 0 0; float:left; width:100%} #header_container .top_header{float:left; position:relative; width:800px;} #header_container .logo{ position:absolute; top:15px; left:32px; float:left;} #header_container .right_side{padding:0px; position:absolute; top:65px; right:10px; float:right;} #banner_container { width:800px; float:left;} #banner_container .wp-post-image{ margin:-25px 0px 0px 0px; float:left;} #navigation_container{width:800px; padding:0px; margin:0px; float:left; background: #000000 url(images/navigation_bg.jpg) repeat-x 0 0; height:40px;} .inner_nav{margin-top:19px!important;} #menu{ float:left; list-style:none; margin:0px; padding:0px 0px 0px 23px;} #menu li{ float:left; font:bold 14px/16px "Myriad Pro", Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; margin-right:1px; text-shadow:1px 2px 3px #000} #menu li a{float:left; padding:10px 0 14px; text-decoration:none;color:#FFF;} #menu li.home a{float:left; width:59px;} #menu li.about a{float:left; width:86px;} #menu li.storage a{float:left; width:124px;} #menu li.boxes a{float:left; width:175px;} #menu li.location a{float:left; width:94px;} #menu li.quote a{float:left; width:106px;} #menu li.contact a{float:left; width:102px;} #menu li a:hover{ background:url(images/menu_hover_bg.png) repeat-x 0 0;} #menu li.current-menu-item a{background:url(images/menu_hover_bg.png) repeat-x 0 0;} #menu li.current-menu-item a:hover{background:url(images/menu_hover_bg.png) repeat-x 0 0;} #body_container{ float:left; width:800px; margin:0px; padding:0px; position:relative} #body_container .home_left{ float:left; width:auto; position:absolute; left:191px; bottom:0} #body_container .home_left img{ float:left;} #body_container .left_side{ float:left; width:261px; margin:12px 0 0 5px; padding:0px; display:inline} #body_container .left_content h2{font-family:Myriad Pro; font-size:20px; float:left; color:#006699; padding:5px 0 0 12px; display:inline;} #body_container .left_box { float:left; width:220px; border:#C1C1C1 solid 1px; margin:10px; padding:0px 5px; position:relative; z-index:9; display:inline} #body_container .left_box ul{float:left; width:100%; list-style:none; padding:10px 0 15px} #body_container .left_box ul li{float:left; width:100%; padding:5px 0 0; font-size:12px;} #body_container .left_box ul li .photo{float:left; width:92px;} #body_container .left_box ul li .photo img{float:right;} #body_container .left_box ul li a strong{font-weight:normal; float:right; margin-top:17px} #body_container .left_box ul li a{float:left; width:100%; color:#003366; text-decoration:none; text-align:right;} #body_container .left_box ul li a:hover{color:#000;} #body_container2{ float:left; width:530px; margin:0px; padding:0px; position:relative} #body_container2 .home_left{ float:left; width:auto; position:absolute; left:191px; bottom:0} #body_container2 .home_left img{ float:left;} #body_container2 .left_side{ float:left; width:261px; margin:12px 0 0 5px; padding:0px; display:inline} #body_container2 .left_content h2{font-family:Myriad Pro; font-size:20px; float:left; color:#006699; padding:5px 0 0 12px; display:inline;} #body_container2 .left_box { float:left; width:220px; border:#C1C1C1 solid 1px; margin:10px; padding:0px 5px; position:relative; z-index:9; display:inline} #body_container2 .left_box ul{float:left; width:530px; list-style:none; padding:10px 0 15px} #body_container2 .left_box ul li{float:left; width:530px; padding:5px 0 0; font-size:12px;} #body_container2 .left_box ul li .photo{float:left; width:92px;} #body_container2 .left_box ul li .photo img{float:right;} #body_container2 .left_box ul li a strong{font-weight:normal; float:right; margin-top:17px} #body_container2 .left_box ul li a{float:left; width:530px; color:#003366; text-decoration:none; text-align:right;} #body_container2 .left_box ul li a:hover{color:#000;} .left_content p.btn{float:left; width:100%; text-align:center; position:relative; z-index:9} .left_content p.btn img{float:none; vertical-align:top} .box_img{ float:left; width:100px; } .box_img img{ float:right; padding:3px 5px;} .box_content{ float:right; width:125px;} .box_content h3{ float:right; font-family:"myriad Pro"; font-size:12px; padding:15px 10px 15px 0; color:#006699; } #body_container .right_side{ float:right; width:530px; margin:0px; padding:0px;} #body_container .right_box{float:right; width:530px; margin:0px; padding:0 0 15px 0; background:#DDDAD9 url(images/box_bg.jpg) no-repeat bottom left;} #body_container .right_box img {float:right; margin:6px 15px 0 0; display:inline } #body_container .right_box h2{font-family:Myriad Pro; font-size:21px; line-height:26px; float:right; color:#666666; padding:15px 15px 0 0; display:inline; text-align:right} #body_container .right_box p {font-family:Myriad Pro; font-size:11px; float:right; color:#303030; width:60%; line-height:16px; padding:5px 15px 0 0; display:inline; text-align:right} #body_container .right_images{ float:right; margin:0px; padding:0 0 0 210px;} #inner_container {float:left; width:730px; padding:10px 30px; min-height:500px; height:auto!important; height:500px} #inner_container p{float:left; width:100%; padding:5px 0 15px} #inner_container h1 { margin:15px 0; } #inner_container2 {float:left; width:500px; padding:10px 30px; min-height:500px; height:auto!important; height:500px} #inner_container2 p{float:left; width:100%; padding:5px 0 15px} #inner_container2 h1 { margin:15px 0; } #footer_container { margin:0 auto; width:800px; } #footer_container .footer_content{width:800px; float:left;background: url(images/footer_bg.gif) repeat-x 0 0;height:80px; } #footer_container .footer_img {float:left; margin:0 0 0 20px; display:inline} #footer_menu{ float:right; list-style:none; margin:0px; padding:25px 0px 5px 0px; color:#FFFFFF; text-align:right; } #footer_menu li{ display:inline;margin:0px; padding:0 5px 0 2px; background:url(images/footer_link_sep.jpg) no-repeat right 0px;font-size:10px; text-transform:uppercase; letter-spacing:-1px} #footer_menu li a{ text-decoration:none;color:#FFF; } #footer_menu li a:hover{ text-decoration: underline;} #footer_menu li.last{background:none; padding-right:0} #footer_container .footer_content p{color:#FFF; font-size:11px; font-family:Myriad Pro; float:right; width:61%; text-align:center} .widget-title{display:none;} .benefitssidebar{ float: left; width: 250px; background: #cce5f4 url(images/topsidebar.gif) repeat-x;; margin: 0px 0 10px 10px; display: inline; line-height: 14px; border-color: #0074c1; border-width: 1px; border-style: solid; } .benefitssidebar h3{ margin: 0 0 0 10px; padding: 15px 10px 15px 25px; background: url(images/check2.gif) no-repeat left center; font-family: Georgia, Sans-serif; font-size: 18px; font-style: normal; font-weight: normal; color: #ffffff; } .benefitssidebar ul{ list-style-type: none; margin: 0; padding: 0 10px 0 10px; } .benefitssidebar ul li{ padding: 3px 0 3px 0; } .benefitssidebar ul li h2{ font-family: Georgia, Sans-serif; font-size: 14px; } .benefitssidebar ul ul { list-style-image: url(images/check.gif); margin-left: 10px; } .sidebar ul ul li{ padding: 0 0 3px 0; line-height: 14px;} #benefits-column { clear:both; float:right; width:250px; margin-right:15px; }