/*
Theme Name: Realistic Films
Theme URI: http://realisticfilms.net/
Description: Theme built for Realistic Films
Version: 1.0
Author: Jason LeVan
Author URI: http://gearcidy.com/
*/
*{margin:0; padding:0; font-size:100%;}
body{color:#333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 	background:url('./image/shade.png') center 85px no-repeat #ffffff;}
h1, h2, h3 {  letter-spacing: 0.14em; font-size:18px; font-weight:lighter; }
img{border:none;}
p{font-size:.65em; line-height:1.5em; color:#808184;}
a{color:#333333; text-decoration:none;}
h2{color:#3A3A3C;}
.clearboth { clear:both; }
.half {
width: 48%;
}
.third {
width: 32%;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
#header{
	margin:50px auto 35px;
	overflow:hidden;
	width:810px;
}
	#header h1{
		background:url('./image/logo.png') left top no-repeat;
		float:left;
		height:52px;
		text-indent:-9999px;
		width:308px;
		}
		#header h1 a{
			display:block;
			height:52px;
			width:308px;
			}
	#header ul{
		float:left;
		margin:12px 0 0 15px;
		}
		#header li{
			float:left;
			font-size:.75em;
			list-style:none;
			margin: 0 15px 0 15px;
			text-transform:uppercase;
			}
