@charset "utf-8";
/*
Author: VisionWorks
Author URI: http://www.visionworks.gr/
Version: release 1.0
*/



/* ========== ALL ELEMENTS */

*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none;}
p { margin: 0px; }

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
}

#introcontainer{
	width:900px;
	height: 466px;
	margin-top: 10px;
}


.fleft{float:left;}
.fright{float:right;}
#container {
	width: 900px;  
	margin: 0 auto; 	
	text-align: left; 
}

#header {
	margin:0px;
	padding-top:10px;
	height: 81px;
}
	
#mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
/* ***********START OF NAVIGATION */
#navigationholder{
	margin:0px;
	padding:0px;
	height:35px;
}

#navigation {
  list-style: none;
  padding:0px;
  margin:0px;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 35px;
	position: relative;
	display: block;
	background: url(images/menu.png) 0 0 no-repeat;
}

.openmenu {
	width: 107px;
	height: 35px;
	background-image:url(images/menu.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.closemenu {
	width: 122px;
	height: 35px;
	background-image:url(images/menu.png);
	background-repeat:no-repeat;
	background-position: -778px 0px;
}


/* individual navigation items */
#navigation a.home {
  background-position: -107px 0;
  width: 51px;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: -107px -36px;

}

#navigation a.about {
  background-position: -158px 0px;
  width: 68px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -158px -36px;
}

#navigation a.fountains {
  background-position: -226px 0;
  width: 79px;
}

#navigation .highlight a.fountains:hover,
#navigation a.fountains .hover {
  background-position: -226px -36px;
}

#navigation a.components {
  background-position: -305px 0;
  width: 83px;
}

#navigation .highlight a.components:hover,
#navigation a.components .hover {
  background-position: -305px -36px;
}

#navigation a.lighting {
  background-position: -388px 0;
  width: 130px;
}

#navigation .highlight a.lighting:hover,
#navigation a.lighting .hover {
  background-position: -388px -36px;
}

#navigation a.watershow {
  background-position: -518px 0;
  width: 82px;
}

#navigation .highlight a.watershow:hover,
#navigation a.watershow .hover {
  background-position: -518px -36px;
}

#navigation a.gallery {
  background-position: -600px 0;
  width: 99px;
}

#navigation .highlight a.gallery:hover,
#navigation a.gallery .hover {
  background-position: -600px -36px;
}
#navigation a.contact {
  background-position: -699px 0;
  width: 79px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -699px -36px;
}

/* ***********END OF NAVIGATION */
/* START OF SUBMENU */
.round {
	cursor:default;
	line-height:27px;
	background:url(images/submenu.jpg) no-repeat right top; 
	padding-right:10px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	
}
.round span { 
	cursor:default;
	background:url(images/submenu.jpg) no-repeat left top; 
	height:27px;
	display:block;
	display:inline-block;
	padding-left:10px; line-height:27px;
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
		
}
	
	.rest a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#838383;
	
	
	}
	
	
	.rest a:hover{
	text-decoration:none;
	color: white;}
	
	
	
/* end of submenu */
/* ***********START OF DISPLAY*/
#display{
	height:480px;
	margin:0px;
	padding:0px;
	background-image: url(images/displaybg.jpg);
	background-repeat:no-repeat;
	background-position: top;}
#techdisplay{
	height:1300px;
	margin:0px;
	padding:0px;
	background-image: url(images/displaytechbg.jpg);
	background-repeat:no-repeat;
	background-position: top;}

#submenurow{
	height:27px;
	padding-top: 10px;
}

#submenu{
	
	float:right;}
#fallingswitch{
	width: 400px;
	float:left;}
	
	
#displaycontainer{
	width:900px;
	position: absolute;
	top: 195px;
}

#designdisplay{
	height:600px;
	margin:0px;
	padding:0px;
	background-image: url(images/displaytechbg.jpg);
	background-repeat:no-repeat;
	background-position: top;}


#advantagesdisplay{
	height:1100px;
	margin:0px;
	padding:0px;
	background-image: url(images/displaytechbg.jpg);
	background-repeat:no-repeat;
	background-position: top;}



#designcontainer{
	width:900px;
	position: absolute;
	top: 175px;
}



	
#introselect{
	width: 900px;
	height: 47px;
	padding-top: 12px;
	text-align:center;
	background-image:url(images/introselectbg.png);
	background-repeat:no-repeat;
	background-position:top;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* *********END OF DISPLAY */
/* *********START OF SPECIFICATIONS */
#navigationb {
  list-style: none;
}

#navigationb li {
  float: left;
}

#navigationb a * {
  display: none;
}

#navigationb a,
#navigationb a .hover {
  height: 46px;
	position: relative;
	display: block;
	background: url(images/specificationsstripe.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#navigationb a.ce {
  background-position: 0 0;
  width: 52px;
}

#navigationb .highlight a.ce:hover,
#navigationb a.ce .hover {
  background-position: 0 -47px;
  width: 52px;
}

#navigationb a.grade {
  background-position: -52px 0px;
  width: 52px;
}

#navigationb .highlight a.grade:hover,
#navigationb a.grade .hover {
  background-position: -52px -47px;
}

#navigationb a.energy {
  background-position: -104px 0;
  width: 52px;
}

#navigationb .highlight a.energy:hover,
#navigationb a.energy .hover {
  background-position: -104px -47px;
}

#navigationb a.environment {
  background-position: -156px 0;
  width: 73px;
}

#navigationb .highlight a.environment:hover,
#navigationb a.environment .hover {
  background-position: -156px -47px;
}

#navigationb a.protection {
  background-position: -229px 0;
  width: 87px;
}

#navigationb .highlight a.protection:hover,
#navigationb a.protection .hover {
  background-position: -229px -47px;
}

#navigationb a.stainless {
  background-position: -316px 0;
  width: 88px;
}

#navigationb .highlight a.stainless:hover,
#navigationb a.stainless .hover {
  background-position: -316px -47px;
}

#navigationb a.stylish {
  background-position: -404px 0;
  width: 50px;
}

#navigationb .highlight a.stylish:hover,
#navigationb a.stylish .hover {
  background-position: -404px -47px;
}
/* ******** END OF SPECIFICATIONS */


#secondcontainer{
	width:900px;
	height:300px;
}
#ataglance {
	width: 500px;
	float:left;
	margin:0px;
	padding:0px;
}

#ataglance p{
	margin-top:7px;}

#specifications {
	width: 500px;
	margin: 0px;
	padding:0px;
}

#slideshow{
	width: 400px;
	float:right;
	margin:0px;
	padding:0px;
}


#accessories{
	height: 160px;
}

/* TABLE */
#table{
	width: 900px;
	
}

#tableone{
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #b8b8b8;
	text-align:center;
	background-image:url(images/tablebottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;}

.sr {
	background-color:#272727;
	height: 20px;
	}
.sr:hover {
	background-image:url(images/trimg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color: #272727;
	font-weight:bold;
	
}

.or {
	background-color:#0f0f0f;
	height:20px;}
.or:hover {
	background-image:url(images/trimg.jpg);
	background-repeat:repeat-x;
	background-position:top;
color: #272727;
	font-weight:bold;
}
 
.copyright{
	color:#8c8c8c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;}
.copyright a{
	line-height: 30px;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color: #8c8c8c;
		
}

.copyright a:hover{
	
	color: #fff;}






/*CLASSES*/
.titled{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:11px;
}

.pink{font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ff0090;
font-size:11px;
}
	
.details {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
	
}

.details2 a{
	text-decoration:none;
	color:#373737;
	font-size:11px;
	font-style:italic;
	}
.details2 a:hover{
	color:#c8c8c8;
	text-decoration:underline;
	}
.parag{
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	color:#bababa;
	width: 500px;
	padding-left: 5px;
	}
	
	
	.designparag{
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#bababa;
	padding-top: 5px;
	text-align:justify;
	
	padding-left: 5px;
	}
	
.introparag{
	text-align:justify;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#a3a3a3;
	text-indent:30px;
}
	
.advantagesparag{
	text-align:justify;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#dcdcdc;
	text-indent:30px;
	
	
	
}
.techleft{
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #a8a8a8;
	line-height:15px;
}

.techright{
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;

	line-height:15px;
}

.techadd{
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #a8a8a8;
	line-height:15px;

}

#t44 {font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:normal; }

#t44 tr:hover{background-image:url(images/advtablebghover.jpg);  background-position:top; background-repeat:repeat-x; color: #141414;}
#t44 td {padding-top:5px; padding-bottom:5px; border-bottom: 1px solid #3b3b3b;}
.secondline{color:#7f7f7f ; font-style:italic; font-size:10px; font-family:Arial, Helvetica, sans-serif; } 
.leftcolumn{ background-image: url(images/leftcolumnbg.jpg); background-repeat:repeat-y; background-position:left; padding-right:13px;  }
.leftcolumn:hover{background-image:url(images/advtablebghover.jpg); background-position:top; background-repeat:repeat-x; color: #141414;}