
body {
background-image:url("images/bgmain.png");
margin:0;
padding:0;
norepeat;
text-align:center;
}


#main {
width:1000px;
height:1000px;
text-align:left;
margin: 0 auto; 
position:absolute;
margin-top:20px;  /*negative half margin of height */
margin-left:-500px; /*negative half margin of  width */
left:50%;
}

#main p.logo {
	padding-top:0;
	text-align:center;
}

#top {
height:180px;
width:1000px;
background-image:url("images/top.png");
position:relative;
float:left;
}

#bottom {
height:702px;
width:1000px;
background-image:url("images/mainbg.png");
position:relative;
float:left;
}

#bottomwithoutsub {
height:702px;
width:1000px;
background-image:url("images/mainbgwithoutsub.png");
position:relative;
float:left;
}

#bottomlarger {
height:802px;
width:1000px;
background-image:url("images/mainbglarger.png");
position:relative;
float:left;
}

#bottomlargerwithoutsub {
height:802px;
width:1000px;
background-image:url("images/mainbglargerwithoutsub.png");
position:relative;
float:left;
}


#logo {
width:434px;
height:234px;
position:relative;
float:left;
}

#menu {
width:173px;
height:620px;
position:relative;
float:left;
left:71px;
top:50px;

}

#rhs {
width:713px;
height:620px;
position:relative;
float:left;
left:74px;
top:50px;
}

#rhslarger {
width:713px;
height:720px;
position:relative;
float:left;
left:74px;
top:50px;
}

#submenu {
width:713px;
height:35px;
position:relative;
float:left;
text-align:right;
}

#submenu p { margin:10px; text-align:right; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  



#contentmain {
width:714px;
height:585px;
position:relative;
float:left;
}

#contentmainlarger {
width:714px;
height:885px;
position:relative;
float:left;
}

#textarea {
width:420px;
height:585px;
position:relative;
float:left;
}

#textarea p { margin:10px; text-align:left; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textarea li { margin:5px; text-align:left; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }  
#textarea h1 { margin:10px; text-align:left; color:#9fe100; text-decoration:bold; font:16px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textarea h2 { margin:10px; text-align:left; color:#8d5dbd; text-decoration:bold; font:15px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textarea td { margin:2px; color:#ffffff; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textarea a {  text-align:left; color:#8d8269; text-decoration:none; font: 14px  Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#textarea a:hover { text-align:left; color:darkred; text-decoration:none; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#textarealarger {
width:420px;
height:685px;
position:relative;
float:left;
}

#textarealarger p { margin:10px; text-align:left; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textarealarger p.contact { margin-left:10px; margin-right:10px; text-align:left; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textarealarger li { margin:10px; text-align:left; color:#ffffff; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }  
#textarealarger h1 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:16px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textarealarger h2 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:14px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textarealarger h3 { margin-left:10px; margin-right:10px; text-align:left; color:#a03800; text-decoration:none; font:13px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textarealarger td { margin:0px; padding: 2px 2px 2px 2px; border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-top: 1px solid #999999; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textarealarger a {  text-align:left; color:#8d8269; text-decoration:none; font: 14px  Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#textarealarger a:hover { text-align:left; color:darkred; text-decoration:none; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#textareacontactonline {
width:420px;
height:585px;
position:relative;
float:left;
}

#textareacontactonline p { margin:10px; text-align:left; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }    
#textareacontactonline li { margin:10px; text-align:left; color:#ffffff; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }  
#textareacontactonline h1 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:16px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareacontactonline h2 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:14px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareacontactonline h3 { margin-left:10px; margin-right:10px; text-align:left; color:#a03800; text-decoration:none; font:13px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareacontactonline a {  text-align:left; color:#8d8269; text-decoration:none; font: 14px  Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#textareacontactonline a:hover { text-align:left; color:darkred; text-decoration:none; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#textareacontactonlinelarger {
width:680px;
height:685;
position:relative;
float:left;
}

#textareacontactonlinelarger p { margin:10px; text-align:left; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }    
#textareacontactonlinelarger li { margin:10px; text-align:left; color:#ffffff; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }  
#textareacontactonlinelarger h1 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:16px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareacontactonlinelarger h2 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:14px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareacontactonlinelarger h3 { margin-left:10px; margin-right:10px; text-align:left; color:#a03800; text-decoration:none; font:13px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareacontactonlinelarger a {  text-align:left; color:#8d8269; text-decoration:none; font: 14px  Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#textareacontactonlinelarger a:hover { text-align:left; color:darkred; text-decoration:none; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#textareafull {
width:714px;
height:580px;
position:relative;
float:left;
top:5px;
}


#textareafull p { margin:10px; text-align:left; color:#7f7f7f; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textareafull li { margin:10px; text-align:left; color:#ffffff; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }  
#textareafull h1 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:16px Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareafull h2 { margin:10px; text-align:left; color:#a03800; text-decoration:bold; font:14px  Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareafull td { margin:2px; color:#ffffff; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textareafull a {  text-align:left; color:#8d8269; text-decoration:none; font: 14px  Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#textareafull a:hover { text-align:left; color:darkred; text-decoration:none; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#imagearea {
width:294px;
height:585px;
position:relative;
float:left;
}

#imagearealarger {
width:294px;
height:685px;
position:relative;
float:left;
}

#imageitself {
width:266px;
height:551px;
position:relative;
float:left;
top:9px;
left:5px;
}

#imageitselflarger {
width:266px;
height:651px;
position:relative;
float:left;
top:9px;
left:5px;
}

hr {
	background-image:url("images/separator8bit.png");
	border: 0;
	text-align:center;
	width: 23px;
	height: 7px;
}

#middle {
background-image:url("images/videocontainer.png");
background-repeat:no-repeat;
background-position:center center;
width:32%;
height:447px;
text-align:left;
top:30px;
position:relative;
float:left;
}

#videoplayer {
width:100%;
height:243px;
margin: 0 auto;
margin-top:64px;
}

#videotitlearea {
width:100%;
height:60px;
margin: 0 auto;
margin-top:14px;
}

#middle img#videotitle {

}

#middle img#viewertitle {
	position:relative;
	top:315px;
	left:50px;
}

.hidden { display: none; }
.unhidden { display: block; }



#rhs img#recentstitle {
	padding:1em;
	margin-bottom:0;
	padding-bottom:0;
}

#rhs img#inquiriestitle {
	padding:1em;
	margin-bottom:0;
	padding-bottom:0;
}

#rhs img#imagestitle {
	padding:1em;
}

#rhs img#thumbs {
	padding:2px;
}

#rhs img#more {
	vertical-align:top;
	align:right;
}

#rhs p.about {
	padding-top:0;
	padding-bottom:0;
	padding-right:2em;
	padding-left:2em;
	text-align:justify;
	vertical-align:top;
	font-family: "Myriad Pro", Tahoma, Verdana, sans-serif;
	color: "8c8c8c";
	font-size:14px;
}

#rhs p.inquiries {
	padding-top:0;
	padding-bottom:0;
	padding-right:2em;
	padding-left:2em;
	text-align:justify;
	vertical-align:middle;
	font-family: "Myriad Pro", Tahoma, Verdana, sans-serif;
	color: "8c8c8c";
	font-size:14px;
}

#rhs p.description {
	padding-top:0;
	padding-right:3em;
	padding-left:3em;
	text-align:justify;
	font-family: "Myriad Pro", Tahoma, Verdana, sans-serif;
	color: "8c8c8c";
	font-size:11px;
}

#full {
width:100%;
height:447px;
top:30px;
position:relative;
float:left;
}

#full img#portfoliotitle {
	padding:1em;
	margin-bottom:0;
	padding-bottom:0;
}



#full p.portfolio {
	padding-top:0;
	padding-right:0em;
	padding-left:2em;
	text-align:left;
	font-family: "Myriad Pro", Tahoma, Verdana, sans-serif;
	color: "8c8c8c";
	font-size:11px;
}

#full img#portfoliothumb {
	padding:1px;
}



#copyright {
width:644px;
height:48px;
margin: 0 auto;
position:relative;
top:-48px;
z-index:-1;
}

#header {
width:659px;
height:250px;
text-align:left;
position:relative;
border-bottom:1px solid #bb9f0b;
float:left;
font-size:1px;

}

#headercontent {
width:659px;
height:97px;
text-align:right;
position:relative;
float:left;
top:76px;
font-size:1px;

}




#horizontalseparator {
height:1px;
text-align:left;
position:relative;
background-color: #bb9f0b;
float:left;
font-size:1px;
}




#textareasmall {
width:320px;
text-align:left;
position:relative;
float:left;
font-size:1px;
}

#textareasmall p { margin:10px; text-align:left; color:#ffffff; font: 14px "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#textareasmall li { margin:10px; text-align:left; color:#ffffff; font: 14px "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;  }  
#textareasmall h1 { margin:10px; text-align:left; color:#9fe100; text-decoration:bold; font:16px "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#textareasmall a {  text-align:left; color:#bb9f0b; text-decoration:none; font: 14px "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#textareasmall a:hover { text-align:left; color:#ffffff; text-decoration:none; font: 14px "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#footer {
width:1000px;
height:80px;
text-align:left;
position:relative;
left:100px;
float:left;
font-size:1px;

}

#footer p { margin:0px; text-align:left; color:#ffffff; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }  
#footer a {  text-align:left; color:#bb9f0b; text-decoration:none; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#footer a:hover { text-align:left; color:#ffffff; text-decoration:none; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
/* form */