/* CSS Document */

/* =============== GENERAL RULES =================== */

* { 
	padding: 0; margin: 0;
	}

html, body { 
	padding: 0; 
	margin: 0;
	border: 0;
	}
	
h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0; padding: 0; 
	}

	
/* =============== GENERAL TYPOGRAPHY AND LINKS =================== */

body {
	font-family: Arial, Sans-serif;
	font-size: 10px;
	color: #666;
}

p, pre {
	font-family: Arial, Sans-serif;
	font-size: 12px;
	padding: 2px 0 0 0;
	line-height: 160%;
	color: #666;
}

pre {
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
 	_white-space: pre;
}

h1 {
	font-size: 11px;
	color: #000;
}

h2 {
	font-size: 14px;
	color: #000;
}

h3 {
	font-size: 12px;
	color: #000;
	padding-top: 5px;
}

h4 {
	font-size: 14px;
	color: #000;
}

h5 {
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
}

h6 {
	font-size: 16px;
	color: #900;
}

a {
	color: #900;
	background: none;
	text-decoration: none;
	padding: 2px;
}

a:hover {
	color: #fff;
	background: #900;
}

a:visited {
	color: #666;
}

a.img {
	background: none;
	padding: 0;
	color: none;
	border: none;
}

a:hover.img {
	padding: 0;
	background: none;
	color: none;
	border: none;
}

.legal {
	font-size: 9px;
	line-height: 120%;
	text-align: left;
	padding: 5px 0 0 2px;
}

#footer a:visited {
	color: #900;
	background: none;
}

#footer a:hover {
	color: #fff;
	background: #900;
}

#shareLinks a:visited {
	color: #900;
}

#shareLinks a:hover {
	color: #fff;
	background: #900;
}

#reelAgency {
	padding: 4px 0 0 2px;
}

#errorMessage {
/*	text-align: center; */
	font-size: 16px;
	color: #900;
	font-weight: bold;
	padding: 20px 0 0 0;
}


	
/* =============== LAYOUT =================== */

/* =============== UNIVERSAL LAYOUT =================== */

body {
	margin: 30px;
	min-width: 1000px;
	background: #fff url(/imgs/backFade.jpg) top left repeat-x;
}

#container {
	width: 100%;
	border: 0;
}

#photoLogo {
	position: absolute;
	top: 30px;
	left: 30px;
}

#nav {
	height: 14px;
	padding: 0 0 50px 0;
	margin-left: 330px;
}

#footer {
	padding: 20px 0 0 0;
	font-size: 9px;
	clear: both;
}

#QT_disclaimer {
	padding: 0 0 8px 0;
}

#QTjs {
	clear: both;
}

#tvfilm #footer, #sketchbooks #footer, #gallery #footer, #about #footer {
	padding: 20px 0 0 185px;
}



/* =============== LANDING PAGE =================== */

#landingPage #content {
	padding: 0 0 0 195px;
}

#landingPage #footer {
	padding: 0 0 0 210px;
}

#landingPage #nav {
	padding: 0 0 30px 0;
}



/* ------------------  REEL PAGE -----------------*/

#video-720 {
	width: 720px;
	float: left;
}

#video-640 {
	width: 640px;
	float: left;
}

#video-480 {
	width: 480px;
	float: left;
}

#video-360 {
	width: 360px;
	float: left;
}

#video-384 {
	width: 384px;
	float: left;
}

#video-320 {
	width: 320px;
	float: left;
}

#videoCaption {
	padding: 0 0 0 2px;
	text-align: left;
	text-transform: uppercase;
}

#aboutLink {
	padding: 5px 0 5px 0;
	text-align: left;
}



/* ------------------  PHOTO GALLERY -----------------*/

#photography #nav {
	padding: 0 0 40px 0;
}

#photography #container {
	width: 960px;
	border: 0;
}

#photo_categories #container {
	border: 0;
}

#photography #content {
	width: 959px;
	text-align: left;
	padding: 0;
	border: 0;
}

#photo_gallery #content {
	text-align: left;
	padding: 0;
	border: 0;
}