#content{
	background:#ffffff;
	border: 1px solid #d9d9d9;
	clear:both;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:10px;
	position:relative;
	width:824px;
	padding-left:4px;
	height:494px;
	}
	.box{
		/*float:left;*/
		height:150px;
		/*margin:15px 5px 0 10px;*/
		position:absolute;
		width:150px;
		background-repeat: repeat;
		background-image:url(image/op-10.png);
		/*background-color:#FFFFFF;*/
		}
	.cbox {
	/*float:left;*/
		height:150px;
		/*margin:15px 5px 0 10px;*/
		position:absolute;
		width:150px;
		background-repeat: repeat;
		background-image:url(image/op-10.png);
		/*background-color:#FFFFFF;*/
	}
	.cbox a {
	display:block;
			width:135px;
			height:135px;
			margin: 1px 0 0 0;
	}
		.box.nobg{
			background:transparent;
			}
		.box a{
			display:block;
			width:135px;
			height:135px;
			padding: 15px 0 0 15px;
			}

	.box.link{
		background:white;
		margin-top:15px;
		margin-left:11px;
		}
	#content div.overlay{

		height:141px;
		left:176px;
		padding:5px;
		position:absolute;
		top:177px;
		text-transform:uppercase;
		width:469px;
		background:white;
		z-index:5;
		overflow:hidden;
		}
		#catalyst{ display:none;}
		.overlay h2{
			font-size:.9em;
			margin-bottom:5px;
			}
		.overlay h2:first-letter{
			font-size:1.2em;
			}
		.overlay p{
			text-align:justify;
			}
		.overlay .close{
			height:20px;
			width:20px;
			position:absolute;
			top:5px;
			right:5px;
			}
			.overlay .close a{
				color:#999999;
				display:block;
				height:20px;
				width:20px;
				text-align:center;
				}
		.overlay .client-updates {
		margin-top: 5px;
		}
		.overlay .client-updates * {
		margin-left: 5px;
		}
			.overlay .client-updates h2 {
			font-size: .7em; 
			}
			.overlay h3 {
			font-size: .8em; 
			margin-top: 10px;
			}
			.overlay .client-updates span {
			font-size: .5em;
			}
			.overlay .client-updates p {
			margin-top: 5px;
			}
	.content_left{
		height:479px;
		width:309px;
		float:left;
		border:1px solid #cccccc;
		margin:10px 10px 0 6px;
		text-transform:uppercase;
		}
		#c_left_contact {
	background-color:#FFFFFF;
	position:absolute;
	width:314px;
	height: 476px;
	margin-top: 13px;
	}
	.content_left h2{
		font-size:24px;
		color:#cccccc;
		font-weight: lighter;
		}
	.content_left h3{
		font-size:24px;
		color:#000000;
		font-weight: lighter;
		}
	h3.hide_cat {
	cursor: pointer;
	}
	.content_left h2#quote_title, .content_left h2#email_title{margin:10px 8px; color:#000000; font-size:18px;}
	.content_left h2#quote_title{clear:both; margin-left:10px; margin-top:26px;}
	.content_left h2.staff_title{
		margin-left:10px;
		margin-top:10px;
		}
	.content_left_list{
		margin:8px;
		}	
	.content_left_list ul{
		list-style:none;
		margin-left: 15px;
	}	
	.content_left_list li{
		margin:10px 0;
		color: #CCCCCC;
		font-size: 12px;
		}
		.msg_width {
		padding-right: 5px;
		}
		.content_left_list .active{
			/*font-weight:bold;*/
			}
		.content_left_list ul li a {
		font-size: 16px;
		}

	.content_right{
		border:1px solid #cccccc;
		float:right;
		height:459px;
		margin:10px 10px 0 0;
		padding:10px;
		width:464px;
		text-transform:uppercase;
		}
		.content_right.vidport{
			padding:0;
			height:479px;
			width:484px;
			border:none;
			}
		.content_right h2 {
		font-size: 14px;
		}
		.content_right div.work_desc {
		margin-top: 10px;
		border: 1px solid #CCCCCC;
		overflow: hidden;
		height: 150px;
		}
		h2.bio_title {
		color: #CCCCCC;
		}
		h2.bio_name {
		
		}
		a.bio_email {
		font-size: 10px;
		color:#333333;
		line-height: 10px;
		padding: 10px 0 10px 0;
		display:block;
		}
		img.bio_email {
		float:left;
		height:8px;
		vertical-align:middle;
		margin: 0 2px;
		}
		/* CONTACT PAGE */
		
	.content_left label{
		visibility:hidden;
		position:absolute;
		height:1px;
		width:1px;
		}
	.content_left input {
	font-size:.75em;
	}
	
	.content_left input, .content_left textarea {
		text-align:right;
		text-transform:uppercase;
		width:288px;
		margin:3px 8px;
		color: #CCCCCC;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
		}
		.content_left textarea{
			height:75px;
			font-size:12px;
			overflow: hidden;
			width: 291px;
			}
		.content_left #quotesubmit, .content_left #emailsubmit{
		float:right;
		height:15px;
		width:60px;
		}
	#email_list{
		overflow:hidden;
		}
	#email_list p{
		width:200px;
		font-size:.6em;
		margin-left:5px;
		float:left;
		}
	#thank_you{
		float:right;
		margin:10px 10px 10px 0;
		height:148px;
		width:484px;
		border:1px solid #cccccc;
		}
	#contact_direct{
		float:right;
		margin: 0 10px 0 0;
		width:475px;
		border:1px solid #cccccc;
		height:312px;
		text-transform:uppercase;
		top:177px;
	position:absolute;
	background-color:#FFFFFF;
	left: 340px;
		}
		#contact_direct h2{
			margin:10px 0 0 10px;
			}
		#contact_direct table{
			margin:60px auto;
			font-size:.75em;
			color:#333333;
			}
			#contact_direct table td{
				padding:8px 0;
				}
			#contact_direct table td a{
				color: #333333;
				}	
				#contact_direct table td.table_left{
					padding-right:10px;
					text-align:right;
					}

			/* END CONTACT PAGE */		
			/* START STAFF PAGE */
.bio_content{
	float:right;
	margin-right:-15px;
	width:320px;
	height:460px;
	overflow:hidden;
}
.scroll-pane{
	/*overflow-y:auto;*/
	height:460px;
	width:305px;
	padding-right:15px;
	}
	.scroll-pane p {
	padding-right: 15px;
	}

.bio_content p{
	margin-bottom:10px;
	}
.bio_vid{
	background:url('./image/play.png') center center no-repeat;
	display:block;
	height:138px;
	width:138px;
	position:absolute;
	left:343px;
	top:343px;
	}
