@charset "UTF-8";

/* ------ FREAKY STYLEY CSS  ------ */
/* ------Header, Nav, Footer, Color ------ */

body {
	background: #ffffff center top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #5b5b5b;
	height: 100%;
	margin: 0;
	padding: 15px;
}

a {
	color: #ff4e00;
	background: transparent;
	text-decoration: none;
}

a:hover {
	color: #336699;
}

a:active {outline-style: none}
a:focus {outline-style: none}

a.func {
	cursor: pointer;
	font-size: 0.95em;
	text-transform: uppercase;
}

.active {
	background: transparent;
	color: #191919;
}

.fontSizeBigger {font-size: 115%}

img {border: none}

#wrapper {
	background-image: url(../images/main-bg.png);
	font-size: 1.2em;
	line-height: 1.5em;
	min-height: 100%;
	margin: 0 auto;
	width: 990px;
	overflow: hidden;
	position: relative;
}
* html #wrapper {width: 990px}

.clear {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

#pageHeaderRow { /* The header with the page title on studio, work, portfolio, etc. */
	position: relative;
	overflow: hidden;
	height: 92px;
	width: 100%;
	margin: 0 0 0 15px;
	padding: 0;
	display: table;
}

#pageHeaderRow h1.mediumHeader { 
	color: #1A1A1A;
	font-size: 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	display: table-cell;
	vertical-align: middle;
}

/* ------ HEADER styles ------ */

#divHeader {
	height: 92px;
	margin: 0 15px;
	padding: 0px;
}

#divHeader #logo {float: left; width: 350px}
#divHeader #logo a {background-color: transparent}
#divHeader #logo a:hover {background-color: transparent}
#divHeader #logo img {margin-top: 15px}

#divHeader #claim {
	float: right;
	width: 600px;
	margin-top: 40px;
	font-weight: bold;
	text-align: right;
}

h1#claimHeadline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.26em;
	font-weight: normal;
	line-height: 18px;
	color: #fff;
}


/* ------ Main navigation styles ------ */

#divNav {
	position: relative;
	float: right;
	margin-top: -55px;
	margin-right: -125px;
	height: 20px;
	width: 668px;
	z-index: 50;
}

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

#divNav ul li {display:inline}
#divNav ul li span a {height:20px}

#divNav span a:hover {background:transparent}

#divNav li span a {
	display: block;
	float: left;
	overflow: hidden;
	padding-bottom: 9px;
	padding-top: 2px;
}

#divNav li#about span a {
	width: 91px;
	background-image: url(../images/main-nav.png);
	background-position: 0 0;
}
#divNav li#about span a.active {background-position: 0 -100px;}
#divNav li#about span a:hover {background-position: 0 -51px;}

#divNav li#portfolio span a {
	width: 118px;
	background-image: url(../images/main-nav.png);
	background-position: -90px 0;
	margin-right: 15px;
}
#divNav li#portfolio span a.active {background-position: -90px -100px;}
#divNav li#portfolio span a:hover {background-position: -90px -51px;}

#divNav li#entertainment span a {
	width: 153px;
	background-image: url(../images/main-nav.png);
	background-position: -222px 0;
	margin-right: 15px;
}
#divNav li#entertainment span a.active {background-position: -222px -100px;}
#divNav li#entertainment span a:hover {background-position: -222px -51px;}

#divNav li#blog span a {
	width: 52px;
	background-image: url(../images/main-nav.png);
	background-position: -388px 0;
	margin-right: 15px;
}
#divNav li#blog span a.active {background-position: -388px -100px;}
#divNav li#blog span a:hover {background-position: -388px -51px;}

#divNav li#contact span a {
	width: 85px;
	background-image: url(../images/main-nav.png);
	background-position: -455px 0;
	margin-right: 120px;
}
#divNav li#contact span a.active {background-position: -455px -100px;}
#divNav li#contact span a:hover {background-position: -455px -51px;}

#divNav li span a span {display: none}


/* ------ Footer styles ------ */
 
#divFooter {
	height: 250px;
	margin-top: 116px;
	margin-left: 20px;
}
 
.footer {
	color: #595959; 
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 auto;
	padding: 14px 0;
	width: 960px;
}
.footer .left {float: left}
.footer .right {float: right}
* html .footer .right {margin-left: 95px}
 
.footer span {
	color: #595959;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.7em;
	text-transform: uppercase;
}
 
.footer a {
	color: #595959;
	padding: 0 1px;
}
 
.footer a:hover {color:#336699;}

 
.footer .right ul {
	list-style: none;
	height: 165px;
	margin: 0;
	padding: 0;
}
 
.footer .right ul li {
	border-right: #7997a8 0px solid;
	float: left;
	padding: 2px 30px 4px 10px;
	width: 100px;
}
 
.footer .right ul li.first {border-left:#7997a8 0px solid}
 
.footer .right ul li ul li {
	line-height: 5px;
	list-style: none;
	display: inline;
	border-right: none;
	padding: 2px 0px 2px 0px;
}
 
.footer .right ul li ul li a {line-height:1.1em}
 
/* ------ Search form styles ------ */

#headerRight form {
	width: 202px;
	height: 27px;
	background: transparent url(../img/search-bg.png) no-repeat 0 0;
	padding: 0;
	margin: 0;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#headerRight #searchBox {
	width: 172px;
	height: 21px;
	margin: 0;
	padding: 6px 0 0 5px;
	border: none;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.1em;
	color: #a6a6a6;
	background-color: transparent;
	outline: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
#headerRight #searchBox:focus {color: #595959}

#headerRight #searchSubmit {
	width: 20px;
	height: 20px;
	background: transparent url(../img/btn-search.gif) no-repeat scroll 0 4px;
	border: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 3px;
	cursor: pointer;
}

#headerRight .searchLabel {display: none !important}

#video {
	display:none;
}
#video, #still {
	padding: 25px 0px 0px 0px;
	color:#FFFFFF;
	
	
}
p.hidden-text{color:#a4c4de; font-size:11px; padding-top:0px; float:right; display:inline; padding:0px 0px 0px 0px;}