/**

 * FullScope Media screen styles

 * $Date: 13/11/2007 9:48$

 */



/* =Clean slate */



html, body, fieldset {

	margin: 0;

	padding: 0;

	background: #FFF;

	color: #000;

	font: 100%/100% Arial, sans-serif;

}



form {

	margin: 0;

	padding: 0;

	font: 100%/100% Arial, sans-serif;

}



h1, h2, h3, h4, h5, h6, p, pre,

blockquote, ul, ol, dl, address, table {

	margin: 1em 0;

	padding: 0;

}

p { }

li, dd, blockquote { margin-left: 1em; }

input, select, textarea { font-size: 100%; }

address { font-style: normal; }

blockquote { font-style: italic; }





/* =Page structure */



html {

	background: #FFF url(/images/bg.jpg) no-repeat right top fixed;

	font-size: 76%;

	line-height: 1.3em;

	color: #333;

}



body { background: transparent; }



#wrap {

	position: relative;

	width: 980px;

	margin-left: 5px;

	min-height: 695px; /* Not to cut the bg image */

}





/* =Header */



#header {

	padding-top: 20px;

}



#logo {

	margin: 0;

	margin-left: 30px;

}





/* =Links */



a, a:link, a:visited { color: #F1592A;	text-decoration: underline; }

a:focus, a:hover { 	color: #F1592A;	text-decoration: underline; } /* on hover */

a:active { color: #F1592A;	text-decoration: underline; } /* on click */

a img { border: none; }





/* =Headings */



h1 {

	margin: .4em 0;

	padding: 0 0 5px 10px;

	border-bottom: 1px dotted #999;

	color: #F1592A;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 1.5em;

	font-weight: normal;

	text-transform: uppercase;

}



h2 {

	margin: .4em 0;

	color: #000;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 1.6em;

	line-height: 1em;

	text-transform: uppercase;

}





/* =Nav */



#nav {

	position: absolute;

	top: 56px;

	left: 480px;

	width: 480px;

	margin: 0;

	padding: 0;

}



#nav ul {

	margin: 0;

	padding: 0;

	overflow: hidden;

}



* #nav ul {

	overflow: visible;

	height: 1%;

}



#nav li {

	float: left;

	margin: 0;

	padding: 0;

	list-style: none;

}



#nav li a {

	position: static;

	display: block;

	overflow: hidden;

	width: 120px;

	height: 36px;

	text-indent: -5000em;

	background-position: bottom;

}



#nav #home { background-image: url(/images/nav-home.gif); }

#nav #process { background-image: url(/images/nav-process.gif); }

#nav #work { background-image: url(/images/nav-work.gif); }

#nav #contact { background-image: url(/images/nav-contact.gif); }



#nav li a:focus, #nav li a:hover, #nav li a:active { background-position: top !important; }





/* =Content */



#content {

	width: 920px;

	padding: 20px 30px 20px;

	background: url(/images/content.png) repeat-y;

	overflow: hidden;

}



.subheading {

	color: #F1592A;

	font-size: 1.1em;

	font-weight: bold;

}



.section {

	margin: 10px 0;

	padding: 10px 15px 10px;

	background: #F0F0F0 url(/images/section.gif) no-repeat top left;

}



.section h2 {

	margin: 0;

	margin-left: 35px;

}



.section .subheading {

	margin-top: 0;

	margin-left: 35px;

}



#pitch-it-links {

	margin-top: 0;

	margin-bottom: 0;

	padding: 0;

	list-style: none;

	overflow: hidden;

}



#pitch-it-links li {

	float: right;

	width: 20em;

	margin: 0;

	padding: 0;

	list-style: none;

}



#pitch-it-links a {

	display: block;

	float: right;

	width: 20em;

	height: 27px;

	padding-top: 15px;

	padding-left: 62px;

	color: #444;

	font-weight: bold;

}



#pitch-it-links a:hover,

