/* [DEV BACKGROUND COLOURS] - BEGIN - Remove starting here */
DIV#subheader{ background-color:#FFFFFF; background-image:url(/images/header-back02.gif); background-repeat:no-repeat; position:relative;}
body.home DIV#subheader{background-image:url(/images/header-back01.gif);}
DIV#subfooter{background-image: url(/images/footer-back01.gif); background-position:top; background-repeat:no-repeat; text-align:center; font-size:9px; color:#5b5b5b; padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
DIV#wrapper{background:url(/images/wraper-back01.gif) repeat-y;}
DIV#wrapper.01{background:url(/images/wraper-back01.gif) repeat-y;}
/* [DEV BACKGROUND COLOURS] - END - Remove ending here */

/* IE PNG support - uncomment
img, div { behavior: url(iepngfix.htc) } */

HTML, BODY, DL, DT, DD, FORM, IMG{ margin:0; padding:0; border:0; }

BODY{background-color:#e4e8f5; background-image:url(/images/body-back02.gif); background-position:top; background-repeat:repeat-x; font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif; color:#444;}
body.home{background-image:url(/images/body-back01.gif);}

DIV#container-center{padding:20px 40px 50px 40px; background:#FFFFFF url(/images/shade01.gif) top repeat-x;}
body.l DIV#container-center{margin:auto 1px auto auto; padding-top:30px;}
body.home DIV#container-center{padding-top:10px;}
body.nobackg DIV#wrapper{background-image:url(/images/wraper-back02.gif);}
body.l.nobackg DIV#container-center{background-image:none; padding:10px 20px 50px 40px; }
* html body.l.nobackg DIV#container-center{background-image:none; padding:20px 20px 50px 40px;}
body.f DIV#container-center{margin:auto 1px auto 1px; background:none; padding:0px 40px 50px 0px;}
body.r DIV#container-center{margin:auto 0px auto 1px;}
body.f DIV#wrapper{background:url(/images/wraper-back02.gif) repeat-y;}

body.f.nobackg DIV#container-center{padding:30px 40px 10px 50px;}
DIV#container-right{padding-top:20px;background:#FFFFFF url(/images/shade01.gif) top repeat-x;}

/******************************************* end layout matters **/
ul{padding-left:15px;}
ul li{ list-style-image:url(/images/bullet_black.gif)}

H1, H2, H3, H4, H5, H6{color:#444; margin:10px auto 10px auto; font-weight:bold;}
H1 {font-size:24px;}
H2 {font-size:22px; margin:6px auto 5px auto}
H3 {font-size:20px;}
H4 {font-size:18px;}
H5 {font-size:16px; margin:5px auto 0px auto}
H6 {font-size:14px;}


p{margin-bottom:10px; margin-top:5px;}

DFN{ display:none; }

a, a:visited{color:#079dda;}
a img{border:0px}
HR {height: 1px;margin-top: 5px;margin-bottom: 5px;border:none;border-bottom:1px solid #CCCCCC;}
* html HR{border-bottom:1px dotted #888;}

strong{font-weight:bold;}
em{font-style:italic;}

#logo{margin:30px auto auto 50px; position:absolute; width:600px; height:70px;}
body.home #logo{height:150px;}
.tagline{line-height:40px; color:#999999; font-size:12px;}
#headlogos{position:absolute; top:40px; right:20px;}
body.home #headlogos{top:80px; right:20px;}
#headlogos img{margin-right:20px;}
#menuwrap{position:absolute; right:0px; bottom:0px; height:33px; width:991px}
/*******************************MENU **********************************/
.prodrop5 {list-style:none; height:32px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;list-style-image:none; padding-left:0px}
.prodrop5 li{list-style-image:none;}
.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(/images/home_0.gif); width:58px; height:32px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(/images/about_0.gif); width:79px; height:32px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(/images/projects_0.gif); width:106px; height:32px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(/images/windows_0.gif); width:165px; height:32px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(/images/installation_0.gif); width:144px; height:32px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:url(/images/builders_0.gif); width:191px; height:32px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos7 {background:url(/images/news_0.gif); width:97px; height:32px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos8 {background:url(/images/location_0.gif); width:78px; height:32px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos9 {background:url(/images/contact_0.gif); width:72px; height:32px; display:block;text-indent:-99999px;} 

.prodrop5 li.p1 {background:url(/images/home_1.gif);} 
.prodrop5 li.p2 {background:url(/images/about_1.gif);} 
.prodrop5 li.p3 {background:url(/images/projects_1.gif);} 
.prodrop5 li.p4 {background:url(/images/windows_1.gif);} 
.prodrop5 li.p5 {background:url(/images/installation_1.gif);} 
.prodrop5 li.p6 {background:url(/images/builders_1.gif);} 
.prodrop5 li.p7 {background:url(/images/news_1.gif);} 
.prodrop5 li.p8 {background:url(/images/location_1.gif);} 
.prodrop5 li.p9 {background:url(/images/contact_1.gif);} 

.prodrop5 li.current a.pos1,.prodrop5 li.current a.pos1:hover {background:url(/images/home_1.gif);} 
.prodrop5 li.current a.pos2,.prodrop5 li.current a.pos2:hover {background:url(/images/about_1.gif);} 
.prodrop5 li.current a.pos3,.prodrop5 li.current a.pos3:hover {background:url(/images/projects_1.gif);} 
.prodrop5 li.current a.pos4,.prodrop5 li.current a.pos4:hover {background:url(/images/windows_1.gif);} 
.prodrop5 li.current a.pos5,.prodrop5 li.current a.pos5:hover {background:url(/images/installation_1.gif);} 
.prodrop5 li.current a.pos6,.prodrop5 li.current a.pos6:hover {background:url(/images/builders_1.gif);} 
.prodrop5 li.current a.pos7,.prodrop5 li.current a.pos7:hover {background:url(/images/news_1.gif);} 
.prodrop5 li.current a.pos8,.prodrop5 li.current a.pos8:hover {background:url(/images/location_1.gif);} 
.prodrop5 li.current a.pos9,.prodrop5 li.current a.pos9:hover {background:url(/images/contact_1.gif);} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop5 a:hover {visibility:visible; position:relative; z-index:200; display:block;}
.prodrop5 li:hover {position:relative; z-index:200;}
.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 
/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.prodrop5 :hover ul {left:0; top:30px; padding:3px; white-space:nowrap; height:auto; width:auto; z-index:300; background-color:#d6ddf4;}
.prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:170px; padding:0 10px; color:#000; background:transparent; text-decoration:none;border-bottom:1px solid #FFFFFF;}
.prodrop5 :hover ul li a:hover {background:#FFFFFF;}
/***********************END OF MENU **************************************/
body.home DIV#container-left{padding:5px 20px 5px 20px; width:180px;}

.color1{color:#e32824;}

DIV#flash{text-align:right; margin-bottom:4px; margin-left:4px; width:767px; height:237px; overflow:hidden; border-right:1px solid #98a4c8;}
DIV#search{background-color: #FF0000; margin:0px 1px 0px 1px; background-image:url(/images/search-back01.gif); height:47px; margin-bottom:4px;}

body.f #search{width:218px; margin:0px 1px 0px 0px; float:left;}
.shade{background:#FFFFFF url(/images/shade01.gif) top repeat-x;  width:auto; margin:auto 1px auto 1px;}

#search input{margin-left:30px; margin-top:14px; display:block; float:left; width:110px; font-size:11px;color: #666666; background-color:#FFFFFF; padding:2px 0px 2px 2px;}
* html #search input{margin-left:15px;} /* IE6 */
#search input#buttongo{margin-top:15px; margin-left:10px;display:block; float:left; width:auto; padding:0px;}
#search .hidden{display:none;}

.NewsSummary{margin-bottom:13px;}
DIV#container-left .NewsSummaryContent, .NewsSummarySummary {font-size:12px; line-height:normal;}
.NewsSummaryLink a, .NewsSummaryMorelink a{color:#079dda; font-weight:bold;}

#nms{font-size:11px; margin-top:20px;}
.nms1{display:block; float:left; margin-bottom:5px; width:60px;}
#nmsemail, #nmsuser{width:50px; float:left; display:block;}
#nmsemail input, #nmsuser input{width:100px; margin-bottom:10px;}
.nms_message{color:#FF0000; font-weight:bold; font-size:9px;}

#title{background-color:#FFFFFF; margin:0 1px 0 1px; padding:20px 30px 10px 50px;}
#breadcrumbs{font-size:11px; color:#999999; padding:17px 30px 0px 260px; text-align:right;}
h1.maintitle{border-bottom:1px dotted #ffcdc6; color:#e32824; margin:10px 30px 0px 30px; }
body.f .maintitle{margin-left:250px;}

body.nobackg #breadcrumbs{padding-left:38px;}
body.f.nobackg #breadcrumbs{margin-left:220px;}
* html body.l #breadcrumbs{margin-left:0px; padding-left:40px}
* html body.f #breadcrumbs{}

#col1{width:219px; float:left;}
#col2{ padding:20px 0px 20px 40px; margin-left:219px;}
#col3{ padding:0px 0px 20px 40px;}

.tabs {list-style:none; margin:0px; padding:0; text-align:right; padding-top:30px;}
.tabs li{list-style-image:none; margin:0px;}
* html .tabs li{line-height:0px;}
.tabs li a {display:block; text-decoration:none; font-size:13px; text-decoration:none; color:#079dda; line-height:24px; text-indent:15px; padding-right:5px; border-bottom:1px solid #ccc;}
.tabs li.selected{display:block; height:28px; text-decoration:none; text-decoration:none; color:#e32824; line-height:24px; text-indent:15px; padding-right:5px;  border-bottom:1px solid #fff;}
.tabs li.selected, .tabs li.selected:hover {color:#000;cursor:default; font-weight:bold; border-bottom:1px solid #ccc;}
.tabs li a:hover{text-decoration:underline;color:#079dda; background-color: #EEEEEE;}

v\:* { behavior:url(#default#VML);}
#mapContent{width:560px; float:left;}
#mapLinks{width:560px; float:left; padding-bottom:10px; text-align:center}
#gmapmarker{font-size:10px;}

#mapLinks ul li { display:inline; padding-right:10px; padding-left:10px; background:url(/images/bullet.jpg) left no-repeat; width:6px; height:7px; }


.float{float:left; margin-right:20px;}


input[type="text"], textarea, input[type="password"], select {border:1px solid #CCCCCC; background-color:#fafafa; padding-left:3px;}
select option {background-color:#fafafa;}
input:focus, textarea:focus{background-color:#fff}

/*********************** CONTACT FORM *********************/
.contactform {border:1px solid #CCCCCC; padding:20px;}
.contactform label{width:150px; float:left;}
.contactform div{margin-bottom:10px;}
.check01, .check02{float:left; width:300px;}
.check01 label, .check02 label{width:auto; float:none; font-weight:bold;}
.check01 div, .check02 div{width:250px; float:left; margin-top:5px; margin-bottom:5px;}
.check01 div label, .check02 div label {font-weight:normal;}
/********************* END CONTACT FORM *********************/

.leftmargin{margin-left:15px;}
.rightmargin{margin-right:15px;}

.tableB{}
.tableB td{border:1px solid #eee; border-collapse:collapse; padding:2px 15px 2px 5px;}

.tableA{}
.tableA td, .tableA th{border:1px solid #CCC; border-collapse:collapse; padding:0px 5px 0px 5px;}
.tableA th{background-color:#eee; font-size:14px; font-weight:bold;}