body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
	background-color:#bec3c8;
	color:#647998;
	background-image:url(../images/grid-bg.png);
	text-align:center;
}

/*_____________________________________________________________
  |--------------------- Typography ---------------------------|
  _____________________________________________________________*/

hi,h2,h3,h4{font-family:Arial, Helvetica, sans-serif;}

h3,h4 {margin:0;}

h1{letter-spacing:2px; display:block;}

h3{font-size:medium;}

h4{font-size:small;}

ul{list-style:none; margin:0; padding:0;}

p{
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
}

a img{text-decoration:none;}
a{text-decoration:none; color:#FFF;}
a:hover{text-decoration:underline; color:#b4ad77;}
.contact{
	float:left;
	display:block;
	width:190px;
	padding:150px 3px 3px 3px;
	margin: 5% 0;
	text-align:center;
}

.thankyou{padding-top:200px;}


.desc {font-family:Arial, sans-serif;}
.desc h2{font-size:30px; font-weight:900; letter-spacing:3px;}
.desc h3{font-size:18px; font-weight:900; padding-top:5px; text-align:center;}
.desc h4{font-size:24px; padding-top:10px; color:#b4ad77;}
.desc p{font-size:12px; font-weight:bold; line-height:16px; color:#483620;}

.centercolcon{text-align:center;}
.centercolcon h3{color:#483620; font-size:small; padding-top:12px;}
.centercolcon a{color:#647998; text-decoration:none;}
.centercolcon a:hover{text-decoration:underline;}
#subscribe{text-align:center; float:left;}
#subscribe h3{font-size:18px; display:inline;}

.dir{padding:0; margin:0; font-size:10px; text-align:center;}
/*_____________________________________________________________
  |---------------------- CONTAINER ---------------------------|
  _____________________________________________________________*/
#container{
	padding:0;
	width:800px;
	height:625px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}

/*_____________________________________________________________
  |------------------------ HEADER ----------------------------|
  _____________________________________________________________*/
#header{
	margin:0;
	padding:0;
	width:800px;
	height:150px;
	float:left;
	background-image:url(../images/banner/Banner_6.jpg); 
}

#header img{
	border:none;
}

/*_____________________________________________________________
  |---------------------- MAIN MENU ---------------------------|
  _____________________________________________________________*/

#menu{
	margin:0;
	padding:0;
	width:800px;
	height:40px;
	float:left;
	/*background:url(../images/bg_subnav.gif) bottom repeat-x;*/
}

#nav{
	margin:0;
	padding:0;
	/*padding: 0 0 20px 0;*/
	/*background:url(../images/bg-navbrown.gif) bottom repeat-x;*/
	float:left;
	width:800px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#nav li{
	padding-left:15px;
	margin: 3px 10px;
	float:left;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	display:inline;
	list-style:none;
}

#nav li.item{border-left:1px solid #333;}

#nav li.first {
	/*margin-left:5px;*/
	list-style: none;
	/*display: inline;*/
	float:left;
}
	
#nav li.client{
	padding-left:160px;
	margin-left: 0;
	border-left: none;
	list-style: none;
	/*display: inline;*/
	float:left;
}

#nav a{
	text-decoration: none;
	color:#483620;
}

#nav li a:hover{
	color:#483620;
	text-decoration:underline;
}

/* ---------         ABOUT sub-menu         ---------*/

#navabout {
	margin:0;
	padding:0;
	font-size:12px;
	display:inline;
	float:left;
	white-space:nowrap;
}

#navabout li{
	margin:0;
	padding:0px 10px 4px 10px;
	display:inline;
	line-height:14px;
	font-weight:bold;
}

#navabout a{
	text-decoration: none;
	color:#647998;
}

#navabout li.first{margin-left:435px;}
#navabout li a:hover{text-decoration:underline;}

/* ---------         SERVICES sub-menu         ---------*/

#navservices {
	margin:0;
	padding:0;
	font-size:12px;
	display:inline;
	float:left;
	white-space:nowrap;
}

#navservices li{
	margin:0;
	padding:0px 10px 4px 10px;
	display:inline;
	line-height:14px;
	font-weight:bold;
}

#navservices a{
	text-decoration: none;
	color:#647998;
}

#navservices li.first{margin-left:335px;}
#navservices li a:hover{text-decoration:underline;}
/*_____________________________________________________________
  |-----------------    Three column layout  -----------------|
  _____________________________________________________________*/

.sidecol{
	margin:0;
	padding:0;
	width:198px;
	height:400px;
	float:left;
	clear:none;
	text-align:center;
}

.centercol{
	margin:0;
	padding:0;
	width:400px;
	height:400px;
	float:left;
}

.centercolcon{
	margin:50px 0 0 0;
	padding:0;
	width:400px;
	height:250px;
	float:left;
	background:url(../images/logo_contact.gif) top center no-repeat;
}