#photo_landing_main_div {
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	overflow:hidden;
}

.photo_landing_div {
	width: 458px;
	padding: 10px;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	float: left;
}

.photo_landing_div_img {
	float: left;
	padding: 0 8px 0 0;
}

.photo_landing_div_headline {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

.photo_landing_div_text {
	text-align: justify;
}

#shareLinks_photo {
	padding: 0 0 12px 0;
	font-size: 10px;
	font-weight: bold;
}

#shareLinks_photo div {
	float: left;
	padding: 0 2px 0 0;
}

#shareLinks {
	padding: 0 0 12px 0;
	font-size: 11px;
	font-weight: bold;
}

#shareLinks_photo_syndicate {
	padding: 0 0 12px 0;
	font-size: 10px;
	font-weight: bold;
}

#shareLinks div {
	float: left; 
	padding: 0 2px 0 0;
}

#shareLinks_photo_syndicate div {
	float: left;
	padding: 0 2px 0 0;
}

.photo_landing_div_img a, #photo_gallery_image a {
	color: none;
	display: block;	
	background: none;
	padding: 0;
}

.photo_landing_div_img a:hover {
	cursor: pointer;
	cursor: hand;
	opacity: .5;
	background: none;
	padding: 0;
}

#shareLinks_photo a:visited {
	color: #900;
}

#shareLinks_photo a:hover {
	color: #fff;
	background: #900;
}

#shareLinks_photo_syndicate a:visited {
	color: #900;
}

#shareLinks_photo_syndicate a:hover {
	color: #fff;
	background: #900;
}



/* ===================  SKETCHBOOK  =================== */

#randomStuff {
	float: left; 
}

#randomCaption {
	padding: 0 0 0 2px;
/*	text-align: left; */
	text-transform: uppercase;
}

#randomMedialoaded {
/*	padding: 3px 0 0 2px; */
	padding: 0;
/*	text-align: left; */
}

#randomMediaunloaded {
	padding: 0;
}

#randomText {
/*	text-align: left; */
	padding: 10px 0 0 0;
	width: 600px;
}

#randomQT {
/*	float: left; */
	width: 100%;
}

#sketchbooks #input {
	text-align: center;
}

#sketchbooks #data {
	text-align: left;
	padding: 0 0 0 150px;
}

#randomMedialoaded a {
	padding: 0;
	background: none;
}

#randomMedialoaded a:hover {
	padding: 0;
	background: none;
}



/* ===================  GALLERY  =================== */

#gallery {
	width: 1200px;
}

#sideMenu {
	width: 210px;
	padding: 21px 0 0 0;
}

#gallery_left {
	float: left;
	padding: 0 15px 0 0;
}

#gallery_left a:hover {
	cursor: pointer;
	cursor: hand;
	opacity: .5;
	background: none;
	padding: 0 2px 0 2px 0;
}

#gallerytable td img {
	padding: 4px;
}

#gallerytable a {
	display: block;	
	background: none;
	padding: 0;
}

#gallerytable a:hover {
	opacity: .5;
	background: none;
	padding: 0;
}

#close_btn {
	position: absolute;
	top: 30px;
	left: 30px;
}

/* ====== EIDUR AND PABLO ---- STORM ========= */

#storm {
	background: #000;
	margin: 0;
}

#storm #container {
	text-align: center;
	padding: 0;
	margin: 0;
}

#storm #content {
	padding: 250px 0 0 0;
	margin: 0;
}

#storm #footer {
	text-align: center;
	padding: 250px 0 0 0;
}

#storm_mouseover_div {
	background: #000;
	width: 100%;
}

#hiddenQTcontrols {
	visibility:hidden;
}

#hiddenQTcontrols a:hover {
	cursor: pointer;
	cursor: hand;
	opacity: .5;
	background: none;
	padding: 0 2px 0 2px 0;
}

#storm_mouseover_div a:hover {
	cursor: pointer;
	cursor: hand;
	opacity: .5;
	background: none;
	padding: 0 2px 0 2px 0;
}