.bio_thumb{
	margin-top:7px;
	}
			/* END STAFF PAGE */		
#content div{z-index:3;}
#content #grid{
	background:url('./image/grid.png') -1px top no-repeat;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	height:505px;
	width:830px;		
	}
#content #cloud{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	height:500px;
	width:824px;
	}

#footer{
	width:810px;
	margin:20px auto;
	}
	#footer ul{
		overflow:hidden;
		float:left;
		margin-left:60px;
		margin-bottom:10px;
		}
	#footer li{
		float:left;
		list-style:none;
		margin:0 10px;
		font-size:11px;
		color:#999999;
	}
	#footer li a{
		font-size:11px;
		color:#999999;
		}
#footersocial{
	width:810px;
	margin:20px auto;
	}
	#footersocial ul{
		overflow:hidden;
		float:left;
		margin-left:358px;
		margin-bottom:10px;
		}
	#footersocial li{
		float:left;
		list-style:none;
		margin:5px;
		font-size:11px;
		color:#999999;
	}
	#footersocial li a{
		font-size:11px;
		color:#999999;
		}
.overlay .visit{
	float:right;
	margin-right:28px;
	margin-top:-23px;
	text-transform:none;
	font-size:.8em;
	}
	
		#community-box-0{
		left:13px;
		top:14px;
		}
		#community-box-1{
		left:667px;
		top:14px;
		}
		#community-box-4{
		left:13px;
		top:177px;
		}	
		#community-box-3{
		top:177px;
		left:340px;
		}
		#community-box-2{
		top:341px;
		left:177px;
		}
		#community-box-5{
		top:341px;
		left:667px;
		}
	#community1-box-0{
	top:14px;
	left:13px;
	}
	#community1-box-1{
	top:14px;
	left:667px;
	
	}
	#community1-box-2{
	top:341px;
	left:177px;
	}
	#community1-box-3{
	top:177px;
	left:340px;
	}
	
	#community1-box-4{
	top:177px;
	left:13px;
	}	
	#community1-box-5{
	top:341px;
	left:667px;
	}
	#community1-box-6{
	top:14px;
	left:340px;
	}
	/*DO*/
	#community1-box-7{
	top:341px;
	left:504px;
	}
	#community1-box-8{
	top:14px;
	left:177px;
	
	}	
	#community1-box-9{
	top:177px;
	left:667px;
	}
	#community1-box-10{
	top:341px;
	left:13px;
	}
	#community1-box-11{
	top:14px;
	left:504px;
	}
	#community1-box-12{
	top:341px;
	left:340px;
	
	}
	#community1-box-13{
	top:177px;
	left:177px;
	}
	#community1-box-14{
	top:177px;
	left:504px;
	
	}	
			#client1-box-0{
			top:14px;
			left:13px;
			}
			#client1-box-1{
			top:14px;
			left:177px;
			
			}	
			#client1-box-2{
			top:14px;
			left:340px;
			}
			#client1-box-3{
			top:14px;
			left:504px;
			}
			#client1-box-4{
			top:14px;
			left:667px;
			
			}
			#client1-box-5{
			top:177px;
			left:13px;
			}
			#client1-box-6{
			top:177px;
			left:177px;
			}
			
			#client1-box-7{
			top:177px;
			left:340px;
			}
			#client1-box-8{
			top:177px;
			left:504px;
			
			}
			#client1-box-9{
			top:177px;
			left:667px;
			}
			#client1-box-10{
			top:341px;
			left:13px;
			}
			#client1-box-11{
			top:341px;
			left:177px;
			}
			#client1-box-12{
			top:341px;
			left:340px;
			
			}
			#client1-box-13{
			top:341px;
			left:504px;
			}
				
			#client1-box-14{
			top:341px;
			left:667px;
			}
			#client1 a {
			margin: 1px 0 0 0;
			}
			
		
			
			
			
			
			
			
		
