/* Bruno Correia - http://bcdc.us additional styles on reset.css  */
/* =============================================================================================================== */

.clear-both	   			{ clear:both; }
               			
.float-left	   			{ float:left; }
.float-right   			{ float:right; }
               			
.text-left	   			{ text-align:left; }
.text-right	   			{ text-align:right; }
.text-center   			{ text-align:center; }
.text-justify  			{ text-align:justify; }
               			
.bold		   			   { font-weight:bold; }
.italic		   			{ font-style:italic; }
.underline	   			{ border-bottom:1px solid; }
.highlight	   			{ background:#ffc; }
               			
.wrap		   		   	{ width:960px;margin:0 auto; }
               			
.img-left	   			{ float:left;margin:4px 10px 4px 0; }
.img-right	   			{ float:right;margin:4px 0 4px 10px; }
               			
.nopadding	   			{ padding:0; }
.noindent	   			{ margin-left:0;padding-left:0; }
.nobullet	   			{ list-style:none;list-style-image:none; }


/* =============================================================================================================== */


body					{
						font: 11px/1.5 Arial, Helvetica, "Lucida Grande", Lucida, Verdana, sans-serif;
						color: #FFF;
						width: 100%;
						height: 100%;
						}

p						{
						font-size: 12px;
						color: #c3c3c3;
						margin-right: 10px;
						margin-bottom: 14px;
						}
						
							
h1						{
						font-size: 2.2em;
						line-height: normal;
						font-weight: bold;
						color: #6a6a6a;
						}

#cbox h1 a:link			{ color: #6a6a6a; text-decoration: none;}
#cbox h1 a:visited		{ color: #6a6a6a; text-decoration: none;}
#cbox h1 a:active		{ color: #6a6a6a; text-decoration: none;}
#cbox h1 a:hover		{ color: #c3c3c3; text-decoration: underline;}
						
h2			 			{
						font-size: 1.3em;
						line-height: normal;
						font-weight: bold;
						color: #000;
						}
							
										
.date 			   {
						font-size: 12px;
						}


		
a:link					{ color: #222; text-decoration: none;}
a:visited				{ color: #222; text-decoration: none;}
a:active				   { color: #222; text-decoration: none;}
a:hover					{ color: #999; text-decoration: none;}


/* =============================================================================================================== */


#wrapper				  {
						  width: 750px;
						  margin-left: auto;
						  margin-right: auto;
						  }

#header					  {
						  position: relative;
						  margin-bottom: 10px;
						  padding-top: 20px;
						  }

#branding				  {
						  float: left;
						  position: absolute;
						  bottom: 0%;
						  }

#branding img			  {
						  margin-bottom: 4px;
						  }

#navigation				  {
						  text-transform: uppercase;
						  width: 176px;
						  float: right;
						  }

#content				  {
						  width: 750px;
						  height: 422px;
						  margin-left: auto;
						  margin-right: auto;
						  }
						
#home-movies			  {
						  width: 750px;
						  height: 422px;
						  background: black;
						  display: none;
						  }
						  
#content img		  {
						  float: left;
						  }

#banner 				  {
					      display: none;
    					  }


#cbox					{
						margin-top: 20px;
						margin-bottom: 20px;
						padding: 10px;
						min-height: 140px;
						background: url(/images/global_transparency.png);
						}
						
			
#navigation a:link		 { color: #444; text-decoration: none;}
#navigation a:visited	 { color: #444; text-decoration: none;}
#navigation a:active	 { color: #444; text-decoration: none;}
#navigation a:hover		 { color: #79A; text-decoration: none;}

			
/* =============================================================================================================== */
		
			
#sub-nav				{
						width: 750px;
						margin-top: 20px;
						color: #666;
						}

#sub-nav p				{ margin-bottom: 8px; }
#sub-nav span.light		{ color: #f2f2f2; }

#sub-nav ul				{ display: block; }

#sub-nav li				{
						float: left;
						margin-right: 50px;
						text-transform: uppercase;
						}

