@charset "utf-8";
/*
Author: Darren Jones
Author URL: http://www.gcweb.com.au/
*/

/* Overall page structure
========================================================== */
body { background:#3A67AC url(../images/common/header_bg.jpg) repeat-x; margin:0;}
div,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

#container { width:1022px; margin:0 auto 0; background:url(../images/common/content_shaddow_bg.jpg) repeat-y;}

table { border-collapse:collapse; margin-top:-1px;}

/* Header 
========================================================== */
#header { display:block; background:url(../images/common/header_shadow.jpg) no-repeat; height:380px;}

/* Top section
------------------ */
#header #topMenu { display:block; background:#223439; border-bottom:1px solid #fff; height:19px; font-family:Verdana,Arial; font-size:12px; color:#fff; line-height:17px;}
#header #topMenu #links { display:block; float:left; width:385px; padding-left:15px;}
#header #topMenu #links a { text-decoration:none; color:#fff; display:block; padding-right:10px; float:left;}
#header #topMenu #links a:hover { color:#3A67AC;}
#header #topMenu #timeDate { display:block; float:right; width:385px; text-align:right; padding-right:15px;}

/* Flash Images
------------------ */
#header #images { display:block; height:320px; margin:0 11px;}

/* Menu
------------------ */
#header #menu { display:block; margin:0 11px;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/pro_drop9.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */
.menu {margin:0; padding:0; list-style:none; height:40px; background:url(../images/common/menu_bg.jpg) repeat-x; font-family:Verdana,Arial; font-size:15px; width:1000px;}
.menu li {float:left; height:40px;}
.menu li.silentgliss { float:right;}
.menu li a {display:block; height:40px; padding:0 25px; float:left; line-height:38px; color:#fff; text-decoration:none; text-align:center;}
.menu li a:hover {position:relative; visibility:visible; line-height:38px; z-index:50;}
.menu li ul, .menu li div  {position:absolute; left:-9999px;}
.menu li:hover {position:relative;}
.menu li:hover > a {line-height:38px; color:#3A67AC;}

.menu table {border-collapse:collapse; margin:-1px;}

.menu :hover div {left:-1px; top:40px; width:348px; height:120px; background: url(../images/common/dropdown.jpg) repeat-x; z-index:100;}

.menu :hover ul {margin:0; padding:10px 0; list-style:none; left:0; top:38px; width:344px; height:120px; z-index:120;}
.menu :hover ul li {height:30px;}
.menu :hover ul li a {height:30px; line-height:28px; color:#CCC; margin-left:1px; width:294px; text-align:left;}
.menu :hover ul li a:hover {background:#223439; color:#fff;}
.menu :hover ul li:hover > a {background:#223439; color:#fff;}

/* Header end
========================================================== */




/* Body Content 
========================================================== */

#content { display:block; margin:0 11px; width:970px; padding:25px 15px; background:#27497C url(../images/common/footer_bg.jpg) repeat-x  bottom; font-family:Verdana,Arial; font-size:14px; color:#fff; line-height:22px;}

/* Welcome
------------------ */
#content #homeWelcome { display:block;}
#content #homeWelcome h1 { font-family: "Arial Rounded MT Bold", "trebuchet MS"; font-size:28px; color:#ABC6CD; font-weight:normal;}
#content #homeWelcome h2 { font-family: "Arial Rounded MT Bold", "trebuchet MS"; font-size:18px; color:#ABC6CD; font-weight:normal;}
#content #homeWelcome a { color:#ABC6CD;}
#content #homeWelcome a:hover { color:#3A67AC; text-decoration:none;}
#content #homeWelcome #map { display:block; height:333px; width:364px; float:right; padding:5px; background:#1A3153; font-size:11px; margin-bottom:10px; margin-left:10px;}

/* Contact stuff
------------------ */
#contact { display:block; width:970px; height:200px; margin-top:40px; position:relative; font-family:Verdana,Arial; font-size:14px; color:#fff;}
#contact.otherpages { border-top:1px solid #fff; padding-top:40px;}

#contact h1 {font-family: "Arial Rounded MT Bold", "trebuchet MS"; font-size:28px; color:#ABC6CD; font-weight:normal;}

#contact #details { display:block; position:absolute; width:365px; height:200px;}
#contact #details em strong { display:block; width:80px; float:left; font-style:normal;}

#contact #feedback { display:block; position:absolute; left:365px; width:605px; height:200px;}
#contact #feedback form.contact { display:block; position:relative; width:585px;}

form.contact label { display:block; width:65px; height:30px; line-height:28px; font-weight:bold;}
form.contact input { display:block; width:170px; height:30px; line-height:28px; font-family:Verdana,Arial; font-size:14px; color:#000; border:0px none; background:#fff; padding:0 5px;}
form.contact input.submit { display:block; width:110px; height:20px; line-height:15px; font-family:"trebuchet MS"; font-size:11px; color:#fff; border:0px none; background:#253439 url(../images/common/contact-submitbg.gif) no-repeat;}

form.contact textarea { display:block; width:250px; height:100px; font-family:Verdana,Arial; font-size:14px; color:#000; border:0px none; background:#fff; padding:0 5px; line-height:28px;}

.nameL { position:absolute; left:0; top:0;}
.nameI { position:absolute; left:65px; top:0;}
.emailL { position:absolute; left:0; top:35px;}
.emailI { position:absolute; left:65px; top:35px;}
.phoneL { position:absolute; left:0; top:70px;}
.phoneI { position:absolute; left:65px; top:70px;}
.messageL { position:absolute; left:255px;}
.messageI { position:absolute; left:330px;}
.submit { position:absolute; left:480px; top:105px;}

/* Links
------------------ */
a.sitemap { color:#fff; text-decoration:none;}
a.sitemap:hover { color: #FFFF00; text-decoration: underline;}


/* Product Range
------------------ */
#content #productRange { display:block;}

#productRange h1 { font-family: "Arial Rounded MT Bold", "trebuchet MS"; font-size:28px; color:#ABC6CD; font-weight:normal;}
#productRange h3 { font-family: "Arial Rounded MT Bold", "trebuchet MS"; font-size:18px; color:#ABC6CD; font-weight:normal;}

#productRange #products { display:block; background:url(../images/productrange/content-bg.jpg) no-repeat center bottom; padding:10px 0 20px 0; margin-bottom:40px;}
#productRange h2 { display:block; border-bottom:2px solid #C8D9DE; height:20px; padding-top:10px; font-family:"Arial Rounded MT Bold", "trebuchet MS"; font-size:28px; font-weight:normal; color:#C8D9DE; margin-bottom:10px;}

#products img.border {margin-right:15px; padding:1px; border:1px solid #fff;}
#products a { color:#ABC6CD;}
#products a:hover { color:#3A67AC; text-decoration:none;}

ul.productRange { margin:15px 0 0 0; padding:0;}
ul.productRange li { list-style:none; float:left; display:block; padding:0 5px 5px 0;}
ul.productRange li a img { display:block; padding:1px; border:1px solid #fff;}
ul.productRange li a:hover img { border:1px solid #000;}

#clearRange { clear:both; margin-top:40px;}
#clear { clear:both;}


/* Services
------------------ */
#content #servicesPage { display:block;}
#content #servicesPage h1 { font-family: "Arial Rounded MT Bold", "trebuchet MS"; font-size:28px; color:#ABC6CD; font-weight:normal;}
#content #servicesPage h2 { font-family: "Arial Rounded MT Bold", "trebuchet MS"; font-size:18px; color:#ABC6CD; font-weight:normal;}
#content #servicesPage a { color:#ABC6CD;}
#content #servicesPage a:hover { color:#3A67AC; text-decoration:none;}

#content #servicesPage img.border { padding:1px; border:1px solid #fff; margin-right:15px;}

ul.servicesPage { margin:15px 0 0 0; padding:0;}
ul.servicesPage li { list-style:none; float:left; display:block; padding:0 5px 5px 0;}
ul.servicesPage li a img { display:block; padding:1px; border:1px solid #fff;}
ul.servicesPage li a:hover img { border:1px solid #000;}

/* Footer
------------------ */
#footer { clear:both; display:block; margin-top:20px; width:970px; font-family:Verdana,Arial; font-size:11px; color:#1D365C;}

#footer #copyright { float:left;}
#footer #gcweb { float:right;}
#footer #gcweb a { color:#1D365C; text-decoration:none;}
#footer #gcweb a:hover { color:#FFFF00; text-decoration: underline;}