body {
	margin: 0px auto;
	overflow: scroll;
	padding: 0;
	border: 0;
	text-align: center;
	background-color:#e0dfef;
	color: #000;
	font-size: 11px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	overflow-x:hidden;
	overflow-y: scroll;
}

div, p {
	margin:0;
	padding:0;
}

#print {
	display:none;
}

#container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 907px;
	height: 593px;
	margin-left: -453px; /* half of width */
	margin-top: -296px;  /* half of height */
	background-color: #e0dfef;
	text-align:center;
}

#top	{
	margin: 0px auto;
	width: 907px;
	height: 70px;
	background: #ebebf7 url(../images/wiremeshproductions.gif) 27px 20px no-repeat;
}

#content {
	width: 907px;
	height: 364px;
	background-color: #161616;
	overflow:hidden;
}

/*nav*/

#left a {padding-top:0px;margin-top:0px;background-color:transparent;}

#nav_01	{
	display:block;
	width:276px;
	height:91px;
	background:  transparent url(../images/nav_01a.jpg) -276px 3px no-repeat;
	margin-top:-1px;
}

#nav_01:hover, #threed #nav_01 {background-position:0px 3px;}

#nav_02	{
	display:block;
	width:276px;
	height:89px;
	background:  transparent url(../images/nav_02a.jpg) -276px 1px no-repeat;
}

#nav_02:hover, #nav_03:hover, #nav_04:hover,
#graphic #nav_03, #film #nav_02, #about #nav_04
 {background-position:0px 1px;}

#nav_03	{
	display:block;
	width:276px;
	height:89px;
	background:  transparent url(../images/nav_03a.jpg) -276px 1px no-repeat;
}

#nav_04	{
	display:block;
	width:276px;
	height:95px;
	background: transparent url(../images/nav_04a.jpg) -276px 1px no-repeat;
}



#mainflash {
	margin:0px;
	padding:0px 0px 0px 1px;
	text-align:left;
}

#mainflash img	{
	border:0px;
	}


#left	{
	float: left;
	width: 276px;
	height:360px;
	background-color:#161616;
}

#left img	{
	display: block;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding:0px;
	}

#right	{
	overflow:hidden;
	position:relative;
	float:right;
	width:608px;
	height:360px;
	background-color:#161616;
	color:#fff;
	font-family:arial;
	color:#e0dfef;
	line-height:1.4em;
	font-size:1.5em;
	text-align:left;
}

#right a {
	color:#e0dfef;
	}

#clearing	{
	clear:both;
}

#lowercontent {
	margin: 0px auto;
	width: 907px;
	height: 130px;
	background-color: #ebebf7;
}

#lowercontent p {
	float: right;
	width:485px;
	margin-top: 30px;
	padding-right:148px;
	text-align: justify;
	font-weight:bold;
	}
	

#graphiclowercontent {
	margin: 0px auto;
	width: 907px;
	height: 130px;
	background-color: #ebebf7;
}

#graphiclowercontent p {
	float: right;
	width:485px;
	margin-top: 15px;
	padding-right:148px;
	text-align: justify;
	font-weight:bold;
	}



#logo	{
	display:inline;
	margin-top: 20px;
	padding-left: 27px;
	width: 467px;
	height:50px;
	float: left;
	text-align: left;
	background-color: transparent;
	cursor:hand;
}

#contact	{
	padding: 5px 10px 0px 10px;
	width: 200px;
	float: right;
	text-align: right;
	font-weight:bold;
}

#contact a	{
	color: #000000;
	text-decoration:underline;
	}

#contact a:hover	{
	text-decoration:underline;
	}

#footer	{
	margin: 0px auto;
	width: 907px;
	height: 35px;
	padding-top: 10px;
	background-color: #e0dfef;
	border-bottom: 0px solid #333;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	color: #bcbcc2;
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
	margin: 0;
	padding: 0;
}

#footer a	{
	color: #bcbcc2;
	text-decoration: underline;
}

#footer a:hover	{
	color: #161616;
}

.column1, .column2, .threedcol1, .threedcol2{
	overflow:hidden;
	position:relative;
	width:304px;
	height:360px;
}

#film .column1{width:340px;}
#film .column2{width:268px;}
 .threedcol1, .threedcol2{
 	height:330px;
 }

/* main section text properties */
.column1{float:left;text-align:left;}
.column2{float:right;}
.threedcol1{float:left;}
.threedcol2{float:right;}
#right h1, #right p, #right ul{margin:0px 30px 0px 50px;}
#right h1{font-size:1em;margin-top:30px;}
#right li {line-height:1.6em;}
#right p, #right ul {font-size:1em;margin-top:10px;}
.column1 img {margin: 10px 0px 0px 30px;}
.column2 div#test	{position:absolute;bottom:30px;left:0px;vertical-align:baseline;}
#right .column2 p {margin:30px 30px 0px 30px; }
#test p{font-style:italic;font-size:0.8em;}
#test span {font-size:0.8em;display:block;text-align:right;margin:1em 30px 0px 0px;}

/* contact form */
.column2 form {padding:10px 0px;border:0px solid #000;font-size:1em;}
.column2 form fieldset {border:0px solid #000;}
.column2 form fieldset legend{display:none;}
.column2 label {display:block;text-align:left;}
.column2 input, .column2 textarea {width:95%;margin:0px 0px 10px 0px;height:1em;}
#submit {cursor:pointer;text-indent:-9999px;height:21px;border:0px solid #000;background:transparent url(../images/submit.jpg) 0px 0px no-repeat;}
#submit:hover{background-position: 0px -21px;}
.column2 textarea {height:100px;}
.column2 input{}
span.error{display:inline;font-size:0.7em;color:#e0dfef;margin-left:20px;font-weight:bold;}

/*thumbnails */
#architectural, #objects{padding:10px 0px 0px 60px;height:360px;}
#architectural h1, #objects h1 {text-align:left;margin:0px 0px 5px 0px;}
#architectural ul, #objects ul {
margin:0px;
padding:0px;
width: 70px;
float:left;
list-style-type: none;
	}
#architectural ul li, #objects ul li{
    width: 70px;
    height:70px;
}

.clearlist	{clear:both;}

#right li  a img, #right a img {border:0px solid #000;}


#graphiccontainer {display: table; height: 320px;#position: relative; overflow: hidden;width:608px;text-align:center;}
#graphicpos	{#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;text-align:center;}
#graphicthumbs{#position: relative;  #top: -50%;left:-50%;width:480px;margin:0px  auto;}

.thumb	{
display:block;
position:relative;
float:left;
height:66px;
width:65px;
margin:2px;
background: transparent url(../images/thumb_frame.jpg) 0px 0px no-repeat;
}

.thumb img {position: absolute; top:3px;left:4px;}

#right p.next {text-align:center;font-size:0.8em;font-weight:bold;}


.videoColumn {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	width:600px;
	height:360px;
}


#video{
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	bgcolor: #161616;
	width: 600px;
	height: 360px;
	}



.sep {
	display:block;
	float:left;
	width:276px;
	padding:0px;
	margin:0px;
	height:1px;
	background:transparent url(../images/separator.jpg) 100px 0px no-repeat;
	}
	
