/* Fix IE.\*/
* ul.drop li { float: left; height: 1%; }
* html .clear {display:inline;}
/* End */
html {font-size:100%;height:100%;margin-bottom:0.01em;}
body {width:100%;margin:0;padding:10px 0;background:#999 url(images/bars/back2.jpg) 0 0 repeat-x;color:#fff;}
h1 {font:bold 1.5em/1.5em arial, helvetica, sans-serif;background-color:#fff;color:#09c;margin:0 0 5px;padding:0 0 0 15px;}
h2 {font:bold 1.3em/1.3em arial, helvetica, sans-serif;background-color:#ddd;color:#09c;margin:0;padding:.2em 0 .2em .8em;}
h3 {font:bold 1.3em/1.3em arial, helvetica, sans-serif;background-color:#fff;color:#000;margin:0 0 10px;padding:0 0 0 15px;}
h4 {font:bold 1.1em/1.3em arial, helvetica, sans-serif;background:#fff url(images/list1.gif) 15px center no-repeat;color:#000;margin:0 0 5px;padding:0 0 0 55px;}
h5 {font:bold 1.2em/1.2em arial, helvetica, sans-serif;background-color:#fff;color:#666;margin:0;padding:.2em 0 .2em .8em;float:left;clear:both}
h6 {font:bold 1.1em/1.3em arial, helvetica, sans-serif;background-color:#fff;color:#000;margin:0 auto;padding:0 0 10px;}
/*common*/
a {text-decoration:none;}
img {border:none;}
.clear {width:100%;height:1px;clear:both;}
#bod {width:770px;background-color:#fff;color:#666;margin:0 auto;padding:0;font:.8em/1.2em  arial, helvetica, sans-serif;}
/*top menu*/
.top a.blue {margin:0;padding:0 12px;font:bold 1em/1.3em  arial, helvetica, sans-serif;background-color:#fff;color:#09c;}
.top a.blue:hover {background-color:#fff;color:#666;}
.top {width:100%;margin:0;padding:74px 0 0;background:#fff url(images/logo.gif) 499px 10px no-repeat;color:#666;}
.top a {margin:0;padding:0 12px;font:bold 1em/1.3em  arial, helvetica, sans-serif;background-color:#fff;color:#666;}
.top a:hover {background-color:#fff;color:#09c;}
/*main menu*/

.top2 {width:100%;margin:0;padding:112px 0 0;background:#fff url(images/head.gif) 0px 15px no-repeat;color:#666;text-align:right;}
.top2 ul {list-style-type:none;margin:0;padding:0 15px 0 0;float:right;}
.top2 ul ul {padding:.2em 0 0;text-align:left;position:absolute;top:1.3em;left:-999em;border-bottom:1px solid #ccc;z-index:10;}/*z-index = Safari opacity fix */
.top2 ul ul ul {margin:-1em 0 0 12.5em;padding:0;top:.9em;left:-999em;}
.top2 ul ul ul ul {top:.95em;}
.top2 li {margin:0;padding:0 1.5em;position:relative;float:left;border-right:1px solid #ccc;display:block;}
.top2 li li {width:12.5em;padding:0 0 0 1em;clear:both;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:#fff;color:#666;}
.top2 li a {display:block;font:bold 1em/1.3em arial, helvetica, sans-serif;margin:0;padding:0;background-color:transparent;color:#666;outline:none;}
.top2 li a:hover {background-color:transparent;color:#09c}
.top2 li li a {width:12em;padding:.2em 0;font-size:.9em;line-height:1.9em;;text-align:center;} 
       /*persistent background and arrow image*/
.top2 ul ul li:hover, .top2 ul ul li.sfhover {background-color:#d0d0d0;color:#09c;}/*menu script for IE6*/
.top2 li.arrow:hover {background:#d0d0d0 url(images/larrow4.gif) right center no-repeat;color:#09c;}/*sfhover doesn't work here - no arrow in IE6*/
       /*movers*/
.top2 li:hover ul, .top2 li.sfhover ul {left:-3em;}
.top2 li:hover ul ul, .top2 li.sfhover ul ul {left:-999em;}
.top2 li li:hover ul, .top2 ul ul ul li:hover ul, .top2 li li.sfhover ul, .top2 ul ul ul li.sfhover ul {left:auto;}
.top2 li:hover ul ul ul, .top2 li.sfhover ul ul ul {left:-999em;}
/*end main menu*/
/*breadcrumb*/
.bread {width:100%;clear:both;text-align:right;margin:0;padding:10px 0 0;background-color:#fff;color:#999;font:bold .8em/1.2em arial, helvetica, sans-serif;}
.bread p {margin:0;padding:0 15px 0 0;}
.bread a {text-decoration:underline;background-color:#fff;color:#999;}
.bread a:hover {background-color:#fff;color:#09c;}
/*main left div*/
.main {width:500px;margin:0 0 10px;padding:12px 0 0;background-color:#fff;color:#666;float:left;}
.main p {margin:0 0 10px 15px;}
.main2 {width:500px;margin:0;padding:0;}
.main2 p {margin:0 0 9px 15px;padding:0;}
.main2 a {background:#fff url(images/list1.gif) 0 center no-repeat;color:#333;margin:0;padding:0 0 0 40px;font:bold 1em/1.2em arial, helvetica, sans-serif;}
.main2 a:hover {background-color:#fff;color:#09c;}
/*contact us*/
.main p.left {margin:0;float:left;text-align:left;font-size:1.1em;line-height:1.5em;padding:0 0 0 90px}
.main p.right {width:272px;margin:0;float:right;text-align:left;font-size:1.1em;line-height:1.5em;background-color:#fff;color:#555;padding:0}
.main p.right a {background-color:#fff;color:#555;text-decoration:underline;}
.main p.right a:hover {background-color:#fff;color:#09c;}
/*main right div*/
.right {float:right;width:214px;margin:20px 0;padding:0 15px 0 0;}
.right img {margin:0;padding:0 0 10px;}
.right a {background-color:#ddd;color:#09c;display:block;}
.right a:hover {background-color:#ddd;color:#555;}
ul.list2 {width:100%;list-style-type:none;margin:0;padding:.5em 0;background-color:#666;color:#fff;clear:both;}
ul.list2 li {margin:0 0 .5em;padding:0 .5em 0 3em;background:url(images/list2.gif) .8em .3em no-repeat;font:bold 1em/1.1em arial, helvetica, sans-serif;}
/*Product page, Services page link lists*/
ul.list3 {list-style-type:none;margin:10px 0;padding:0 0 0 15px;}
ul.list3 li {margin:0 0 10px;padding:0;}
ul.list3 li a {margin:0;padding:0 0 0 40px;background:#fff url(images/list1.gif) 0 center no-repeat;color:#333;font:bold 1.3em/1.3em  arial, helvetica, sans-serif;}
ul.list3 li a:hover {background-color:#fff;color:#09c;}
/*Balustrading*/
ul.list4 {list-style:disc outside;margin:0 0 10px 0;padding:0 0 0 30px}
ul.list4 li {margin:0 0 5px;padding:0 0 0 10px;}
/*separator*/
.lnk2box {width:740px;margin:0 auto;padding:15px 0 0;background:url(images/line3.gif) 0 0 repeat-x;clear:both;}
/*Bottom navigation menu*/
.lnk2 {width:100%;text-align:center;margin:0 0 8px;padding:0;font:bold .7em/1em  arial, helvetica, sans-serif;clear:both;}
.lnk2 a {border-right:1px solid #999;margin:0;padding:0 3px;background-color:#fff;color:#999;}
.lnk2 a:hover {background-color:#fff;color:#09c;}
/*Footer company name, address, contact details*/
.contop {width:100%;margin:0;padding:.5em 0 .4em;clear:both;background-color:#ddd;color:#000;}
.contop img {margin:0;padding:0 0 0 15px;vertical-align:text-bottom;}
.contop p {font:bold .7em/1.1em  arial, helvetica, sans-serif;margin:0 0 0 1em;padding:0;display:inline;}
.conbot {width:100%;margin:0;padding:.5em 0;background:#09c url(images/corner4.gif) right bottom no-repeat;color:#fff;clear:both;}
.conbot p {display:inline;font:bold .9em/1.1em  arial, helvetica, sans-serif;margin:0;padding:0 0 0 17px;color:#fff;background-color:#09c;}
.conbot a {font:bold 1em/1.2em  arial, helvetica, sans-serif;background-color:#09c;color:#fff;}
.conbot a:hover {background-color:#09c;color:#000;}
/*Bottom footer div*/
.bt {width:770px;margin:0 auto;padding:.5em 0 .4em;clear:both;text-align:center;font:.6em/.8em arial, helvetica, sans-serif;background-color:#b6b6b6;color:#fff;}
.bleft {width:30%;float:left;margin:0;padding:0 0 0 15px;clear:both;text-align:left;}
.brt {width:30%;float:right;margin:0;padding:0 15px 0 0;text-align:right;}
.bt p {margin:0 0 3px;padding:0;}
.bleft p {margin:0;padding:.7em 0 0;float:left;}
.brt p {margin:0;padding:.7em 0 0;float:right;}
.bt a {margin:0 0 3px;padding:0;background-color:#b6b6b6;color:#fff;}
.bt a:hover {background-color:#b6b6b6;color:#000;} 
.bleft img {margin:0.3em 0 0;padding:0;float:right}
.brt img {margin:0.3em 0 0;padding:0;float:left}
/*Legal, Site Map, Request a Quote, Contact Us*/
.legal {width:100%;margin:0;padding:12px 0 20px;clear:both}
.legal p {margin:0 15px;padding:0 0 10px;}
.legal a {background-color:#fff;color:#333;font-weight:bold;}
.legal a:hover {background-color:#fff;color:#09c;}
/*form*/
.fbox {width:510px;float:left;margin:15px 0 0;padding:10px 0 0 90px;color:#666;background-color:#fff;border:0;text-align:left;}
.fbox p {margin:0 0 15px;padding:0 0 0 138px;font-size:.8em;font-style:italic;}
.lab {width:133px;clear:left;float:left;font-size:.9em;line-height:1.1em;margin:4px 0 5px;}
input, textarea {width:305px;margin:0 0 7px;border-top:1px solid #000;border-left:1px solid #000;border-bottom:0;border-right:0;padding:1px 0 0 4px;float:left;font:1em/1.2em  arial, helvetica, sans-serif;}
select {width:10em;margin:0 0 7px 0;border-top:1px solid #000;border-left:1px solid #000;border-bottom:0;border-right:0;padding:0;float:left;font-size:90%}
option {margin:0;border:0;padding:0;}
#fbb {width:100%;margin:0 auto;padding:8px 0 0;clear:both;}
p.red {color:#c33;background-color:#fff;margin:15px 0 0 ;padding:0 0 0 323px;font-size:.8em;} 
    /*send and reset button mouseover hover effect*/
input.over {width:73px;height:25px;margin:0 0 0 133px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
input.over:hover, #fbb .over.plover, input.reset:hover, #fbb .reset.plover {border:1px solid #000;}/*plover script for IE6*/
input.reset {width:77px;height:27px;float:right;margin:0 66px 0 0;padding:0;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;background:url(images/reset.gif) 0 0 no-repeat;}

.cinfobox {width:308px;height:40px;margin:0 0 10px 133px;padding:10px 0;border:1px solid #000;}
.cinfobox p {width:308px;text-align:center;margin:0;padding:12px 0 0;font-size:1.1em;font-style:italic;}
span.blue {color:#09c;background-color:#fff;}
fieldset {width:443px;border:0;height:20px;padding:0 0 5px;margin:0}
p.legend {width:134px;text-align:left;float:left;padding:2px 0 0;margin:0;font-style:normal;font-size:1em;}
.but {width:auto;float:left;clear:none;margin:0;padding:0;border:0;height:20px}
.but2 {width:auto;float:left;clear:none;margin:0;padding:2px 15px 0 5px;}
p.error1 {width:308px;margin:0 0 3px;padding:2px 0 0;color:#09c;background-color:#fff;font:bold 1.1em/1.3em  arial, helvetica, sans-serif;}
p.error2 {width:308px;margin:0 0 2px;padding:0;color:#000;background-color:#fff;font:bold .9em/1.2em  arial, helvetica, sans-serif;}
/*end form*/
/*site map*/
ul.list5 {list-style-type:none;margin:10px 0 0 212px;padding:0;}
ul.list5 li {margin:0;padding:0;}
ul.list5 li a {margin:0;padding:0 0 0 40px;background:#fff url(images/list1.gif) 0 center no-repeat;color:#666;font:bold 1.2em/1.4em  arial, helvetica, sans-serif;}
ul.list5 li a:hover {background-color:#fff;color:#09c;}
ul.list5 ul {list-style-type:none;margin:0 0 0 70px;padding:5px 0;}
ul.list5 ul li a {font-size:1.1em;font-weight:normal;}
ul.list5 ul ul li a {font-size:1em;}
ul.list5 ul ul ul li a {font-size:.9em;}
/*resources*/
ul.list6 {list-style-type:none;margin:10px 15px;padding:0;}
ul.list6 li {margin:0 0 5px;padding:0;}
ul.list6 li a {display:inline;margin:0;padding:0 0 0 40px;background:#fff url(images/list1.gif) 0 center no-repeat;color:#666;font:bold 1.1em/1.3em  arial, helvetica, sans-serif;}
ul.list6 li p {margin:0 0 0 40px;padding:0;}
/*slideshow*/
.wrapper {margin:0;padding:0;text-align:center;vertical-align:top;}
.show_title {margin:0 0 15px;padding:0;width:235px;float:left;text-align:left}
.image {width:497px;height:313px;margin:0 auto 10px;padding:0 0 0 20px;float:left;}
/*.image img {display:block}*/
.image a {outline:none;}
.title {margin:0 0 15px;padding:0 63px;clear:both;text-align:center;}
.title p {font:bold 1.1em/1.3em  arial, helvetica, sans-serif;background-color:#fff;color:#000;margin:0 auto;padding:0 0 5px;}
.row {width:497px;height:20px;margin:0 auto 5px;padding:0 52px 0 0;clear:both;}
.back {float:left;margin:0;padding:0;}
.next {float:right;margin:0;padding:0;}
.thumbnail_row {width:61px;height:313px;margin:0;padding:0 36px 0 0;float:right;}
.thumbnail {margin:0 0 19px;padding:0;opacity:0.6;clear:both;display:block}
.thumbnail_center {margin:1px 0 20px;padding:0px;}
.thumbnail_row a:hover img {opacity:1;}
.thumbnail_row a {outline:none;}
.radioboxsrc {width:102px;height:313px;float:left;margin:0 0 0 36px;padding:0;position:relative;clear:both;font-size:1em;line-height:1em;}
.radiobox {width:100px;max-height:309px;float:left;position:absolute;margin:0;padding:0;border:solid #ccc;border-width:1px 1px 3px 2px;text-align:center;background-color:#fff;color:#777;}
.radiobox:hover {background-color:#fff;color:#777;border-color:#c1c1c1;}
.radiobox a.rboxhead {display:block;margin:0;padding:5px 0 6px 10px;outline:none;font-size:.85em;line-height:.9em;background:#fff url(images/bars/button_up.gif) 0 0 repeat-x;color:#777;text-align:left;}
.radiobox a.rboxhead:hover {background:#ddd url(images/bars/button_up.gif) 0 0 repeat-x;color:#666;}
.radiobox a.rboxhead:active {background:#ddd url(images/bars/button_down.gif) 0 0 repeat-x;color:#666;}
.infobox {width:100px;position:absolute;bottom:0px;left:0px;margin:0;padding:0 0 1px;text-align:center;font-size:.75em;line-height:1.1em;background-color:#fff;color:#09c;border:solid #d5d5d5;border-width:1px 1px 3px 2px;}
.radio {width:30px;float:left;margin:0;padding:0 10px 2px 10px;font-size:.7em;line-height:.7em;text-align:left;vertical-align:bottom}
.radio a.anypic {margin:0 0 0 4px;clear:both;padding:1px 0 0 10px;background:#fff url(images/traffic.gif) 0px 2px no-repeat;color:#777}
.radio a.anypic:hover {background:#fff url(images/traffic.gif) 0px -24px no-repeat;color:#777}
.radio a.thispic {margin:0 0 0 4px;clear:both;padding:1px 0 0 10px;background:#fff url(images/traffic.gif) 0px -50px no-repeat;color:#09c}
ul.rbutton {list-style-type:none;margin:0 auto;padding:0;}
ul.rbutton li {margin:0 auto 5px;padding:0;}
.miniplaysrc {margin:0;padding:0;border-bottom:3px solid #ccc;}
.miniplay {width:33px;float:left;margin:0;padding:0;}
.miniplay a {display:block;margin:1px 0 1px 1px;padding:7px 0;border:1px solid #ccc;background:#ddd url(images/bars/control_up.gif) 0 0 repeat-x;color:#666;outline:none;}
.miniplay a:hover {border-color:#aaa;background:#ddd url(images/bars/control_up.gif) 0 0 repeat-x;color:#777;}
.miniplay a:active {border-color:#bbb;background:#ddd url(images/bars/control_down.gif) 0 0 repeat-x;color:#777;}
/*Surface Finishes*/
ol.list7 {margin:15px 0 15px 38px;padding:0;font-weight:bold;color:#000;background-color:#fff;}
a.bluelink {background-color:#fff;color:#000;text-decoration:underline;}
a.bluelink:hover {background-color:#fff;color:#09c;}
/*google map*/
#map {width:740px;height:300px;padding:0;margin:0 auto;color:#666;background-color:#fff;}
span.mapinfo {color:#666;background-color:#ddd;display:block;text-align:center;padding:5px 0;}
span.mapphone {color:#444;background-color:#ddd;}