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

------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------- */

.clear              { clear:both; }
.clear-left         { clear:left; }
                    
.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: 12px/18px Arial, Helvetica, Geneva, sans-serif;
                    color: #222;
                    }

p                   {
                    text-align: left;
                    margin-bottom: 18px;
                    }
                    
h1                  {
                    font: 16px/18px Arial, Helvetica, Geneva, sans-serif;
                    font-weight: bold;
                    margin-top: 14px;
                    color: #476321;
                    }

h2                  {
                    font-size: 12px;
                    line-height: normal;
                    margin-bottom: 2px;
                    text-align: left;
                    }
                    
hr                  {
					margin-bottom: 14px;
                    }

a:link              {
                    color: #222;
                    text-decoration: none;
                    }

a:visited           {
                    color: #222;
                    text-decoration: none;
                    }

a:active            {
                    color: #222;
                    text-decoration: none;
                    }

a:hover             {
                    color: #FFF;
                    text-decoration: none;
                    }

/* ---------------------------------------------------------------- */

#wrapper          	{
                  	width: 952px;
                  	margin-right: auto;
                  	margin-left: auto;
                  	margin-top: 50px;
                  	margin-bottom: 30px;
                  	}

/* ---------------------------------------------------------------- */

#navigation                            {
                                       width: 952px;
                                       height: 34px;
                                       background-color: #476321;
                                       line-height:0;
                                       }
                                       
#navigation ul                         {
                                       height: 34px;
                                       display: block;
                                       }
                                       
#navigation ul li                      {
                                       height: 34px;
                                       display: inline;
                                       float: left;
                                       }
                                       
#navigation ul li a                    {
                                       display: block;
                                       }
                                       
#navigation ul li  a:hover             {
                                       background-color: #412A0A;
                                       }
                                                                           
#navigation ul li a img                {
                                       display: block;
                                       }
                                       
#navigation ul li.directors            {
                                       width: 237px;
                                       }
                                       
#navigation ul li.directors a:hover    {
                                       background-color: #476321;
                                       }
                                       
#navigation ul li.new-work             {
                                       width: 187px;
                                       }
                                       
#navigation ul li.company-profile      {
                                       width: 270px;
                                       }
                                       
#navigation ul li.contacts             {
                                       width: 177px;
                                       }
                                        

/* ---------------------------------------------------------------- */

#sidebar            	{
                    	float: left;
                    	width: 200px;
                    	padding-right: 30px;
                    	line-height:0;
                    	}

#sidebar ul         	{
                    	margin-top: 20px;
                    	margin-bottom: 20px;
                    	}

#sidebar ul li      	{
                    	height: 20px;
                    	margin-bottom: 5px;
                    	}

#sidebar ul li a img	{
                    	display: inline;
                    	}

#sidebar ul#flynn-sub   {
    					margin: 0;
    					display: none;
						}

/* ---------------------------------------------------------------- */

#content            {
                    width: 722px;
                    float: right;
                    margin-top: 20px;
                    text-align: center;
                    }
                    
#content ul         {
                    margin-bottom: 20px;
                    min-height: 30px;
                    display: inline;
                    float: left;
                    }

#content ul li      {
                    display: inline;
                    float: left;
                    width: 170px;
                    margin-right: 14px;
                    }

#content ul li a    {
                    display: inline;
                    }
                    

#content span       {
                    line-height: 14px;
                    display: block;
                    }

#content img:hover  {
                    opacity: 0.5;
                    -moz-opacity: 0.5;
                    filter: alpha(opacity=50);
                    }


#content .section img:hover {
                    opacity: 1.0;
                    -moz-opacity: 1.0;
                    filter: alpha(opacity=100);
                    }


#content .section img   {
                    display: inline;
                    margin-left: 20px;
                    float: left;
                    }   

/* ---------------------------------------------------------------- */
/* sections */
               		
#commercial       		 {
                  		 position: relative;
                   		 display: block;  
                   		 height: 24px;
                   		 width: 722px;
                   		 background-color: #476321;
                   		 margin-bottom: 20px;
                   		 }

#music-video-top     	 {
                  		 position: relative;
                   		 display: block;  
                   		 height: 24px;
                   		 width: 722px;
                   		 background-color: #476321;
                   		 margin-bottom: 20px;
                   		 }

#music-video        	 {
                   		 height: 24px;
                   		 width: 722px;
                   		 background-color: #476321;
                   		 margin-bottom: 20px;
                   		 display: block;
                   		 position: relative;
                   		 clear: left;
                   		 }

/* ---------------------------------------------------------------- */
/* biography */

#biography          {
                    position: relative;
                    height: 24px;
                    width: 722px;
                    margin-bottom: 0px;
                    background: #FFF;
                    }
                   

#biography img      {
                    display: inline;
                    margin-right: 10px;
                    float: right;
                    }
                                    
/* ---------------------------------------------------------------- */
/* company profile */

#content.company-profile    {
                			margin-top: 40px;
                			}
                
#content.company-profile p  {
                			padding-right: 140px;
                			}
                
#content.company-profile h1 {
                			text-align: left;
                			margin-bottom: 10px;
                			}
                
/* ---------------------------------------------------------------- */

#content.contacts			{ text-align: left; }
#content.contacts h1		{ margin-bottom: 3px; }
                   		 

#content.contacts a:link    { color: #222; text-decoration: underline; }
#content.contacts a:active  { color: #222; text-decoration: underline; }
#content.contacts a:visited { color: #222; text-decoration: underline; }
#content.contacts a:hover   { color: #476321; text-decoration: none; }

#content.contacts           { background: url(/images/contact_bkg.jpg) }


#c1							{ width: 220px; float:left; }
#c2							{ width: 220px; float:left; }
#c3							{ width: 220px; float:left; }

/* ---------------------------------------------------------------- */

#footer            		{
                   		clear: both;
                   		width: 952px;
                   		height: 34px;
                   		background-color: #476321;
                   		font-weight: bold;
                   		font-size: 11px;
                   		line-height: 34px;
                   		margin-top: 30px;
                   		position: relative;
                   		}
                   		
#footer img        		{
                   		float: left;
                   		margin-right: 30px;
                   		}
                   		
#footer address    		{
                   		font-style: normal;
                   		position: absolute;
                   		left: 230px;
                   		}
                   		
#footer .light     		{
                   		color: white;
                   		}

/* ---------------------------------------------------------------- */

#bio          			 {
              			 width: 620px;
              			 }
              			
#bio h1       			 {
              			 font-size: 14px;
              			 margin-bottom: 5px;
              			 }
              			
#bio h2       			 {
              			 font-size: 12px;
              			 margin-bottom: 5px;
              			 }

/* ---------------------------------------------------------------- */