@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: '';
}


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


html {
text-align: center;
background-color: #999999;
background-image: url(/images/bg_wall2.jpg);
/*background-image: url(/images/main_background.gif);*/
background-repeat: repeat-x, repeat-y;

}

body {
background-color: #ffffff;
position: relative;
width: 950px;
margin: 0 auto;
text-align: left;
}

p  {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #FFFFFF;
font-size: 14px;
line-height: 25px;
padding: 0px 10px 5px 10px;
}

.header{
position: relative;
top: 0px;
left: 0px;
}

.main_container{
position: absolute;
width: 950px;
background-color: #ffffff;
padding: 0 0 10px 0;
}

.mid_container{
float: left;
height: 304px;
width: 948px;
padding: 0 0 0 2px;
background-image: url(../images/mid_background.gif);
background-repeat: repeat-x;
background-color: #ffffff
}

	.logo{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0;
	}

/*----------------------------------------------------- Navigation ------------------------------------------------------*/

	.menu_container {
	position: absolute;
	left: 236px;
	top: 0px;
	width: 710px;
	height: 287px;
	background-color: #ffffff;
	padding: 1px 0 0 0px;
	border-left: 3px solid #ffffff;
	overflow: hidden
	}
	
		.accordion, .accordion *{
		margin:0;
		padding: 0;
		list-style-type: none;
		}
		
		.one{
		background:#fff;
		}
		
		.two{
		background:#fff;
		}
		
		.three{
		background:#fff;
		}
		
		.four{
		background:#fff;
		}
		
		.active{
		background:#fff;
		}
		
		.accordion li{
		cursor:pointer;
		}
		
		.accordion .active_click{
		cursor:default;
		}
		
		.menu {
		border: 0px solid #ffffff;
		}
		
		a.menu:link {
		border: 0px solid #ffffff
		}
		
		a.menu:active {
		border: 0px solid #ffffff
		}
		
		a.menu:visited {
		border: 0px solid #ffffff
		}
		
		a.menu:hover {
		border: 0px solid #ffffff;
		}

