/* Global Stuff */

ul, h1, h2, h3, h4, h5, h6,
div, li, table, tr, td, th,
form, fieldset, img, a img { 

	margin: 0; padding: 0;
	border:none; 
			
			}

.clear { clear:both; }


body { 	margin:0;
		padding:0;
		font-family: "Helvetica", "Arial", sans-serif;
		background: url('images/body.jpg'); } 
		
		
#holder { 	background: url('images/bg.jpg') repeat-x;
			height: 101%; }
			

#wrap { 	width:950px;
			margin:0 auto; }
			
		
/* Header */		
			
#header { 	padding: 0 8px; }
			
			
#logo {		background: url(images/jv2_logo.png) no-repeat;
			position: absolute;
			width: 160px;
			height: 197px;
			float: left; }

#logo a {	text-indent: -9999px;
			display: block;
    		position: absolute;
    		left: 0;
    		top: 0;
    		width: 100%;
    		height: 100%;  }
    		
    		
#header-right { 	width: 700px;
					height: 200px; 
					float: right;
					text-align: right;  }



/* Main Navigation */
					
					
#main-navigation {	height: 67px;
					width: 705px;
					list-style: none;  }
					
					
#main-navigation li { float: left; }

#main-navigation li a span { display: none; }

#main-navigation li a div.fade{
	display:none;
	background:#000;
	height:67px;
}
						

#main-navigation li a.about_work { 	display:block; width: 173px; height: 67px; 
									background: url('images/about_work.png') no-repeat; }
									
#main-navigation li a.services_pricing	{	display:block; width: 212px; height: 67px;
											background: url('images/services_pricing.png') no-repeat; }

#main-navigation li a.contact_us	{		display:block; width: 140px; height: 67px;
											background: url('images/contact_us.png') no-repeat; }
											
#main-navigation li a.moxie_huevos	{		display:block; width: 180px; height: 67px;
											background: url('images/moxie_huevos.png') no-repeat; }


/* Intro - Home */


#intro { width: 950px; padding: 10px; margin-top: 45px; position:relative; }

.home #intro { height: 333px; background: url('images/intro.png') no-repeat top center;  }
#intro { height: 114px; background: url('images/sub_intro.png') no-repeat top center; }

.home #intro-copy { width: 400px; padding: 35px 0 0 40px; }
.category #intro-copy { width: 400px; padding: 34px 0 35px 40px; float: left; }
.single #intro-copy { width: 400px; padding: 34px 0 35px 40px; float: left; }
.search #intro-copy { width: 400px; padding: 34px 0 35px 40px; float: left; }
	
#intro-copy { width: 400px; padding: 46px 0 35px 40px; float: left; }



#project { width: 300px; float: right; text-align: right; padding: 47px 63px 0 0;  }

#intro h2 { color: #3eacf1; font-size: 45px; }
#intro h3 { color: white; font-size: 24px; text-transform: uppercase;  }

#intro h3.sub-h3 { font-size: 38px; line-height:1em; }
#intro h3.sub-h3 a { color: white; text-decoration: none; }

#intro h3.sub-h3 span { color: #3eacf1; }
#intro h4 { color: white; font-size: 18px; text-transform: uppercase;  }


#intro-copy p {  display:block; width:345px; font-size: 13px; color: #bbbbbb; line-height: 1.5; padding-top: 12px;   }

#intro-links { padding:24px 0 24px 20px; margin-bottom:0px; text-decoration:none; position:absolute; bottom:15px; left:0;  }
#intro-links a { text-decoration:none; }
#who-we-are { display:inline; padding:24px 34px 19px 35px; width:200px; }
#what-we-do { display:inline; padding:24px 34px 19px 26px;  }








#content { width: 950px; background: url('images/content_bg.png') repeat-y top center; padding: 10px; padding-bottom: 25px;     }


#main { width: 600px; float: left; padding: 0 25px 25px;  }
#bmain { width: 600px; float: left; padding: 25px;   }

#main h4 { 	font-size: 27px; 
			padding-bottom: 10px; border-bottom: 1px dashed #d5d5d5;
			margin-bottom: 12px; margin-top: 30px; color: #338dc5;    }

#main h5 { 	font-size: 20px; 
			padding-bottom: 10px; border-bottom: 1px dashed #d5d5d5;
			margin-bottom: 12px; margin-top: 30px; color: #338dc5;  }
			
#main p { font-size: 14px; line-height: 1.6; color: #444; }
#main a { text-decoration: none; font-weight: bold; color: green; }




.home-list { 	width: 230px;
				margin: 10px 0 0 28px; 
				float: left;
				list-style: none;	}

.home-list li { 	display: block;
					padding: 8px 0 8px 25px;
					font-size: 13px;
					background: url('images/cross.png') left no-repeat; }
						
						
						

#sidebar { width: 272px; padding: 10px 0 0 10px;  float: right; }

#sidebar h3 { 	text-transform: uppercase; font-size: 17px;
				margin: 30px 0 10px; padding-bottom: 8px;
				color: #333;
				border-bottom: 1px solid #d5d5d5;
				}








#footer { clear: both; background: url('images/footer.jpg'); height: 200px; }


/* Contact Forms */

.wpcf7-mail-sent-ok { background: green; border: green !important; color: white !important; padding: 20px !important; text-align: center !important; }
.wpcf7-validation-errors { background: #d30000; padding: 20px !important; border: #d30000 !important; color: white !important; text-align: center !important;  }


.wpcf7-form input { font-size: 15px; }

.form-row { width:300px; }

blockquote { margin: 0; padding: 5px 22px 5px 12px; font-size: 12px; line-height: 1.7; color: #555; border-bottom: 1px dashed #d2d2d2;    }


/* Work Featured section */

.work_featured { border:5px solid white; margin-top:12px; }


.column { width: 300px; float: left;    }



/* Service Boxes */
.service { border: 1px dashed #e2e2e2; padding: 20px; margin-top: 18px;
			font-size: 14px; color: #444; clear: both;     }

.service img { float: left; padding-right: 20px;  }

.service p { width: 360px; float: left; font-size: 12px; border-left: 1px solid #e2e2e2; padding:0 20px; }

#main h6 { font-size: 20px; color:#5f5f5f; margin-top:39px; line-height:1em; }

/* Studio Tour */
#studio_tour { border:5px solid white; margin-top:12px; position:relative; width:245px; height:145px }
#studio_tour .tour_image { position:absolute; width:245px; height:145px; display:none}



.portfolio { border:5px solid white; }