@charset "utf-8";
/* CSS Document */
.hideme{
	display:none;	
}
html,body,img,td,tr,table,ul,li,div,a,p{
	margin:0px;
	padding:0px;	
	border:0px;
	outline:none;
}
html{
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg.png) repeat-x top;
	font-size:13px;
}
hr{
	border:0px;
	border-bottom:1px solid #ccc;	
}
.videocon .thumb{
	padding:3px;
	border:1px solid #CCC;
}
a:hover{
	text-decoration:underline;
}
a{
	text-align:none;
}

#page,.centerpage{
	width:900px;
	margin:0 auto;	
}
#logo{
	background:url(images/logo.png) no-repeat left top;
	min-height:100px;
	width:900px;
	
	color:#FFF;
}
#phone{
	text-align:right;
	padding-top:20px;
	padding-bottom:20px;
}
.phone_h1{
	font-size:18px;	
}
.phone_h2{
	font-size:11px;
	color:#666;
}


#navipage{
	float:right;
	height:70px;
	color:#ccc;
	font-size:12px;
	width:880px;
	padding-right:20px;
	text-align:right;
	padding-bottom:10px;
}
#navipage a{
	color:#ccc;
	text-decoration:none;
}
#navipage a:hover{
	text-decoration:underline;	
}



#gallery{
	background:url(images/numbg.png) bottom center no-repeat;	
}
#galnum{
	height:34px;	
}
#thumb{
	overflow:hidden;	
	width:900px;
	padding-top:2px;
}
#thumb div{
	float:left;
	width:180px;
	text-align:center;
}
#thumb div:first-child{
	text-align:left;
}
#homefeed{
	overflow:hidden;	
	font-size:12px;
	padding-top:10px;
}
#homefeedleft{
	float:left;
	width:440px;
	
}
#homefeedright{
	float:right;	
	width:440px;
}
#footer a{
	color:#ccc;
	text-decoration:none;
}
#footer a:hover{
	color:#ccc;
	text-decoration:underline;	
}
.left{
	float:left;	
}
.right{
	float:right;	
}
#footercon{
	overflow:hidden;
	font-size:11px;	
	color:#ccc;
	margin-top:10px;
	padding-top:3px;
	padding-bottom:3px;
	background:#7f7f7f;
	
	
}
h5{
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	margin:0px;
	font-size:12px;	
	font-weight:100;
	margin-bottom:5px;
}
h4{
	margin:0px;
	padding:0px;
	background:#000 url(images/shadeblack.png) repeat-y right;
	color:#FFF;
	font-weight:100;
	font-size:13px;
	padding:2px 5px 2px 5px;
}
h3{
	margin:0px;
	padding:0px;
	background:#e0e0e0;
	color:#333;
	font-weight:bold;
	font-size:13px;
	padding:2px 5px 2px 5px;
	margin-top:3px;
}
h2{
	margin:0px;
	padding:0px;
	background:#e0e0e0;
	color:#333;
	font-weight:bold;
	font-size:13px;
	padding:2px 5px 2px 5px;
	padding-left:10px;
	margin-top:3px;
}
h1{
	margin:0px;
	padding:0px;
	background:url(images/h1back.png) no-repeat left #3159ab;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding:2px 5px 2px 5px;
	padding-left:20px;
	margin-top:3px;
}
.subpro{
	font-weight:12px;
}
.productli{
	background:#f0f0f0; 
	margin-left:0px;
	padding-left:0px;
}
.productli a:first-child{
	padding:3px;
	display:block;width:100%; 
	text-decoration:none; 
	color:#000;
	padding-left:15px;
	background:url(images/arrowleftnavi.png) left no-repeat;
	margin-left:10px;
}

.productli ul li{
	list-style:none;
	background:#fff;
	border-bottom:1px solid #f0f0f0;
}
.productli ul li a{
	padding:3px;
	display:block;width:100%; 
	text-decoration:none; 
	color:#000;
	padding-left:15px;
	background:url(images/leftarrowgray.png) left no-repeat !important;
	margin-left:20px !important;
	
}
.productli ul li a:hover{
	text-decoration:underline;
}


#productright{
	float:left;width:690px; padding-bottom:50px; min-height:200px;padding-left:3px; padding-right:6px; background:url(images/shadeleft.png) left repeat-y; border-left:1px #ccc solid;	
}

#productright ul{
	padding-top:15px;	
}
#productright li{
	list-style:none;
	padding-top:3px;
	padding-bottom:3px;
	border-top:1px solid #CCC;
}
#productright li:first-child{
	border-top:0px;
}
#projectleft li a{
	color:#333;
	text-decoration:none;	
}
#projectleft li a:hover{
	text-decoration:underline;	
}
#projectleft li,.linkleft{
	background:url(images/arrowleftnavi.png) left no-repeat;
	padding:3px 0px 3px 10px;	
	font-size:13px;
	margin-left:15px;
	list-style:none;
}
#projectright{
	float:left;width:690px; padding-bottom:50px; min-height:200px;padding-left:3px; padding-right:6px; background:url(images/shadeleft.png) left repeat-y; border-left:1px #ccc solid;	
}
#projectright a{
	color:#555;
	text-decoration:none;	
}
#projectright a:hover{
	text-decoration:underline;	
}
#projectright li{
	list-style:none;
	background:url(images/arrowproject.png) left no-repeat;
	margin-left:10px;
	font-size:13px;
	padding:3px 0px 3px 20px;
}
.noti1{
	width:678px;
	padding:5px;
	border:#95E1A8 1px solid;
	background:#E0FEEE;
	margin-top:5px;
	color:#063;
}
.resources{
	padding-bottom:10px;
	overflow:hidden;	
}
.resources a{
	text-decoration:none;	
	color:#000;
}
.resources a:hover{
	text-decoration:underline;	
	color:#000;
}
.resources div{
	float:left;
	padding:20px;	
}
.photos{
	overflow:hidden;
}
.photos div{
	float:left;
	margin:7px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	height:70px;
}
.photos img{
	padding:3px;
	border:1px solid #ccc;
}
.delpic{
	position:relative;
	top:-19px;
	left:83px;
	z-index:0;
	display:block;
	height:15px;
	width:15px;
	background:url(images/delbutton.png) bottom;
}
.delpic:hover{
	background:url(images/delbutton.png) 0px 30px;
}
.videos{
	overflow:hidden;	
}
.videocon{
	float:left;
	width:150px;
	overflow:hidden;
	padding:10px;	
}
.videos div div{
	padding:5px;	
}
#contactleft{
	float:left;width:194px; padding-left:6px;	
}
#contactright{
	float:left;width:688px;
	padding-top:5px;
}