#sub-nav li img			{
						display: block;
						margin-bottom: 8px;
						}

#sub-nav a		   		{ font-size: 0.909em; line-height: 1.2em; font-weight: bold;}
#sub-nav a:link	   		{ color: #444; text-decoration: none;}
#sub-nav a:visited 		{ color: #444; text-decoration: none;}
#sub-nav a:active  		{ color: #444; text-decoration: none;}
#sub-nav a:hover   		{ color: #999; text-decoration: none;}


/* =============================================================================================================== */


div.steve p,
div.jeff p				{
						font-size: 1.3em;
						/*line-height: 1.4em;*/
						font-weight: bold;
						color: #989898;
						}

div.steve,
div.jeff 				{ display: none; }
				


#content_steve		{
						width: 375px;
						float: left;
						}
						
#content_jeff		{
						width: 375px;
						float: right;
						}						

#content_steve img		{
						cursor: pointer;
						}
						
#content_jeff img		{
						cursor: pointer;
						}						

/* =============================================================================================================== */


#captions					{
							margin-top: 20px;
							margin-bottom: 10px;
							min-height: 10px;
							background: url(/images/global_transparency.png);
							padding: 10px;
							padding-bottom: 6px;
							padding-top: 6px;
							}

.captions					{
							font-size: 1.3em;
							/*line-height: 1.4em;*/
							font-weight: bold;
							color: #989898;
							}
						
#projects	  				{
					  		width: 750px;
					  		margin-bottom: 20px;
							}
			          					          		
#projects ul				{
					  		display: block;
					  		float: left;
					  		margin-bottom: 4px;
					  		width: 750px;
					  		height: 60px;
					  		}
					  		
			
#projects li.section		{
							width: 125px;
							background-color: transparent;
							margin-left: 0px;
							}
			
#projects li				{
							float: left;
							overflow: hidden;
							line-height: 0;
							margin-left: 4px;
							width: 121px;
							height: 60px;
						 	}				 	
						 	
			
#projects ul li:last-child 	{ margin-right: 0px; }
			

			
/* =============================================================================================================== */

#cbox.story p			{
						font-size: 1.3em;
						/*line-height: 1.4em;*/
						font-weight: bold;
						color: #989898;
						}
						
/* =============================================================================================================== */


#info						{
					   		width: 750px;
					   		margin-bottom: 20px;
					   		}
           		
.contact 					{
							margin-bottom: 40px;
							padding: 10px;
							background: #F00 url(/images/info_sandiego_calif.png) no-repeat 640px 16px;
							}
						
h2.steve  					{ margin-top: 20px; }

							
a.contact_email				{ font-size: 11px; font-weight: normal; line-height: 1.5em; margin-left: 5px; }
a.contact_email:link		{ color: #000; text-decoration: none;}
a.contact_email:visited		{ color: #000; text-decoration: none;}
a.contact_email:active		{ color: #000; text-decoration: none;}
a.contact_email:hover		{ color: #FFF; text-decoration: none;}				

a.vimeo						{ font-size: 11px; margin-left: 288px;}
a.vimeo:link				{ color: #FFF; text-decoration: none;}
a.vimeo:visited				{ color: #FFF; text-decoration: none;}
a.vimeo:active				{ color: #FFF; text-decoration: none;}
a.vimeo:hover				{ color: #000; text-decoration: none;}


.clients					{
							margin-top: 20px;
							margin-bottom: 20px;
							padding: 10px;
							min-height: 140px;
							background: url(/images/global_transparency.png);
							}

.clients h2 				{ margin-bottom: 14px; color: #CCC; }

.clients a:link				{ color: #888; text-decoration: none;}
.clients a:visited			{ color: #888; text-decoration: none;}
.clients a:active			{ color: #888; text-decoration: none;}
.clients a:hover			{ color: #CCC; text-decoration: none;}


.clients ul					{
							float: left;
							margin-right: 30px;
							}

#info img					{
							margin-top: 20px;
							float: right;
							}


/* =============================================================================================================== */