/* ========= CSS Reset ========== */
body, h1, h2, h3, h4, h5, h6, h7, a, p, ul, ol, li, em, strong, pre, code, form {
 padding: 0;
 margin: 0;
}

body {
	color: white;
	font: 12px 'Arial', Helvetica, Arial, sans-serif;
	line-height: 22px;
	background: black;
}	


#wrapper
{width: 990px;
margin: 0 auto;
}

#header
{
position: relative;
background: url(../images/header_bg.jpg) no-repeat top left;
width: 990px;
height: 827px;
}

#header h1.logo a
{width: 315px;
height: 90px;
position: absolute;
left: 40px;
top: 70px;
background: url(../images/pixel.png) no-repeat top left;
text-indent: -9999px;
}

#bio heads h7
{
font: 11px 'Arial', Helvetica, Arial, sans-serif;
}

#navbar
{
	position: absolute;
	top: 1px;
	left: 12px;
	height: 40px;
	padding: 20px 0 0 0;
	list-style: none;
	text-transform: uppercase;
	font: 13px 'Arial', Helvetica, Arial, sans-serif;
	width: 1056px;
}


#navbar li
{display: inline;}

#navbar li a
{float: left;
text-decoration: none;
margin-right: 50px;
color: white;
}

a.login
{text-transform: uppercase;
font: 16px 'Arial', Helvetica, Arial, sans-serif;
position: absolute;
top: 190px;
left: 52px;
color: white;
text-decoration: none;
}

a.watch
{
	text-transform: uppercase;
	font: 22px 'Arial', Helvetica, sans serif;
	position: absolute;
	top: 72px;
	left: 18px;
	color: #533f30;
	font-weight: bolder;
	text-shadow: -2px 2px 2px  #757575;
	text-decoration: none;
	width: 246px;
	height: 28px;
}


a.watch img
{display: none;}

p.paragraph_top
{
	position: absolute;
	top: 487px;
	left: 352px;
	width: 234px;
	color: #000000;
	text-shadow: -2px 2px 2px  #757575;
	font: 21px 'Arial', Helvetica, Arial, sans-serif;
	height: 155px;
}

a.slideshow
{
	position: absolute;
	left: 734px;
	top: -170px;
	color: #201415;
	text-decoration: none;
	text-transform: uppercase;
	font: 17px 'Arial', Helvetica, Arial, sans-serif;
	text-shadow: -1px -1px 1px  #757575;
	width: 300px;
	height: 54px;
}

