/*general rules*/ * {margin:0; padding:0;} li {list-style:none;} img, #nav_industry li, .cont_rollover {behavior:url(iepngfix.htc);} /*****************************************/ /*colors and typography*/ body {background-color:#5c0509; font-family:Arial, Helvetica, sans-serif;} a {color:#5c0509;} #nav a {color:#5c0509; text-decoration:none; font-size:12px;} h4 {font-size:20px; font-weight:normal; color:#5c0509;} .cont_rollover h4, .cont_rollover a {color:#012d5c;} #home h4 {font-size:14px; font-weight:bold;} #maincopy {font-size:12px; color:#484b4f;} #subnav p, .cont_rollover p {font-size:11px;} label {font-size:12px; font-weight:bold; color:#fff;} /****************************************/ /*navigation*/ #nav { height:25px; background-color:#CCCCCC; border:1px solid #c5c5c5; padding:0 0 0 40px; width:918px; } #nav li {float:left; margin-right:30px; display:inline;} #nav li a {display:block; padding:0 20px; line-height:25px;} #nav li a:hover, #nav li a.selected {background:#fff url(/imagefiles/Nav_Rollover_Gradient.jpg) repeat-x top left; padding:0 19px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5;} /*dropdown*/ #nav li ul { /* second-level lists */ position: absolute; margin:0; z-index: 99; left: -999em; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; } #nav li:hover, #nav li.portnav {position:static;} #nav li:hover ul, #nav li.portnav ul {left: auto;} #nav li ul li { margin: 0; padding:0; background-color:#CCCCCC; height:22px; clear:both; width:170px; } #nav li ul li a {line-height:22px; width:130px;} /*index sidenav*/ #subnav {width:428px; height:508px; border:1px solid #c5c5c5; margin:0 0 0 29px; background:url(/imagefiles/Services_BG.jpg) no-repeat top left; padding:50px 0 0 0;} #subnav li {height:42px; margin-bottom:2px; padding:13px 76px 13px 107px;} #maincopy #subnav p, #maincopy #subnav h4 {line-height:normal; margin:0;} #sub_1 {background:#fff url(/imagefiles/01Bar_Broadband_Wireless.gif) no-repeat top left;} #sub_2 {background:#fff url(/imagefiles/02_Bar_MPLS_Ethernet.gif) no-repeat top left;} #sub_3 {background:#fff url(/imagefiles/03Bar_FiberOptics.gif) no-repeat top left;} #sub_4 {background:#fff url(/imagefiles/04Bar_Consulting.gif) no-repeat top left;} #sub_5 {background:#fff url(/imagefiles/05Bar_Support.gif) no-repeat top left;} #sub_6 {background:#fff url(/imagefiles/06Bar_Hosting.gif) no-repeat top left;} #sub_7 {background:#fff url(/imagefiles/07Bar_BackOffice.gif) no-repeat top left;} /*structure*/ #allcontent { width:960px; margin:20px auto 0 auto; padding-bottom:80px; } #masthead { position:relative; height:133px; background:#fff url(/imagefiles/Broadband_banner.jpg) no-repeat bottom right; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; } #maincopy { width:958px; border-bottom:1px solid #c5c5c5; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; position:relative; background:#fff url(/imagefiles/bg_content.jpg) repeat-y top left; } #maincopy:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #maincopy {line-height:19px;} #maincopy h4, #maincopy p {margin:0 0 15px 0;} h1 {position:relative; width:208px; height:77px; padding:30px 0 0 50px;} h1 span {position:absolute; display:block; width:100%; height:77px; background:#fff url(/imagefiles/Logo.gif) no-repeat top left;} h2 {position:absolute; left:-999em;} /*****************************************/ /*individual page rules*/ /*home*/ #home #maincopy {background:none; background-color:#fff;} #home #leftcol {width:459px; float:left; padding:27px 0 50px 0;} #home #rightcol { width:499px; float:left; background:#fff url(/imagefiles/Industry_BG.gif) no-repeat 40px 65px; position:relative; height:550px; } #home h3 {position:absolute; left:-999em;} #nav_industry1 {background:url(/imagefiles/Industry_Gov.png) no-repeat top left; width:91px; height:74px; position:absolute; top:142px; left:56px;} #nav_industry2 {background:url(/imagefiles/Industry_Healthcare.png) no-repeat top left; width:159px; height:67px; position:absolute; top:60px; left:187px;} #nav_industry3 {background:url(/imagefiles/Industry_Businesses.png) no-repeat top left; width:93px; height:97px; position:absolute; top:142px; left:371px;} #nav_industry4 {background:url(/imagefiles/Industry_Communities.png) no-repeat top left; width:117px; height:70px; position:absolute; top:409px; left:369px;} #nav_industry5 {background:url(/imagefiles/Industry_Schools.png) no-repeat top left; width:156px; height:52px; position:absolute; top:473px; left:185px;} #nav_industry6 {background:url(/imagefiles/Industry_PubSafety.png) no-repeat top left; width:118px; height:73px; position:absolute; top:410px; left:56px;} .cont_rollover {width:140px; height:73px; background:url(/imagefiles/bg_rollover.png) no-repeat top left; position:absolute; left:-999em; padding:15px 15px 15px 35px;} #nav_industry1:hover #rollover1, #nav_industry1.hover #rollover1 {position:absolute; left:70px; top:0;} #nav_industry2:hover #rollover2, #nav_industry2.hover #rollover2 {position:absolute; left:100px; top:-20px;} #nav_industry3:hover #rollover3, #nav_industry3.hover #rollover3 {position:absolute; left:65px; top:0;} #nav_industry4:hover #rollover4, #nav_industry4.hover #rollover4 {position:absolute; left:65px; top:0;} #nav_industry5:hover #rollover5, #nav_industry5.hover #rollover5 {position:absolute; left:65px; top:15px;} #nav_industry6:hover #rollover6, #nav_industry6.hover #rollover6 {position:absolute; left:65px; top:0;} #maincopy .cont_rollover h4, #maincopy .cont_rollover p {margin:0; line-height:normal;} .cont_rollover a {cursor:pointer;} /******************/ /*internal pages*/ #internal #maincopy { width:588px; padding:60px 275px 205px 95px; } /*****************/ /*services pages*/ #service #maincopy { width:493px; padding:125px 160px 150px 305px; } #service h3 {position:absolute; top:0; left:0; width:487px; height:226px;} #service h3 span {position:absolute; width:100%; height:100%;} #service h3 #span_back_office {background:url(/imagefiles/Page_Title_BackOffice.png) no-repeat top left;} #service h3 #span_broadband {background:url(/imagefiles/Page_Title_Broadband.png) no-repeat top left;} #service h3 #span_mpls_ethernet {background:url(/imagefiles/Page_Title_MPLS.png) no-repeat top left;} #service h3 #span_fiberoptics {background:url(/imagefiles/Page_Title_FiberOptics.png) no-repeat top left;} #service h3 #span_consulting {background:url(/imagefiles/Page_Title_Consulting.png) no-repeat top left;} #service h3 #span_support {background:url(/imagefiles/Page_Title_Support.png) no-repeat top left;} #service h3 #span_hosting {background:url(/imagefiles/Page_Title_Hosting.png) no-repeat top left;} /*************************/ /*industry pages*/ /*services pages*/ #industry h3 {position:absolute; top:0; left:0; width:303px; height:139px;} #industry h3 span {position:absolute; width:100%; height:100%;} #industry h3 #span_government {background:url(/imagefiles/Page_Title_Gov.png) no-repeat top left;} #industry h3 #span_healthcare {background:url(/imagefiles/Page_Title_Healthcare.png) no-repeat top left;} #industry h3 #span_business {background:url(/imagefiles/Page_Title_Businesses.png) no-repeat top left;} #industry h3 #span_communities {background:url(/imagefiles/Page_Title_Communities.png) no-repeat top left;} #industry h3 #span_school {background:url(/imagefiles/Page_Title_Schools.png) no-repeat top left;} #industry h3 #span_publicsafety {background:url(/imagefiles/Page_Title_Pub_Safety.png) no-repeat top left;} #cont_industry_government {width:100%; padding:360px 0 0 0; background:url(/imagefiles/Diagram_Pub_Gov.gif) no-repeat 60px 0;} #cont_industry_healthcare {width:100%; padding:360px 0 0 0; background:url(/imagefiles/Diagram_Pub_Healthcare.gif) no-repeat 60px 0;} #cont_industry_business {width:100%; padding:360px 0 0 0; background:url(/imagefiles/Diagram_Pub_Business.gif) no-repeat 60px 0;} #cont_industry_communities {width:100%; padding:360px 0 0 0; background:url(/imagefiles/Diagram_Communities.gif) no-repeat 60px 0;} #cont_industry_school {width:100%; padding:360px 0 0 0; background:url(/imagefiles/Diagram_Schools.gif) no-repeat 60px 0;} #cont_industry_publicsafety {width:100%; padding:360px 0 0 0; background:url(/imagefiles/Diagram_Pub_Safety.gif) no-repeat 60px 0;} #cont_industry_inner {padding-bottom:40px;width:100%; background:url(/imagefiles/Content_BG_bottom.gif) no-repeat bottom right;} #cont_industry_inner:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #cont_industry_inner h4, button span {position:absolute; left:-999em;} #cont_industry_inner #leftcol {width:500px; float:left; margin:30px 40px 0 60px; display:inline;} #cont_industry_inner #rightcol {width:320px; float:left;} #frm_contact {height:185px; widows:320px; background:url(/imagefiles/Contact_Us_BG.jpg) no-repeat top left; padding:55px 0 0 0;} #frm_contact button {width:94px; height:26px; background:url(/imagefiles/Submit_Button.jpg) no-repeat top left; border:none;cursor:pointer; float:right;} #frm_contact p {width:280px; margin:0 auto 5px auto;} #frm_contact label {float:right;} #frm_contact input, #frm_contact textarea {width:280px;} #frm_contact textarea {height:80px;}