body { font-family: Arial, Helvetica, sans-serif; background:#090909 top center no-repeat url('/templates/1/images/bg.jpg'); font-size:13px; color:#393939; margin:0; padding:0; } /********************************************************************************************** GLOABAL STYLES */ h1{ font-size:24px; padding-bottom:15px; text-transform: uppercase; } h2{ font-size:10px; padding-bottom:15px; text-transform: uppercase; } h3{ font-size:16px; padding-bottom:15px; text-transform: uppercase; } h4{ font-size:14px; padding-bottom:15px; text-transform: uppercase; font-weight:bold;} h5{ font-size:12px; padding-bottom:15px; text-transform: uppercase; font-weight:bold;} h6{ font-size:10px; padding-bottom:15px; text-transform: uppercase; font-weight:bold;} a{ color:#000000; text-transform: uppercase;} a:hover{ color:#000;} .line{ width:100%; height:2px; border-bottom:1px #999 dotted; margin:5px 0 0px 0;} small, .small{ font-size:11px;} b, strong{ font-weight:bold;} p{ padding:10px 0px; line-height:20px;} i, em{ font-style:italic; } p{ padding:10px 0px; line-height:20px;} .fleft{ float:left; } .fright{ float:right; } .float-left, .alignleft{ float:left; margin:15px 15px 15px 0px; } .float-right, .alignright{ float:right; margin:15px 0px 15px 15px; } #content ul, ol{ position:relative; margin:10px 0px; } #content ul li, ol li{ padding:5px 0 0 5px; margin:0 0 0 30px; } #content ul li{ list-style-type:none; } #content ol li{ list-style-type: decimal; } #content table{ width:100%; border-collapse:collapse; margin-top:10px; } #content table tr th{ background-color:#5B5B5B; color:#FFF; padding:5px; text-align:center; border:1px #d6d6d6 solid; } #content table tr td{ padding:5px; text-align:left; } .fwhite{ color:#FFF;} .fdark{ color:#2c2c2c;} /********************************************************************************************** HEADER STYLES */ #header{ display:block; position:relative; width:960px; height:117px; margin:0px auto; background: no-repeat url('/templates/1/images/menu_bg.png') 249px 30px; z-index:99; } #logo{ position:relative; display:block; width:391px; height:117px; background:top left no-repeat url('/images/logo.png'); } /********************************************************************************************** MENU */ /* ALL STYLES ARE IN superfish.css */ /********************************************************************************************** BANNER */ #banner_wrap{ position:relative; padding:15px 0 0 0; width:960px; height:500px; margin:0px auto; background:bottom center no-repeat url('/templates/1/images/banner_bg.png'); } .carousel{ display:block; width:960px; height:420px;} .carousel .carousel-previous{ position:absolute; display:block; text-indent:-9999px; width:50px; height:50px; background:top left no-repeat url('/templates/1/images/banner_nav_right.png'); cursor:pointer; top:200px; right:10px; z-index:111; } .carousel .carousel-next{ position:absolute; display:block; text-indent:-9999px; width:50px; height:50px; background:top left no-repeat url('/templates/1/images/banner_nav_left.png'); cursor:pointer; top:200px; left:10px; z-index:111; } /********************************************************************************************** BANNER */ #tagline_wrap{ display:block; position:relative; width:100%; height:70px; margin:0px auto; background:bottom left repeat-x url('/templates/1/images/tagline_bg.jpg'); } #tagline{ display:block; position:relative; width:960px; height:60px; padding-top:10px; margin:0px auto; text-align:center; line-height:24px; font-size:18px; color:#FFF; z-index:1; } /********************************************************************************************** CONTENT GLOBAL */ #content_wrap{ display:block; position:relative; width:100%; margin:0px auto; background:#f5f5f5; z-index:1; } #content_container{ display:block; position:relative; width:940px; padding:35px 10px 0px 10px; margin:0px auto; z-index:1; } .clear{ display:block; width:960px; height:35px; clear:both; } .noheight{ height:5px!important;} #promo_container{ display:block; width:940px; clear:both; } .promobox{ display:block; float:left; width:300px; } .margin_r{ margin-right:20px;} .promobox h3{ font-size:14px; font-weight:bold; padding-bottom:5px; } a.promobox { font-size:14px; font-weight:bold; padding-bottom:5px; text-decoration: none; } a.promobox_text { text-transform:none; text-decoration: none; } /********************************************************************************************** CONTENT */ #content{ display:block; float:right; width:600px; z-index:1; } #full_content{ position:relative; display:block; width:960px; clear:both; z-index:1; } .content_shadow{ background:top center no-repeat url('/templates/1/images/content_shadow.jpg'); z-index:1; } .readmore{ font-size:10px;} /********************************************************************************************** PORTFOLIO */ #portfolio_menu{ display:block; width:100%; padding:5px; border-top:1px #999 dotted; border-bottom:1px #999 dotted; margin:20px 0px 10px 0px;} ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; } ul#portfolio-filter li{ display: inline; } ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #AAA; text-decoration: none; } ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; } ul#portfolio-filter a.current{ background-color: #DDD; } ul.clearli li { clear:both; } ul.display li { padding:20px; } ul.display li a { color: #e7ff61; text-decoration: none; } ul.display li .content_block { margin: 0px; display:block; background:no-repeat url('/templates/1/images/shadow-thum.jpg') 10px 165px; } ul.display li .content_block h2 { margin: 0; padding: 0px; font-weight: normal; font-size: 14px; } ul.display li .content_block h2 a { font-weight: bold; color:#2e2e2e; font-size: 14px; } ul.display li .content_block h2 a:hover { text-decoration:underline; } ul.display li .content_block h3 { margin: 0; padding: 5px; font-weight: normal; font-size: 10px; } ul.display li .content_block h3 a { font-weight: normal; color:#2e2e2e; font-size: 10px; text-transform:lowercase } ul.display li .content_block h3 a:hover { text-decoration:underline; } ul.display li .content_block p { margin: 0; padding: 5px 5px 5px 300px; font-size: 13px; } ul.display li .content_block a img{ padding: 0px; border: 4px solid #E0E0E0; background: #fff; margin: 0 15px 0 0; float: left; } ul.display li .content_block a img:hover{ border: 4px solid #818181; } ul.thumb_view li{ width: 280px; float: left; } ul.thumb_view li h2 { display: inline; } ul.thumb_view li p{ display: none; } ul.thumb_view li .content_block a img { margin: 0 0 10px; } a.switch_thumb { position:absolute; top:0px; right:0px; width: 237px; height: 37px; display: block; background: url(../images/switch.gif) no-repeat; outline: none; text-indent: -9999px; } a.swap { background-position: left bottom; } a:hover.switch_thumb {} /********************************************************************************************** NEWS / BLOG */ .post{ border-bottom:1px #999 dotted; padding-bottom:20px; margin-bottom:35px; } .post_title{ float:left; width:440px;} .post_title a{ text-decoration:none; } .post_date{ float:right; font-size:24px; color:#999; width:140px; text-align:right;} .postmeta{ border-bottom:1px #999 dotted; border-top:1px #999 dotted; padding:5px 0px; width:100%; font-weight:normal; font-size:10px; margin-bottom:15px; clear:both; } .postmeta a{ font-weight:normal; font-size:10px; text-transform:none; color:#393939;} .entry{} #navigation a{ display:block; float:left; padding:4px 8px; margin-right:4px; border:1px #999 solid; color:#999; text-decoration:none;} #navigation a:hover, #navigation a.on{ display:block; float:left; padding:4px 8px; margin-right:4px; border:1px #999 solid; color:#FFF; background-color:#b1b1b1; text-decoration:none; } /********************************************************************************************** CONTACT FORM */ span.red{ color:#F00;} .message{ display:block; width:90%; padding:10px; margin:0px auto; color:#FFF; background-color:#2E3138; border:1px #999 solid; text-align:center; font-size:16px; } #contactForm { width: 563px; } #contactForm label.error { width: 250px; text-align:left; color: #F00; font-size:10px; padding:5px 0px 0px 0px!important; } #contactForm label.error{ display:block; } #contactForm input.submit:hover { background-color:#000000; } label{ clear:both; display:block; padding:10px 0px 5px 0px;} input, select, textarea{ width:330px; background-color:#FFFFFF; border:1px #C5C5C5 solid; padding:5px; } select{ width:342px; background-color:#FFFFFF; } textarea{ width:100%; height:150px; background-color:#FFFFFF; border:1px #C5C5C5 solid; padding:5px; } .submit{ width:79px; height:30px; display:in-line; border:0px; padding:0px; background-color:#2E3138; color:#FFF; cursor:pointer; } .submit:hover{ background-color:#000; } /********************************************************************************************** SIDEBAR */ #sidebar{ display:block; float:left; width:300px; } ul.news li{ padding:10px 0px; border-bottom:1px #999 dotted;} ul.news li a{ font-size:12px; color:#393939;} ul.news li a:hover{ font-size:12px; color:#000000;} ul.news li small{ color: #999;} ul.submenu li{ padding:0px 0px 0px 33px; border-bottom:1px #999 dotted; background:no-repeat url('/templates/1/images/menu_li.jpg') 10px 16px; } ul.submenu li a{ display:block; color:#393939; padding:10px 10px; text-decoration:none; font-size:12px; } ul.submenu li a:hover, ul.submenu li a.current{ background: #dddddd; text-decoration: none; color:#393939; } ul.current_entries li { background: #cccccc; border-style: solid; border-width: 0px; padding: 2px; display: block; } ul.current_entries li a { font-weight: bold; border-style: solid; border-width: 0px; padding: 5px; display: block; } /********************************************************************************************** FOOTER */ #footer_wrap{ display:block; position:relative; width:960px; height:60px; margin:0px auto; } /********************************************************************************************** NEWSLETTER FOOTER */ #newsletter{ display:block; position:relative; width:760px; height:60px; margin:0px auto; padding:25px 100px 0 100px; background:top center no-repeat url('/templates/1/images/newsletter_bg.jpg'); } #subscribe_text{ color:#212121; font-size:23px; line-height:18px; height:60px; float:left; } #signup_wrap{ float:right; } #newsletter_form{ width:330px; height:28px; background-color:#2c2c2c; border:1px #454545 solid; } #newsletter_email{ position: relative; top: -10px; height: 20px; background: none; width:215px; border:0px; padding:0px 10px; color:#FFF; } #newsletter_submit{ width:95px; height:28px; border:0px; text-indent:-999px; background:top right no-repeat url('/templates/1/images/newsletter_button.jpg'); cursor:pointer; } /********************************************************************************************** LINKS FOOTER */ #links{ display:block; position:relative; width:960px; padding:40px 0px 0px 0px; margin:0px auto; background:top center no-repeat url('/templates/1/images/footer_bg.jpg'); border-bottom:1px #000 solid; color:#FFF; } .link_box{ display:block; float:left; width:120px; margin-right:30px; } .link_box a{ color: #eeeeee; display: block; } .info_box{ display:block; float:right; width:310px; line-height:21px; } .info_box a{ color:#FFF; text-transform: none;} .link_box h4,.info_box h4{ color:#ababab; font-size:14px; font-weight:bold; padding-bottom:20px; } .link_box ul li{ padding:0px 0px 7px 0px; } .link_box ul li a{ color:#FFF; text-decoration:none; text-transform: none; } .link_box ul li a:hover{ color:#FFF; text-decoration: underline; } /********************************************************************************************** COPYRIGHT FOOTER */ #copy{ display:block; position:relative; width:960px; height:50px; padding:10px 0px; margin:0px auto; border-top:1px #ababab solid; color:#ababab; font-size:11px; } #copy a{ color:#ababab; font-weight:bold; text-decoration:none;} #copy a:hover{ color:#FFF; text-decoration:underline;} #design{ float:right;} #addThis { float: right; border: 0px #000066 dotted; padding: 0px; font-size: 12px; }