/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464647; background:#E4E5E7 url(../images/bg_body.jpg) repeat-x top right} a { color:#E86E34; text-decoration:none} a:hover { color:#E86E34; text-decoration:underline} p { font-size:12px; color:#464647;} td p { font-size:12px; color:#464647;} h1 { font-size:27px; color:#18557D} h2 { font-size:20px; color:#18557D} h3 { font-size:15px; color:#FFFFFF} h5 { font-size:13px; color:#464647} /* --------------------------------------------- 02. container --------------------------------------------- */ #bgcontainer { width:100%; float:left; background:url(../images/bg_container.jpg) no-repeat top center} #container { width:980px; margin:0 auto} /* --------------------------------------------- 03. header --------------------------------------------- */ #header { width:958px; height:129px; float:left; padding-top:9px; padding-right:22px} /* --------------------------------------------- 03.1 header - logo --------------------------------------------- */ #header .logo { float:left; padding-left:37px; padding-top:19px} /* --------------------------------------------- 03.2 header - top box --------------------------------------------- */ #header .topbox { width:270px; height:103px; float:right; background:#F7FCFF url(../images/bg_topbox.gif) no-repeat top left; border:1px solid #C5D4E7; padding:8px 12px 0 14px} #header .topbox ul { width:50px; float:right; border-left:1px solid #ABD9ED; padding:5px 0 6px 6px} #header .topbox ul li { width:50px; float:left; font-size:10px; color:#0488BB} #header .topbox ul li a { color:#0488BB; text-decoration:none} #header .topbox ul li a:hover { color:#0488BB; text-decoration:underline} #header .topbox h1 { font-size:20px; font-weight:bold; color:#E86E34; text-align:right; float:right;line-height:1em; padding:5px 10px 0 0} #header .topbox h1 a { font-size:15px} #header .topbox fieldset { width:270px; float:left; padding-top:12px} #header .topbox fieldset .input { width:185px; height:18px; float:left; font-size:14px; color:#464647; border:1px solid #CCCECF; padding:2px 4px; padding-top:4px} #header .topbox fieldset .button_search { cursor:pointer; width:69px; height:30px; float:left; background:url(../images/bg_button_search.gif) no-repeat top left; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; padding-top:6px; border:none;} #header .topbox fieldset .button_search a { cursor:pointer; width:69px; height:30px; float:left; background:url(../images/bg_button_search.gif) no-repeat top left; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; padding-top:6px; border:none;} /* --------------------------------------------- 04. top nav --------------------------------------------- */ #navbar { width:948px; height:35px; float:left; background:url(../images/bg_navbar.gif) repeat-x top left; padding-left:32px; margin-bottom:-2px; position:relative;} #navbar ul li a { display:block} .navlist ul li a span { display:block; font-size:13px; padding:6px 18px; color:#FFFFFF; text-decoration:none; cursor:pointer;} .navlist ul li a:hover { background:url(../images/bg_nav_hover.gif) repeat-x top left} #navbar ul li.selected { background:url(../images/bg_nav_hover.gif) repeat-x top left} /* --------------------------------------------- 05. wrapper --------------------------------------------- */ #wrapper { width:978px; float:left; background:#FFFFFF url(../images/bg_wrapper.gif) repeat-x top left; border:1px solid #DCDDDF; padding-top:13px; margin-top:-1px} /* --------------------------------------------- 06. content --------------------------------------------- */ #content { width:940px; float:left; padding:0 19px; padding-bottom:22px} #content p { padding-bottom:15px;} /* --------------------------------------------- 07. banner --------------------------------------------- */ #banner { width:940px; float:left; padding-bottom:15px} #banner img { display: block; } #banner .info { width: 280px; height: 320px; background: url(../images/banner_overlay.png); position: relative; top: -320px; color: #ffffff; } #banner .info div { padding: 35px; } #banner .info div h1 { font: 1.9em Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom: 10px; color:#FFFFFF; } #banner .info div p { font: 1.2em Arial, Helvetica, sans-serif; line-height: 1.7em; margin-bottom: 10px; color:#FFFFFF; } #banner .info div p strong { font: 1.3em Arial, Helvetica, sans-serif; } #banner .info a.more { display: inline-block; padding: 5px 10px; background: #f4682d; color: #ffffff; } #controls { position: relative; left: 700px; top: -50px; width: 226px; } #slider { z-index:-1; } #slider ul, #slider li { z-index:-1; margin: 0; padding: 0; list-style: none; } #slider li { width: 940px; height: 320px; overflow: hidden; } #prevBtn, #nextBtn { display: block; border: #FFFFFF 1px; margin: 0; overflow: hidden; position: absolute; top: 20px; } #nextBtn { left: 90px; } #prevBtn a, #nextBtn a { display: block; width: 80px; border-bottom: solid; padding: 7px 0px; color: #ffffff; text-align: center; } #prevBtn a:hover, #nextBtn a:hover { background: #ffffff; color:#CC3300; } #nextBtn a { width: 80px; padding: 7px 0px; color: #ffffff; text-align: center; } /* --------------------------------------------- 08. leftpanel --------------------------------------------- */ #leftpanel { width:620px; float:left; padding-right:20px} #services { width:620px; float:left} #services h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:6px} #services h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:3px} #services h5 { line-height:1.4em; padding-bottom:5px} #services .servicelist { width:620px; float:left; padding-top:18px;} #services .servicelist h2 a { color:#0488bb; text-decoration:none} #services .servicelist h2 a:hover { color:#0488bb; text-decoration:underline} #services .set { width:299px; float:left; border-bottom:1px solid #F9DBCD; padding-bottom:6px; margin-bottom:20px;} #services .right { width:299px; float:right} #services .servicelist .photo { width:94px; float:left} #services .servicelist .details { width:205px; float:left} #services .servicelist .details p { line-height:1.4em;} #services .servicelist .details p a.intext { float:none} #services .servicelist .details p a { float:right} /* --------------------------------------------- 09. right panel --------------------------------------------- */ #rightpanel { width:300px; float:left} /* --------------------------------------------- 09.1 right panel - your company --------------------------------------------- */ #yourcompany { width:262px; float:left; background:#F7FCFF url(../images/bg_yourcompany.gif) no-repeat top left; border:1px solid #B3CDE6; padding:7px 18px; margin-bottom:28px} #yourcompany h2 { color:#E86E34; background:url(../images/bg_dottedborder.gif) repeat-x bottom left; padding:5px 0; margin-bottom:8px} #yourcompany p { color:#6E7072; padding-bottom:10px} #yourcompany ul li { width:232px; float:left; font-size:12px; color:#153257; background:url(../images/li_tick.gif) no-repeat; padding:3px 0 5px 30px} #yourcompany ul li a { color:#153257; text-decoration:none} #yourcompany ul li a:hover { color:#153257; text-decoration:underline} /* --------------------------------------------- 09.2 right panel - tab content --------------------------------------------- */ #tabcontent { width:300px; float:left} #tabcontent p { color:#0488BB; line-height:1.4em; padding-bottom:5px} #tabcontent p a { color:#0488BB; text-decoration:none} #tabcontent p a:hover { color:#0488BB; text-decoration:underline} /* --------------------------------------------- 10. footer --------------------------------------------- */ #footer { width:942px; height:120px; float:left; background:#F8F8F8 url(../images/bg_footer.gif) repeat-x top left; border-top:1px solid #DDDEDF; padding:0 18px} #footer p { font-size:11px; color:#6E7072; line-height:1.4em} #footer .footer_nav { width:942px; float:left; padding:10px 0} #footer .footer_nav p { font-size:10px} #footer .footer_nav p a { color:#6E7072} #footer .footer_leftcontent { float:left} #footer .footer_leftcontent .map { float:left; border:1px solid #B2B3B4} #footer .footer_leftcontent .address { float:left; padding-left:10px; padding-top:5px} #footer .footer_leftcontent .address p { float:left} #footer .footer_leftcontent .address p a { color:#0488BB; text-decoration:underline} #footer .footer_leftcontent .address p span { font-size:13px} #footer .footer_leftcontent .address .phone { float:left; padding-top:16px; padding-left:23px} #footer .footer_rightcontent { float:right} #footer .footer_rightcontent ul li { float:left; padding-left:10px} #footer .footer_rightcontent ul li.in { padding-left:4px} /* --------------------------------------------- 11. inner page - subnav --------------------------------------------- */ #content .subnav { width:940px; float:left; padding-bottom:10px} #content .subnav ul li { float:left; font-size:11px; color:#7E8082; background:url(../images/arrow.gif) no-repeat left center; padding-left:10px; padding-right:3px} #content .subnav ul li.home { background:none; padding-left:18px} #content .subnav ul li a { color:#7E8082} /* --------------------------------------------- 12. inner page - leftpanel inner --------------------------------------------- */ #leftpanel_inner { width:220px; float:left; padding-right:20px} /* --------------------------------------------- 12.1 inner page - leftpanel - left nav --------------------------------------------- */ #leftnav { width:220px; float:left; background:url(../images/bg_itservices.gif) no-repeat bottom left; padding-bottom:7px; margin-bottom:22px} #leftnav h3 { width:205px; height:25px; float:left; background:url(../images/bg_heading_itservices.gif) no-repeat; font-weight:bold; padding-left:15px; padding-top:10px} #leftnav h3 a { color:#b5d9e6;} #leftnav h3 a:hover { color:#FFFFFF; text-decoration:none;} #leftnav ul li { width:220px; height:30px; float:left; background:#F1F1F2; font-size:12px; color:#959595} #leftnav ul li a { width:205px; height:21px; float:left; color:#959595; text-decoration:none; border-bottom:1px solid #FFFFFF; padding-top:8px; padding-left:15px} #leftnav ul li a:hover { height:22px; color:#FFFFFF; font-weight:bold; background:url(../images/bg_leftnav_hover.gif) repeat-x; border:none} #leftnav ul li a.selected { height:22px; color:#FFFFFF; font-weight:bold; background:url(../images/bg_leftnav_hover.gif) repeat-x; border:none} /* --------------------------------------------- 12.2 inner page - leftpanel - testimonials --------------------------------------------- */ #testimonialbox { width:218px; float:left; background:#F7FCFF url(../images/bg_yourcompany.gif) no-repeat top right; border:1px solid #B3CDE6; margin-bottom:24px} #testimonialbox p { color:#18557D} #testimonialbox .comments { width:194px; float:left; padding:8px 12px} #testimonialbox .comments p { line-height:1.5em} #testimonialbox .photo { width:58px; height:73px; float:left} #testimonialbox .client { float:left; padding-top:15px; padding-left:5px;} #testimonialbox .client p span { font-weight:bold} /* --------------------------------------------- 12.3 inner page - leftpanel - set list --------------------------------------------- */ #leftpanel_inner .setlist { width:220px; float:left} #leftpanel_inner .setlist .set { width:220px; float:left; padding-bottom:24px} #leftpanel_inner .setlist .set .photo { width:60px; float:left; padding-right:12px} #leftpanel_inner .setlist .set .details { width:145px; float:left; padding-top:5px} #leftpanel_inner .setlist .set .details h3 { font-size:16px; color:#18557D} #leftpanel_inner .setlist .set .details h3 a { text-decoration:none; color:#18557D} #leftpanel_inner .setlist .set .details h3 a:hover { text-decoration:underline;} #leftpanel_inner .setlist .set .details p { font-size:10px} /* --------------------------------------------- 13. inner page - right panel --------------------------------------------- */ #rightpanel_inner { width:700px; float:left} /* --------------------------------------------- 13.1 inner page - content --------------------------------------------- */ #rightpanel_inner .content { width:680px; float:left; padding-bottom:10px} #rightpanel_inner .content table { margin:15px;} #rightpanel_inner .content td { padding:10px; border:#FFCC66;} #rightpanel_inner .content td p { font-size:12px; line-height:1.2em} #rightpanel_inner .content td h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;} #rightpanel_inner .content h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:6px} #rightpanel_inner .content h1 a { color:#18557D; text-decoration:none} #rightpanel_inner .content h1 a:hover { color:#18557D; text-decoration:none} #rightpanel_inner .content h2 { padding-bottom:6px} #rightpanel_inner .content p { font-size:13px; line-height:1.5em} #rightpanel_inner .content .byline { font-size:11px; line-height:1.2em} #rightpanel_inner ul li { font-size:12px; line-height:1.5em; background:url(../images/li_tick.gif) no-repeat; padding:3px 0 5px 30px} #rightpanel_inner ul li a { color:#153257; text-decoration:underline} #rightpanel_inner ul li a:hover { color:#153257; text-decoration:none} #rightpanel_inner ol { padding-left:20px; padding-bottom:20px; } #rightpanel_inner ol li { list-style-type:decimal; padding: 3px 0 5px 15px;} #rightpanel_inner blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; } /* --------------------------------------------- 13.2 inner page - foresite services --------------------------------------------- */ #rightpanel_inner .foresite { width:670px; background:#fbf8c3; float:left; border-top:1px solid #C2E2EE; border-bottom:1px solid #C2E2EE; padding: 15px;} #rightpanel_inner .foresite .photo { width:86px; float:left; padding-right:20px} #rightpanel_inner .foresite .content { width:580px; float:left} #rightpanel_inner .foresite .details h2 { font-size:20px; padding-bottom:7px;} #rightpanel_inner .foresite .content .details p { font-size:13px; line-height:1.5em; margin-bottom:0px} #rightpanel_inner .foresite .details .more { float:right; padding-bottom:0px;} #rightpanel_inner .client { width:670px; background:#efefef; float:left; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding: 15px; margin-bottom:10px;} #rightpanel_inner .client .photo { float:right; padding-left:20px} #rightpanel_inner .client .content { width:580px; float:left} #rightpanel_inner .client .details h2 { font-size:20px; padding-bottom:7px;} #rightpanel_inner .client .content .details p { font-size:13px; line-height:1.5em; margin-bottom:0px} #rightpanel_inner .client .details .quote { font-style:italic; font-size:1.3em; color:#18557D;} #rightpanel_inner .client .details .more { float:left; padding-bottom:0px;} #rightpanel_inner .servicelist { width:700px; float:left} #rightpanel_inner .servicelist .set { width:340px; float:left; border-bottom:1px solid #F9DBCD; padding-top:22px; padding-bottom:8px} #rightpanel_inner .servicelist .right { width:330px; float:right} #rightpanel_inner .servicelist .set .photo { width:70px; height:60px; float:left;} #rightpanel_inner .servicelist .set .photoborder img { border:1px solid #DADBDC} #rightpanel_inner .servicelist .set h2 a { color:#18557D; text-decoration:none} #rightpanel_inner .servicelist .set a:hover { color:#18557D; text-decoration:underline} #rightpanel_inner .servicelist .set .details { width:255px; float:left; padding-left:13px} #rightpanel_inner .servicelist .set .details h2 { font-size:17px; color:#0488BB} #rightpanel_inner .servicelist .set .details p { font-size:10px; padding-bottom:5px} #rightpanel_inner .servicelist .set .details p a { float:right} #rightpanel_inner .servicelist .right .details { width:245px; float:left; padding-left:13px} /* --------------------------------------------- 13.3 inner page - header list --------------------------------------------- */ #rightpanel_inner .headerlist { width:700px; float:left; padding-top:24px} #rightpanel_inner .headerlist h2 { font-size:17px; color:#0488BB} #rightpanel_inner .headerlist p { font-size:10px; padding-bottom:5px} #rightpanel_inner .headerlist .set { width:220px; float:left; padding-right:20px} #rightpanel_inner .headerlist .right { padding-right:0} /* ================= */ /* = Blog Comments = */ /* ================= */ #commentlist { list-style: none !important; margin: 0px 0 20px 0; padding: 0; } #commentlist li { padding: 10px 0 20px 0; border-top: 1px solid #ddd; margin: 0; list-style: none; } #commentlist .singlecomment p { display: inline; font-weight: bold; }