@charset "utf-8";
body { margin:0; padding:0; width:100%; height: 100%; background:#0b0c0e url(images/bg.jpg) no-repeat center top ; font-family: 'Lucida', Helvetica, Verdana,   sans-serif; font-size: 12px;position: absolute; bottom: 0px; }
html { padding:0; margin:0; }
.main { margin:0 auto; padding:0; width: 792px; text-transform:uppercase; color: #353638; font-size: 10px;}

a { color: #666;text-decoration: none;border: none; outline: none;overflow: hidden;}
a:hover { color: #fff;text-decoration: none;}

/********** NEW ADDITIONS **********/

h1, h2, h3, h4, h5, h6 { font-weight:normal; text-transform:uppercase; color: #353638;}
em {text-transform:none; }
.subtitle {font-size:9px; letter-spacing:2px; color: #353638;}

h2 {font-size: 14px; letter-spacing: 2px; color: #919192; }

img {border: none;}

/*	------------------------ TOOLTIPS ------------------------ */

#easyTooltip{
	padding:5px 20px;
	margin-left: 10px;
	border: 1px solid #555;
    background: #333 url(images/bg_tooltip_grain2.gif) repeat-x top center ;
    color:#777;
    text-shadow: #111 0px -1px 0px;
	box-shadow:0px 2px 8px #000; -moz-box-shadow:0px 2px 8px #000; -webkit-box-shadow:0px 2px 8px #000; 
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	letter-spacing: 1px;
	font-size: 11px;	
	
	background: rgb(53,53,53); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(53,53,53,1) 0%, rgba(12,12,12,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,53,53,1)), color-stop(100%,rgba(12,12,12,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(53,53,53,1) 0%,rgba(12,12,12,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(53,53,53,1) 0%,rgba(12,12,12,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(53,53,53,1) 0%,rgba(12,12,12,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(53,53,53,1) 0%,rgba(12,12,12,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */
 }

embed { margin-bottom: -5px;}

b { text-transform: uppercase;  border-right: 1px solid #555; padding-right: 5px; margin-right: 5px;}			

/*	------------------------ JQUERY ACCORDION ------------------------*/

h3.expand_link {font-size:9px; letter-spacing:2px; text-align: right;}

h3.back {padding:10px 0px 0px 0px;}
	
.expand_link {cursor: pointer; }
	
.expand {display:none; padding: 0px; height: 130px;  }


.expand p {	margin:0; padding-bottom:0px;}

nav blockquote {height:20px;}

nav .expand {background-color: rgba(0, 0, 0, 0.4);}


.vidtitle {  float: left;  width: 792px; background:url(images/h_line.png) no-repeat center bottom; margin-bottom: -2px;}
.viddeets {  padding: 5px 0px 0px 0px; font-size:9px; letter-spacing:2px; color: #353638; width: 792px; text-align: right; float: right; margin-top: -25px;}
.viddeets a {color: #ff8000;}
.viddeets a:hover { color: #ffffff;}

.viddeets .download {color: #ff8000;}
/*------------------------ OVERLAY EFFECTS ------------------------*/



video {  z-index:1103; border: none; }

#videoholder {margin-top: 0px;border: none;}

#content { border: none;}


.reel_all {height: 580px;}
.reel_auto {height: 300px;}
.reel_general {height: 300px;}

/********** header **********/

.header { width:792px; padding:0; margin:0 auto;}
.header_blog { padding:0; margin:0;}
.header_blog_reize { width:792px; margin:0 auto; padding:0; background:#000;}
.header_blog h2 { font-size: 36px; color:#fff; padding:20px; margin:0;}


/* logo */
.logo { padding:0; margin:0px auto;   width: 792px; height: 135px; border: 0px dotted #ccc;}


#menu img { float:left; padding-top: 3px;}


/*Menus*/

#menu 			{ border: 0px solid #ff0000;padding:0px 0px 0px 0px; margin:0px 0px 12px 1px; font-size: 10px; text-transform: uppercase; color:#ff6600; width:792px; height: 15px; letter-spacing: 1px; }
#menu ul 		{ text-align:left; padding: 4px 0 0 0; margin:0; list-style:none; border:0; float: right;}
#menu ul li 	{ float:left; margin:0; border:0; border-left: 1px solid #555; padding: 0 5px;}

#menu li.home 	{border:0; border-left: 0px solid #555;}

#menu a 		{ color: #666;}
#menu a.active 	{ color: #ff6600;}
#menu a:hover 	{ color: #ff6600; }


/*Director Button*/

#director 			{  border: 0px solid #ff0000;padding: 0px; margin:2px 0px 0px 3px; font-size: 10px; text-transform: uppercase; color:#555; width:192px; height: 14px; float:left; }
#director ul 		{ text-align:left; padding: 0; margin:0; list-style:none; border:0; float: right;}
#director ul li 	{ float:left; margin:0; border:0;  padding: 0 5px; list-style: none;}

#director a			{ background-position-y:  0px;  color:#555;}
#director a.active 	{ background-position-y: -15px;  color:#555;}
#director a:hover 	{ background-position-y: -15px;  color:#fff;}

a.dirbutton 	{width: 192px; height: 14px; float: left; background: url(images/directorname_button.png) no-repeat 0px 0px;}



/* body */
.body_resize { background:#f6f7f7; border:1px solid #f7f9f9; padding:0; width:792px; margin:0 auto;}
.body { padding:10px 0 0 0; margin:0 auto;}


/*resize*/
.resize { width:792px; padding:0; margin:0 auto; background:url(images/slogan_bg.gif) top repeat-x; height:79px;}
.resize img.slogan { float:left; margin:0; padding:0;}
.body h2 { font:normal 20px; color:#171717; padding:10px 5px; margin:0;}
.body p { font:normal 11px ; color:#8b8b8b; line-height:1.5em; padding:5px; margin:0;}
.body p span { color:#171717; font:normal 14px ; line-height:1.5em; padding:5px 0; margin:0;}
.body a { color:#c52100; text-decoration:none;}
.body img { margin:10px auto; padding:0;}
.body em { font:italic 12px ; color:#606060; line-height:1.5em;}
.body img.floated { float:left; margin:5px 10px; padding:0;}
.work {  margin:0; padding:15px 10px;}
.work .divv { width:270px; margin:0 35px 0 0 !important; margin:0 25px 0 0; padding:10px 0; float:left;}
.work .divv img { float:none; margin:5px; padding:0;}
.right { width:315px; margin:10px 5px 10px 0; padding:0 10px; float:right;}
.right ul { list-style:none; margin:10px 0; padding:0;}
.right li { border-bottom:1px solid #d8d8d8; padding:5px; margin:0;}
.right li a { font:normal 14px ; color:#171717; text-decoration:none; background:url(images/ul_li.gif) left no-repeat; padding:0 0 0 15px;}
.right li a:hover { color:#c52100;}
.right li a.active { color:#c52100;}
.left { width:580px; margin:10px 8px 10px 0; padding:0 10px; float:left;}
.left_blog { width:459px; margin:0; padding:15px 10px; float:left;}
.left_blog .blog { width:209px; float:left; margin:0; padding:10px;}






/*------------------------ COLUMNS ------------------------*/
#shadow 	{ padding: 0px; float: left; width: 792px; margin-bottom: 20px; border: none; box-shadow:0px 3px 10px #000; -moz-box-shadow:0px 3px 10px #000; -webkit-box-shadow:0px 3px 10px #000;  }
#shadow ul {padding: 0px; margin: 0px;border: none;}

#reelimages img { margin: 0px; float: left; padding: 0px; border: none;}
#reelimages li {  margin: 0px; float: left;  padding: 0px; list-style: none; }

.topleft {-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;}
.topright {-webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px;}
.bottomleft {-webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px;}
.bottomright {-webkit-border-bottom-right-radius: 8px; -moz-border-radius-topleft: 8px;}


.columns { font-size:10px; letter-spacing:1px; padding: 30px 0 0 0; margin: 0; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; text-align: left;}
.columns li {list-style: none; text-transform: uppercase; color: #353638; padding-bottom: 5px;}	
.columns li em {font-style: italic; letter-spacing:1px;}



/* FBG */
.FBG_resize { margin:1px 0; padding:0;}
.FBG { background:#e9edeb; border:1px solid #f7f9f9; padding:0; width:792px; margin:0 auto;}
.FBG h2 { font:normal 18px ; color:#2b2b2b; padding:15px 5px; margin:0;}
.FBG ul { list-style:none; margin:0; padding:5px;}
.FBG li { padding:0; margin:0;}
.FBG li a { font:normal 11px ; color:#5d6965; text-decoration:none; text-transform:none; line-height:1.5em;}
.FBG li a:hover { text-decoration:none; color:#c52100;}
.FBG a { color:#c52100; text-decoration:none;}
.FBG p { font:normal 11px ; color:#5d6965; line-height:1.5em; padding:5px; margin:0;}
.FBG img { margin:5px 0 5px 5px; padding:0;}
.FBG .blog { width:219px; float:left; margin:0; padding:10px;}


/********** BIO form **********/
#biocontainer { padding: 20px;   background: #efefef ; margin:0px 0px 10px 0px; color: #353638; width: 752px; height: 240px; float: left;}

#biocontainer li { list-style: none;}

#biocontainer p { }

.biotext {  border: 0px solid #FF0000; text-align: left; text-transform: none; font-size:11px; letter-spacing:0px; margin: 0; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }


/********** contact form **********/

#shareform {   border: 0px solid #fff; }


#contactform { padding: 20px 0px 20px 0px; width: 792px; height: 240px; background: #efefef url(images/thankyou.gif) no-repeat center; margin:0px 0px 10px 0px; letter-spacing: 1px; font-size: 10px;  color: #353638;   float: left; }
#contactform * {}
#contactform ol { margin:0; padding:0; list-style:none;   border: 0px solid green;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; border: 0px solid purple;}
#contactform li.buttons { margin:0px 0 5px 0; clear:both; width: 792px; border:0px solid aqua;  float: left; }
#contactform label { margin:15px 0px 3px 0px; width:365px; display:block;  color:#666; font:normal 10px ; text-transform:uppercase; float:left;letter-spacing: 1px;}
#contactform label span { color:#ff6600; font-size: 14px; text-transform: none; padding-left: 0px;}
#contactform input.text { color: #666; float:left; width:365px; border: 0px; margin:2px 0; padding:5px; height:14px; background:#c4c4c4; line-height: 12px;}
#contactform textarea { color: #666; line-height: 12px; float:left; width:370px; height: 73px; border:0px solid #e1e1e1; margin:2px 0; padding:5px;  background:#c4c4c4;  resize: vertical; }
#contactform li.buttons input { padding:20px 15px 0px 130px; margin: 10px 0 6px 0; border:0; color:#FFF; float:right; }
#contactform ul { padding: 0px; margin: 0px;  }

#contactdetails {  width: 792px;  padding: 0; font-size: 11px; margin-top: 0px; float: left; color: #353638; letter-spacing: 1px; padding: 0px 0px 0px 0px;  text-align: left;}
#contactdetails li {list-style: none; padding: 2px 0px 0px 0px; text-transform: none; }
#contactdetails em 	{ padding: 0px 5px 0px 0px; text-transform: uppercase; font-style: normal;color: #666;}
#contactdetails a { color: #ff6600; text-transform: none;}
#contactdetails a:hover { color: #ff6600; text-decoration: underline; }

.name { letter-spacing:1px; text-transform: none;  }

#contactheader{  width: 792px; height: 0px; border: 0px solid #ff0000; padding: 0px;  }

#forminput {background: #efefef; height: 240px;}

#rightform 	{ float: left;  border: 0px solid #ff0000; width: 375px; padding: 4px 0px 0px 12px; }
#formparts	{ float: left;  border: 0px solid #ff0000; width: 375px; padding: 0px 0px 0px 15px; }

#contcolumns 	{ float: left; width: 264px;  padding: 0px 0px 0px 0px;  border: 0px solid #ff0000; text-align: center;}
#contcolumns ul { padding: 0px; }
#office 		{  width: 792px; float: left;text-align: center; text-transform: none; padding: 0px 0px 10px 0px;  margin: 0px; border: 0px solid #ff0000;}
#office ul { padding: 0px; }


#response 	{  letter-spacing: 1px; padding: 0px 0px 10px 10px; font-size: 10px; text-transform: none; font-style: italic; color: #999; list-style: none;background: url(images/h_line.png) no-repeat center bottom;}
#response span { letter-spacing: 1px; color:#ff6600; font-size: 14px; text-transform: none; padding-right: 5px;}
.h7 		{ font-size: 11px; color: #555;  text-transform: capitalize;  letter-spacing: 1px; line-height: 14px;   }
.h71 		{ font-size: 11px; color: #fff;  text-transform: capitalize;  letter-spacing: 1px; line-height: 14px;  }






/*************footer**********/
.footer_resize {    text-align: center; height: 20px; width:792px;margin:0 auto; padding:0px 0px; color:#353638;   font-size:10px; text-transform:uppercase; letter-spacing:1px; display:block; position: relative; }
.footer_resize img { }


.footer_resize .left { display: inline; width: 40%; text-align: left;}
.footer_resize .right { display: inline; width: 40%; text-align: right;}

.footer { padding:0 0 30px 0; margin:0; background: url(images/h_line.png) no-repeat center top; padding-top: 0px; float: left; text-align: center; color: #353638;  }


.footer a { color: #353638; text-decoration:none; margin:0;}
.footer a:hover { text-decoration: none;color: #ff6600; }

.footer p { text-align: left; padding-top: 20px;}
.footer p.leftt {   margin:0; padding:0; float:left; }
.footer p span {  padding: 0px;}

.footer p.rightt { text-align:right;  margin:0; padding:0px; float:right; color: #353638;}
.footer p.rightt a { color: #353638;}
.footer p.rightt a:hover { color: #d74c16;}

.footer span {padding-right: 0px; margin-right: 0px;}
p.clr,
.clr { clear:both; padding:0; margin:0; background:none;}
li.bg,
.bg { float:right; clear:both; border-top:1px solid #e1e1e1; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}



/* Slider */
#slider { width:792px; padding:0 0 1px 0; margin:0 auto; background:  url(images/controls_fader.png) no-repeat center bottom;}

div#slideshow { float:left; width:100%; height:280px; }
div#slideshow img { width:792px; height:280px;border: none;}
.slider-item { width:100% !important; height:280px;}
.slider_content_inner img { border:none; }
.controls-center { width:792px; margin:0 auto;}
#slider_controls { position:relative; margin:11px auto 5px;padding: 0px 0px 0px 0px; z-index:1000; width:600px; height:10px; }
#slider_controls ul { margin:0; padding:0 3px; width:600px; list-style:none; display:block;}
#slider_controls ul li { width:16px; height:16px; float:left; display:block; padding:0 2px; margin:-5px 0 0 0 !important; margin:4px 0 0 0;}
#slider_controls ul li a { width:16px; height:16px; background:url('images/faderdot.png') no-repeat center center; display:block; padding:0; margin:0; outline:none;}
#slider_controls ul li a:focus { outline:none;}
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/faderdot_on.png') no-repeat center center;}


/*------------------------ FANCYBOX ------------------------*/

#popupwin {position:relative; width:640px; font-size:11px: color:#fff; background-color:#000; padding:20px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;  text-align: justify;}

#popupwin h3 {font-size:18px; color:#FFF; padding-bottom:15px;}

#popupwin p {line-height:1.5em; padding-bottom: 10px;}

#popupwin li {list-style: none;}

#popupwin img {float: right; padding-left: 15px;}






#fancybox-loading {position: fixed; top:50%; left:50%;	height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; background:transparent; z-index:1104;	display:none;}

#fancybox-loading div {position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../images/fancy_loading.png) no-repeat;}

#fancybox-overlay {position:fixed; top:0; left:0; bottom:0;	right:0; z-index:1100; display:none;}

#fancybox-tmp {padding:0; margin:0;	border:0; overflow:auto; display:none;}

#fancybox-wrap {position:absolute; top:0; left:0; margin:0;	z-index:1101; display:none;	box-shadow:0px 0px 10px #000; -moz-box-shadow:0px 0px 10px #000;	-webkit-box-shadow:0px 0px 10px #000; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}

#fancybox-close  {position:absolute; top:10px; right:10px; width:32px; height:32px;	background:url(../images/fancy_close.png) top left no-repeat; cursor:pointer; z-index:1103; display:none;}

#fancybox_error {color:#444; font:normal 12px/20px Arial;}

#fancybox-content {height:auto;	width:auto;	padding:0; margin:0;}