/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:960px; } #header { width:100%; height:161px; margin:0px; padding:0px; position:relative; z-index:100;} #logo { width:238px; height:95px; margin:0px; padding:31px 0px 0px 30px; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:158px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px; background:#f00; } #content_main { width:100%; margin:0px 0px 0px 0px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:609px; float:left; padding:0px 0px 0px 15px;} #sidebar_right { width:288px; height:100%; float:right; margin:0px 0px 0px 0px; padding:0px;} *html #sidebar_right {margin-top:-13px;} #footer_wrap {width:100%; background:#000; height:42px; display: block; position:relative;} #footer { width:960px; margin:0px auto; padding:0px; } #footer p { font-size:0.7em; color:#FFFFFF; } .clear { clear:both; } label.indent, div.indent {float: left; width: 100px; clear: both; font-size: 12px; line-height: normal; margin: 2px 2px 2px 0;} /*------------------------------------ home page ----------------------------------------------------------*/ #home { background:#000;} #home #container {width:100%; background:#EEF0E0;} #home #header {width:960px; position:relative; margin:0 auto;} #home #main { width:960px; margin:0 auto;} #home #main #heading { min-height:390px; height:auto !important; height:390px;} #home #content_wrap {width:100%; background:#000; display:block; min-height:230px; height:auto !important; height:230px;} #home #home_content { width:960px; margin:10px auto 10px auto; display:block; min-height:100px; height:auto !important; height:100px; } #home #home_content .content_box { position:relative; z-index:1000; float:left; display:block; width:456px; min-height:173px; height:auto !important; height:173px; margin:0px 0px 0px 15px;} #home_about { background:url(../images/home_about_top.jpg) no-repeat top left #FFF; display:block; margin:10px 0px 0px 0px;} #home_about h1 { color:#000; } #home_about #home_about_below {position:relative; height:54px; background:url(../images/home_about_below.jpg) no-repeat top left #FFF; padding:0px 15px 0px 0px;} #home_about #home_about_below a {float:right; display:block; margin:33px 0px 0px 0px; color:#FFF; padding:0px 15px 0px 0px; background:url('../images/link_arrow_head.gif') center right no-repeat;} #home_news { background:url(../images/home_about_top.jpg) no-repeat top left #FFF; } #home_news h1 { color:#000; padding:10px 0px 0px 20px;} #home_news img {float:left; display:block; } #home_news p {} #home_news #home_news_below {position:relative; height:54px; background:url(../images/home_news_below.jpg) no-repeat top left #FFF; padding:0px 15px 0px 0px; margin-top:-18px;} #home_news #home_news_below a {float:right; display:block; margin:33px 0px 0px 0px; color:#FFF; padding:0px 15px 0px 0px; background:url('../images/link_arrow_head.gif') center right no-repeat;} #home_news .home_news_segment {width:400px; margin:0px 0px 30px 20px; } #home_news .news_date {float:left; display:block; color:#000; width:40px; } #home_news .news_date a {color:#000;} #home_news .news_date a:hover {color:#E51381;} #home_news .news_date a .large_text {font-size:22px; font-weight:bold;} #home_news .home_news_segment p {margin:0px;} #home_news .home_news_segment p a{ color:#E51381;} #home_news .news_text {float:right; display:block; margin:0px; color:#333; border-left:2px solid #E51381; padding:0px 0px 0px 10px; width:340px;} #home_news .news_text p{ width:100%; display:block; } #home_news .news_text_short {float:right; display:block; margin:0px; color:#333; border-left:2px solid #E51381; padding:0px 0px 0px 10px; width:560px;} #home_news .news_text_short a img {float:left; display:block; margin:0 10px 0 0; } #home_news .news_text_short p{ width:37%; display:block; float:right;} #home #footer { width:960px; margin:10px auto 0px auto; padding:0px; border-top:1px solid #CCC;} #heading_left {display:block; float:left; width:495px; height:397px;} #heading_left ul {margin:0px; padding:0px;} #heading_left ul li {margin:0px; padding:0px; list-style:none;} #heading_right {display:block; float:left; width:286px; height:397px; margin:0px 0px 0px 42px;} /*------------------------------------ footer ----------------------------------------------------------*/ #footer p { font-size:10px;} #footer #copy_right {float:left; } #footer #address {float:right; } /*------------------------------------ breadcrumbs ----------------------------------------------------------*/ #breadcrumbs {width:945px; padding:0px 0px 0px 15px; } #breadcrumbs p { font-size:11px; } #breadcrumbs p a { color:#25C1C1;} /*------------------------------------ head contact ----------------------------------------------------------*/ #head_contact {position:absolute; top:0px; right:50px; width:238px; padding:30px 15px 20px 0px; text-align:right; background:url('../images/contact_bg.jpg') top left no-repeat;} #head_contact p {font-size:16px; font-weight:bold;} #head_contact a {color:#333;} #head_contact #tel_number {background:url('../images/green_phone.gif') top left no-repeat; padding:0px 0px 0px 40px;} *+html #head_contact p {padding:10px 0 0 0;} *html #head_contact p {padding:10px 0 0 0;} /*------------------------------------ quick enquiry ----------------------------------------------------------*/ #quick_enquiry { background:url('../images/enq_bg.jpg') top left no-repeat; padding:55px 40px 60px 40px; width:215px; margin-top:-40px;} #quick_enquiry form {margin:0px; padding:0px;} #quick_enquiry label { width:60px; font-size:12px;} #quick_enquiry input { width:140px; font-size:12px; background:#F9F9F9; border:1px solid #999;} #quick_enquiry textarea { width:140px; height:40px; font-size:11px; background:#F9F9F9; border:1px solid #999; } *html #quick_enquiry textarea { width:120px;} *html #quick_enquiry input { width:120px;} #quick_enquiry button {display:block; float:right; margin:5px 8px -5px 0px; padding:0px; border:0px; background:none;} #quick_enquiry input.error {background:#FFA6A6;} #quick_enquiry textarea.error {background:#FFA6A6;} #quick_enquiry p {margin:3px 0px 3px 0px;} *+html #quick_enquiry h3 {padding:10px 0 0 0;} *+html #quick_enquiry #submit {padding:1px 8px;} *html #quick_enquiry h3 {padding:10px 0 0 0;} *html #quick_enquiry #submit {padding:1px 8px;} *html #quick_enquiry {margin-top:-34px; z-index:10; position:relative;} /*------------------------------------ right content block ----------------------------------------------------------*/ #right_content_block {float:left; display:block; background:url('../images/quick_news_top.jpg') top left no-repeat #FFF; min-height:30px; height:auto !important; height:30px; width:272px; margin-bottom:40px;} #right_content_block h1 {color:#25C1C1; padding-left:15px;} #right_content_block_below {float:left; background:url('../images/quick_news_below.jpg') bottom left no-repeat; width:248px; height:60px; padding:0px 10px 0px 15px; margin-top:-20px;} #right_content_block_below a {float:right; display:block; margin:40px 0px 0px 0px; color:#FFF; padding:0px 15px 0px 0px; background:url('../images/link_arrow_head.gif') center right no-repeat;} /*------------------------------------ quick news ----------------------------------------------------------*/ #right_content_block .quick_news_feed {padding:0px 0px 20px 15px; } #right_content_block .quick_news_feed .date {float:left; display:block; color:#000; width:35px; } #right_content_block .quick_news_feed a { color:#000;} #right_content_block .quick_news_feed .large_number {font-size:22px; font-weight:bold;} #right_content_block .quick_news_text {float:left; display:block; width:80%; margin:0px; color:#333; border-left:2px solid #E51381; padding:0px 0px 0px 10px; } #right_content_block .quick_news_text a { color:#E51381;} #right_content_block .quick_news_text a img { margin:0px 5px 2px 0px;} #right_content_block .quick_news_text p {margin:0px 0px 10px 0px;} /*------------------------------------ news section -----------------------------------------------------------*/ #main_news_feed { height:100%;} .news_segment {width:100%; margin:0px 0px 30px 0px; } .news_date {float:left; display:block; color:#000; width:30px; } .news_date a {color:#000;} .news_date a:hover {color:#E51381;} .news_date a .large_text {font-size:22px; font-weight:bold;} .news_segment p {margin:0px;} .news_segment p a{ color:#E51381;} .news_text {float:right; display:block; margin:0px; color:#333; border-left:2px solid #E51381; padding:0px 0px 0px 10px; width:560px;} .news_text p{ width:100%; display:block; } .news_text_short {float:right; display:block; margin:0px; color:#333; border-left:2px solid #E51381; padding:0px 0px 0px 10px; width:560px;} .news_text_short a img {float:left; display:block; margin:0 10px 0 0; } .news_text_short p{ width:77%; display:block; float:right;} /*------------------------------------ paging -----------------------------------------------------------*/ .paging {float:right; margin-bottom:30px; } .paging p {float:left; display:block; margin:0px 10px 0px 0px;} .paging a {margin:0px 1px 0px 1px; padding:5px; color:#333;} .paging a:hover { background:#25C1C1; color:#FFF; text-decoration:none;} /*------------------------------------ nav-----------------------------------------------------------*/ *html #nav {margin:1px 0 10px 0; height:28px;} #nav { position:relative; width:100%; height:35px; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#000;} #nav ul { margin:0px; padding:0px;} #nav li {display:block; float:left; font-size:12px; margin:0; position:relative;} #nav li a {padding:10px 30px 10px 30px; color:#ffffff; display:block; font-weight:bold; text-transform:uppercase;} #nav li a:hover {text-decoration:none; color:#ffffff; background:#25C1C1;} #nav li a.active {text-decoration:none; color:#ffffff; background:#25C1C1;} #nav li ul {margin:0px; padding:0px; float:none; display:none; position:absolute; left:0px; top:35px; border-top:1px solid #EEF0E0; background:#25C1C1; } #nav li ul li {float:none;} #nav li ul li a {width:140px; display:block; float:none !important; z-index:100; color:#FFF !important;} #nav li ul li a:hover { background:url('../images/link_cross.jpg') no-repeat 12px center #59D0D0; text-decoration:none; color:#fff !important;} #nav li ul li a.active { background:url('../images/link_cross.jpg') no-repeat 12px center #59D0D0; text-decoration:none; color:#fff !important;} #nav ul li:hover ul { display:block; } #nav ul ul:hover { display:block; z-index:1000} #small_menu { display:block; margin:0px 0px 0px 36px;} #small_menu a { display:block; padding:2px 0px 0px 28px; font-size:12px; color:#000; margin:7px 0px 7px; background:url(/images/x_small.jpg) no-repeat left 50%;} #top_left {position:absolute; top:0px; left:0px; z-index:80; background:url('../images/top_left.gif') -1px -1px no-repeat; height:11px; width:11px;} #below_left {position:absolute; bottom:0px; left:0px; z-index:80; background:url('../images/below_left.gif') -1px 1px no-repeat; height:11px; width:11px;} #top_right {position:absolute; top:0px; right:0px; z-index:80; background:url('../images/top_right.gif') 1px -1px no-repeat; height:11px; width:11px;} #below_right {position:absolute; bottom:0px; right:0px; z-index:80; background:url('../images/below_right.gif') 1px 1px no-repeat; height:11px; width:11px;} *html #below_left {bottom:-5px;} *html #below_right {bottom:-5px;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:#EEF0E0; font-family: Arial, Helvetica, sans-serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { color:#E51381; font-size:22px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#E51381; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#25C1C1; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#E51381; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#25C1C1; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#E51381; font-size:11px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { font-size:12px; list-style:disc;} ol {} ol li {font-size:12px;list-style:decimal; } address {font-size:12px; color:#000;} a { color: #25c1c1; text-decoration:none; } a:hover { color: #25c1c1; text-decoration:underline; } p { font-size:12px; line-height:18px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#333333;} /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */