/*
Author: Jim Antoniadis
Author URI: http://www.fontana.gr/
Version: release 0.1
*/



/* ========== ALL ELEMENTS */
*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none;}
input{vertical-align:middle;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/.clearfix{display:block;}/* End hide from IE Mac */

.floatleft{float:left !important;}
.floatright{float:right !important;}

.centered{text-align:center !important;}

acronym, abbr{cursor: help;}


@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #3954a3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	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: #000000;
}
/* Container */
#container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* iFrame Holder */
#header {
height: 205px;
text-align:center;
}

/* From the iframe below */
#mainContent {
}


/* *************** CONTENT ************** */
/* FIRST ROW OF ELEMENTS: Image, Description, Cubes and Flash */
#photo {
	position: absolute;
	width: 800px;
	height: 445px;
	margin-top: 7px;
}

/* Description box */
#description {
	position: relative;
	width: 405px;
	height: 445px;
	left: 395px;
	top:-445px;
}

/* BoundingBox over flash */
#flashoverlay {
	position:relative;
	width: 405px;
	right: 0px;
	top: -250px;
}

#flashoverlay2 {
	text-align:right;
	position:absolute;
	width: 800px;
	margin-top:230px;
	margin-right: 0px;
	margin-bottom: 4px;
}
/* Box containing FEATURES, OPTIONS, SKETCHES*/
#boxcontainer {
	position:absolute;
	width:800px;
	top: 685px;
		}

#features {
	background-image:url(images/features.jpg);
	
	width: 197px;
	height: 254px;
	
}

#options {
	background-image:url(images/options.jpg);
	width: 197px;
	height: 254px;
}

#sketces {
	width: 407px;
	height: 254px;
	/*background-image:url(images/sketches.jpg);*/
	vertical-align:bottom;
}

/*SPECIFICATIONS TABLE*/
#tspec {
	position:absolute;
	width: 799px;
	margin: 0 auto;
	top: 957px;
}

#tspectext {
	position: absolute;
	width: 750px;
	left: 30px;
	top: 84px;
	text-align:center;
}

/* FOOTER */
#footer{
	position: absolute;
	width: 797px;
	top: 1360px;
	margin: 0 auto;
	text-align:center;
	height: 19px;
	
	}

#logo {
	position:absolute;
	width: 344px;
	height:86px;
	top: 22px;
	left:50%;
	margin-left:-175px;	
	}
	
#iframeq22 {
width:950px;
position: absolute;
left:50%;
margin-left:-475px;
}