/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:2px; margin-left:auto; margin-right:auto; width:960px; } #header { width:100%; height:154px; margin:0px; padding:0px; border-bottom:#003366 0px solid; position:relative; z-index:100;} #logo { width:256px; height:114px; display:block; float:left; margin:0px; padding:0px; } #main { position:relative; width:938px; display:block; padding:11px 11px 30px 11px; margin:0px 0px 0px 0px; background-color:#FFFFFF; } #main_below {width:960px; background:url(../images/page_below.jpg) no-repeat left top; height:9px; position:absolute; bottom:-9px; left:0px;} #pagheader { display:block; margin:0px 0px 19px 0px; padding:0px; width:938px; height:283px; position:relative;} #pagheader ul { margin:0px; padding:0px;} #pagheader ul li { margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;} #content_main { width:614px; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:624px; display:block; float:left;} #sidebar_right { width:288px; height:100%; float:right; margin:0px 0px 0px 0px; padding:0px;} #video {width:287px; height:209px; display:block; margin:0px 0px 10px 0px;} a.see_more { display:block; float:right; margin:10px 0px 10px 0px;} #contact { background:url(../images/contact.jpg) no-repeat left top; width:288px; min-height:224px; height:auto !important; height:224px display:block; padding:25px 0px 0px 13px;} #contact label.indent { width:125px; font-size:12px; color:#fff; display:block; float:left; vertical-align:middle;} #contact input { width:133px; font-size:12px; padding:0px; border:1px solid #B6B6B6;} #contact textarea { width:133px; font-size:12px; padding:0px; height:30px; border:1px solid #B6B6B6; } #contact p { margin:4px 0px 4px 0px !important;} *html #contact p { margin:2px 0px 2px 0px !important;} *+html #contact p { margin:2px 0px 2px 0px !important;} #contact form {margin:0px; padding:0px;} #contact button { display:block; float:right; margin:2px 30px 0px 0px; padding:0px; border:0px; background:none;} *html #contact button { display:block; float:right; margin:2px 0px 0px 0px; padding:0px; border:0px; background:none;} *+html #contact button { display:block; float:right; margin:2px 10px 0px 0px; padding:0px; border:0px; background:none;} #footer { width:960px; height:42px; margin:20px auto 0px auto; padding:0px; } #footer_copy { display:block; float:left; font-size:11px; color:#333; margin:0px 0px 0px 10px;} #footer_copy a { font-size:11px; color:#333; } #footer_right { display:block; float:right; margin:0px 10px 0px 0px;} .clear { clear:both; } /*------------------------------------ HomePage -----------------------------------------------------------*/ #latest_news { width:308px; display:block; float:left;} #latest_news h1 { margin:10px 0px 5px 0px !important;} .latest_news {border-bottom:1px #ED3334 dotted; padding:5px 0px 5px 0px;} .latest_news p { margin:5px 0px 5px 0px; line-height:16px;} .latest_news a.title {color:#ED3334; font-size:16px; font-weight:bold;} #testimonial { position:relative; display:block; width:233px; padding:39px 32px 78px 33px; margin:10px 0px 0px 0px; display:block; float:right; background:url(../images/comma_top.jpg) no-repeat left top;} *html #testimonial {padding:49px 32px 78px 33px;} *+html #testimonial {padding:49px 32px 78px 33px;} #testimonial_com { position:absolute; width:47px; height:39px; right:10px; bottom:48px; background:url(../images/comma_below.gif) no-repeat left top;} #testimonial_below { position:absolute; bottom:0px; right:10px; font-size:12px; color:#AC1013; text-align:right;} /*------------------------------------ TextPage -----------------------------------------------------------*/ #breadcrumb { font-size:11px; font-weight:bold; display:block; margin:10px 0px -5px 0px; color:#EB2626;} #breadcrumb a { color:#333;} /*------------------------------------ News -----------------------------------------------------------*/ .news {border-bottom:1px dotted #B01318; display:block; padding:10px 0px 0px 0px;} .news a.news_title {color:#EB2626; font-size:16px; font-weight:bold;} .news a.news_title span {color:#333333; font-size:10px;} .img_area { display:block; float:left; margin:10px 0px 15px 0px;} .news_text_small { width:476px; display:block; float:right;} .paging {display:block; float:right; margin:20px 0px 0px 0px; color:#333333; font-size:12px; font-weight:bold;} .paging a {color:#333333; font-size:12px; font-weight:bold;} /*------------------------------------ Gallery -----------------------------------------------------------*/ #gallery_left {width:316px; display:block; float:left;} #main_img {width:316px; height:381px; position:relative;} #main_img ul {margin:0px; padding:0px;} #main_img ul li {margin:0px; padding:0px; position:absolute; top:0px; left:0px; list-style:none;} .hidden {display:none;} #gallery_right {width:249px; display:block; float:right;} #mycarousel li {cursor:pointer;} #gallery_cat ul { padding:0px; margin: 0px 0px 0px 0px; list-style: none; float: left;} #gallery_cat li {display:block; text-decoration: none; color: #ccc; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;; position:relative;} *html #gallery_cat li { margin:0px;} #gallery_cat a { position:relative; background:url(../images/gal_cat_nav.jpg) repeat-x top right; margin:0px 0px 0px 0px; padding:4px 37px 6px 25px; color:#ffffff; display:block; font-weight:normal; font-size:12px; } #gallery_cat li a span {position:absolute; top:0px; right:0px; width:21px; height:27px; background:url(../images/gal_cat_right.gif) no-repeat right top; } #gallery_cat a:hover {text-decoration:none;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { display:block; float:left; width:690px; margin:76px 0px 0px 0px; padding:0px 0px 0px 14px; } #nav ul { padding:0px; margin: 0px 0px 0px 0px; list-style: none; float: left;} #nav li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0px 0px; margin-right: 3px; position:relative;} *html #nav li { margin-right:0px;} #nav a { margin:0px 0px 0px 0px; padding:4px 5px 15px 0px; color:#ffffff; display:block; font-weight:normal; font-size:12px; } #nav li a span { float: left; padding-right: 5px; display: block; margin-top: -4px; height:30px;} #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;} #nav ul li a:hover span, #nav ul li a.active span {background:url(../images/nav.jpg) no-repeat top left;} #nav ul li ul {width:91%; position:absolute; background:#B11016; top:24px; left:0px; display:none; padding:0px 0px 0px 0px; z-index:100;} *html #nav ul li ul {width:18%;} #nav ul li ul li {display:block; margin:0px 0px 0px 0px; background:#D81F21; padding:0px 0px 0px 0px; float:none; } #nav ul li ul li a { display:block; font-size:0.9em; color:#ffffff; background:#D81F21; width:100%; margin:0px !important; border-bottom:1px solid #961013; padding:5px 6px 5px 6px; float:none; posiition:relative; z-index:100; } #nav ul li ul li a:hover { background:#D81F21;} #nav ul li:hover ul { display:block; } #nav ul ul:hover { display:block; z-index:1000} #nav ul li ul li a.active { color:#ffffff; background:#ff000a;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(../images/bac.jpg) #ECECEC repeat-x left top; 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 { font-size:22px; color:#B01318; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#333333; font-size:20px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#333333; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#B01318; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#333333; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#B01318; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {background:none; border:0px; border-top:1px dotted #B01318;} ul { } ul li { font-size:12px; color:#333333; list-style:disc;} ol {} ol li {font-size:12px; color:#333333; list-style:decimal;} address {font-size:12px; color:#333333;} a { color:#EB2626; text-decoration:none; } a:hover { color:#EB2626; text-decoration:underline; } p { font-size:12px; color:#333333; 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 */