@charset "UTF-8";
@import url("superfish.css");
@import url("lightbox.css");

/* CSS Document */

/*GENERAL STYLE DEFINITIONES START*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockqoute, pre, a, abbr, acronym, adress,
big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	border:0;
	padding:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
html, body{width:100%; height:100%;}
html{ background:#fff url(images/htmlbg.png) repeat-x top left;}
body{ 
	/*background:url(images/bodycbg.png) repeat-y top center; */
	line-height:1.5em; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; color:#333; height:inherit;}


h1, h2 {color:#fff; font-weight:normal;}
h1{font-size:24px; line-height:1.5em;}
h2{font-size:18px; line-height:1.0em;}

img{border:0;}

.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}

li{margin: 0em 1.5em;}

/*GENERAL STYLE DEFINITIONES END*/

/*PAGE LAYOUT START*/
.superwrapper 
{
	margin: 0 auto;
	background:url(images/bodybg.png) repeat-y top center; 
	
	}
	
.wrapper{
	
	width:900px;
	margin: 0 auto;
	overflow:hidden;
	}
#top{ height:151px; position:relative; width:900px;}
#center{background:#fff url(images/bg_content.gif) top left repeat-x; width:900px; padding-bottom:40px; position:relative; width:900px;}
#bottom{background:url(images/bottom.jpg) left top no-repeat; height:249px; position:relative; width:900px;}

/*SUB MENU*/

#leftNavi {
	padding:20px;
	width:343px;
	height:359px;
}
#leftNavi ul{
	list-style-image:url(images/arrow_content.png);
}
#leftNavi li a { color:#1f3d63; text-decoration:none;}
#leftNavi li a:hover { color:#1f3d63; text-decoration:underline;}

/*INDEX START*/

#indexGallery{
	position:relative;
	z-index:888; 
	top:90px;
	margin-top:-50px;
	background:url(images/bg_image_gal_index2.png);
	width:551px; 
	height:250px;
	left:6px;
}

/* OLD
#indexGallery{
	position:fixed; 
	z-index:888; 
	left:349px; 
	background:url(images/bg_image_gal_index.png) no-repeat; 
	width:551px; 
	height:250px;
	margin-top:199px;
}
*/ 

#indexGalleryTop{width:350px; padding-left:62px;}
#indexGalleryTop h1{ margin-top:10px;}
#indexGalleryWrapper{width:456px; margin-left:62px; overflow:hidden; height:100px; }  
#indexGalleryWrapper a{margin:10px 5px 0 6px; float:left; text-align:center; border:1px solid white;  }
#indexGalleryWrapper a:hover{border:1px solid #800768;}
.indexGalleryWrapperImage img{height:auto; }

#textRight, #textLeft{padding-top:30px;}
#textRightDesc {font-weight:bold;}
#textLeft{position:absolute; width:302px; left:46px;}
#textLeft a, #textRight a {color:#1f3d63;}
#textLeft a:hover, #textRight a:hover {text-decoration:none;}
#textLeft ul{list-style:none;}
#textLeft li{list-style-image:url(images/arrow_bottom.png);}
#textRight{width:456px; color:#1f3d63; left:414px; position:absolute;}
#indexContentInner{
	color:#1f3d63;
	left:402px;
	padding-top:40px;
	padding-left:59px;
	padding-bottom:10px;
	width:452px;
}

.techDetails 
{
	border:1px solid #2f4d73;
	margin:10px 0 10px 0;
	padding:10px;
	display:none;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:11px; color:#333;
	line-height:1.2em;
	
}
input, textarea{background:#fff; border:solid 1px #ccc; padding:2px; font-size:12px;}
input:focus, textarea:focus{border-color:#2f4d73; background:#f1f5ff;}
label.clear{ display:block;}
.lform{float:left;width:100px;height:25px;}
.rform{width:400px;height:25px;}
.inp1{width:200px;}
.inp2{width:50px;}
.inp3{width:137px}
.inp4{height:50px; width:300px;}
.inp5{font-weight:bold; border:1px solid #2f4d73; width:150px; padding:6px; margin:5px 0 0 156px; color:#fff; background:url(images/bottom.jpg) no-repeat 0px -200px;}
.inp5:hover{ background-position: -120px -220px;}
/* OLD
#indexContentInner{
	position:absolute;
	color:#990033;
	left:402px;
	padding-top:40px;
	padding-left:0px;
	width:452px;
}
*/

#mainImg{
	margin:35px -20px 0 20px;
	
}

#indexContentInner h1, #indexContentInner a, #indexGalleryTop h1, #textRight h1, #leftNavi h1{color:#1f3d63;}
#indexContentInner h2 {color:#1f3d63; margin:10px 0 5px 0}
#indexContentInner a:hover {text-decoration:none;}
#indexContentInner ul {list-style-image:url(images/arrow_content.png);}
#indexContentInnerDesc {font-weight:bold;}
#indexContentInnerLinks {font-weight:bold;padding:10px 0 10px 0;}
/*INDEX END*/
	
/*FOOTER START*/
.push{height:90px;}
.footer{background:url(images/footer.png) repeat-x; height:120px; padding-top:30px;  margin:0 auto;}
#footerGrey{  padding-top:30px; text-align:center;}
#footerGrey a{color:#333;}
/*FOOTER END*/
/*PAGE LAYOUT END*/