/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:925px; } #header { width:100%; height:165px; margin:0px; padding:0px; position:relative;} #search {position:absolute; top:0px; right:-10px;} #search form {position:relative; margin:20px 0px 0px 0px; padding:0px;} #search input { background:#ffffff; border:0px; width:150px; padding:3px 0px 3px 0px; margin:0px 0px 0px 0px; display:block; float:left;} #search_left { width:20px; height:23px; background:url(../images/input_search.jpg) no-repeat; display:block; float:left; margin:-1px 0px 0px 0px} #search_right {width:10px; height:23px; background:url(../images/search_right.jpg) no-repeat; display:block; float:left; margin:-1px 0px 0px 0px} #search button {background:none; border:0px; display:block; float:left; margin:-1px 0px 0px 0px;} #tel_email { width:260px; position:absolute; top:50px; right:0px; text-align:right; color:#ffffff;} #tel_email p {font-size:1.8em; line-height:22px;} #tel_email p span {color:#92B70C;} #tel_email a {color:#ffffff;} #logo { width:170px; height:108px; margin:0px; padding:0px; } #main { width:100%; margin:20px 0px 0px 0px; } #sidebar { width:158px; height:100%; float:left; margin:0px 0px 1px 0px; padding:0px; background:#ffffff; } #content_main { position:relative; background:url(../images/corner.jpg) no-repeat top left #ffffff; width:647px; margin:0px 0px 0px 0px; float:left; padding:0px; min-height:600px; height:auto !important; height:600px; } #content_main_bottom {width:647px; height:8px; background:url(../images/content_main_bottom.jpg) no-repeat; position:absolute; bottom:-8px; left:0px;} #header_home {margin:5px 0px 5px 5px;} #header_home ul {margin:0px; padding:0px;} #header_home li {margin:0px; padding:0px; list-style:none; background:none;} #header_tpage {margin:5px 0px 0px 5px;} #red { background:url(../images/top_red.jpg) no-repeat #de0019; width:207px; min-height:100px; height:auto !important; height:100px; display:block; float:left; margin:5px 0px 0px -11px; padding:90px 0px 10px 10px; position:relative; } *html #red {padding:100px 0px 10px 10px;} *+html #red {padding:100px 0px 10px 10px;} #red h1 {font-size:1.6em; color:#ffffff;} #red p {color:#ffffff; line-height:16px;} #red_bottom { background:url(../images/red_bottom.jpg) no-repeat; width:217px; height:10px; position:absolute; bottom:-10px; left:0px;} #green { background:url(../images/top_green.jpg) no-repeat #93b710; width:200px; min-height:100px; height:auto !important; height:100px; display:block; float:left; margin:5px 7px 0px 7px; padding:90px 0px 10px 11px; position:relative; } #green h1 {font-size:1.6em; color:#ffffff;} #green p {color:#ffffff; line-height:16px;} #green_bottom {position:absolute; bottom:-10px; left:0px; background:url(../images/green_bottom.jpg) no-repeat; width:211px; height:10px;} *html #green {padding:100px 0px 10px 10px;} *+html #green {padding:100px 0px 10px 10px;} #black { background:url(../images/top_black.jpg) no-repeat #000; width:200px; min-height:100px; height:auto !important; height:100px; display:block; float:left; margin:5px 0px 0px 0px; padding:90px 0px 10px 10px; position:relative; } *html #black {padding:100px 0px 10px 10px;} *+html #black {padding:100px 0px 10px 10px;} #black h1 {font-size:1.6em; color:#ffffff;} #black p {color:#ffffff; line-height:16px;} #black_bottom { background:url(../images/black_bottom.jpg) no-repeat; width:210px; height:10px; position:absolute; bottom:-10px; left:0px;} #content {width:593px; display:block; margin:10px 29px 0px 25px; padding:10px 0px 10px 0px;} #sidebar_right { width:278px; height:100%; display:block; float:right; margin:0px 0px 0px 0px; } .news { background:url(../images/news_hover.jpg) no-repeat; width:278px; height:105px; display:block; margin:0px 0px 3px 0px; padding:14px 0px 0px 0px; position:relative; z-index:1;} #hover.news {background:url(../images/news.jpg) no-repeat !important; } .title {color:#000000; font-weight:bold; display:block; padding:4px 0px 0px 11px; font-size:1.2em; } #hover .title {color:#92B70D; font-weight:bold; display:block; padding:4px 0px 0px 11px; font-size:1.2em; } .date {color:#ffffff; padding:3px 0px 0px 62px; font-size:1.2em;} #hover .date {color:#999999; padding:3px 0px 0px 62px; font-size:1.2em;} .number { background:url(../images/number.gif) no-repeat; font-size:1.3em; font-weight:bold; width:28px; height:35px; padding:11px 0px 0px 16px; position:absolute; top:13px; left:9px;} .news p {margin:13px 0px 0px 16px; color:#ffffff; font-size:1.1em; line-height:17px;} .news .link { background:url(../images/lin_blue.jpg) no-repeat; width:23px; height:22px; display:block; position:absolute; bottom:4px; right:4px; } #hover .link { background:url(../images/link.jpg) no-repeat; width:23px; height:22px; display:block; position:absolute; bottom:4px; right:4px; } #hover p {margin:13px 0px 0px 16px; color:#333333; font-size:1.1em; line-height:17px;} #footer { width:100%; height:42px; margin:26px 0px 0px 0px; padding:0px; color:#FFF; font-size:1.1em; } .footer_menu {display:block; width:280px; float:left;} *html .footer_menu {display:block; width:280px; float:left;} .copyright {display:block; float:right;} #footer a {color:#FFF;} .clear { clear:both; } /*------------------------------------ media Section -----------------------------------------------------------*/ #sidebar_media {width:257px; padding:0px 7px 0px 7px; display:block; float:right; position:relative; height:484px; background:url(/images/sidebar_media.jpg) no-repeat left top; position:relative; } #sidebar_media_bottom {width:271px; height:7px; position:absolute; bottom:10px; left:0px; background:url(/images/sidebar_media_bottom.jpg) no-repeat left top;} #media_title {font-size:1.6em; font-weight:bold; color:#ffffff; margin:10px 0px 10px 0px;} .news_title {width:247px; height:16px; font-size:1.1em; color:#ffffff; padding:2px 0px 1px 10px; margin:0px 0px 2px 0px; cursor:pointer; background:url(../images/news_title.gif) no-repeat; position:relative;} #sidebar_media .news {background:none; width:255px; height:67px; margin:0px 0px 0px 2px;} #sidebar_media #hover.news {background:url(/images/news_media_bac.gif) no-repeat !important; } #sidebar_media .news .link { background:url(../images/lin_blue.jpg) no-repeat; width:23px; height:22px; display:block; position:absolute; bottom:8px; right:4px; } #sidebar_media #hover .link { background:url(../images/link.jpg) no-repeat; width:23px; height:22px; display:block; position:absolute; bottom:8px; right:4px; } .car_link {display:none;} .accordian { margin:6px 0px 0px 0px; position:relative; z-index:100; min-width:0; } *html .accordian {height:100px; height:auto !important; height:100px;} a.bottom_link_media {background:url(/images/bottom_link_media.jpg) no-repeat top right; height:20px; display:block; float:right; font-size:1.1em; color:#ffffff; padding:2px 19px 0px 6px; margin:5px 0px 20px 0px; } a:hover.bottom_link_media {color:#ffffff; text-decoration:none;} #hover.news_press .title {color:#92B70D; font-weight:bold; display:block; padding:0px 0px 0px 12px !important; font-size:1.2em; } a.go_to_press_area {margin:10px 0px 0px 0px; display:block;} /*------------------------------------ press offcie -----------------------------------------------------------*/ #press_office_main {position:relative; width:924px; padding:8px 0px 8px 0px; min-height:700px; height:auto !important; height:700px; display:block; background:#256cde; border-right:2px solid #1d57ba; border-left:2px solid #1d57ba;} #press_office_top {position:absolute; top:-6px; left:-2px; width:928px; height:6px; background:url(../images/top_press.jpg) no-repeat left top;} #press_office_bottom {position:absolute; bottom:-6px; left:-2px; width:928px; height:6px; background:url(../images/bottom_press.jpg) no-repeat left top;} #press_left {position:relative; width:599px; border-right:2px solid #1C57B9; border-left:2px solid #1C57B9; min-height:400px; height:auto !important; height:400px; display:block; float:left; background:#ffffff; padding:0px 16px 0px 16px; margin:14px 0px 0px 7px;} *html #press_left { margin:14px 0px 0px 4px;} #press_left_top {width:635px; height:7px; position:absolute; top:-7px; left:-2px; background:url(../images/content_left_top.jpg) no-repeat;} #press_left_bottom {width:635px; height:7px; position:absolute; bottom:-7px; left:-2px; background:url(../images/content_left_bottom.jpg) no-repeat;} #press_left h1 {font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; color:#256CDE;} #press_right { width:257px; display:block; float:right; margin:8px 7px 0px 0px; height:200px; } *html #press_right { margin:8px 4px 0px 0px; } .press_title {padding:2px 0px 0px 13px; background:url(../images/press_title_l.jpg) no-repeat; height:18px; display:block; color:#ffffff; font-size:1.1em; margin:0px 0px 0px 0px;} .news_press { border-right:1px solid #CECECE; width:195px; height:70px; display:block; float:left; margin:11px 3px 3px 0px; padding:14px 0px 0px 0px; position:relative;} #hover.news_press {background:url(../images/news.jpg) no-repeat !important; } .news_press .title {color:#000000; font-weight:bold; display:block; padding:0px 0px 0px 12px; margin:-10px 0px 0px 0px; font-size:1.2em; } #hover .news_press .title {color:#92B70D; } .news_press .date {color:#999999; padding:5px 0px 0px 52px; font-size:1.2em;} #hover .news_press .date {color:#999999; padding:5px 0px 0px 12px !important; font-size:1.2em;} .news_press .number { background:url(../images/number.gif) no-repeat; font-size:1.3em; font-weight:bold; width:28px; height:35px; padding:11px 0px 0px 16px; position:absolute; top:0px; left:0px;} .news_press .link { background:url(../images/link.jpg) no-repeat; width:23px; height:22px; display:block; position:absolute; bottom:4px; right:4px; } #hover .news_press .link { background:url(../images/link.jpg) no-repeat; } a#news_bottom_wa {background:url(/images/arrow_blue.jpg) no-repeat right 97%; font-size:1.1em; color:#174591; padding:0px 16px 0px 0px; margin:5px 9px 10px 0px; display:block; float:right;} .case_study {background:#303030; width:593px; margin:1px 0px 1px 0px; min-height:207px; height:auto !important; height:207px; } .case_study_bottom_links {background:url(../images/press_title_l.jpg) no-repeat;; height:20px;} .case_study_bottom_links a {color:#ffffff; font-size:1.1em; float:left; padding:3px 30px 2px 14px; border-right:1px solid #3B9AF4; background:url(../images/blue_arrow.jpg) no-repeat 90% 80%;} .case_study_bottom_links a:hover {color:#ffffff; text-decoration:none;} #leftcase {width:180px; margin:0px 0px 0px 6px; display:block; float:left; position:relative;} *html #leftcase {margin:0px 0px 0px 3px; } #leftcase p {color:#ffffff; font-size:1.1em; margin:5px 0px 5px 0px;} .casetitle {font-size:1.2em; font-weight:bold; color:#ffffff; padding:15px 0px 14px 0px; display:block;} #rightcase {width:403px; display:block; float:right; margin:47px 0px 0px 0px;} #rightcase_img {display:block; float:right; margin:0px 5px 0px 0px;} *html #rightcase_img {margin:0px 2px 0px 0px;} #rightcase_text {width:177px; display:block; float:left; color:#ffffff; } #rightcase_text p {font-size:1.1em !important;} #picture_libary {width:215px; height:143px; display:block; float:left; margin:13px 0px 48px 0px;} #latest_press_release { width:350px; display:block; float:right; margin:13px 0px 48px 0px;} .lntitle {color:#92B70C; font-size:1.2em; font-weight:bold; } #latest_press_release p {font-size:1.1em; color:#333333;} #cat_menu_top {padding:3px 0px 0px 6px; background:url(../images/category.jpg) no-repeat; height:19px; display:block; color:#ffffff; font-size:1.1em; margin:5px 0px 0px 0px;} a.news_bottom_wa {background:url(/images/arrow_blue.jpg) no-repeat right 97%; font-size:1.1em; color:#174591; padding:0px 16px 0px 0px; margin:5px 9px 10px 0px; display:block; float:right;} a:hover.news_bottom_wa {color:#174591;} #cat_menu {} #cat_menu a {background:url(../images/cat_a.jpg) no-repeat; height:19px; display:block; padding:3px 0px 0px 6px; color:#ffffff;} .up { position:absolute; right:8px; top:0px; width:14px; height:19px; background:url(../images/up.jpg) no-repeat;} .down {position:absolute; right:8px; top:0px; width:14px; height:19px; background:url(../images/down.jpg) no-repeat;} /*------------------------------------ news -----------------------------------------------------------*/ .news_item { border-bottom:1px solid #CCCCCC; padding:5px 0px 0px 0px;} .news_item .date {color:#999999; padding:3px 0px 0px 0px; font-size:1.2em;} .news_item .title {color:#92B70D; font-weight:bold; display:block; padding:8px 0px 0px 0px; font-size:1.2em; } .news_item p {} .news_img_block {display:block; float:right; margin:5px 0px 0px 10px; text-align:right; } .news_img_block a { color:#313131; font-size:1.1em; background:url(../images/news_linkl.jpg) no-repeat center right; padding:2px 20px 2px 0px; margin:5px 0px 5px 0px; display:block;} *html .news_img_block a {margin:5px 0px -1px 0px;} *+html .news_img_block a {margin:5px 0px -1px 0px;} .news_img_block a:hover { text-decoration:none;} .paging {margin:10px 0px 10px 0px; font-size:1.1em; color:#333333;} .paging .links {display:block; float:right;} .paging .links a {font-size:1.1em; color:#333333;} .paging .numbers {display:block; float:left;} #enquiry_top { display:block; float:left; position:relative; width:221px; min-height:286px; height:auto !important; height:286px; background:url(../images/enquiry_top.jpg) no-repeat left top; margin:2px 0px 0px 0px; padding:0px 18px 0px 18px;} #enquiry_top p {color:#ffffff; font-size:1.1em; padding:10px 0px 0px 0px;} #enquiry_top form p {padding:0px; margin:0px 0px 1px 0px;} #enquiry_top button {background:#368CE8; border:1px solid #ffffff; display:block; color:#ffffff; float:right; margin:10px 8px 10px 0px;} *html #enquiry_top button {margin:10px 4px 10px 0px;} #enquiry_top input { width:208px;} #enquiry_top textarea { width:208px;} #enquiry_bottom {position:absolute; bottom:-8px; left:0px; background:url(../images/enquiry_bottom.jpg) no-repeat; width:257px; height:8px;} #enquiry_top form {margin:0px; padding:0px;} #enquiry_top .error_feedback li {color:#ffffff; background:none; margin:5px 0px 5px 24px;} /*------------------------------------ case studies -----------------------------------------------------------*/ #case_study {width:615px; margin:10px 0px 0px 15px;} #content_left {width:386px; display:block; float:left;} #content_right {width:214px; display:block; float:right;} .img_area {position:relative; margin:0px 0px 20px 0px; width:215px; height:148px;} .imgclick {position:absolute; bottom:0px; right:0px; width:20px; height:20px;} *html .imgclick {position:absolute; bottom:2px; right:0px; width:20px; height:20px;} #hover.news_press .date {color:#999999; padding:5px 0px 0px 52px !important; font-size:1.2em;} /*------------------------------------ social meida links -----------------------------------------------------------*/ #social_media_links {float:left; margin:85px 0px 0px 50px;} #social_media_links a {margin-bottom:10px; display:block;} /*------------------------------------ gallery -----------------------------------------------------------*/ .gal {display:block; width:120px; min-height:120px; height:auto !important; height:120px; display:block; float:left; border:2px solid #333333; margin:0px 10px 10px 0px;} .gal_title {background:#000000; color:#ffffff; font-size:1.2em; font-weight:bold; padding:2px 0px 2px 0px; text-align:center;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; border-left:#333333 solid 1px;} *html #nav { width:100%; margin:13px 0px 0px 0px; padding:0px 0px 0px 0px; border-left:#333333 solid 1px;} #nav a { margin:0px 0px 0px 0px; padding:10px 18px 16px 18px; color:#ffffff; border-left:#191919 solid 1px; border-right:#333333 solid 1px; display:block; float:left; font-size:1.2em; font-weight:normal; } #nav a:hover { text-decoration:none; color:#ffffff; background:url(../images/hover.jpg) #246bdd no-repeat center;} #nav a.active { text-decoration:none; color:#ffffff; background:url(../images/hover.jpg) #246bdd no-repeat center;} #green .sub_nav ul li {margin:0px; padding:0px; list-style:none; background:url(../images/green_a.jpg) #609200 no-repeat;} #red .sub_nav ul li {margin:0px; padding:0px; list-style:none; background:url(../images/red_a.jpg) #880009 no-repeat;} #black .sub_nav ul li {margin:0px; padding:0px; list-style:none; background:url(../images/black_a.jpg) #272727 no-repeat;} #green .sub_nav ul li a { background:url(../images/green_a_right.jpg) no-repeat right top;} #red .sub_nav ul li a { background:url(../images/red_a_right.jpg) no-repeat right top;} #black .sub_nav ul li a { background:url(../images/black_a_right.jpg) no-repeat right top;} .sub_nav {width:192px;} .sub_nav ul {margin:0px; padding:0px;} .sub_nav ul li a {display:block; color:#ffffff; font-size:1.1em; padding:1px 0px 7px 7px; margin:0px;} .sub_nav ul li a:hover {text-decoration:none;} /*------------------------------------ 3 column page -----------------------------------------------------------*/ #sidebar {width:198px; display:block; float:left; margin:4px 0px 0px 6px;} *html #sidebar {margin:4px 0px 0px 3px;} #sidebar_nav {margin:4px 0px 0px 0px;} #sidebar_nav a {color:#ffffff; font-size:1.2em; display:block; background:url(../images/nav_left.jpg) no-repeat #555555 bottom; margin:0px 0px 1px 0px; padding:9px 0px 8px 10px; list-style:none;} #sidebar_nav a:hover {text-decoration:none; background:url(../images/nav_left_hover.jpg) no-repeat #c3000d bottom;} #sidebar_nav a.selected_sub {text-decoration:none; background:url(../images/nav_left_hover.jpg) no-repeat #c3000d bottom;} #content_three_col {width:425px; float:right; display:block; margin:7px 6px 0px 0px;} *html #content_three_col {margin:7px 3px 0px 0px;} #contact {width:186px; background:url(../images/contact.jpg) no-repeat; min-height:158px; height:auto !important; height:158px; margin:5px 0px 0px 0px; position:relative; padding:10px 0px 0px 14px;} #contact h6 {font-size:1.2em; color:#303030; font-weight:normal; } #contact form {margin:0px; padding:0px;} #contact input {font-size:1.1em; color:#303030; border:0px; width:163px; padding:2px 0px 2px 8px;} #contact button {background:none; border:0px; margin:0px 0px 0px 110px;} #contact_bottom { background:url(../images/bottom_contact.jpg) no-repeat; position:absolute; bottom:-10px; left:0px; width:200px; height:10px; } #contact ul { margin:0px; padding:0px;} #contact li { background:none; list-position:inside; margin:10px 10px 10px 20px; padding:0px;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(../images/bac.jpg) repeat-x #313131; font-family:Verdana, Geneva, sans-serif; font-size:0.6em;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:2em; color:#DE0019; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#0C8DC6; font-size:1.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#E30015; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#F48712; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#7B7B7B; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#92B70C; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { margin:0px; padding:0px 0px 0px 0px; } ul li { background:url(../images/li.jpg) no-repeat; list-style:none; font-size:1.1em; list-style-position:outside; padding:0px 0px 0px 20px; margin:10px 0px 10px 0px; line-height:15px; } ol {} ol li {list-style:decimal; font-size:1.1em; margin:5px 0px 5px 0px; line-height:15px; } address {margin:5px; font-size:1.1em; font-style:italic;} a { color:#D80412; text-decoration:none; } a:hover { color:#D80412; text-decoration:underline; } p { font-size:1.1em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:15px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */