/* CSS Document */

* {
	margin:0; 
	padding:0;
	border: 0;
	font-family: Arial, sans-serif;
	color: #7b2b2f;
	}
a {
	text-decoration:none;
} 
a:hover {
	text-decoration:none;
}
img {
	display: block;
}
body {
	background-color:black;
	text-align: center;
}
#me {
	width:900px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    font-size: 10px;
    text-align: right;
    color:#888888;
}
#me a:hover {
	font-size:12px;
}
#page {
	text-align: left;
	width:900px;
	height:610px;
	margin: 30px auto 0;
}
#page #flashcontent {
	width:900px;
	height:610px;
}
#header {
	width:900px;
	height:135px;
}
#headerbtn {
	float:left;
	width:279px;
	height:135px;
	background:url("images/header_logo.jpg");
}
#headerbtn a{
	float:left;
	width:279px;
	height:135px;
	background:url("images/header_logo.jpg");
}
#headerbtn a:hover{
	background-position: 0 -135px;	
}
#header2 h1{
	margin: 0 0 0 -10000px;
}
#header2 {
	float:right;
	width:621px;
	height:135px;
	background:url("images/header.jpg");
}
#content {
	width:900px;
	height:359px;
	background:url("images/body.jpg");
}
#footer {
	width:900px;
	height:116px;
}
#footer1 {
	float:left;
	width:492px;
	height:116px;
	background:url("images/footer1.jpg");	
}
#footer1 #btsbtn {
	position:relative;
	top:26px;
	left:300px;
	float:left;
	width:104px;
	height:89px;
	background:url("images/btsbtn.jpg");	
	
}
#footer1 #btsbtn a{
	float:left;
	width:104px;
	height:89px;
	background:url("images/btsbtn.jpg");	
}
#footer1 #btsbtn a:hover{
	background-position:0 -89px;	
}
#aboutbtn {
	float:left;
	width:111px;
	height:116px;
	background:url("images/aboutbtn.jpg");	
}
#demobtn {
	float:left;
	width:152px;
	height:116px;
	background:url("images/demobtn.jpg");	
}
#contactbtn {
	float:left;
	width:111px;
	height:116px;
	background:url("images/contactbtn.jpg");	
}
#aboutbtn a{
	float:left;
	width:111px;
	height:116px;
	background:url("images/aboutbtn.jpg");	
}
#demobtn a{
	float:left;
	width:152px;
	height:116px;
	background:url("images/demobtn.jpg");	
}
#contactbtn a{
	float:left;
	width:111px;
	height:116px;
	background:url("images/contactbtn.jpg");	
}
#footer2 {
	float:right;
	width:34px;
	height:116px;
	background:url("images/footer2.jpg");
}
#footer a:hover{
	background-position: 0 -116px;	
}
#main {
	position:relative;
	top:34px;
	left:82px;
	background: url("images/main_box.jpg");
	float:left;
	width:445px;
	height:303px;
	}
#main #main_copy{
	position:relative;
	top:32px;
	left:30px;
	width:176px;
	height:230px;
}
#main #main_copy p{
	color:#4a1a1c;
	font-size:12px;
	font-weight:bold;
}
#main #main_copy #flashbtn{
	position:relative;
	top:40px;
	left:55px;
	float:left;
	width:59px;
	height:55px;
	background:url("images/flashbtn.jpg");
}
#main #main_copy #flashbtn a{
	width:59px;
	height:55px;
	float:left;
	background:url("images/flashbtn.jpg");
	background-position: 0 0;	
}
#main #main_copy #flashbtn a:hover{
	background-position: 0 -55px;	
}
#about {
	position:relative;
	top:34px;
	left:82px;
	background: url("images/about_box.jpg");
	float:left;
	width:445px;
	height:303px;
	}
#about #about_copy{
	position:relative;
	top:32px;
	left:27px;
	padding:5px 10px;
	height:230px;
	width:380px;
	overflow:auto;
}
#about #about_copy p{
	color:#4a1a1c;
	font-size:12px;
	font-weight:bold;
}
#gallery {
	position:relative;
	top:0px;
	left:169px;
	background: url("images/gallery_box.jpg");
	float:left;
	width:303px;
	height:359px;
	}
#gallery #strip1{
	position:relative;
	float:left;
	top:50px;
	left:36px;
	height:260px;
	width:86px;
}
#gallery #strip2{
	position:relative;
	float:left;
	top:36px;
	left:92px;
	height:260px;
	width:86px;
}
#gallery img{
	border:1px black solid;
	margin:0 auto 3px;	
}
#gallery a img:hover{
	border:1px white solid;	
}
#image_box {
	background: url("images/picframe.gif");
	background-color:black;
	width:401px;
	height:266px !important; /*firefox*/
	height:272px;
	margin:25px auto 0;
	padding:6px 0 0 0;
	}
#image_box img {
	display:inline;
	width:386px;
	height:259px;
	}
#contact {
	position:relative;
	top:34px;
	left:82px;
	background: url("images/contact_box.jpg");
	float:left;
	width:445px;
	height:303px;
	}
#contact #contact_copy{
	position:relative;
	top:34px;
	left:29px;
	height:230px;
	width:380px;
}
#contact #contact_copy h2{
	font-size:26px;
	font-weight:bold;
	color:#004648;
}
#contact #contact_copy a{
	color:#004648;
}
#contact #contact_copy a:hover{
	color:#7b2b2f;
}
#contact #contact_copy p{
	font-size:11px;
	font-weight:bold;
	line-height:80%;
	color:#7b2b2f;
}
#contact #contact_copy table{
	font-size:10px;
	font-weight:bold;
	line-height:80%;
	color:white;
	height:110px;
	width:270px;
	position:relative;
	top:33px;
	left:5px;
	}
#contact #contact_copy input{
	font-size:10px;
	font-weight:bold;
	line-height:80%;
	background:#112520;
	color:white;
	padding:2px 3px;
}
#contact #contact_copy textarea{
	font-size:10px;
	font-weight:bold;
	line-height:100%;
	background:#112520;
	height:79px;
	width:140px;
	color:white;
	padding:2px 3px;
}
#contact #contact_copy label{
	font-size:10px;
	font-weight:bold;
	line-height:100%;
	color:#888888;
}
#contact #contact_copy .submit_up {
	display:block;
	width:51px;
    height:14px;
	background: url(images/submitbtn.gif) 0 0 no-repeat;
	background-position: 0px 0px;
}
#contact #contact_copy .submit_over {
	display:block;
	width:51px;
    height:14px;
	background: url(images/submitbtn.gif) 0 0 no-repeat;
	background-position: 0px -14px;
}
#contact #contact_copy #form_buttons {
	position:relative;
	top: 31px;
	left:180px;	
	width:51px;
    height:14px;
	background: url(images/submitbtn.gif) 0 0 no-repeat;
	background-position: 0px 0px;
}
#contact #contact_copy p a {
	color:white;	
}
#demoreel {
	position:relative;
	top:29px;
	left:165px;
	background: url("images/demoreel_box.jpg");
	float:left;
	width:362px;
	height:292px;
	}
#demoreel #demoreel_embed {
	position:relative;
	top:33px;
	left:39px;
	float:left;
	width:300px;
	height:235px;
	}