#contactright li{
	list-style:none;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
	padding-top:3px;
}
#contact{
	font-size:14px;	
}
#about{
	font-size:13px;	
}
#news{
	font-size:14px;	
}

#news .title{
	padding-top:5px;
	font-weight:bold;	
	color:#336699;
}
#news .title a{
	color:#336699;
	text-decoration:none;
}
#news .title a:hover{
	text-decoration:underline;
}
#news .desc a{
	color:#666666;
	text-decoration:none;
}
#news .desc a:hover{
	text-decoration:underline;
}
#news .desc{
	color:#666666;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
}
#news .link a{
	color:#990000;
	font-size:13px;
}
#news .box{
	text-align:left;
	float:left;
	list-style:none;
	width:262px;
	padding-top:10px;
	padding-bottom:10px;
}
.seperator{
	background:url(images/seperator.png) no-repeat center; width:1px; height:27px;
	padding-left:10px;
	padding-right:10px;	
}
.seperator1{
	background:url(images/seperator.png) no-repeat right; width:1px; height:27px;
	padding-left:10px;
	padding-right:0px;	
}
.content{
	padding-left:10px;	
}


#navimain{

}
/* hack to correct IE5.5 faulty box model */
/* remove all the bullets, borders and padding from the default list styling */
#navimain ul {padding:0;margin:0;list-style-type:none;}
#navimain ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navimain li {float:left;position:relative;}
/* style the links for the top level */
#navimain a, #navimain a:visited {display:block;
	padding-right:20px;
	margin-left:10px;
	margin-right:10px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
	background:url(images/arrowdown.png) right no-repeat;	
}
/* a hack so that IE5.5 faulty box model is corrected */


/* style the second level background */
#navimain ul ul a.drop, #navimain ul ul a.drop:visited {background:#000;}
/* style the second level hover */
#navimain ul ul a.drop:hover}
#navimain ul ul :hover > a.drop {}
/* style the third level background */

/* style the third level hover */
#navimain ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#navimain ul ul {visibility:hidden; position:absolute;height:0;top:21px;left:0; width:149px; z-index:3000;}
/* another hack for IE5.5 */
* html #navimain ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#navimain ul ul ul{left:149px; top:-1px; width:149px;position:absolute;z-index:3000;}
 
/* position the third level flyout menu for a left flyout */
#navimain ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navimain table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */

#navimain img{
	padding-left:10px;
	padding-right:5px;	
}

#navimain a:hover div{
	background:#ccc;padding:5px;
	margin-bottom:1px;	
}
#navimain a div{
	padding:5px;	
	margin-bottom:1px;	
}

#navimain ul ul a, #navimain ul ul a:visited {
	text-align:left !important;
	background:url(images/navmiddle.png) bottom ; 
	color:#000; height:auto; 
	line-height:1em; 
	padding:1px 10px; 
	width:203px;
	border:0px;
	font-weight:100 !important;
	font-size:14px !important;
}

#navimain ul ul li:first-child a, #navimain ul ul li:first-child a:visited {
	text-align:left !important;
	background:url(images/navtop.png) top !important; 
	color:#000; 
	padding:1px 10px; 
	height:10px !important; 
	min-height:10px; 
	padding-top:0px; 
	overflow:hidden;
	width:203px;
	border:0px;
	font-weight:100 !important;
	font-size:14px !important;
}

#navimain ul ul .lastchild a, #navimain ul ul .lastchild a:visited {
	text-align:left !important;
	background:url(images/navbottom.png) bottom !important; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding:1px 10px; 
	width:203px;
	border-width:0px; 
	padding-bottom:14px;
	font-weight:100 !important;
	font-size:14px !important;
}


/* yet another hack for IE5.5 */
* html #navimain ul ul a, * html #navimain ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#navimain ul ul a:hover{color:#000; }
#navimain ul ul :hover > a {color:#000; }

/* make the second level visible when hover on first level list OR link */
#navimain ul li:hover ul,
#navimain ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#navimain ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navimain ul :hover ul :hover ul{ visibility:visible;}


.feature td{
	border:1px solid #CCC;
	padding:5px;
}
.feature{
	margin:5px;	
}

.noti1 a{
	color:#063;	
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px;  }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; margin-bottom:20px; padding-bottom:20px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; padding-top:5px;}
.playbutton{
	display:block;
	position:relative;
	float:left;
	left:60px;
	top:-65px;
	overflow:hidden;
	background:url(images/playbutton.png) no-repeat;
	width:34px;
	height:33px;
}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.cbu,.cbs{
	float:right;

	color:#FFF;
	margin-left:0px;
	margin-right:0px;
	height:20px;
	width:20px;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	text-align:center;
	font-size:12px;
}
.cbs{
	background:url(images/dotnum.png) no-repeat center top;
}
.cbu a,.cbs a{
	color:#fff;
	text-decoration:none;
}