a.purchase
{position: absolute;
left: 830px;
top: 720px;
color: #201415;
text-decoration: none;
text-transform: uppercase;
font: 17px 'Arial', Helvetica, Arial, sans-serif;
text-shadow: -1px -1px 1px  #757575;}

p.paragraph_bottom
{
	position: absolute;
	top: 797px;
	left: 63px;
	width: 847px;
	color: #cecece;
	font: 16px 'Arial', Helvetica, Arial, sans-serif;
	height: 40px;
}

#portfolio
{
	width: 244px;
	border: 1px dashed #1e2131;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius:10px;
	overflow: hidden;
	background: url(../images/bg.jpg) repeat top left;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 11px;
}

#portfolio h2
{text-transform: uppercase;
font: 21px 'Arial', Helvetica, Arial, sans-serif;	
margin: 15px 0 15px 28px;
}

#portfolio ul
{list-style: none;
margin: 20px 0 0 28px;
}

#portfolio ul li
{display: inline;}


#portfolio ul li 
{float: left;
margin: 0 15px 11px 0;
position: relative;}


#portfolio ul li a img
{border: none;}

#portfolio a span
{display: none;
width: 170px;
height: 135px;
position: absolute;
top: 0;
left: 0;
z-index: 999;
cursor: pointer;}

#portfolio a span.image_hover
{background:  black url(../images/hover_image_small.png) no-repeat center center;}

#portfolio a span.video_hover
{background:  black url(../images/hover_video_small.png) no-repeat center center;}

#portfolio a span.link_hover
{background:  black url(../images/thumb_hover_link.png) no-repeat center center;}

#portfolio a span.gallery_hover
{background:  black url(../images/hover_gallery_small.png) no-repeat center center;}

#portfolio div.slider_wrapper
{position: fixed;
width: 560px;
height: 390px;
top: 10%;
left: 50%;
margin:  0 0 0 -320px;
background: #080808;
border: 10px solid #000000;
padding: 20px 20px 10px 20px;
z-index: 9999;
display: none;}

#portfolio div.slider_wrapper a.close
{text-indent: -9999px;
display: block;
background: url(../images/cross.png) no-repeat top left;
width: 32px;
height: 32px;
position: absolute;
right: -28px;
top: -25px;
outline: none;}


.slider {
	position:relative;
    width:540px;
    height:340px;
    margin: 0 auto;
	background:url(../images/loading.gif) no-repeat 50% 50%;

}
.slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:220px;
	bottom:0px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family:'Arial', Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


div.slider_wrapper h3
{
font: 21px 'Arial', Helvetica, Arial, sans-serif;	
margin: 0 0 20px;
text-align: center;
}


/* ========= Contact styles ========== */


#contact
{position: fixed;
width: 500px;
height: 330px;
top: 18%;
left: 50%; 
margin-left: -290px;
background: #110502;
border: 10px solid #2e2e2e;
padding: 20px 30px;
z-index: 9999;}

#contact a.close
{text-indent: -9999px;
display: block;
background: url(../images/cross.png) no-repeat top left;
width: 32px;
height: 32px;
position: absolute;
right: -28px;
top: -25px;
outline: none;}

.overlay 
{background: black;
display: block;	
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999; }

#contact_form h3
{
font: 21px 'Arial', Helvetica, Arial, sans-serif;	
margin: 0 0 20px;
}

#contact_form input, textarea
{background: #1b1b1b;
border: 1px solid #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: white;
padding: 3px 5px;
font: 12px Verdana, Arial, sans-serif;}

#contact_form input
{height: 20px;
width: 150px;
}

#contact_form textarea
{width: 250px;
height: 125px;
}

#contact_form input#form_submit
{height: 30px;
padding: 0 0 2px 0;
background: -moz-linear-gradient(top, #424242,#282828);}

#contact_form input#form_submit:hover
{background: -moz-linear-gradient(top,#282828, #424242);
cursor: pointer;
}

#contact_form p
{position: relative;
margin: 0 0 15px 0;}

#contact_form p label
{position: absolute;
top:3px;
left: 10px;
color: #7b7b7b;
display: none;}

span.error
{position: absolute;
top: 3px;
left: 175px;
font-size: 12px;
color: red;}

span.comment_error
{left: 275px;}

.hide
{display: none;}

.success
{color: green;
position: absolute;
top: 155px;
left: 145px;
padding: 5px 0 7px 40px;
background: url(../images/success.png) no-repeat top left;
}

/* PAGE STYLES */
#page_wrapper
{width: 964px;
margin: 0 auto;
border: 1px dashed #1e2131;
padding: 0 0 20px 0;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius:10px;
background: url(../images/bg.jpg) repeat top left;}

#page_header
{position: relative;
background: url(../images/header_page_bg.jpg) no-repeat top center;
width: 964px;
height: 190px;
padding: 30px 0 0 0;
margin: 0 0 -50px 0;
z-index: 2;
}

#page_header h1.logo a
{
	width: 478px;
	height: 103px;
	position: absolute;
	left: 161px;
	top: 51px;
	background: url(../images/pixel.png) no-repeat top left;
	text-indent: -9999px;
}

#content
{width: 924px;	
padding: 0 30px;
overflow: hidden;
position: relative;
z-index: 3;}

#content h2
{text-transform: uppercase;
color: white;
font: 16px 'Arial', Helvetica, Arial, sans-serif;
padding: 0 0 20px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #232424;}

#description
{width: 620px;
float: left;
font: 12px Verdana, arial, sans-serif;
line-height: 18px;
}

#news
{background: url(../images/news_bg.png) repeat top left;
width: 231px;
padding: 6px 15px 20px 20px;
height: 251px;
margin: 0 0 20px 20px;
border: 1px solid #181818;
float: left;
}

#news ul
{list-style: none;
margin: -24px 0 0 0;
}

#news ul li
{font: 10px 'Arial', Helvetica, Arial, sans-serif;
margin: 0 0 5px 0;
line-height: 14px;
color: #a2a2a2;
}

#news ul li span
{color: #f43b2e;
margin: 0 0 3px 0;
}

#news p.nav
{font: 10px 'Arial', Helvetica, Arial, sans-serif;
margin: 10px 0 0 0;
color: #a2a2a2;}

#news p a
{color: #a2a2a2;}

#news h2
{color: #e09826;
border: none;
}

#show_thumbnails
{margin: 20px 0 0 0;}

#show_thumbnails ul
{list-style: none;

}

#show_thumbnails ul li
{display: inline;
float: left;
width: 190px;
height: 204px;
background: url(../images/interview_thumb_bg.jpg) repeat-x top left;
margin: 0 21px 0 0;
padding: 20px 10px 0 10px;
font: 11px 'Arial', Helvetica, Arial, sans-serif;
}

#show_thumbnails ul li img
{margin: 0 0 5px 0;}

#show_thumbnails ul li p
{margin: 0 0 8px 0;}

#show_thumbnails ul li a
{color: white;
font-weight: bold;
font-size: 12px;
}

#about_thumbnails
{margin: 20px 50px 0 0;}

#about_thumbnails ul
{list-style: none;
}

#about_thumbnails ul li
{display: inline;
float: left;
width: 167px;
height: 136px;
margin: 0 16px 16px 0;
}

#about_thumbnails ul li a img
{border: #ffffff;}

#interview_thumbnails
{margin: 40px 0 0 0;}

#interview_thumbnails ul
{list-style: none;
}

#interview_thumbnails ul li
{display: inline;
float: left;
width: 167px;
height: 136px;
margin: 0 16px 16px 0;
}

#interview_thumbnails ul li a img
{border: none;}


#footer
{clear: both;
width: 960px;
margin:0 auto;
}

#footer p
{text-align: center;
font: 12px 'Arial', Helvetica, Arial, sans-serif;
padding: 10px 0 10px 0;
}