@charset "utf-8";

/* Standard                                                                       
------------------------------------------------------------------------- */

body,html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#ebe8e8;
color:#fff;
padding:0px;
margin:0px;}

h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;}

	h1 {
	font-size:48px;}
	h2 {
	font-size:48px;}
	h3 {
	font-size:24px;}
	h4 {
	font-size:18px;}
	h5 {
	font-size:16px;}
	h6 {
	font-size:14px;}
	
a:link, a:visited, a:active {
	color: #FFCC00;
	text-decoration:none;
	outline:none;
} 

a:hover {
	color:#ccc;
	text-decoration:underline;
	outline:none;
}

p{
	width:448px;
}

img {
	border:none;	
}

		
/* Classes                                                                       
------------------------------------------------------------------------- */

address {
font-style:normal;}

.clear {
clear:both;}

.left {
float:left;}

.right {
float:right;}

.film {
	position:absolute;
	right:23px;
	bottom:5px;
}

.icon {
float:left;
margin:0px 10px 5px 0px !important;
border: 10px #FF0000 solid;}

.yellow{
	color:#FFCC00;
}

.none{
	color:#000;
}

	
/* Structure                                                                       
------------------------------------------------------------------------- */
   
#container {
width:940px;
margin:0 auto;
padding:0px;}

#header {
position:relative;
height:70px;}
	
#nav {
position:relative;
top:5px;}

	#nav ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 5px 0px;}

	#nav ul li {
	display:block;
	float:left;
	width:138px;
	height:20px;
	display:block;
	margin-right:5px;
	text-indent:5px;
	background:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	color:#aaa3a3;
	font-size:12px;
	line-height:20px;
	vertical-align:middle;}
	
	#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
	color:#aaa3a3;
	display:block;
	width:138px;
	text-decoration:none;}
	
	#nav ul li a:hover {
	color:#FFF;
	background:#970e1c;}
	
	#nav ul li a.selected {
	color:#FFF;
	background:#970e1c;}
	
		ul#submenu {
		list-style:none;
		padding:0px;
		margin:5px 0px 5px 0px;
		}
		
		* + html ul#submenu {
			padding:5px 0px 5px 0px;
			}
	
		ul#submenu li {
		display:block;
		float:left;
		width:1	38px;
		height:20px;
		display:block;
		margin-right:5px;
		text-indent:5px;
		background:#C33;
		text-transform:uppercase;
		font-weight:bold;
		color:#FFF;
		font-size:12px;
		line-height:20px;
		vertical-align:middle;}
		
		ul#submenu li a:link, ul#submenu li a:active, ul#submenu li a:visited {
		color:#FFF;
		display:block;
		width:138px;
		text-decoration:none;}
		
		ul#submenu li a:hover {
		color:#FFF;
		background:#970e1c;}
		
		ul#submenu li a.selected {
		color:#FFF;
		background:#970e1c;}

#logo {
background:url(../images/dv8-logo.png) 0 0 no-repeat;
text-indent:-999em;
margin:0px;
padding:0px;
width:80px;
height:57px;
position:absolute;
top:5px;
left:860px;}

	a#logo {
	outline:none;}

	#logo h1 {
	padding:0px;
	margin:0px;}


#homecontent {
border-top:1px solid #970e1c;
border-bottom:1px solid #970e1c;
height:538px;
overflow:hidden;
background:#000;
color:#FFF;}

#content {
border-top:1px solid #970e1c;
border-bottom:1px solid #970e1c;
min-height:469px;
background:#000;
padding: 16px 36px 55px 36px;
color:#FFF;}	

	#homeFlash {
	width:940px;
	height:538px;}

	#gallery {
	width:700px;
	height:490px;}	
	
#footer {
margin-top:5px;
color:#AAA3A3;
font-size:10px;}

	#footerAdress {
	float:left;
	width:220px;}
	
	#footer a:link, #footer a:active, #footer a:visited {
	color:#666;
	text-decoration:none;}
	
	#footer a:hover {
	color:#b22222;}
	
	#footerNav {
	float:right;
	width:700px;
	height:30px;
	margin-top:10px;
	text-align:right;}
	
		#bottomMenu {}
		
		ul#bottomMenu {
		text-align:right;
		padding:0px;
		margin:0px;
		float:right;
		list-style:none;}
		
		ul#bottomMenu li {
		padding: 0px 5px 0px 0px;
		float:left;}
	
	#footerCredits {
	
	width:220px;
	float:left;}
	