#home-box-0{
top:341px;
left:667px;
}
#top_drop{
position:absolute;
top:-120px;
height:125px;
background:#222222;
width:100%;
z-index:7;
}
#top_drop .logo{
	background:url('./image/logo.png') left top no-repeat;
	position:absolute;
	height:52px;
	width:308px;
	left:50%;
	margin-left:-400px;
	top:40px;
	display:none;
	}
#drop_button, #top_logout{
position:absolute;
bottom:-20px;
height:20px;
width:150px;
right:50px;
background:#222222;
border:1px solid #aaaaaa;
border-top:none;
z-index:7;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
}
#top_logout{
	width:auto;
	font-size:12px;
	color:#cccccc;
	padding-left:10px;
	padding-right:10px;
	}
#drop_button a, #top_logout a{
	height:100%;
	
	/*width:100%;*/
	font-size:12px;
	color:#cccccc;
}
#drop_button {
font-size: 12px;
color: #CCCCCC;
text-align:center;
}
#top_logout a{
	width:auto;
	text-align:left;
	display:inline;
	}
#loginform{
position:relative;
float:right;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
color:#cccccc;
width: 470px;
}
	#loginform .floatleft {
	padding-right: 20px;
	}
#loginform label{
	font-size:12px;
	text-transform: uppercase;
	}
#loginform input{
	margin-bottom:0px;
	line-height: 12px;
	}
.login_top {
margin-top: 40px;
right: 100px;
margin-right:20px;
}
.login_bottom {
padding-top: 10px;
margin-top:15px;
padding-left: 10px;
margin-left: 20px;
left: 5px;
}
.overlay .lofin_bottom input{
	margin:5px;
	font-size: 12px;
	}
#rememberlabel{margin-right:5px;}	
#rememberlabel #rememberme{margin:5px;}
/*#loginform #wp-submit{float:right; font-size:12px; margin-top:15px; color:#333333; text-transform:uppercase;}*/
#loginform #wp-submit{color:#333333; text-transform:uppercase; width: 100px; height:23px; bottom: 5px; right:15px; position:absolute; font-size:12px; }
.client_submit {
background-color: #CCCCCC;
width: 55px;
height: 23px;
border: 1px solid #CCCCCC;
}
#loginform .floatleft {
padding-right: 10px;
}
#loginform .floatright {
height: 38px;
}
#client-overlay-0 #loginform {
margin-left: 20px;
}
.vid_desc{
	width:480px;
	padding-right:10px;
	margin-left:10px;
	clear: left;
	}
	h1.vid_title{
		margin-left:10px;
		float:left;
		margin-bottom:10px;
		margin-top: 10px;
		}
		
	#vid_play{position:relative; overflow:hidden; height: 319px;}
	#photo_gal{position:relative; overflow:hidden; height:319px; width:489px; padding-right:0; margin:auto; margin-bottom:10px;}
	#photo_gal ul {
	margin-left: 5px;
	list-style-type: none;
	}
	#vid_play .playbtn{
		background:url('./image/play.png') center center no-repeat;
		display:block;
		width:32px;
		height:40px;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-16px;
		margin-top:-20px;
		}
	.content_right .vid_switch{
		background:url('./image/photo.png') left top no-repeat;
		display:block;
		float:right;
		height:22px;
		width:35px;
		margin-right:10px;
		margin-top:10px;
		}
		.content_right .vid_switch.photo_open{
			background:url('./image/video.png') left top no-repeat;
			height:30px;
			width:41px;
		}
.scroll-pane.content_left_list{
	width:300px;
	height:400px;
	}
.video-photo{
	margin:60px auto 15px;
	text-align:center;
	font-size:.85em;
	}
.vid_link{
	display:block;
	margin-right:15px;
	float:left;
	clear:left;
	}
#photo_gal li{
	float:left;
	margin-right:4px;
	}
	#photo_gal li.end{
		margin-right:0;
		}
	#photo_gal li.begin{
		margin-left:2px;
		}

