*{margin:0;padding:0;}

body {
margin: 0 auto;
width:950px;
font-family:helvetica, sans-serif;
background:url(img/body-bg-bott.jpg) bottom left repeat-x #766E67;
padding:0px 0px;
height:100%;
}
.smallpar {
	width:275px;}

.wrap-body {
width: 950px;
}

h1, h2, h3 , h4 {font-family: "Century Gothic", helvetica, sans-serif;
}

h2 {
color:#fff;
font-size:28px;
font-weight: normal;
letter-spacing: 1px;
padding-bottom: 10px;
}

h3 {
color:#433E3A;
font-size:22px;
font-weight: normal;
padding-bottom: 5px;
}

h3 span a {margin-left:10px; font-weight: normal;color:#DCBA68;font-size:18px;}

h4 {
color:#DCBA68;
font-size:25px;
font-weight: normal;
padding-bottom: 5px;
text-transform: uppercase;
border-bottom: 1px solid #A99E83;
margin-bottom: 10px;
}


p {margin-bottom:10px; font-size:13px; color:#fff;line-height:16px;}

a {color:#DCBA68;  font-weight:bold; text-decoration:none;}
a:hover {color:#433E3A;}

#header {
width:950px;
height:130px;
padding:0px;
margin-bottom: 20px;
margin-top: 20px;
	}

	.logo {
		width: 190px;
		font-family: "century gothic", helvetica, sans-serif;
		height: 152px;
    float:left;
    margin-right:40px;
    padding-top:20px;
		}

	.logo a {	color:#FFF; text-decoration: none; display:block; height:152px; width:220px;
  background:url(img/TOCP-logo.gif)top center no-repeat; }
  
	.logo a:hover {	color:#C2946E;  text-decoration: none; background:url(img/TOCP-logo-over.gif)top center no-repeat;}

	.logo h1 {
		font-size: 42px;
		padding: 0px;
		margin: 0px;
		line-height: 32px;
		letter-spacing: 1px;
		text-align: left;
		font-weight: normal;
		text-indent:-9999px;
}

	
	.logo span.small {
      font-size: 10px;
      float: right;
      text-transform: uppercase;
      text-indent:-9999px;

			}

			.main-nav {position:relative;bottom:0; margin-top:50px; }

      .main-nav ul {
      margin:0px; padding:15px 0px 10px 10px;

}

      .main-nav li, .recent-work li {
      display:inline;
      margin:0px; padding:0px 5px;
      list-style-type:none;}

      .recent-work li {
      border-right:1px solid #fff; }

      .main-nav li.first, .recent-work li.first {
	      padding-left: 0px;
}

      .main-nav li.last, .recent-work li.last {
      border-right:0px solid #fff; }


.recent-work {
float:left;
margin-left: 0px;
margin-top: 30px;
width: 670px;
padding:13px 0px 0px 30px;
height:80px;
background:url(img/current-bg2.gif) top left no-repeat #766E67;

}

.recent-work li a, .main-nav li a { 
font-family: "century gothic", helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none; 
font-weight: normal;
color:#FFF; 
font-size:13px;}

.recent-work li a:hover {color:#C2956E;}


.main-nav li a {color:#433E3A; font-size:16px;}
.main-nav li a:hover, .main-nav a.current {color:#DCBA68;}


#home-img {
clear: left;
width: 950px;
padding-top: 20px;
padding-bottom: 50px;
}

#content {
	width:650px;
  padding:20px 20px 50px 20px;
  margin-left:230px; 
	}

	.links li{
   list-style-type: none;
   padding-bottom: 5px;
   font-size: 15px;
}


.work-nav {
clear:left;
float:left;
padding-top:60px;
text-align:right;
width:190px;
}


.bott-nav {
width:954px;
height:110px;
display: block;
margin: 0px auto 10px;
}

.bott-nav a {
text-indent: -9999px;
text-decoration: none;
width:238px; height:90px;
float: left;
border: 0px;
}

#home {
background:url(img/bott/bottom-1.jpg) top left no-repeat;
}

#home:hover , #home.over {
background:url(img/bott/bottom-1-home.jpg) top left no-repeat;
}

#studio {
background:url(img/bott/bottom-2.jpg) top left no-repeat;
}

#studio:hover, #studio.over {
background:url(img/bott/bottom-2-studio.jpg) top left no-repeat;
}

#work {
background:url(img/bott/bottom-3.jpg) top left no-repeat;
}

#work:hover, #work.over {
background:url(img/bott/bottom-3-work.jpg) top left no-repeat;
}


#contact {
background:url(img/bott/bottom-4.jpg) top left no-repeat;
}

#contact:hover, #contact.over {
background:url(img/bott/bottom-4-contact.jpg) top left no-repeat;
}



/***********TABS****************/


/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
}

/* single tab */
ul.tabs li {  
	padding:3px 0px; 
	margin:0;  
	list-style-type:none;
	text-align: right;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:13px;
	padding:2px 0px 2px 18px;	
	text-decoration:none;
	color:#fff;
	position:relative;
	top:1px;	
	text-align: right;
	font-weight: normal;
	background: transparent;
}

ul.tabs a:hover {
		color:#DCBA68;
		background: url(img/arrow.gif) center left no-repeat;
}

	
/* selected tab */
ul.tabs a.current {
background: url(img/arrow.gif) center left no-repeat;
color:#DCBA68;
cursor:default;
}

	
/* tab pane */
.panes .film {
	display:none;
	min-height:450px;
	padding:15px 0px;
}

/***********overlays*************/

.trailer {
float:right;
margin-left:10px;
margin-bottom:0px;
text-align: center;

}

.trailer a{
color:#fff;
font-size:12px;
}

.winner {
	padding:2px 0px 2px 18px;
	color:#DCBA68;
	background: url(img/arrow.gif) 0px 1px no-repeat;
}


.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color: #111;
	
	/*width:412px;*/	
	/*height:240px;*/
	padding: 10px;
	border:1px solid #000;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(img/overlay/apple-close.png);
cursor:pointer;
height:25px;
position:absolute;
right:-10px;
top:-10px;
width:25px;
}