/* Projects List                                                                     
------------------------------------------------------------------------- */


#projectsUI{
	float:left;
	width:215px;
	margin:0px 16px 0px 0px;
	padding:0px;
}

#projectsUI li a{
	color:#FFFFFF;
}	

#projectsUI UL{
	margin:0px 0px 0px 0px;
	padding:0px;
}

	#projectsUI h3{
		clear:right;
		margin:0px 0px 5px 0px;
		padding:0px;
		color:#ebe8e8;
	}

	ul#projectsStatus{
		list-style:none;
		margin:0px 0px 20px 0px;
	}
	
		ul#projectsStatus li{
			margin:0px 0px 5px 0px;
		}	
	
	ul#projectsList{
		float:left;
		list-style:none;
		width:
		margin:0px 0px 0px 0px;
	}
	
		ul#projectsList li{
			margin:0px 0px 5px 0px;
		}	
					

#projectsTumbs{
	float:right;
	width:630px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

	.thumb{
		float:left;
		height:170px;
		width:195px;
		background-color:#fff;
		margin:0px 15px 15px 0px;
		color:#b0aeae;
		font-size:10px;
	}
	
	
		.thumb .details{
			padding:6px 0px 0px 19px;
			line-height:16px;
			cursor:hand;
			position:relative;
		}
		
		.thumb img{
			border:none;
		}
		
		.thumb:hover {
			color:#970e1c;
			background-color:#ebe8e8;
		}
		
/* Projects Page                                                                     
------------------------------------------------------------------------- */


ul#projects{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:300px;
}	

	ul#projects li{
		list-style:none;
		margin:0px 0px 0px 0px;
		padding:0px;		
	}	
	
	ul#projects li a{
		display:block;
		margin:0px 0px 5px 0px;
		padding:0;
		color:#fff;
		font-size:24px;
	}			
	
	
/* Search Page                                                                     
------------------------------------------------------------------------- */


#siteSearch{
	width:450px;
	float:left;
	margin:0px 36px 0px 0px;
	padding:0px;
}

#showSearch{
	width:300px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#pagination{	
	background:#C33;
	padding: 8px;
	margin:8px 0px 8px 0px;
}

	
/* News                                                                     
------------------------------------------------------------------------- */

#newsArticle{
	float:right;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px;
}


#newsUI{
	float:left;
	width: 250px;
	margin:0px 0px 0px 0px;
}

	#newsUI .item a{
		color:#FFFFFF;
	}	


	#newsUI .item{
		margin:0px 0px 10px 0px;
	}
	
	#newsUI h5{
		margin:0px 0px 5px 0px;
		padding:0px;	
	}

	#newsUI h5 a{
		color:#970e1c;
	}
	
	#newsUI p{
		width:230px;
		margin:0px 0px 5px 0px;
		padding:0px;	
	}	



	
/* Ovelays                                                                       
------------------------------------------------------------------------- */	

/* black */ 
div.overlay { 
	display:none;      
} 
 

	div#video{
		width:640px;
		height:505px;
	}
	
	
/* Mail form                                                                       
------------------------------------------------------------------------- */	

dl#mailform{
	width:400px;
}

dl#mailform dt{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:4px;
text-align:right;
width:75px;
}

	dl#mailform label{
		font-weight:bold;
		font-size:12px;
	}	


dl#mailform dd{
	list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;
width:400px;
margin:0px 0px 8px 0px;
padding:0px 0px 0px 90px;
}

/* form style */

.idleField{
padding:5px;
background:#EEE;  
color: #6F6F6F;
width:218px;
margin:0px 0px 5px 0px;  			
border: solid 1px #DFDFDF;}

.focusField{  
padding:5px;
width:218px;
border:solid 1px #970E1C;
margin:0px 0px 5px 0px;  
background:#c9c9c9;  
color:#000;}