/* -- Global reset -- */

html, body, div, pre, form, table, fieldset, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, p, blockquote 	{ margin:0; padding:0; }
abbr, acronym 																									{ font-style:normal; cursor:help; }
a img, :link img, :visited img, fieldset 																		{ border:none; }
ul, ol, dl 																										{ list-style:none; }
h1, h2, h3, h4, h5, h6, pre, code, input, textarea, select 														{ font-size:1em; }
.clear 																											{ clear:both; height:1px; line-height:0; overflow: hidden; }
p.last { padding-bottom: 30px;}


body { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px; color: #ffffff; text-align:center; background:url(../images/body_bg_fixed.jpg) top center fixed no-repeat #000;  }
.right { text-align:right; vertical-align:middle; }
.plain { margin: 0 0 0px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
table { font-size: 11px; }

/* --- Typography --- */
h1 { margin: 0 0 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; text-transform:uppercase; }
h2 { margin: 0 0 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color: #FFFFFF; }
h3 { margin: 0 0 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; }

p { margin: 0 0 15px 0; text-align:left; }
#animalbook_img_7 p { margin: 0 0 0px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.video_container p { margin: 15px 0 30px 0; }
.shadow_text p { text-shadow : 0 1px 1px rgb(0,0,0); }

a:link { text-decoration:none; text-transform:uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; font-weight:bold; }
a:visited { text-decoration:none; text-transform:uppercase; color: #ffffff; font-weight:bold; font-size: 9px;}
a:active { text-decoration:none; text-transform:uppercase; color: #7B7B7B; font-weight:bold;}
a:hover { text-decoration:none; text-transform:uppercase; color: #7B7B7B; font-weight:bold;}
a.contact { text-transform:none; font-size: 11px; font-weight:normal; }
a:link.contact { text-decoration:none; text-transform:none; font-size: 11px; color: #ffffff; font-weight:normal; }
a:visited.contact { text-decoration:none; text-transform:none; font-size: 11px; color: #ffffff; font-weight:normal; }
a:active.contact { text-decoration:none; text-transform:none; font-size: 11px; color: #ffffff; font-weight:normal; }
a:hover.contact { text-decoration:none; text-transform:none; font-size: 11px; color: #7B7B7B; font-weight:normal; }
.footerLink a:link { text-decoration:none; color: #ffffff; font-weight: normal; text-transform: capitalize; }
.footerLink a:visited { text-decoration:none; color: #ffffff; font-weight: normal; text-transform: capitalize; }
.footerLink a:active { text-decoration:none; color: #7B7B7B; font-weight: normal; text-transform: capitalize; }
.footerLink a:hover { text-decoration:none; color: #7B7B7B; font-weight: normal; text-transform: capitalize; }
.footerText { text-decoration:none; color: #ffffff; font-size: 9px; font-weight: normal; text-transform: capitalize; }


/* --- Layout --- */
#container { width: 750px; text-align:left; background-color: #000000; border: 1px solid #333333; margin: 0 auto; }
#container #header { width: 100%; height:197px; background-color:#000000; border:0px; }
#navigation { height:31px; width:706px; margin:0 22px; position:relative; }
.menuid { height:31px; float:left; background-repeat:no-repeat; margin:0px; padding:0px; dispaly:block; }


#container #content { width: 100%; margin: 40px 0 0 0; margin-left:auto; margin-right:auto; padding-left:auto; padding-right:auto; float:none; position: relative;}


.show_middle { background-image:url(../images/showreel/showreel_middle.gif); background-repeat:repeat-x; width:359px; height:6px; }
#showreel { width: 100%; text-align:center; }

.full_width_content { width: 650px; clear:both; position: relative; margin: 20px 49px; overflow: hidden; }.video_container	{ width: 650px; margin: 10px 0 40px 55px; }

/* -- Footer -- */
#container #footer { width: 750px; height:114px; float:none; }
.footerLink { width: 750px; margin: 0 auto; float:none; text-align: center; }

/* -- About Us -- */
#about_us { margin: 0 30px 0 30px; text-align:left; }
#about_us_container { width: 100%; vertical-align:middle; margin: 20px 0; /*margin-bottom:60px; height:300px;*/ }
#about_us_img { float:left; margin-right:20px; }
#about_us_img_r { float:right; margin-left:20px; }
#about_us_txt { vertical-align:middle; text-align: left; }


/* -- Projects -- */
#projects_selection { width: 100%; text-align:center; }
#latest_projects { width: 530px; text-align: left; margin-left:auto; margin-right:auto; padding-left:auto; padding-right:auto; float:none; vertical-align:middle; margin-bottom:30px; }
#latest_projects_img { float:left; margin-right:60px; }
#latest_projects_txt { padding-top:15px; height:140px; }
.projects_txt { padding-left:50px; padding-right:50px; }

#studio { margin: 0px; padding: 0px; width:750px; text-align:left; }
#animalbook { margin: 0px; padding: 0px; width:750px; text-align:left; }
#contact { background-image:url(../images/contact/Contact-Caravan.jpg); background-attachment:fixed; background-repeat:no-repeat; width:100%; height:500px; }

/* --- Portfolio --*/

.portfolio { background: #333; clear: both; position: relative; }
.portfolio li { float: left; margin: 0 12px 10px 0; position: relative; }
.portfolio li.last { margin-right: 0px; clear: right; }

.studio_video_left  { float: left; margin: 0 20px 0 40px; width: 330px;  }
.studio_video_right  { float: left; width: 330px;  }


/* --- Portfolio Overlay --- */
.boxgrid { width: 120px; height: 68px; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p { padding: 5px 10px; color:#fff; font-weight:normal; font:9px Arial, sans-serif; }
.boxcaption { float: left; position: absolute; background: #000; height: 33px; width: 100%; opacity: .8; 				
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { top: 60; left: 0; }
.caption .boxcaption { top: 77; left: 0; }