/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html { height: 100%; } body { height: 100%; } #wrapper { background-color:#FFFFFF; width:979px; margin-left:auto; margin-right:auto; position: relative; min-height: 100%; } *html #wrapper { height: 100%; } #container{ position:relative; border:#000000 0px solid; padding:0px 0px 77px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:979px; background-color:#FFFFFF; } #header { width:100%; height:58px; margin:0px; padding:0px; background:url(../images/header.gif) right no-repeat #ffffff; border-bottom:#003366 0px solid;} #tel {display:block; float:left; width:165px; padding:24px 0px 17px 46px; font-size:12px; color:#000000; font-family: Arial, Helvetica, sans-serif !important; } #logo { width:238px; height:157px; margin:0px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:158px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px; background:#ffffff; } #content_main { width:614px; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:300px; float:left;} #sidebar_right { width:266px; height:100%; float:right; margin:0px 10px 0px 10px; padding:0px;} #footer { position:relative; width:979px; background:#333333; height:77px; margin:-77px auto 0px auto; padding:0px; } #footer_left { display:block; float:left; margin:33px 0px 0px 45px;} #footer_left p { margin:0px 0px 0px 0px; font-size:12px; color:#FFF; font-family: Arial, Helvetica, sans-serif !important;} #footer_left a { font-size:12px; color:#FFF;} #footer_right { display:block; float:right; margin:32px 28px 0px 0px;} #footer_right p {margin:0px 0px 0px 0px; font-size:10px; color:#999999; font-weight:bold; font-family: Arial, Helvetica, sans-serif !important;} #footer_right a {font-size:10px; color:#999999;} .clear { clear:both; } /*------------------------------------ homepage -----------------------------------------------------------*/ #home_header {height:360px; display:block; position:relative; background:#000000; } #home_header ul {margin:0px; padding:0px; position:relative; z-index:10;} #home_header ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px; z-index:10;} #home_nav_below {position:absolute; z-index:100; left:0px; bottom:0px; width:980px; height:81px; display:block; background:#000000; opacity:0.4; filter:alpha(opacity=40);} #home_nav { position:absolute; left:0px; bottom:0px; height:81px; z-index:2000;} #home_nav a { display:block; float:left;} #home_nav a img { position:relative; } #home_page { width:918px; display:block; margin:32px auto 58px auto;} #home_page_left {width:418px; display:block; float:left;} #home_page_main { width:471px; display:block; float:right; margin:0px 0px 0px 0px; } #home_page_main_left {width:230px; display:block; float:left; height:237px; position:relative;} #home_page_main_right {width:230px; display:block; float:right; height:237px; position:relative;} .page_title { background:url(../images/page_title.jpg) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding:5px 0px 6px 12px; display:block; } a.page_title_blue { background:url(../images/page_title_blue.jpg) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding:5px 0px 6px 12px; width:218px; display:block; position:absolute; bottom:0px; left:0px; } a:hover.page_title_blue { text-decoration:none; background:url(../images/page_title_blue.jpg) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding:5px 0px 6px 12px; width:218px; display:block; position:absolute; bottom:0px; left:0px; } .news_home { width:202px; display:block; margin:19px auto 0px auto;} .news_home a { color:#333333; font-size:11px; font-weight:bold;} a.news_header {font-size:14px; color:#336633; font-weight:bold;} .case_study { display:block; width:165px; margin:18px 0px 0px 19px;} .case_study a {color:#0057AD; font-size:12px; font-weight:bold;} a.page_title_green { background:url(../images/page_title_green.jpg) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding:5px 0px 6px 12px; width:218px; display:block; position:absolute; bottom:0px; left:0px; } a:hover.page_title_green { text-decoration:none; background:url(../images/page_title_green.jpg) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding:5px 0px 6px 12px; width:218px; display:block; position:absolute; bottom:0px; left:0px; } /*------------------------------------ textpage -----------------------------------------------------------*/ #pageheader {width:980px; height:266px; display:block; position:relative;} #pageheader ul {margin:0px; padding:0px; position:relative; z-index:10;} #pageheader ul li {margin:0px; padding:0px; list-style:none; z-index:10; position:absolute; top:0px; left:0px;} #sub_pages { height:44px; width:100%; position:absolute; bottom:0px; left:0px; z-index:110;} #sub_pages a { display:block; float:left; font-size:10px; font-weight:bold; color:#FFF; font-family:Arial, Helvetica, sans-serif !important; padding:10px 12px 16px 12px; margin:6px 0px 0px 0px; border-right: 2px dotted #fff;} #sub_pages a:hover { background:url(../images/arrow.gif) no-repeat center bottom; text-decoration:none;} #sub_pages_trans {height:44px; width:100%; position:absolute; bottom:0px; left:0px; background:#000000; opacity:0.4; filter:alpha(opacity=40); z-index:103;} #sub_pages a.active { background:url(../images/arrow.gif) no-repeat center bottom; text-decoration:none;} #textpage { width:911px; display:block; margin:13px auto 20px auto; padding:0px 0px 30px 0px;} #breadcrumb {color:#000000; font-size:11px; color:#000000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;} #breadcrumb a {color:#000000; font-size:11px; color:#000000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;} #textpage_left { width:588px; display:block; float:left;} #textpage_right {width:230px; display:block; float:right;} #contact_form { display:block; margin:40px 0px 60px 0px;} #contact_form form {margin:20px 0px 0px 0px; padding:0px; display:block;} #contact_form form p {margin:10px 0px 10px 0px;} #contact_form form label.indent {width:150px; display:block; float:left; font-size:12px; color:#333333 !important; } #contact_form form input { width:188px; border:1px solid #E7E7E7; border-top:1px solid #BCBCBC !important;} #contact_form form button {border:0px; margin:0px 0px 0px 0px; padding:10px 0px 0px 255px; display:block; background:none;} #contact_form form textarea {width:188px; height:100px; border:1px solid #E7E7E7; border-top:1px solid #BCBCBC !important;} /*------------------------------------ Case Studys main -----------------------------------------------------------*/ #gallery table {} td.left {color:#333333; font-size:12px; font-weight:bold; width:72px;} td.right { width:400px; color:#333333; font-size:12px; } td.link a { color:#609833; font-size:10px;} p.link_right { display:block; float:right; font-size:10px; color:#619833;} p.link_right a {font-size:10px; color:#619833;} p.link_right a:hover {font-size:10px; color:#619833;} /*------------------------------------ gallery -----------------------------------------------------------*/ #gallery {width:605px; display:block; float:left;} .gal {width:141px; height:107px; display:block; float:left; margin:10px 10px 0px 0px; } *html .gal {margin:0px 10px 0px 0px; } *+html .gal {margin:0px 10px 0px 0px; } .text { display:none;} #tooltip { color:#fff; padding:10px; background:#1F1F1F; z-index:10; position:absolute; width:300px;} #tooltip p {color:#fff; position:relative; z-index:100;} #gallery_right { width:230px; display:block; float:right;} #news_summary {width:230px; display:block; padding:0px 0px 10px 0px; border-bottom:1px solid #333333; } #news_summary .news_home { width:210px !important; display:block; margin:0px 0px 0px 0px !important; padding:10px 16px 10px 4px;} #testimonial {width:210px; display:block; padding:10px 16px 10px 4px; border-bottom:1px solid #333333;} .author { font-size:12px; color:#5F9F33 !important; font-weight:bold;} #home_page_main #testimonial {width:100% !important;} /*------------------------------------ news -----------------------------------------------------------*/ #news_left {width:655px; display:block; float:left; margin:0px 0px 80px 0px;} .news {padding:20px 0px 10px 0px; display:block; border-bottom:1px solid #999999; position:relative;} .news a.news_header_main { color:#333333; font-size:12px;} .news a.news_header_main span { text-decoration:underline !important; font-weight:bold !important;} .news a:hover.news_header_main {text-decoration:none !important; color:#333333; font-size:12px;} .news a:hover.news_header_main span { text-decoration:underline !important; font-weight:bold !important;} .news a.arrow_news { display:block; float:right; margin:-10px 0px 0px 0px;} .paging { display:block; float:right; margin:20px 0px 10px 0px; font-size:12px; color:#333333;} .paging a {color:#333333 !important;} #news_right {width:230px; display:block; float:right;} #news_archive {display:block; margin:10px 0px 10px 0px;} #news_archive a { background:url(../images/arrow_archive.jpg) no-repeat left top; border-bottom:1px solid #999999; padding:5px 0px 5px 20px; display:block; color:#333333; font-size:12px; text-decoration:none;} a.green_title {background:url(../images/page_title_green.jpg) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding:5px 0px 6px 12px; width:218px; display:block; bottom:0px; left:0px; margin:5px 0px 0px 0px;} a.blue_title {background:url(../images/page_title_blue.jpg) no-repeat left top; font-size:12px; color:#fff; font-weight:bold; padding:5px 0px 6px 12px; width:218px; display:block; bottom:0px; left:0px; margin:20px 0px 0px 0px; } a:hover.blue_title {color:#fff; text-decoration:none;} a:hover.green_title {color:#fff; text-decoration:none;} /*------------------------------------ case study -----------------------------------------------------------*/ #text {border-bottom:1px solid #999999; display:block; padding:5px 0px 10px 0px;} .case_studys {border-bottom:1px solid #999999; display:block; padding:10px 0px 10px 0px;} a.case_study_header { color:#333333; font-size:12px;} a:hover.case_study_header { color:#333333; font-size:12px;} .case_studys p a { color:#609732; font-weight:bold;} a.case_study_thumb { display:block; float:right; border:1px solid #C93436; margin:0px 0px 0px 20px;} #case_study_holder { display:block; width:639px; padding:13px 0px 13px 0px; } #case_study_holder a { display:block; float:left; margin:0px 0px 0px 13px;} #case_study_holder a img { border:1px solid #B80900;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:768px; display:block; float:left; margin:0px 0px 0px 0px; padding:22px 0px 0px 0px; } #nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;} #nav li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0px 0px; margin-left:11px;} #nav a {font-family: Arial, Helvetica, sans-serif !important; margin:0px 0px 0px 0px; padding:1px 15px 3px 0px; color:#000; font-weight:bold; display:block; font-size:12px; } #nav li a span { float: left; padding-right:11px; display: block; margin-top:-1px; height:19px; } #nav a:hover { text-decoration:none; color:#ffffff; } #nav ul li a:hover, #nav ul li a.active { background: url(../images/nav.jpg) no-repeat top right; color:#ffffff;} #nav ul li a:hover span, #nav ul li a.active span {background: url(../images/nav.jpg) no-repeat top left; color:#ffffff;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:#333333; font-family:Verdana, Geneva, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:14px; color:#4B4B4B; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#3D7DBD; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#619833; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#4B4B4B; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#619833; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#3D7DBD; font-size:11px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { font-size:12px; color:#4B4B4B; list-style:disc; } ol {} ol li {font-size:12px; color:#4B4B4B; list-style:decimal;} address {font-size:12px; color:#4B4B4B;} a { color:#609833; text-decoration:none; } a:hover { color:#609833; text-decoration:underline; } p { font-size:12px; color:#4B4B4B; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */