/*
Theme Name: Jordan Engineering
Theme URI: http://www.jordanengineering.com
Description: The default Wordpress CMS theme for Jordan Engineering.
Version: 1.0
Author: Rufus
Author URI: http://www.rufus.co.uk
*/

/* Reset Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

/* Global Styles */
a{color:#36a7e9;text-decoration:none;}
.maincontent p a.pdf {background:transparent url('images/pdf.gif') no-repeat scroll 2px 6px;display:block;padding:6px 0 0 24px;height:22px}
a:hover{color:#36a7e9;text-decoration:underline;}
img{border:0;}
fieldset{border:none;}
li{list-style:none;}

/* Website Structure Styles */
body{background-attachment:fixed;background-image:url('images/background/rotate.php');background-position:center top;background-repeat:no-repeat;background-color:#000;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
#container{margin:0 auto;padding-bottom:30px;width:960px;}

/* Header Styles */
#header{height:161px;position:relative;width:100%;}
#header span.logo{background:url('images/logo.png') left top no-repeat;float:left;height:158px;width:313px;}
#header span.logo a{display:block;height:158px;outline-style:none;text-indent:-9999px;width:313px;}
#header .search{height:22px;left:523px;position:absolute;top:79px;width:205px;}
#header .search .search-inner{background:url('images/bg_search.png') left top no-repeat;}
#header .search .input-box{background:none;border:none;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:italic;height:18px;padding:2px 10px 0 8px;vertical-align:middle;width:163px;}
#header .search .search-button{background:none;border:none;cursor:pointer;height:22px;vertical-align:middle;width:24px;}
#header h2{background:url('images/bg_header_h2.png') left top no-repeat;height:93px;outline-style:none;position:absolute;right:-26px;text-indent:-9999px;top:32px;width:242px;}
.mainnav{height:25px;position:absolute;right:0;top:128px;width:776px;}
.mainnav ul{overflow:hidden;width:100%;}
.mainnav ul li{float:left;padding-left:9px;}
.mainnav ul li.first{padding-left:0;}
.mainnav ul li a{display:block;float:left;height:24px;outline-style:none;text-indent:-9999px;}
.mainnav ul li a#nav-home{background:url('images/bg_mainnav.png') -301px -1px no-repeat;width:66px;}
.mainnav ul li a#nav-home:hover{background:url('images/bg_mainnav.png') -100px -1px no-repeat;}
.mainnav ul li.selected a#nav-home{background:url('images/bg_mainnav.png') -100px -1px no-repeat;}
.mainnav ul li a#nav-about-us{background:url('images/bg_mainnav.png') -279px -37px no-repeat;width:87px;}
.mainnav ul li a#nav-about-us:hover{background:url('images/bg_mainnav.png') -78px -37px no-repeat;}
.mainnav ul li.selected a#nav-about-us{background:url('images/bg_mainnav.png') -78px -37px no-repeat;}
.mainnav ul li a#nav-capacity{background:url('images/bg_mainnav.png') -201px -74px no-repeat;width:166px;}
.mainnav ul li a#nav-capacity:hover{background:url('images/bg_mainnav.png') 0 -74px no-repeat;}
.mainnav ul li.selected a#nav-capacity{background:url('images/bg_mainnav.png') 0 -74px no-repeat;}
.mainnav ul li a#nav-markets{background:url('images/bg_mainnav.png') -209px -112px no-repeat;width:158px;}
.mainnav ul li a#nav-markets:hover{background:url('images/bg_mainnav.png') -8px -112px no-repeat;}
.mainnav ul li.selected a#nav-markets{background:url('images/bg_mainnav.png') -8px -112px no-repeat;}
.mainnav ul li a#nav-products{background:url('images/bg_mainnav.png') -281px -149px no-repeat;width:86px;}
.mainnav ul li a#nav-products:hover{background:url('images/bg_mainnav.png') -80px -149px no-repeat;}
.mainnav ul li.selected a#nav-products{background:url('images/bg_mainnav.png') -80px -149px no-repeat;}
.mainnav ul li a#nav-clients{background:url('images/bg_mainnav.png') -283px -186px no-repeat;width:84px;}
.mainnav ul li a#nav-clients:hover{background:url('images/bg_mainnav.png') -82px -186px no-repeat;}
.mainnav ul li.selected a#nav-clients{background:url('images/bg_mainnav.png') -82px -186px no-repeat;}
.mainnav ul li a#nav-other{background:url('images/bg_mainnav.png') -304px -223px no-repeat;width:69px;}
.mainnav ul li a#nav-other:hover{background:url('images/bg_mainnav.png') -103px -223px no-repeat;}
.mainnav ul li.selected a#nav-other{background:url('images/bg_mainnav.png') -103px -223px no-repeat;}

/* Content Styles */
#content .bt{background:url('images/bg_content_bt.png') left top no-repeat;height:9px;overflow:hidden;width:100%;}
.content-inner{background:url('images/bg_bm.png') left top repeat-y;overflow:hidden;width:100%;}
.content-inner h1{color:#36A7E9;font-size:25px;font-weight:normal;padding-bottom:10px;}
.content-inner h2{color:#36a7e9;font-size:18px;font-weight:normal;padding-bottom:6px;}
.content-inner h3{color:#36A7E9;font-size:15px;font-weight:bold;padding-bottom:6px;}
.content-inner h4{color:#36A7E9;font-size:14px;font-weight:bold;padding-bottom:6px;}
.maincontent{float:left;padding-left:17px;width:625px;}
.maincontent p, .maincontent ul, .maincontent dl{font-size:11px;line-height:16px;padding-bottom:12px;}
.maincontent ul li{margin:0 0 3px 0;background:transparent url(images/bg_footer_li.png) no-repeat scroll left 12px;line-height:19px;padding:2px 0 2px 13px;}
.maincontent dl{}
.maincontent dl dt{float:left;clear:both;}
.maincontent dl dd{float:right;}
.maincontent p a{background:url('images/bg_read_more.png') right 2px no-repeat;padding-right:19px;}
.maincontent a.anchor{background:none;padding:0;}
.maincontent .text-box{padding-left:15px;padding-top:10px;}
.maincontent .text-box ul.clientsfirst{float:left;width: 150px}
.maincontent .text-box ul.clientssecond{float:right;width: 430px}
.maincontent .title-box{overflow:hidden;padding:12px 16px 0 15px;width:594px;}
.maincontent .title-box a{background:url('images/bg_read_more.png') right 2px no-repeat;float:right;margin-top:12px;padding-right:19px;}
.maincontent .title-box h2{float:left;width:460px;}
.maincontent .photo-box{background:url('images/bg_photo-box.png') left top no-repeat;height:261px;margin-top:12px;}
.maincontent .photo-box img{display:block;}
.maincontent .photo-box ul.navigation{float:left;width:170px;}
.maincontent .photo-box ul.navigation li{background:none;float:left;height:68px;padding:12px 4px 0 12px;width:68px;}
.maincontent .photo-box .img-box{float:right;padding-right:15px;padding-top:15px;width:411px;}
.maincontent img.content-img{float:left;background:#333333;padding:3px;}
.pagecontent{padding:10px 0 0;}
.post-title{margin:0 0 15px;overflow:auto;}
.post-title h2{padding:3px 0 0;}
.maincontent .open-statement{background:url('images/bg_opening.png') 0 0 no-repeat;color:#36A7E9;float:right;font-size:16px;font-weight:normal;line-height:21px;margin:10px 0 10px 20px;padding:3px 0 3px 51px;width:300px;}
.maincontent .non-quote{color:#36A7E9;float:right;font-size:16px;font-weight:normal;line-height:21px;margin:0 0 10px;}
.maincontent p.open-support{background:transparent url('images/bg_sidebar_box.png') repeat-x bottom center;margin:0 0 15px;padding:0 0 20px;}
.maincontent img.hero{background:#333333;padding:5px;margin:0 0 10px 0;}
.maincontent .left-column{width:49%;float:left;}
.maincontent .right-column{width:49%;float:right;}
.maincontent .left-column img, .maincontent .right-column img{background:#333333;margin:0 0 10px;padding:3px;}
.date-box-news{background:url('images/bg_date-box.png') left top no-repeat;display:block;float:left;height:31px;margin:0 10px 0 0;text-align:center;width:30px;}
.date-box-news span{color:#36A7E9;display:block;font-size:12px;font-weight:bold;padding-top:1px;text-align:center;width:100%;}
.maincontent .entry{background:url('images/bg_sidebar_box.png') left bottom repeat-x;padding:0 0 10px 0;}
.maincontent .meta-data{background:url('images/bg_sidebar_box.png') left bottom repeat-x;margin:0 0 25px;padding:7px 0 8px 0;}
.contact-form{float:left;margin:0 0 20px;width:390px;}
.contact-details{float:right;width:200px;}
.contact-details span.fn, #footer .text-box span.fn{display:block;font-weight:bold;}
#footer .text-box span.fn{padding:8px 0 0 0;}
.contact-details .org, #footer .text-box .org{display:none;}
.contact-details a.email, #footer .text-box a.email{display:block;padding:0 0 10px;}
.contact-details .adr, #footer .text-box .adr{display:block;line-height:18px;padding:0 0 10px;}
.contact-details .tel,
.contact-details .fax,
#footer .text-box .tel,
#footer .text-box .fax{display:inline;}
#mmf-f1-p32-o1{}
#mmf-f1-p32-o1 label{float:left;}
#mmf-f1-p32-o1 input, #mmf-f1-p32-o1 textarea{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding:4px 0 0 5px;float:right;}
#mmf-f1-p32-o1 span.your-name input,
#mmf-f1-p32-o1 span.your-email input,
#mmf-f1-p32-o1 span.your-subject input{background:transparent url('images/bg_contact_field.png') no-repeat 0 0;border:none;height:18px;height:22px;width:292px;}
#mmf-f1-p32-o1 span.your-message textarea{background:transparent url('images/bg_contact_textbox.png') no-repeat 0 0;border:none;height:162px;width:292px;}
#mmf-f1-p32-o1 p.submit-button input{background:transparent url(images/bg_btn_send.png) no-repeat 0 0;border:none;clear:both;display:block;height:19px;margin:10px;text-indent:-3000px;width:56px;cursor:pointer;}
.required{color:#F00;}
.contact-map{background:transparent url('images/bg_sidebar_box.png') repeat-x top center;clear:both;padding:20px 0 0 0;}
#map_canvas{border:2px solid #64676B;float:left;height:210px;margin:0 0 20px;width:605px;}
.map-details{float:right;width:285px;}


#mmf-f1-p32-o1 .your-name span.mmf-not-valid-tip{background:#333 none repeat scroll 0 0;border:1px solid #FF7800;font-size:10pt;height:14px;left:34px;padding:2px;position:absolute;top:0;width:289px;z-index:100;}
#mmf-f1-p32-o1 .your-email span.mmf-not-valid-tip{background:#333 none repeat scroll 0 0;border:1px solid #FF7800;font-size:10pt;height:14px;left:37px;padding:2px;position:absolute;top:0;width:289px;z-index:100;}
#mmf-f1-p32-o1 .mmf-response-output{left:272px;position:absolute;top:423px;width:272px;}



/* Sidebar Styles */
.sidebar{float:right;padding-right:28px;padding-top:55px;width:263px;}
ul.page-nav{background:transparent url('images/bg_sidebar_box.png') repeat-x scroll left bottom;margin:0 0 11px;padding:0 0 22px 11px;}
ul.page-nav li{background:transparent url('images/bg_footer_li.png') no-repeat scroll left 11px;line-height:19px;padding:2px 0 2px 13px;}
.latest-news{background:url('images/bg_sidebar_box.png') left bottom repeat-x;padding-left:13px;width:250px;}
.latest-news .text-box{overflow:hidden;padding-top:12px;width:100%;}
.latest-news .text-box .date-box{background:url('images/bg_date-box.png') left top no-repeat;display:block;float:left;height:31px;text-align:center;width:30px;}
.latest-news .text-box .date-box span{color:#36A7E9;display:block;font-size:12px;font-weight:bold;padding-top:1px;text-align:center;width:100%;}
.latest-news .text-box .box{float:right;width:204px;}
.latest-news .text-box .box h4{color:#36a7e9;font-size:11px;}
.latest-news .text-box .box h4 a{color:#36a7e9;}
.latest-news .text-box .box h4 a:hover{color:#36a7e9;}
.latest-news span{display:block;padding:10px 0 15px;}
.latest-news span a{background:url('images/bg_read_more.png') right 2px no-repeat;padding-right:19px;}
.sidebar-box{background:url('images/bg_sidebar_box.png') left bottom repeat-x;padding:15px 0;width:100%;}
.sidebar-box .img-box{background:url('images/bg_img_box.png') left top no-repeat;height:101px;margin:0 auto;padding-left:133px;width:109px;}
.sidebar-box .img-box h4{color:#FFF;font-size:15px;padding-top:10px;}
.sidebar-box .img-box p a{color:#FFF;}
.sidebar-box .img-box p a:hover{color:#FFF;}
.newsletter-box{background:url('images/bg_sidebar_box.png') left bottom repeat-x;padding:11px 0 11px 11px;width:100%;}
.newsletter-box .box{height:19px;width:100%;}
.newsletter-box .box-inner .email{background:url('images/bg_search2.png') left top no-repeat;border:none;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;height:18px;padding:1px 11px 0 9px;vertical-align:middle;width:176px;margin-bottom:10px;}
.newsletter-box .box-inner .submit{background:transparent none repeat scroll 0 0;font-family:Arial, Helvetica, sans-serif;border:medium none;color:#36A7E9;cursor:pointer;font-size:11px;padding:5px;}
.newsletter-box p{padding:0 0 14px;}
.clients-box{padding:6px 0 0 13px;width:250px;}
.clients-box .title-box{overflow:hidden;width:238px;}
.clients-box .title-box a{background:url('images/bg_read_more.png') right 2px no-repeat;float:right;margin-top:12px;padding-right:19px;}
.clients-box .title-box h2{float:left;width:140px;}
.clients-box ul{padding:16px 0;}
.clients-box ul li{float:left;margin:0 0 20px;padding-right:20px;}
.clients-box ul li img{vertical-align:middle;}

/* Footer Styles */
#footer-bb{background:url('images/bg_content_bb.png') left top no-repeat;height:9px;overflow:hidden;width:100%;}
#footer{background:url('images/bg_sidebar_box.png') left 15px repeat-x;clear:both;margin:0 auto;overflow:hidden;padding:15px 0;width:902px;}
#footer h3{color:#36a7e9;font-size:11px;}
#footer .footer-box{float:left;padding-top:20px;width:190px;}
#footer .footer-box-sml{float:left;padding-top:20px;width:100px;}
#footer .footer-box-sml ul li, #footer .footer-box ul li{background:url('images/bg_footer_li.png') left 12px no-repeat;line-height:19px;padding:5px 0 5px 13px;}
#footer .footer-box-sml li a, #footer .footer-box ul li a{color:#FFF;}
#footer .footer-box-sml li a:hover, #footer .footer-box ul li a:hover{color:#FFF;}
#footer .text-box{float:right;padding-top:20px;width:200px;}
#footer .text-box p{padding:9px 0 5px;}
#footer .text-box p label{color:#36a7e9;}

/* Image Slider Styles */
.hover-click{background:transparent url(images/hover.png) no-repeat scroll 0 0;display:block;height:18px;left:350px;position:absolute;top:400px;width:120px;}
#page{height:435px;margin:0 auto;width:960px;}
.featured{background-image:url(images/Featured.gif);background-repeat:no-repeat;height:101px;left:856px;position:absolute;top:0;width:104px;z-index:3;}
#slider{margin:0 auto;position:relative;}
#slider .topPost p.topMeta{border-bottom:1px solid #555;font-size:90%;padding:0 0 10px;}
#slider .topPost{padding:0 10px;width:600px;}
#slider p{padding:0 20px 0 3px;}
.folio-nav{display:block;float:left;margin:0;width:100%;}
#page .navigation{display:block;float:left;margin:0;width:310px;}
#page .navigation li{background:transparent none repeat scroll 0 0;display:inline;list-style-image:url(none);list-style-position:outside;list-style-type:none;padding:0;}
#page .navigation li a:hover{list-style-image:url(none);list-style-position:outside;list-style-type:none;}
#page .navigation a{border:6px solid #000;margin:6px;overflow:hidden;padding:0;}
.viewing{border-top:2px solid #000;color:#DDD;font-size:18px;margin:0 0 0 5px;padding:15px 0 0 5px;width:295px;}
#page .navigation a:hover,#page .navigation a.selected{background:#444 none repeat scroll 0 0;border:6px solid #FFF !important;color:#FFF;}
#page .navigation a:hover span,#page .navigation a.selected span{background:url(images/page_navigation_span.png) left top no-repeat;}
#page .navigation a:focus{outline:none;}
#page .scroll{background:transparent url(images/shadowAlpha.png) no-repeat scroll 10px bottom;border:medium none;float:right;height:399px;margin-bottom:-10px;margin-left:-10px;margin-right:-15px;overflow:auto;padding:0 10px 0 0;position:relative;width:620px;}
#page .scrollContainer .panel{overflow:hidden;padding:0;width:660px;}
#page .panel em{font-style:italic;}
#page .panel a{border-bottom:medium none;font-weight:normal;}
#page .panel a:hover{text-decoration:none;}
#page .panel .gallery img{border:solid 1px #c0c5d6;padding:2px;}
#page .readMore{font-size:90%;margin-right:20px;}
#page .readMore a{padding-left:3px;padding-right:3px;}
#page .panel blockquote,#page .panel ol,#page .panel pre{background:#ecedf3;font-size:12px;margin:1em 2em 2em;padding:10px 15px;}
#page .panel pre{background:#f8f8f8;border:solid 1px #e5e5e5;color:#1C194C;font-size:13px;line-height:1em;overflow:auto;}
#page .panel code{background:#f8f8f8;border:solid 1px #e5e5e5;color:#33333e;font-size:13px !important;padding:0 3px;}
#page .panel h2{color:#eee;font-size:180%;margin-bottom:5px !important;padding:10px 0 0 !important;}
#page .panel .gallery{text-align:center;}
.scrollButtons.right{background:#f7f7f7 url(images/left_right.gif) no-repeat scroll 0 0;border:none !important;cursor:pointer;height:37px;left:31px;position:absolute;text-decoration:none;top:460px;width:31px;}
.scrollButtons.left{background:#f7f7f7 url(images/left.gif) no-repeat scroll 0 0;cursor:pointer;height:37px;left:0;position:absolute;top:460px;width:31px;z-index:2;}
.scrollButtons.right:hover{background:#f7f7f7 url(images/left_right.gif) no-repeat scroll -31px 0;border:none !important;}
.scrollButtons.left:hover{background:#f7f7f7 url(images/left.gif) no-repeat scroll -31px 0;}
.scrollButtons span{display:none;}
.post-image{border:1px solid #333333;float:left;float:left;}
.post-image2{background:#FFF url(images/bg-gray.gif) repeat-x scroll right top;border:2px solid #999;float:right;margin:30px 0 20px 20px;}
.slide-img{}
.prev-next{padding:30px 10px 5px;text-transform:uppercase;}
.scroll{height:235px;left:12px;padding:0;position:relative;top:12px;width:427px;}
ul.hover_block{background:transparent none repeat scroll 0 0;}
ul.hover_block li{float:left;height:235px;list-style-image:none !important;list-style-position:outside !important;list-style-type:none !important;margin:0 !important;padding:0 !important;position:relative;width:455px;}
ul.hover_block li a{background:none !important;color:#000;display:block;font:1.6em/1.3 Helvetica, Arial, sans-serif;height:237px;list-style:none !important;overflow:hidden;padding:0;position:relative;text-decoration:none;}
ul.hover_block li img{left:0;position:absolute;top:0;}