/* Global styles */ body { background:url(images/bg_tile.gif); font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;} *html body { background:url(images/bg_tile.gif); text-align:center;} * {margin: 0 auto; padding: 0;} /*<------<--------<-----| This assumes we're centering!!! */ a img {border: none;} a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00457c; font-weight:bold; text-decoration:none;} a:hover, a.current {text-decoration: underline;} p { line-height:15px} h1{display:none;} ul, ol {padding:4px 0 0 0;} /* reusable classes */ .right{float:right;} .left{float:left;} .bodytext { padding: 2px 18px 8px 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;} .full{position:relative; width:99%;} /*<------<--------<-----| This works better w/ px based widths */ .split50{position:relative; width:50%;float:left;} .split30{position:relative; width:33%;float:left;} /* Wrappers */ /*<------<--------<-----| Start building out your divs here... */ #PageWrapper{ margin-top:10px; margin-bottom:20px;} #Wrapper{ position:relative; width:779px; } *html #Wrapper{ position:relative; width:779px; text-align:left;} /* all page top */ #Header{ background:url(images/row_top.gif); width:779px; height:52px;} /*#Nav{ background:url(images/row_nav.gif); width:779px; height:40px;}*/ /*Nav*/ #Nav { width: 779px; height: 40px; float:left; list-style: none; background-color: #000; padding: 0; position:relative;} *html #Nav { width: 779px; height: 40px; float:left; list-style: none; background-color: #000; padding: 0; left:-40px 0; clear:both;} #Nav ul{margin:0; padding:0;} #Nav li { float: left;} *html #Nav li { float: left; left:-40px 0;} #Nav li a span { display: none; } #Nav li a { height: 40px; display: block; float: left; padding: 0; } #Nav li a.home {width: 118px;background: url(images/nav_home.gif) no-repeat top;} #Nav li a.aboutus {width: 102px; background: url(images/nav_about.gif) no-repeat top;} #Nav li a.clients {width: 93px; background: url(images/nav_clients.gif) no-repeat top;} #Nav li a.ce { width: 196px; background: url(images/nav_ce.gif) no-repeat top;} #Nav li a.search {width: 120px;background: url(images/nav_search.gif) no-repeat top;} #Nav li a.contactus {width: 150px;background: url(images/nav_contact.gif) no-repeat top;} /*over*/ #Nav li a.home2 {width: 118px;background: url(images/nav_home.gif) no-repeat top; background-position: bottom;} #Nav li a.aboutus2 {width: 102px; background: url(images/nav_about.gif) no-repeat top; background-position: bottom;} #Nav li a.clients2 {width: 93px; background: url(images/nav_clients.gif) no-repeat top; background-position: bottom;} #Nav li a.ce2 { width: 196px; background: url(images/nav_ce.gif) no-repeat top; background-position: bottom;} #Nav li a.search2 {width: 120px;background: url(images/nav_search.gif) no-repeat top; background-position: bottom;} #Nav li a.contactus2 {width: 150px;background: url(images/nav_contact.gif) no-repeat top; background-position: bottom;} /*hover*/ #Nav li a:hover { background-position: bottom; } /* home page */ /* home page banner */ #HomeBanner{ background:url(images/row_hpbanner.gif) no-repeat; width:779px; height:209px; clear:both;} /* home page content */ #HomeWrapper{ background:url(images/row_behindCopy.gif); width:779px; height:275px;} #Content{ padding:36px 10px 10px 28px; float:left; width:450px; } #Content h1 {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18px; color:#00355e;} #Content p { padding: 10px 18px 2px 18px; font:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c; line-height:16px} #RightCol{ width: 254px; padding:30px 0px 0px 10px;} #RightCol p { font:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;} #RightColJobs { background:url(images/title_home_search.gif) no-repeat; width:254px; height:20px;} #RightColApply { background:url(images/title_home_apply.gif) no-repeat; width:254px; height:20px;} #RightColNews { background:url(images/title_home_news.gif) no-repeat; width:254px; height:20px;} #RightColBox{ background:#FFFFFF; width:252px; border:solid #8aa1b3 1px; margin-bottom:3px; margin-top:2px; padding:0 0 6px 0;} #RightColBoxNews{ background:#FFFFFF; width:252px; border:solid #8aa1b3 1px; margin-bottom:6px; margin-top:2px; padding:0 0 0px 0;} #RightColBox p { padding: 2px 2px 2px 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5e737f; font-weight:none; clear:both;} #RightColBox span a { padding: 0px 6px 0px 2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#bf0f3f; font-weight:bold; text-decoration:underline; float:right;} #RightColBox a { padding: 4px 6px 2px 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1a7bb2; font-weight:none; text-decoration:underline;} /* sub page banner */ #SubBannerAbout{ background:url(images/banner_sub_4.jpg) no-repeat; width:779px; height:112px; } #SubBannerClients{ background:url(images/banner_sub_1.jpg) no-repeat; width:779px; height:112px; } #SubBannerCE{ background:url(images/banner_sub_5.jpg) no-repeat; width:779px; height:112px; } #SubBannerSearch{ background:url(images/banner_sub_3.jpg) no-repeat; width:779px; height:112px; } #SubBannerContact{ background:url(images/banner_sub.jpg) no-repeat; width:779px; height:112px; } #SubSpacer{ background:url(images/row_sub_belowbanner.gif); width:779px; height:22px;} /* sub page content */ #SubWrapper{ background:url(images/srow_sub_contentSlice.gif) repeat-y; width:779px;} #LeftCol{ width:200px;} #LeftCol p { padding: 4px 4px 0px 12px; font:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;} #LeftCol ul { list-style:url(images/arrow.gif); margin-bottom:2px;} #LeftCol li { font-family:Verdana, Arial, Helvetica, sans-serif; color:#5e737f; font-size:11px;} #LeftColBox{ background:#FFFFFF; width:194px; border:solid #afb8bb 1px; margin-bottom:0px; margin-left:12px; margin-top:4px; padding-bottom:8px} #LeftColBox p { padding: 4px 4px 0px 4px; font:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;} #LeftColBox ul { list-style:url(images/arrow.gif); margin-left:60px;} #LeftColBox li { font-family:Verdana, Arial, Helvetica, sans-serif; color:#5e737f; font-size:11px;} #LeftColBoxContent{ background:#d7e7f8; width:184px; border:solid #afb8bb 1px; margin-bottom:10px; margin-left:16px; margin-top:10px; padding:0 0 10px 0;} #LeftColBoxContent h5 { padding: 6px 4px 4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1F8713; font-weight:bold; text-decoration:none;} #LeftColBoxContent h6 { padding: 4px 4px 0px 12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5e737f; font-weight:bold; text-decoration:none;} #LeftColBoxContent p { padding: 4px 4px 4px 12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5e737f; font-weight:bold; text-decoration:none;} #LeftColBoxContent ul, ol { list-style:none; margin-left:20px;} #LeftColBoxContent li { font-family:Verdana, Arial, Helvetica, sans-serif; color:#5e737f; font-size:11px; margin-bottom:2px; } #SubContent{ width:535px; padding:12px 14px 20px 14px; float:left} #SubContent h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#19840D; padding:0 0 0 10px;} #SubContent h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#00457c; font-weight:none; padding:0 0 6px 8px;} #SubContent h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#1F8713; font-weight:bold; padding:4px 0 6px 22px;} #SubContent h5 {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#1F8713; padding:4px 0 12px 22px;} #SubContent a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00457c; font-weight:bold; text-decoration:none;} #SubContenta:hover {text-decoration: underline;} #SubContent p { padding: 0px 18px 8px 24px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#61686F;} #SubContent ol { padding: 4px 0px 2px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c; list-style:decimal;} #SubContent ul { padding: 4px 0px 2px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;list-style:url(images/bull.gif);} #SubContent li { margin-left:66px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c; list-style:url(images/bull.gif); padding:0 0 6px 0;} #SubContent hr { margin-top:8px; margin-bottom:12px; color:#999999;} #SubContent h4 a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#1F8713; font-weight:bold; padding:4px 0 6px 0; text-decoration:none;} #SubContent h4 a:hover{text-decoration:underline;} #Watermark { background:url(images/watermark.gif) no-repeat; background-position:right; position:static;} #SubContent2{ width:530px; padding:20px 20px 20px 20px; float:left} #SubContent2 h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#00457c; font-weight:none; padding:0 0 6px 10px;} #SubContent2 p { padding: 2px 18px 8px 2px; font:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;} #InfoBoxHolder{ width:160px; height:300px; float:right; margin-left:16px; margin-top:20px; } #InfoBox{ background:#fff; width:160px; border:solid #19840d 1px; margin-bottom:4px; margin-left:16px; margin-top:8px; float:right; } #InfoBox h4 { padding: 6px 4px 4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1F8713; font-weight:bold;} #InfoBox p { padding: 6px 4px 4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5e737f; font-weight:bold; text-decoration:none;} #InfoBox ul { padding: 4px 0px 2px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;list-style:url(images/bull.gif);} #InfoBox li { margin-left:30px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c; list-style:url(images/bull.gif); padding:0 0 6px 0;} #InfoBoxHolder2{ width:160px; float:right; margin-left:16px; margin-top:20px; } #InfoBox2{ background:#fff; width:160px; border:solid #19840d 1px; margin-bottom:4px; margin-left:16px; margin-top:8px; float:right; } #InfoBox2 h4 { padding: 6px 4px 4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1F8713; font-weight:bold;} #InfoBox2 p { padding: 6px 4px 4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5e737f; font-weight:bold; text-decoration:none;} #InfoBox2 ul { padding: 4px 0px 2px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c;list-style:url(images/bull.gif);} #InfoBox2 li { margin-left:30px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#6b737c; list-style:url(images/bull.gif); padding:0 0 6px 0;} /* all page bottom */ #Bottom{ background:url(images/row_bottom.gif) no-repeat; width:779px; height:58px;} #Bottom a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none;} #Bottom a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:underline;} #Bottom p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:42px 14px 6px 14px;} #Bottom span{ padding:38px 14px 6px 14px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; margin-bottom:30px;} /* -- Alsett Clearing Method*/ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;}