/* ===================  NEWS / ABOUT  =================== */

#about #content {
	border: 0;
}

#pressRef {
	line-height: 160%;
	padding: 0 0 5px 20px;
}

#newsPage {
	width: 640px;
	float: left;
}

#we, #manifesto {
	width: 640px;
}  

#bioimgs {
	padding: 0 0 0 10px;
}



/* ===================  LINKED  =================== */

#friendsText {
	width: 1000px;
}

.friendsHeadline {
	padding: 0 0 0 2px;
	clear: both;
}

.friendsItems {
	padding: 0;
}

.friendsItems ul {
	list-style: none;
	font-size: 12px;
}

.friendsItems li {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 5px 5px 0;
}



/* ===================  CONTACT  =================== */

#contactFilmUSA {
	float: left;
}

#contactFilmEurope {
	float: left;
	padding: 0 0 0 50px;
}

#contactDirect {
	float: left;
	padding: 0 0 0 50px;
}

#gallery #content {
	border: 0;
}



/* ===================  VARIOUS THINGS  =================== */

#email #content {
	width: 720px;
	border: 0;
}

#emailForms {
	text-align: left;
}

#aboutContent {
	padding: 30px 0 0 0;
}



/* =============== UPLOADS AREA =================== */

#clients #content ul {
	list-style: none;
}

#clients #content li {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 12px 0 2px 0;
}

.clientLookLinks {
	font-size: 12px;
}

input.btn { 
	font-family: Arial, Sans-serif;
	font-size: 12px;
	color:#900; 
	background-color: transparent; 
	border: none;
	border-color: none;
	padding: 2px;
	} 
	
input.btnhov {
	cursor: pointer;
	cursor: hand;
	color:#fff;
	background-color:#900;
}

#popUpQtlink {
	font-size: 9px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}



/* =============== NAVIGATION =================== */

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

#nav li {
	float: left;
	padding: 0 10px 0 10px;
	margin: 0;
}

#nav a {
	font-size: 11px;
	font-weight: bold;
	color: #900;
	background: none;
	text-decoration: none;
	padding: 2px;
}

#nav a:hover {
	color: #fff;
	background: #900;
	padding: 2px;
}



/* =============== NAVIGATION ON STATES =================== */

#landingPage #navOne a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#tvfilm #navTwo a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#photography #navThree a, #photo_categories #navThree a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#gallery #navFour a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#galleryslides #navFour a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#clientlogin #navFive a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#contact #navSix a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#about #navEight a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#design #navSeven a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#sketchbooks #navNine a {
	color: #fff;
	background: #900;
	padding: 2px;
}

#friends #navTen a {
	color: #fff;
	background: #900;
	padding: 2px;
}



/* =============== SIDEMENU =================== */

#sideMenu {
	width: 170px;
	float: left; 
	text-transform: uppercase;
	padding: 0 15px 0 0;
}

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

#gallery #sideMenu ul li {
	padding-left: 10px;
}

#sideMenu li {
	font-size: 9px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 0;
}

#sideMenu ul li ul {
	padding-left: 10px;
}

.active {
	display: block;
}

.not_active {
	display: none;
}

#sideMenu .menuHeading, #sideMenu .sketchMoreLess {
	font-size: 11px;
	margin: 0;
	text-transform: uppercase;
}

#sideMenu .sketchMoreLess a {
	color: #900;
	background: none;
	text-decoration: none;
	padding: 2px;
	margin-left: -7px;
}

#sideMenu .sketchMoreLess a:hover {
	color: #fff;
	background: #900;
	padding: 2px;
}

#sideMenu .sketchMoreLess a:visited {
	color: #999;
	background: none;
}

#sideMenu .menuHeading {
	font-size: 11px;
	margin: 0;
	font-weight: bold;
}

#sideMenu .menuHeading a {
	color: #900;
	background: none;
	text-decoration: none;
	padding: 2px;
}

#sideMenu .menuHeading a:hover {
	color: #fff;
	background: #900;
	padding: 2px;
}

#sideMenu ul li ul li a:visited {
	color: #666;
}