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

form {
margin:0;
padding:0;
}
body {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#cbccfc ;
	background-color:#420A55;
	background-image:url(../images/landing/bkg_all.png);
	background-repeat:repeat-x;
}

a { color:#656565; text-decoration:none; }
a:hover { color:#aa0bec;  text-decoration:underline; }

.white{color:#FFFFFF; }
a:hover.white{color:#FFFFFF}

.green{color:#96fd64; }
a:hover.green{color:#96fd64}

img {border:none}

#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align:center;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;

}

#header {
	position:relative;
	height:121px;
	padding:0;
	margin:0;
}

#text_logo{ float:left; }

#nav {
	height:13px;
	background:#97fe65;
	z-index:500;
	clear:left;
	width:100%;
}


#client_link a {color:#9999FF }
.purplelink {color:#9999FF }

/* Form stuff */
form div { 
	margin:0 0 9px 0;
	clear:left;
	vertical-align:middle;
}

label {
	padding-top:4px;
	float:left;
	display:block;
	width:9em;
	font-weight:bold;
	padding-right:1.5em;
	vertical-align:middle;
	text-align:right;
}

fieldset label {
	float:left;
	display:block;
	font-weight:bold;
	padding-right:1.5em;
	vertical-align:middle;
	text-align:left;
}

form { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

form div.actions {
	margin-left:9em;
	padding-left: 1.5em;
}

.formfieldvisible{font-size:11px; color:#333333; font-family :arial, verdana, helvetica; background-color:#CCCDFE; margin:1px;  padding-left:4px }


#template_center{
  float:left;
	margin:50px 0 0 0;
	border:white solid 1px;
/*	padding: 15px 13px 11px 13px; margin:51px 170px 5px 194px; */
	text-align:center;
	padding: 15px 
}

#template_right{
	float:left;
	width:auto;
	height:349px;
	margin:50px 0 0 0;
	padding:15px 32px 0px 27px;
	font-size:13px;
	line-height:20px;
	color:#FFFFFF;
	text-align: justify;
}























#portfolio_center{
	width:605px;
	height:382px;
	position:absolute;
	top:164px;
	left:194px;
	border:white solid 1px;
/*	padding: 15px 13px 11px 13px; margin:51px 170px 5px 194px; */
	text-align:center;
	padding:14px 16px
}

	#portfolio_window{
		width:605px;
		height:380px;
		overflow:hidden;
		position:relative;
	}
		#animation_matrix{
			width:15000px;
			height:380px;
			position:absolute; 
			z-index:0; 
		}
		
		.portfolio_image_holder
		{
			width:605px;
			height:380px;
			float:left;
			background:none;
		}
		
		.slideshow
		{
			width:600px;
			height:380px;
			float:left;
			text-align:center;
			margin:10px;
			 
			padding:0px;  
			background:none;
			overflow:hidden
		}
		
		.main_image
		{
			margin:0 auto;
		}
		
		#home_content
		{
			float:right;
			width:325px;
			margin:0;
			padding:15px 15px 15px 0;
			text-align:justify;
			position:relative;
		
  		}
			#blog_logo
			{
				position:absolute;
				z-index:100;
			}
			#blog_entry
			{
				position:absolute;
				z-index:300;
				top:92px ;
				left:33px;
				color:#FFF;
				width:270px; 
				font-size:11px; 
			}
			
		
			.home_blog_image{
				
				border:none;
			}
		
		
		#home_content h2
		{
	/*
			float:right;
			margin:41px 57px 0 0;
			*/
			position:absolute;
			bottom:-60px;
			left:160px;
			width:170px;
			text-align:left;
			z-index:350;
			font-size:18px;
			display:block;
		}
		
		#home_bottom
		{
			
			width:773px;
			margin:10px auto;
			color:#FFF;
			text-align:center;
			font-size:11px;
			font-weight:normal
		}
		
		.read_more
		{
			float:right;
			color:#CCF;
			font-weight:bold;
			margin:0 -18px 0 0 ;
		}
		
		.read_more:hover
		{
			color:#96FD64;
		}

#ecard_center{
	width:350px;
	height:350px;
	position:absolute;
	top:164px;
	left:377px;
	border:white solid 1px;
	/*	padding: 15px 13px 11px 13px; margin:51px 170px 5px 194px; */
	text-align:center;
	padding: 15px 15px;
}

#services_center{
	width:317px;

	position:absolute;
	top:164px;
	left:194px;
	border:white solid 1px;
/*	padding: 15px 13px 11px 13px; margin:51px 170px 5px 194px; */
	text-align:center;
	padding: 15px 0 15px 0;
}

#digital_center{
	width:317px;

	position:absolute;
	top:199px;
	left:194px;
	border:white solid 1px;
/*	padding: 15px 13px 11px 13px; margin:51px 170px 5px 194px; */
	text-align:center;
	padding: 15px 0 15px 0;
}

#studio_tour_center{
	width:515px;

	position:absolute;
	top:164px;
	left:194px;
	border:white solid 1px;
/*	padding: 15px 13px 11px 13px; margin:51px 170px 5px 194px; */
	text-align:center;
	padding: 15px 0 15px 0;
}

#services_right{
	float:right;
	width:424px;
	height:349px;
	margin:49px 0 0 0;
	padding:64px 32px 0px 27px;
	font-size:13px;
	line-height:28px;
	color:#FFFFFF;
	text-align: justify;
}

#photographer_right{
	float:right;
	width:424px;
	height:349px;
	margin:49px 0 0 0;
	padding:47px 32px 0px 27px;
	font-size:13px;
	line-height:19px;
	color:#FFFFFF;
	text-align: justify;
}

#photographer_text{
	position:absolute;
	left: 9px;
	top: 332px;
	width: 163px;
	height: 82px;
}

#directions_text{
	position:absolute;
	left: 9px;
	top: 380px;
	width: 163px;
	height: 82px;
}

#team_center{
	width:684px;
	position:absolute;
	top:164px;
	left:195px;
	border:white solid 1px;
	/*	padding: 15px 13px 11px 13px; margin:51px 170px 5px 194px; */
	text-align:center;
	padding: 15px 0 15px 0;
	font-size:18px;
}

#studio_tour_right{
	float:right;
	width:260px;
	height:110px;
	margin:117px 10px 0 0;

}

h1.title{
 clear:left;
 color:#FFF ;
 font-size:33px;
 font-weight:normal;
 line-height:38px;
 text-align:center;
 margin:0 0 20px 0;
 padding:10px 0 ;
}

.img-right{float:right; margin:0 0 8px 10px;}



.col_one{
width:156px;
padding:0 40px;
float:left;
text-align:center
}

.col_two{
width:438px;
padding:15px 20px 0 0 ;

margin:0 20px 0 0 ;

float:left;
font-size:13px;
font-weight:bold;
color:#FFF;
height:355px;
overflow:auto;
}


.col_two a{
color:#bda0f2	;
}

.logo{
margin:138px 0 0 0;
}

.icons{
margin:10px 0 0 0 ;

}

.icons img{ 
margin:0 5px;	
}

.address{
margin:107px 0 0 20px;
text-align:left;
color:#FFF;
font-size:10px;
}
.address a{
color:#FFF;
}



#landing_img{
margin:32px 0 0 0 	
}

#inner_footer{
	position:absolute;
	margin:20px 0 0 0;
	left: 240px;
	top: 567px;
	width: 472px;
	text-align:left 
}

#inner_footer a{
font-size:10px;
color:#FFF;
font-weight:normal
}