@charset "UTF-8";
body,td,th {
	font-family: Tahoma;
	font-size: 11px;
	color: #333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(images/bg.jpg) top repeat-x fixed #000926;
}
html,body {height: 100%;}
.text { font-family: Tahoma; font-size: 11px; color: #333; }
img{ border: none; }
form{ margin: 0; padding: 0; }
.form{ border: #999 solid 1px; font-family: Tahoma; font-size: 11px; padding: 1px; }
h1{ font-size: 24px; color:#333; margin: 0; padding: 3px 0 8px 0; font-family: Trebuchet MS; font-weight: normal; }
h2{ font-size: 20px; color:#333; margin: 0; padding: 3px 0 8px 0; font-family: Trebuchet MS; font-weight: normal; }
h3{ font-size: 16px; color:#333; margin: 0; padding: 3px 0 8px 0; font-family: Trebuchet MS; font-weight: normal; }
h4{ font-size: 14px; color:#333; margin: 0; padding: 5px 0 1px 0; font-family: Trebuchet MS; font-weight: normal; }
p{ padding: 0 0 10px 0; }
#divul{ padding:0; margin: 0; padding-left: 10px; }
#divul li{ display: block; padding: 0 0 7px 16px; list-style-type: none; background: url(images/bulletarrow.gif) left top no-repeat #fff; color: #333; }
.buttonsubmit{ background: #333; color: #FFF; border: 0; font-family: Tahoma; font-size: 11px; padding: 3px 5px 3px 5px; margin: 0; }

a:link{ color:#06C; } 
a:hover{ color:#06C; } 
a:active{ color:#06C; } 
a:visited{ color: #06C; } 

.video{ padding: 0; margin: 0; list-style-type: none; }
.video h2{ padding: 0; margin: 0; font-size: 14px; font-weight: bold; }
.video li{ padding: 10px 0 15px 0; border-bottom: 1px dotted #CCC; margin: 0; list-style-type:none; display: block; }
.video li a img{ margin-top: 5px; width: 167px; height: 92px; }
.video li a{ text-decoration: none; font-weight: normal; font-size: 13px; color: #CC0000; }
.video li a:hover{ text-decoration: underline; }

#Brochure1{ width: 183px; height: 64px; display: block; text-decoration: none; background: url(images/brochure1.jpg); margin: 10px 0 10px 0; }
#Brochure1:hover{ background: url(images/brochure1on.jpg); }
#Brochure2{ width: 183px; height: 64px; display: block; text-decoration: none; background: url(images/brochure2.jpg); margin: 0 0 8px 0; }
#Brochure2:hover{ background: url(images/brochure2on.jpg); }

#clear{ clear: left; }
#sep1{ clear: left; height: 15px; }
#sep2{ clear: left; height: 8px; }
#website{ display: block; width: 888px; margin: 0 auto; padding: 0 15px 0 15px; background: #FFF; }
#logo{ width: 50%; float: left; display: block; background: #FFF; }
#sidelogo{ width: 50%; float: left; display: block; background: #FFF; text-align:right; height: 105px; }
#language{ margin-top: 20px; }
#slogan{ font-size: 26px; color:#999; font-family: Trebuchet MS; font-weight: normal; padding-top: 20px; }
#indexpic{ clear: left; padding-top: 10px; }
#indexpiclist{ clear: left; margin-top: 10px; background: #e9e9e9; padding: 19px 25px 19px 25px; }
#indexpiclist ul{ margin: 0; padding: 0; list-style-type: none; }
#indexpiclist ul li{ margin: 0; padding: 0; list-style-type: none; display: inline; }
#indexpiclist ul li a:link{ padding-right: 25px; }

#indexleft{ width: 183px; float: left; }
#indexourproducts ul{ margin: 0; padding: 0; list-style-type: none; }
#indexourproducts ul li{ margin: 0; padding: 0; list-style-type: none; }
#indexourproducts ul li a:link, #indexourproducts ul li a:active, #indexourproducts ul li a:visited{ text-decoration: none; display: block; padding: 8px 0 8px 16px; background: url(images/bulletarrow.gif) left center no-repeat #f2f2f2; border-bottom: 1px solid #FFF; color: #333; }
#indexourproducts ul li a:hover{ background: url(images/bulletarrow.gif) left center no-repeat #DDD; color: #111; }

#indexright{ width: 167px; float: left; }
#indexourinstallations ul{ margin: 0; padding: 0; list-style-type: none; }
#indexourinstallations ul li{ margin: 0; padding: 0; list-style-type: none; }
#indexourinstallations ul li a:link, #indexourinstallations ul li a:active, #indexourinstallations ul li a:visited{ text-decoration: none; display: block; padding: 5px 0 5px 16px; background: url(images/bulletarrow.gif) left center no-repeat #fff; border-bottom: 1px solid #DDD; color: #333; }
#indexourinstallations ul li a:hover{ background: url(images/bulletarrow.gif) left center no-repeat #DDD;  color: #111; }

#indexmiddle{ width: 496px; padding: 0 21px 20px 21px; float: left; }
#indexrightgallery{ width: 684px; padding: 0 0 20px 21px; float: left; }

#indexcontactus{ }

#indexgallery{ padding: 8px 8px 0 8px; background: #f2f2f2; }
#indexgallery ul{ margin: 0; padding: 0; list-style-type: none; }
#indexgallery ul li{ margin: 0; padding: 0; list-style-type: none; padding-bottom: 8px; }
#indexgallery ul li a:link, #indexgallery ul li a:active, #indexgallery ul li a:visited{ display: block; padding: 1px; border: 2px solid #f2f2f2; }
#indexgallery ul li a:hover{ border: 2px solid #666; padding: 1px; }

#shadetop{ background:url(images/stopleft.jpg) no-repeat top left; width: 100%; float: left; height: 9px; }
#shadetop span{ background:url(images/stopright.jpg) no-repeat; width: 11px; float: right; height: 9px; }
#shademiddle{ background:url(images/smidleft.jpg) left; width: 100%; float: left; }
#shademiddleend{ padding: 0 10px 0 10px; margin: 0; background:url(images/smidright.jpg) right repeat-y; width: 100%; }
#shademiddle p{ padding: 0 0 20px 0; margin: 0; }
#sepdot{ clear: left; background:url(images/sepdot.jpg) repeat-x center; height: 30px; padding: 0; }
#shadebottom{ background:url(images/sbotleft.jpg) no-repeat top left; width: 100%; float: left; height: 11px; }
#shadebottom span{ background:url(images/sbotright.jpg) no-repeat; width: 11px; float: right; height: 11px; }

#footerbox{ background: #444; padding: 20px; color: #FFF; margin-top: 10px; }
#footerbox h3{ font-family: Tahoma; font-size: 14px; color: #FFF; padding-top: 0; padding-bottom: 5px; }
#footerbox ul{ margin: 0; padding: 0; list-style-type: none; }
#footerbox ul li{ margin: 0; padding: 0; list-style-type: none; }
#footerbox ul li a:link, #footerbox ul li a:active, #footerbox ul li a:visited{ text-decoration: none; line-height: 1.6; color: #FFF; }
#footerbox ul li a:hover{ text-decoration: underline; }
#copyright{ padding: 0 0 30px 0; font-size: 11px; }

#gallerylist a:link, #gallerylist a:visited, #gallerylist a:active{ padding: 2px; border: 1px solid #EAEAEA; float: left; margin: 3px; }
#gallerylist a:hover{ border: 2px solid #666; padding: 1px; }

#bannerlink a{ padding: 0 20px 0 20px; }

/* Shadow Box */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Tahoma","Helvetica Neue",Helvetica,Tahoma,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:99999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border: 6px solid #444;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;z-index:999999;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{background-image:url(images/next.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-play{background-image:url(images/play.png);}
#sb-nav-pause{background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}




.chromestyle{
width: 100%;
font-weight: bold;
padding: 0; margin: 0 0 10px 0;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px;
margin: 0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFF;
padding: 4px 12px 4px 12px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
font-weight: bold;
}
.chromestyle ul li a:hover{
	color: #FFF;
	background: #666;
}
.chromestyle ul li a.selected{
	color: #FFF;
	background: #666;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 0px solid #BBB; /*THEME CHANGE HERE*/
font: normal 11px Arial;
line-height:18px;
z-index:100;
background-color: #333;
width: 178px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
padding: 3px;
text-decoration: none;
font-weight: normal;
color: #FFF;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background-color: #666;
	color: #FFF;
}