@charset "utf-8";
/* CSS Document */

/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
padding: 0px;
border: none;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
content: '';
}

*:focus {
outline: none;
}	

html{
overflow: scroll;
}

/*----------------------------------------------------- Don't edit anything above this line ---------------------------------------------------*/

html {
text-align: center;

/*background-color: #dd402a;*/
background-color: #464646;
}

body { 
position : relative; 
width :960px; 
margin : 0 auto;
min-height: 500px;
text-align : left; 
background-color: #1d1d1d;
}

img	{
padding: 0px;
}


p{
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 11px;
color: #fff;
padding: 0 0 10px 0;
line-height: 16px;
}

ul{
padding: 0 0 10px 0;
margin: 0px 0 0 0
}


#subnav{
position: absolute;
left: 600px;
top: 75px;
background-color: #1d1d1d;
z-index: 20000;
padding: 10px;
overflow: auto;
}

ul.contact{
padding: 0 0 0 0;
margin: 0 0 0 10px;
}

li{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 11px;
color: #fff;
display: block;
line-height: 17px;
}

	#right_content ul li{
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	padding: 0 0 15px 15px
	}

li a:active, li a:link, li a:visited, a:active, a:link, a:visited{
list-style: none;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 11px;
color: #fff;
text-decoration: underline;
}

li a:hover, a:hover{
color: #fff;
text-decoration: none;
}

#subnav ul{
background-color: #dd402a;
}

#subnav li{
list-style: none;
padding: 2px 0px 2px 0;
margin: 0 0 0 0;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 11px;
color: #fff;
border-bottom: 1px dotted #464646;
}

#subnav li a:active, #subnav li a:link, #subnav li a:visited{
list-style: none;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 11px;
color: #fff;
text-decoration: none;
display: block
}

#subnav li a:hover{
color: #dd402a;
text-decoration: none;
}


/* -----------------------------------------Begin Editing--------------------------------------------*/

#social_media{
position: relative;
width: 960px;
height: 25px;
background-image: url(../images/social_background.png);
text-align: right;
}

	#social_media img{
	padding: 0 6px 0 0;
	}

#header{
position: relative;
width: 960px;
height: 108px;
background-image: url(../images/three_dotted.png);
background-position: bottom;
background-repeat: no-repeat;
overflow: visible;
z-index: 20000;
}

	.logo{
	position: absolute;
	left: 10px;
	top: 10px;
	}
	
	#navigation{
	position: absolute;
	left: 250px;
	top: 50px;
	width: 716px;
	height: 22px;
	overflow: hidden;
	background-image:url(../images/navigation/background.png);
	background-repeat: no-repeat;
	}
	
#flash_container{
position: relative;
left: 7px;
width: 945px;
height: 250px;
background-color: #1d1d1d;
}

	#main_image_container{
	position: relative;
	left: 7px;
	width: 945px;
	height: 150px;
	background-color: #fff;
	}
	
	#portfolio_nav{
	position: relative;
	top: 0px;
	left: 7px;
	width: 945px;
	height: 25px;
	background-color: #464646;
background-image: url(../images/social_background.png);

	}
	
		#portfolio_nav li{
		display: inline;
color: #fff;
padding: 0 0 0 10px
		}

#portfolio_nav li a:active, #portfolio_nav li a:link, #portfolio_nav li a:visited{
list-style: none;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 11px;
color: #fff;
text-decoration: none;
display: inline
}

#portfolio_nav li a:hover{
color: #dd402a;
}
	
#home_content_container, #inner_content_container{
float: left;
margin: 15px 0 0 0;
padding: 0 0 10px 0;
width: 960px;
background-color: #1d1d1d
}

#details_content_container{
float: left;
margin: 15px 0 0 0;
width: 960px;
background-color: #1d1d1d;
background-image: url(../images/right_border.png);
background-repeat: repeat-y;
background-position: 275px 0
}

#contact_content_container{
float: left;
margin: 15px 0 0 0;
width: 960px;
background-color: #1d1d1d;
background-image: url(../images/right_border.png);
background-repeat: repeat-y;
background-position: 275px 0
}

#details_bump{
float: left;
height: 15px;
width: 960px;
background-color: #1d1d1d;
}

	#left_content{
	float: left;
	margin: 0 0 0 7px;
	padding: 0 0 10px 0;
	width: 260px;
	}
	
		#left_content img{
		padding: 5px;
		border: 1px dotted #464646;
		}
		
		.title{
		margin: 10px 0 0 0;
		padding: 5px;
		font-size: 14px;
		background-color: #fff;
		color: #000;
		width: auto;
text-decoration: none
		}

.title a{
margin: 0;
text-decoration: none;
color: #000;
font-size: 14px;
padding: 0;
}
	
	#about_content, #services_content{
	float: left;
	margin: 0 0 0 7px;
	width: 500px;
	}

	#middle_content{
	float: left;
	margin: 36px 0 0 8px;
	width: 260px;
	padding: 0 0 10px 0
	}
	
		#middle_content img{
		padding: 5px;
		border: 1px dotted #464646;
		}
	
	#right_content{
	float: left;
	margin: 0 0 0 10px;
	width: 400px;
	}
	
.hl{
float: left;
width: 960px;
background-image: url(../images/horizontal_line.png);
background-position: bottom;
background-repeat: no-repeat;
height: 4px;
}
	
.about_gallery, #services_gallery, #portfolio_gallery{
float: left;
margin: 15px 0 0 0;
padding: 0 0 20px; 0;
width: 960px;
background-color: #1d1d1d;
}

#pro_container, #animation_container{
float: left;
margin: 15px 0 0 8px;
width: 640px;
height: 505px;
background-color: #1d1d1d;
}

	.about_details{
	float: left;
	width: 180px;
	margin: 0 0 0 10px
	}
	
	.portfolio_details{
	float: left;
	width: 215px;
	margin: 0 12px 0 7px;
	}	
	
	.services_details{
	float: left;
	width: 225px;
	margin: 0 0 0 10px
	}
	
		.about_details p{
		padding: 5px 0 0 0;
		font-size: 11px;
		line-height: 14px;
		}
		
		.about_details img{
		width: 170px;
		height: 115px;
		padding: 5px;
		border: 1px dotted #464646;
		}

	.portfolio_images{
	float: left;
	width: 150px;
	margin: 0 0 0 8px
	}
	
		.portfolio_images img{
		width: 140px;
		height: 90px;
		padding: 5px;
		border: 1px dotted #464646;
		}
		
		.portfolio_images p{
		padding: 5px 0 0 0;
		font-size: 11px;
		}
		
#details_left{
float: left;
width: 260px;
margin: 0 0 0 10px;
background-position: right
}

	#details_left ul{
	padding: 0 0 30px 0
	}
	

	#details_left ul.clients{
	padding: 0 0 0 0;
	}

	
#details_right{
float: left;
margin: 0 0 0 23px;
padding: 0 0 20px 0;
width: 600px;
}

	#details_right p{
	margin: 10px 0 0 0
	}
	
	#nighthorse_container, #portfolio_video_container{
	margin: 20px 0 0 0;
	}
	
#footer{
float: left;
width: 960px;
text-align: left;
height: 25px;
margin: 3px 0 0 0;
background-color: #464646;
}

	#footer p, #footer a{
	font-size: 10px;
	}