/*  Author: MarC Vinyes (http://www.drwx.org/websites) */

body {
	 margin: 10px 0px 10px 10px;
    padding:0px;
    border:0px;
	 width: 780px;	 
	 background-color: #FFFFFF;
}

#bk
{
	background:url(header.gif) no-repeat left top;
	padding: 10px;
	width:760px;
	height:60px;
	font-weight: bold;
	background-color: #ACB7C0;
	font-size: 21px;
}


#directions
{
z-index: 1;
background: url(email.gif) no-repeat right top;
margin-top: 8px;
padding-right: 10px;
margin-right: 10px;
float: right;
color: White;
font-family: "Century Gothic", sans-serif;
text-align: right;
font-size: 12px;
}

/* nice color that matches the header too: #CCD5DF */
	 
#menu
{
z-index: 1;
float: left;
position: absolute;
width: 760px;	 
top: 52px;
float: right;
margin:0 0 0 10px;
border-left: 1px solid Black;
}
 
#menu ul 
{
display:inline;
margin:0;
padding: 5px 0px 5px 0px;
list-style:none;
background-color: White;
}
                  
#menu li 
{
margin:0;
font-family: "Century Gothic", sans-serif;;
font-size: 13px;
font-weight: bold;
display: inline;
float:left;
/*background:url(tab.gif) no-repeat left top;*/
border-bottom: 1px solid Black;
border-top: 1px solid Black;
border-right: 1px solid Black;
background-color: White;
}

#menu li a{
	background-color: #FFF;
	color: #000;
	display: block;
	padding:5px 10px 5px 10px;	
	text-decoration: none;
	}

#menu li a:hover{
	background-color: #EFEFEF;
	color: #000;
	text-decoration: none;	
}

#menu li a:active{
	background-color: #FFF;
	color: #000;
}

#main {
	position: absolute;
	width: 780px;
	top: 86px;
	background-color: #ACB7C0;
}

#box {
	z-index: 1;
	width: 738px;
	background-color: #FFFFFF; /* #DDC29B #D5D6E0 */
	margin-top: 0px;
	margin-bottom: 5px;	
	margin-left: 10px;
	margin-right: 10px;	
	padding: 10px;
	color: #000;
	border-left: 1px solid Black;
	border-bottom: 1px solid Black;
	border-top: 1px solid Black;
	border-right: 1px solid Black;
	font-family: "Century Gothic", sans-serif;
	font-size: 13px;
	text-align: justify;
}

#box h3{
	padding: 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid Black;	
	font-family: "Century Gothic", sans-serif;
	font-weight: normal;
	font-size: 13px;
}


#box h1{
	font-weight: bold;
	padding: 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid Black;	
	font-family: "Century Gothic", sans-serif;
	font-size: 13px;
}

#box h2{
	margin:0;
	font-weight: bold;
	font-family: "Century Gothic", sans-serif;
	font-size: 13px;
	padding: 0 5px 0 5px;
}

#box p{
	padding: 0 5px 0 5px;
	margin: 0 0 10px 0;
	font-family: "Century Gothic", sans-serif;
	font-size: 13px;
}

#box span.col75{
	display: table;
	margin:0;
	padding:0;	
	float: left;
	width: 75px;
}

#box span.col150{
	display: table;
	margin:0;
	padding:0;	
	float: left;
	width: 150px;
}

#box #button{
	position: absolute;
	left: 645px;
}

#box span.col{
	margin:0;
	padding:0;
}

#box span.right{
	float:right;
	margin:0;
	padding:0;
}

#box ul {
	margin: 0 0 0 5px;
	padding: 0px 0px 0 15px;
	cursor: default;
  }

#box li {
	padding: 0px 0px 15px 0px;
}

#box div.films
{
margin:0;
padding: 0 0 0 0;
width: 300px;
display: block;
font-family: "Century Gothic", sans-serif;
font-size: 13px;
font-weight: bold;
background-color: #C8C8C8;
}

#box div.films a{
width: 280px;
	background-color: #FFF;
	color: #000;
	display: block;
	padding: 6px 10px 5px 15px;	
	text-decoration: none;
	}

#box div.films a:hover{
	width: 280px;
	background-color: #EFEFEF;
	color: #000;
	text-decoration: none;	
}

#box div.films a:active{
width: 280px;
	background-color: #FFF;
	color: #000;
}


#box a{
font-family: "Century Gothic", sans-serif;
font-size: 13px;
font-weight: normal;
	text-decoration: none;
	color: #7E8296;
}

#box a:active{
font-family: "Century Gothic", sans-serif;
font-size: 13px;
font-weight: normal;
	text-decoration: none;
	color: #7E8296;
}


#box a:hover{
font-family: "Century Gothic", sans-serif;
font-size: 13px;
font-weight: normal;
	color: #333540;
	text-decoration: none;
}

div.copy{	
	margin-top: 5px;
	margin-bottom: 5px;
	width:760px; 
	border-top: 1px dotted Black;
	border-bottom: 1px dotted Black;
	background-color: #FFFFFF;	
	padding-left:10px;
	padding-right:10px;
	font-family: Arial;
	font-size: 12px;
}

div.bottom{
	background-color: White;
	height: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: url(footer.gif) no-repeat top left;	
}

div.copy a{
	text-decoration: none;
	color: Grey;
}

div.copy a:active{
	text-decoration: none;
	color: Grey;
}

div.copy a:hover{
	text-decoration: underline;
	color: Black;
}

div.floatl{
}

div.floatr{
	float:right;
}


img.corner {
   width: 8px;
   height: 8px;
   border: none;
   display: block;
}

.screenpics{
	margin: 0 0 10px 0;
	padding:0;
	color: #FFFFFF;
	text-align: center;
	width: 320px;
	background-color: #000000;
}

.video{
	margin: 0 0 0 0;
	width:740px;
	padding:0;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
}

.roundtop { 
	background: url(ne.gif) no-repeat top right; 
	text-align: left;
}

.roundbottom {
	background: url(se.gif) no-repeat top right; 
	text-align: left;	
}