/*_____________________________________________________________
  |-----------------IMAGE CLASSES------------------------------|
  _____________________________________________________________*/
.ico{
	margin-top:-10px;
	margin-left:-30px;
	float:left;
	display:block;
}

.icob{
	margin-bottom:0px;
	margin-right:auto;
}

.sidecol img{
	margin-top:20px;
	border:3px solid #EAEAEA;
}

.centercol img{border:5px solid #EAEAEA;}
.newyear{ margin-top:40px;}


/*_____________________________________________________________
  |----------------- Video CLass/ID ---------------------------|
  _____________________________________________________________*/
#reel{
	width:310px;
	float:left;
	clear:none;
}

#reel ul{
	display:inline;
	margin:0;
	white-space:nowrap;
	float:left;
	clear:left;
}

#reel li{
	display:inline;
	padding:3px;
}

.player{
	border:2px solid #b4ad77;
	float:left;
	margin-top:100px;
	margin-bottom:10px;
}

.studioplayer{
	border:2px solid #b4ad77;
	float:left;
	margin-top:70px;
	margin-bottom:10px;
	margin-left:40px;
}
.viewertext {
	float:right;
	margin-top:35px;
	margin-right: 10px;
}

/*---------- Documentary pages --------*/

body#documentary #reel li.button a{
	text-decoration:none;
	background:url(../images/button_documentary.gif) left no-repeat;
	color:#483620;
	font-size:10px;
	padding:5px 5px 5px 20px;
}

body#documentary #reel li.button a:visited{
	background:url(../images/button_documentary-visited.gif) left no-repeat;
	color:#647998;
}

body#documentary #reel li.button a:hover{
	background:url(../images/button_documentary-over.gif) left no-repeat;
	color:#b4ad77;
}

	/*---------- shorts pages --------*/
body#shorts #reel ul{margin-left:60px;}
body#shorts #reel li.button a{
	text-decoration:none;
	background:url(../images/button_shorts.gif) left no-repeat;
	color:#483620;
	font-size:10px;
	padding:5px 5px 5px 20px;
}

body#shorts #reel li.button a:visited{
	background:url(../images/button_shorts-visited.gif) left no-repeat;
	color:#647998;
	padding:5px 5px 5px 20px;
}

body#shorts #reel li.button a:hover{
	background:url(../images/button_shorts-over.gif) left no-repeat;
	color:#b4ad77;
	padding:5px 5px 5px 20px;
}
    /*-------- services pages -------*/

body#services #reel ul{margin-left:60px;}
body#services #reel li.button a{
	text-decoration:none;
	background:url(../images/button_serv.gif) left no-repeat;
	height:25px;
	color:#483620;
	font-size:10px;
	padding:5px 5px 5px 23px;
}

body#services #reel li.button a:visited{
	background:url(../images/button_serv-visited.gif) left no-repeat;
	color:#647998;
	padding:5px 5px 5px 23px;
}

body#services #reel li.button a:hover{
	background:url(../images/button_serv-over.gif) left no-repeat;
	color:#b4ad77;
	padding:5px 5px 5px 23px;
}

/*_____________________________________________________________
  |----------------- body (viewer pages) ---------------------|
  _____________________________________________________________*/
#bodyviewer{
	margin:0;
	padding:0;
	width:800px;
	height:400px;
	float:left;
	overflow:visible;
}

#bodyviewerl{
	margin:0;
	padding:0;
	width:140px;
	height:100%;
	float:left;
	color:#647998;
	overflow:inherit;
}

#bodyviewerl ul{
	margin:5px 5px 5px 15px;
	padding:3px;
	font:smaller bolder Arial, Helvetica, sans-serif;
	clear:left;
	font-size:small;
}

#bodyviewerl ul ul{
	margin:0px;
	padding: 0px 0px 5px 0px;
	font-weight:normal;
	font-size:x-small;
}



/*#bodyviewerr{
	margin:0;
	padding:0;
	width:470px;
	height:400px;
	float:left;
}*/

/*_____________________________________________________________
  |-------------------- SERVICES ------------------------------|
  _____________________________________________________________*/
.desc{width:286px; height: 370px; float:right; /*background:url(../images/services_bg.gif) bottom no-repeat;*/}



/*_____________________________________________________________
  |--------------------  FOOTER  ------------------------------|
  _____________________________________________________________*/

#footer{
	margin:10px 0px 0px 0px;
	padding:3px;
	width:800px; /*for ie5 */
	voice-family:"\"}\"";
	voice-family:inherit;
	width:794px;
	height:17px;
	float:left;
	font-size:small;
	color:#FFF;
	background:url(../images/bg_footer.gif) top repeat-x;
}

html>body #footer{
	width:794px;
	height:17px; 
}

#footer span{
	font-weight:bold;
}
.cr{float:right;}
.qt{float:left; font-size:x-small; padding-top:2px;}