#pitch-it-links a:active

#pitch-it-links a:focus {

	text-decoration: none;

}



#pitch-it-links #form-download {

	background: url(/images/pitch-it-form-download.gif) no-repeat;

}



#pitch-it-links #form-online {

	background: url(/images/pitch-it-form-online.gif) no-repeat;

}



.contact-box {

	float: left;

	width: 266px;

	min-height: 15em;

	margin: 15px 15px 0 0;

	padding: 10px 15px;

	background: #F0F0F0 url(/images/section.gif) no-repeat top left;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-weight: bold;

}



.contact-box h2 {

	margin: 0;

	margin-left: 35px;

}



.contact-box .subheading {

	margin-left: 35px;

}



.contact-box address {

	margin: 20px 0 20px 35px;

	color: #555;

}



.contact-box a {

	color: #000;

	text-decoration: none;

}



.contact-box span {

	color: #000;

	display: block;

}



/* Pitch it form */



#pitch-it-form label {

	display: block;

	margin: 0;

	padding-top: 8px;

	padding-left: 45px;

	min-height: 37px;

	color: #000;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 1.6em;

	line-height: 1em;

	text-transform: none;

	background-repeat: no-repeat;

}



#label-1 { background-image: url(/images/label-1.png) }

#label-2 { background-image: url(/images/label-2.png) }

#label-3 { background-image: url(/images/label-3.png) }

#label-4 { background-image: url(/images/label-4.png) }

#label-5 { background-image: url(/images/label-5.png) }

#label-6 { background-image: url(/images/label-6.png) }

#label-7 { background-image: url(/images/label-7.png) }

#label-8 { background-image: url(/images/label-8.png) }

#label-9 { background-image: url(/images/label-9.png) }

#label-10 { background-image: url(/images/label-10.png); }





#pitch-it-form textarea {

	margin: 0 0 10px 35px;

	width: 820px;

}



#pitch-it-form #submit {

	float: right;

	position: relative;

	margin-right: 30px;

	border: none;

	cursor: pointer;

}



/* Our Work page specifics */

#ourworkpage #main {

	width: 400px;

	float: right;

}



#ourworkpage #main .section {

	min-height: 228px;

}



#ourworkpage #video-of-the-week {

	float: left;

	width: 500px;

	margin: 10px 0;

}



#ourworkpage #browse-archive {

	margin: 10px 0;

	padding: 15px 50px 0;

	background: #F0F0F0;

	overflow: hidden;

}



#ourworkpage #browse-archive label {

	font-weight: bold;

	color: #555;

}



#ourworkpage #browse-archive select, #ourworkpage #browse-archive input {

	width: 95%;

	border: 1px solid #BBB;

}



#ourworkpage #browse-archive p {

	margin: 10px 0;

}



#ourworkpage #browse-archive h2 {

	margin: 0;

	color: #F1592A;

	text-transform: none;

	font-size: 1.2em;

}



#ourworkpage #browse-archive #go {

	float: right;

	width: auto;

	border: none;

}



#ourworkpage #featured-videos {

	clear: both;

	height: auto;

	min-height: auto;

}



#ourworkpage #featured-videos #stripe {

	overflow: hidden;

}



#ourworkpage #featured-videos .thumb {

	float: left;

	width: 120px;

	color: #777;

	font-weight: bold;

	margin: 0 15px;

}



#ourworkpage #featured-videos .thumb span {

	color: #444;

}



#ourworkpage #featured-videos .thumb img {

	border: 3px solid #FFF;

}



/* Arrows for prev & next videos */

#ourworkpage #featured-videos #previous,

#ourworkpage #featured-videos #next {

	width: 60px;

	margin: 0;

}



#ourworkpage #featured-videos #previous a {

	overflow: hidden;

	display: block;

	width: 33px;

	height: 26px;

	margin: 50px auto 0;

	background: url(/images/arrow-left.gif) no-repeat bottom;

	text-indent: -5000em;

}