/* Client Page */
	.client_info{;
		width:309px;
		float:left;
		border:1px solid #cccccc;
		margin:10px 10px 0 6px;
		text-transform:uppercase;
		height: 40px;
		}
		.client_info h2.bio_name {
		margin-left: 10px;
		}
		.client_info a{
			float: right;
			margin-right:10px;
			color: #3A3A3C;
			font-size: 10px;
			}
		.project_info {
		width:484px;
		float: right;
		border:1px solid #cccccc;
		margin:10px 10px 0 0;
		text-transform:uppercase;
		height: 40px;
		}
				.project_info h2.bio_name {
				margin-left: 10px;
				}
				.project_info a {
				float: right;
				margin-right:10px;
				color: #3A3A3C;
				font-size: 10px;
				}
			.project_left {
			width: 150px;
			float: left;
			}
			.project_right {
			width: 280px;
			float: right;
			padding-right:10px;
			}
			.project_right p {
			margin-top: 5px;
			}
	.box-client{
		float:left;
		height:148px;
		margin:14px 5px 0 9px;
		position:relative;
		width:148px;
		border:1px solid #999999;
		background-repeat: repeat;
		background-image:url(image/op-40.png);
		
		}
		.box-client a{
			display:block;
			width:100%;
			height:100%;
			}
	.box-client.link{
		background:white;
		margin-top:15px;
		margin-left:11px;
		}
	ul.more_projects {
	list-style-type: none;
	color:#808184;
font-size:0.65em;
line-height:1.5em;
	}
	ul.more_projects li {
	padding-bottom: 3px;
	}
	p.more_projects a {
	margin:70px 0 0 30px;
	}
	div.overflow {
	height: 480px;
	position:absolute;
	top: 14px;
	left: 667px;
	background-color:#FFFFFF;
	width: 150px;
	}
.content_left textarea#comment{
	width:287px;
	}
.content_left input#submit{
	float:right;
	margin-right:0;
	width:90px;
	}
li.comment{
	list-style-type:none;
	width: 100%;
	float: right;
	clear:both;
	}
	li.comment p {
	font-size: 12px;
	}
	li.comment .vcard {
	text-align:right;
	font-size: 12px;
	color: #333333;
	padding-right: 10px;
	}
li.comment.bypostauthor{
	float:left;
	}
	li.comment.bypostauthor .vcard{
	text-align:left;
	}
div.comment-author, div.comment-meta{
	font-size:8px;
	}
.comment-body p{
	margin:5px 0;
	}
ol.commentlist{
width:100%;
overflow:hidden;
clear:both;
padding-right: 15px;
}
div#respond {
margin-top: 5px;
padding: 2px;
width: 100%;
}
div.navigation{
border-color:#CCCCCC white;
border-style:solid;
border-width:1px;
height:10px;
left:-1px;
position:relative;
width:309px;
}
#commentform{
	overflow:hidden;
	padding-bottom:15px;
	}
/*.client_scroll.scroll-pane{
	width:464px;
	}*/
.client_scroll p{
	margin-bottom:30px;
	}
.msg_scroll {
width: 310px;
height: 370px;
padding-left: 5px;
}
.wp-img {
background-color:#FFFFFF;
margin-bottom: -2px;
}
#logout_line span{
	text-transform:capitalize;
	margin-right:10px;
	}
#logout_line{
	float:right;
	margin:40px 54px;
	font-size:12px;
	color:#cccccc;
	}
	#logout_line a{
		color:#cccccc;
		}

.right_click{
	font-size:8px;
	float:left;
	clear:left;
	width:148px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px 0 2px 0;
	text-align:center;
	}
	.right_click a {
	font-size: 10px;
	}
#content.clientpage, #content.clientpage .content_left, #content.clientpage .content_right{
	height:auto;
	}
	.client_scroll {
	height: 570px;
	width: 480px;
	margin-right: 10px;
}
.lower { text-transform: none; }

#staff_scroll {
 height: 439px;
}
#staff_position {
width: 314px;
height: 439px;
}
#menu_last {
margin-right: 10px !important;
}
/* CSS Document */		

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
	 border:1px solid #C6D880;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#333333;
     color:#CCCCCC !important;
	 border:1px solid #333333;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}