/*---------------------------------------End Navigation------------------------------------------*/
		
	.sub_container{
	float: left;
	min-height: 250px;
	width: 100%;
	margin: 10px 0 0 0;
	background-image: url(../images/content_dividers.gif);
	background-repeat: repeat-y;
	}
	
	.sub_container_developer{
	float: left;
	min-height: 250px;
	width: 100%;
	margin: 10px 0 0 0;
	background-image: url(../images/content_dividers_developer.gif);
	background-repeat: repeat-y;
	}
	
	
		.left_container{
		float: left;
		min-height: 200px;
		width: 236px;
		}
		
		/*IE6 can read this*/
		#left_container_gallery{
		position: absolute;
		left: 12px;
		height: 425px;
		width: 220px;
		overflow: auto;
		margin: 0px 0 0 0;
		padding: 0;
		}
		
		
		/*IE6 can't read this. Mozilla, Safari, & IE7 can*/
		html > body #left_container_gallery{
		position: absolute;
		left: 12px;
		height: 425px;
		width: 220px;
		overflow: auto;
		margin: 0px 0 0 0;
		padding: 0;
		}
		
			.e_content{
			position: relative;
			top: 0px;
			left: 0px;
			width: 290px;	
			padding: 27px 0 10px 20px;
			}
	
		.middle_container{
		float: left;
		min-height: 200px;
		width: 300px;
		}
		
		.middle_container_contact{
		float: left;
		width: 550px;
		min-height: 200px;
		}
		
		.middle_container_developer{
		float: left;
		width: 550px;
		min-height: 200px;
		}
		
		.middle_container_press{
		float: left;
		width: 550px;
		min-height: 200px;
		}
		
		.middle_container_gallery{
		float: right;
		width: 700px;
		min-height: 465px;
		padding: 0 0 0 10px;
		margin: -20px 0 0 0;
		}
		
			.left_content{
			position: relative;
			top: 0px;
			left: 0px;
			width: 95%;	
			padding: 5px 0 10px 20px;
			}
			
			#left_content_gallery{
			overflow: hidden;
			}
			
			.Scroller-Container{
			width: 180px;
			position: absolute;
			padding: 0 0 0 0px
			}
			
			
			.left_content_gallery{
			width: 90%;	
			padding: 0 0 10px 20px;
			display: visible;
			height: 300px;
			overflow: auto
			}
			
			.stu_photo{
			padding: 10px 0 0 35px;
			}
			
			.middle_content_contact{
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			}
			
			#middle_content_video{
			position: relative;
			padding: 10px 0 10px 10px;
			width: 100%;
			display: block
			}
			
			#middle_content_photo{
			position: relative;
			padding: 10px 0 10px 10px;
			width: 100%;
			display: block;
			}
			
			.middle_content_press{ 
			position: relative;
			top: 5px;
			left: 0px;
			width: 100%;
			height: 400px;
			min-height: 400px;
			}
			
			html>body.middle_content_press{ 
			position: relative;
			top: 5px;
			left: 0px;
			width: 100%;
			min-height: 400px
			}
			
			.middle_content_developer{ 
			position: relative;
			top: 5px;
			left: 0px;
			width: 100%;
			min-height: 500px;
			height: 500px;
			}
			
			html > body .middle_content_developer{ 
			position: relative;
			top: 5px;
			left: 0px;
			width: 100%;
			min-height: 500px
			}
			
				.large_text{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 20px;
				color: #000000;
				line-height: 32px;
				padding: 22px 15px 0 20px;
				}
				
				p.contact_text{ 
				font-family: Georgia, "Times New Roman", Times, serif;
				background-color: #ffffff;
				font-size: 12px;
				color: #000000;
				line-height: 18px;
				margin-left: 20px;
				padding: 0 0 7px 0;
				}
				
				p.developer_text{ 
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				color: #000000;
				line-height: 18px;
				margin-left: 20px;
				padding: 0 0 7px 0;
				}
				
				.movie_links{
				position: absolute;
				left: 200px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				color: #000000;
				line-height: 20px;
				width: 300px
				}
				
				a.movie_links:link{
				text-decoration: underline;
				}
				
				a.movie_links:active{
				text-decoration: underline;
				}
				
				a.movie_links:visited{
				text-decoration: underline;
				}
	
				a.movie_links:hover{
				text-decoration: none;
				}
				
				h1.video_title{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: 600;
				font-size: 12px;
				color: #000000;
				line-height: 18px;
				padding: 2px 0 12px 1px;
				}
				
				.photo_description{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				color: #000000;
				width: 520px;
				line-height: 18px;
				padding: 2px 0 12px 1px;
				}
				
				.portfolio_thumbs {
				margin: 0 0 0 0px;
				padding: 2px 2px 2px 2px;
				border: 1px solid #ffffff;
				}
				
				img.portfolio_thumbs:hover {
				border: 1px solid #646464;
				}
				
		.right_container{
		float: right;
		min-height: 200px;
		width: 322px;
		padding: 27px 40px 0 0;
		}
		
			.right_content{
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			}
			
				.normal_text{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				color: #000000;
				line-height: 18px;
				}
				
				a.normal_text:link{
				text-decoration: underline;
				}
				
				a.normal_text:active{
				text-decoration: underline;
				}
				
				a.normal_text:visited{
				text-decoration: underline;
				}
	
				a.normal_text:hover{
				text-decoration: none;
				}
				
				.normal_bold{
				font-family: inherit;
				font-size: inherit;
				color: #000000;
				font-weight: bold;
				}
				
				.news_text{
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				color: #000000;
				line-height: 18px;
				padding: 0 0 20px 0;
				width: 200px;
				}
			
		.right_container_contact{
		float: right;
		width: 200px;
		min-height: 200px;
		padding: 7px 0 0 0;
		}
		
			.right_content_contact{
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			}
			
.footer{
position: relative;
margin: auto;
width: 850px;
padding: 0 25px 0 25px;
background-color: #ffffff;
}

html > body .footer{
position: relative;
margin: auto;
width: 850px;
height: 22px;
padding: 3px 25px 3px 25px;
background-color: #ffffff;
}

	.equal_housing{
	padding: 0 10px 0 0;
	float: inherit;
	z-index: 100
	}
	
	p.footer_text{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #666666;
	line-height: 13px;
	position: relative;
	top: -20px;
	padding: 0 0 0 30px
	}
	
	html > body p.footer_text{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #666666;
	line-height: 13px;
	position: relative;
	top: -20px;
	padding: 0 0 0 30px
	}
	
#Scrollbar-Container {
  position: absolute;
  left: 5px;
  visibility: hidden
}

	.Scrollbar-Up {
	position: relative;
	top: 160px;
	left: 220px;
	cursor: pointer;
	z-index: 300;
	visibility: hidden
	}
	
	.Scrollbar-Down {
	position: relative;
	top: 250px;
	left: 220px;
	cursor: pointer;
	z-index: 300;
	visibility: hidden
	}
	
	.Scrollbar-Track {
	width: 1px; 
	height: 275px;
	position: absolute;
	top: 85px;
	left: 224px;
	z-index: 300;
	background-image: url(../images/track_background.gif)
	}
	
	.Scrollbar-Handle {
	position: absolute;
	left: -5px;
	width: 12px; 
	height: 22px;
	}

#gallery_selector{
border: 1px solid #646464;
margin: 0px 0 0 7px;
padding: 0;
width: 190px;
}