#ourworkpage #featured-videos #next a {

	overflow: hidden;

	display: block;

	width: 33px;

	height: 26px;

	margin: 50px auto 0;

	background: url(/images/arrow-right.gif) no-repeat bottom;

	text-indent: -5000em;

}



#ourworkpage #featured-videos #previous a:hover,

#ourworkpage #featured-videos #previous a:focus,

#ourworkpage #featured-videos #previous a:active,

#ourworkpage #featured-videos #next a:hover,

#ourworkpage #featured-videos #next a:focus,

#ourworkpage #featured-videos #next a:active {

	background-position: top;

}





/* Homepage specifics */

#homepage #intro {

	float: right;

	background: #F0F0F0;

	margin: 0 0 20px;

	padding: 10px 30px;

	width: 550px;

	min-height: 276px;

}



#homepage h1 {

	display: none;

}



#homepage #content img {

	float: left;

}



#homepage #featured-clients {

	float: right;

	width: 610px;

	overflow: hidden;

}



#homepage .featured-client {

	display: block;

	float: left;

	width: 195px;

	height: 86px;

	padding: 20px 45px 30px 45px;

	background: url(/images/featured-client.gif) no-repeat top;

	color: #696969;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-weight: bold;

	font-size: 115%;

	text-decoration: none;

}



#homepage .featured-client:focus, .featured-client:hover, .featured-client:active {

	background-position: bottom !important;

	color: #333;

	text-decoration: none;

}



#homepage .featured-client span {

	display: block;

	margin-bottom: 20px;

	color: #FFF;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 1.2em;

}





/* =Footer */



#footer {

	margin-top: 10px;

	padding: 20px 20px 0px;

	background: url(/images/content.png) repeat-y;

	overflow: hidden;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-weight: bold;

	font-size: 115%;

	line-height: 1.05em;

}



#footer * {

	color: #696969 !important;

}



#sec-nav {

	margin: 0;

	padding: 0;

	width: 50%;

	float: left;

	text-transform: uppercase;

}



#sec-nav li {

	display: inline;

	list-style: none;

	padding: 0 6px 0 0;

	margin: 0;

}



#sec-nav li a {

	text-decoration: none;

}



#copyright {

	margin: 0;

	width: 50%;

	float: right;

	text-align: right;

}



#designed-by {

	margin: 10px 0 0 30px;

	padding-bottom: 20px;

	color: #909090;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-weight: bold;

}



#designed-by a {

	color: #909090;

	text-decoration: none;

}



#footer a:hover, #footer a:active, #footer a:focus,

#designed-by a:hover, #designed-by a:active, #designed-by a:focus {

	color: #F1592A !important;

	text-decoration: underline !important;

}





/* =Forms */



input, select {

	border: 1px solid #BBB;

	font-family: "Trebuchet MS", Arial, sans-serif;

}



textarea {

	padding: 5px 10px;

	border: 1px solid #BBB;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 1em;

}





/* =Misc */



.aux {

	height: 20px;

	background: url(/images/content-aux.png) no-repeat left bottom;

}



.hide, hr {

	display: none;

}



.right { float: right !important; margin-right: 0 !important; }



div#hold	{ 

   float:left;

   margin-bottom: 15px;

	position:relative; overflow:hidden;

	width:730px; height:180px; z-index:100;

	}

div#wn	{ 

   margin-bottom: 15px;

	position:absolute;

	left:0px; top:0px; 

	width:730px; height:180px; 

	clip:rect(0px, 730px, 180px, 0px); 

	overflow:hidden;	

	z-index:1; 

	}

div#wn span	{ 

   color: #444;

	}

div#wn img	{ 

   border: 3px solid #FFF;

	}

div#lyr1	{ 

	position:absolute; visibility:visible; 

	left:0px; top:0px; 

	z-index:1; 

	}