/* @override 
	http://www.millndoll.com/css/myra_styles.css
	http://millndoll.com/css/myra_styles.css
*/

/* Myra Gonzalez website CSS file. Built by Definition Web Design
http://www.definitiondesign.co.uk 2008 */

/* @group Defaults */
/* @group Links defaults */
a:link {color: #00aeff; text-decoration: none;}
a:visited {color: #00aeff; text-decoration: none;}
a:hover {color: #51C3F8; text-decoration: none;}
a:active {color: #00aeff; outline: none;}
/* @end */

/* @group Images defaults */
a img,img{border:none;display:block;}
/* @end */

/* @end */

/* @group Layout */

html {
	background: #222;
}
body {
	border-top: 6px solid #009CFF;
	background: #222222;
	color: #d9d9d9;
	padding-bottom: 30px;
}
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/outer-bg.jpg) 50% 0 no-repeat;
}

#topbump {
	border: 1px solid #101010;
	height: 30px;
	border-bottom: 1px solid #222222;
	width: 890px;
	margin: 0 auto 0 auto;
	background: #222222;
	float: left;
	z-index: 100;
	display: inline;
	clear: both;
}
#content {
	width: 815px;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	background: #222222;
	overflow: hidden;
}
#footer {
	background: url(../images/footer-bg.jpg) 50% 0 no-repeat;
	height: 43px;
	margin-top: 30px;
	clear: both;
}
#header {
	background: #181818 url(../images/header-bg.gif) bottom left repeat-x;
	text-align: left;
	overflow: hidden;
	position: relative;
	z-index: 8;
}
#subcol {
	width: 260px;
	float: left;
	padding-bottom: 30px;
}

body#directors #subcol, body.twocol #subcol {
	width: 325px;
	float: left;
	padding-bottom: 30px;
	padding-left: 15px;
}

body.twocol #subcol {
	width: 295px;
}

body#form #subcol {
	width: 330px;
	padding-left: 25px;
}

#maincol {
	width: 540px;
	float: left;
	margin-left: 10px;
}
#locations #maincol {
	margin-left: 0;
	width: 615px;
	border-right: 1px solid #3E3E3E;
	padding-right: 25px;
}
body#directors #maincol, body.twocol #maincol {
	width: 439px;
	float: left;
	margin-right: 10px;
	margin-left: 0;
	border-right: 1px solid #3E3E3E;
	padding-right: 25px;
	margin-bottom: 20px;
}


body#form #maincol {
	width: 444px;
	border-right: 1px solid #3E3E3E;

}

body#f4f #maincol {
	width: 385px;
	border-right: 1px solid #3E3E3E;
	padding-right: 25px;
	margin-left: 0;
}
body.lilcontent #footer {
	margin-top: 300px;

}
body#f4f #subcol {
	width: 335px;
	padding-left: 25px;
}

body#locations #subcol {
	width: 150px;
	padding-left: 20px;
}
#inner-header {
	width: 890px;
	margin: 0 auto;
	position: relative;
}
p#topcalltoaction {
	text-align: center;
	position: absolute;
	right: 30px;
	top: 27px;
	line-height: 1.4em;
	font-weight: bold;
	clear: both;
}

p#topcalltoaction a {
	text-decoration: none;

}
img#logo {
	margin: 55px 0 30px -13px;
}
p#breadcrumb {
	float: right;
	font-size: 85%;
	font-family: Verdana;
	margin: 10px 0 0 0;
	padding: 0;
	text-transform: lowercase;
	color: #8E8E8E;
}

p#breadcrumb a:link, p#breadcrumb a:visited {
	text-decoration: none;
}
p#def {
	float: right;
	color: #3C3C3C;
	margin-bottom: 20px;
	width: 150px;
}

p#def a, p#def a:visited {
	color: #3C3C3C;
	text-decoration: none;
}
p#def a:hover {
	color: #A3CA52;
}
p#myra {
	float: left;
	color: #3C3C3C;
	margin-bottom: 20px;
	width: 300px;
	margin-left: 20px;
	text-align: left;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}
p#myra a:link, p#myra a:visited {
	color: #ff9306;
	}

p#myra a:hover {
	color: #FFB14C;
	text-decoration: underline;
	}
p#myra a#tandc {
	text-transform: capitalize;
	font-weight: normal;
	font-size: 11px;
}
body.notmuchcontent #footer {
	padding-top: 220px;
	background-position: 50% 100%;
}
p {
	text-align: justify;
}
.dontshow {
	display: none;
}
/* @end */

/* @group Nav */
ul#nav {
	margin: 35px auto 0 12px;
	width: 805px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

ul#nav li {
	float: left;
	margin: 0 13px;
}

ul#nav li.first {
	float: left;
	margin: 0 5px;
}

ul#nav li a:link, ul#nav li a:visited {
	float: left;
	display: block;
	color: #f2f2f2;
	text-decoration: none;
	padding: 10px 12px 8px 12px;
}

ul#nav li a:hover, ul#nav li#current a {
	background: #101010;
}


/* @end */

/* @group Homepage */
h1 {
	font-size: 280%;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	border-bottom: 1px solid #B6B6B6;
	padding: 0;
	line-height: 0.75em;
	margin-top: 10px;
	color: #fff;
	margin-bottom: 25px;
	font-weight: normal;
}
h2 {
	font-size: 130%;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	margin-top: 1em;
	color: #fff;
}
#content p {
	line-height: 1.4em;
}

#content ul {
	margin-left: 1.3em;
}

#content li {
	list-style: disc;
	line-height: 1.4em;
}
/* @end */

/* @group Talent */
div#polaroid {
	height: 280px;
	width: 258px;
	background: url(../images/polaroid.jpg) 50% 0 no-repeat;
	padding-top: 31px;
	clear: both;
	margin-left: -11px;
	margin-bottom: 10px;
}

#content ul#talentlist {
	padding: 0;
	margin: 0;
	clear: both;
	float: left;
	margin-bottom: 100px;
}

#content ul#talentlist li {
	height: 199px;
	width: 168px;
	background: url(../images/polaroid-small.jpg) 50% 0 no-repeat;
	margin-bottom: 10px;
	padding-top: 12px;
	float: left;
	list-style: none;
	margin-right: 10px;
	padding-left: 0;
}
#content ul#talentlist li img {
	margin: 0 auto 0 auto;
	float: none;
	padding: 0;
	border: 1px solid #fff;
}

#content ul#talentlist li a:hover img {
	border: 1px solid #353535;
}

#content div#polaroid img {
	margin: -10px auto 0 auto;
	float: none;
	padding: 0;
}
p.name {
	font-size: 160%;
	padding: 2px 0 0 10px;
	font-family: "Trebuchet MS";
	margin: 0 9px 0 9px;
	background: #fff;
	text-align: left;
}

#special p.name {
	font-size: 120%;
	padding: 5px 0 2px 10px;
}

#special p.smltext {
	font-size: 90%;
	margin-bottom: 11px;
}

p.name a, p.name a:visited {
	color: #353535;
	text-decoration: none;
}
p.detailslink {
	text-transform: uppercase;
	font-size: 80%;
	text-align: right;
	padding: 0 9px 0 0;
	margin: 8px 0 0 0;

}

#special p.detailslink {
	position: relative;
	top: 5px;

}

p.detailslink a, p.detailslink a:visited {
	color: #ff9306;
	text-decoration: none;
}

p#email {
	margin: 0 15px 0 0;
	display: none;
}

body#directors p#email {
	margin: -15px 0 2em 0;
	padding: 0;
}

p#email a {
	text-decoration: none;
}
p.roundme {
	background: #00aeff;
	border: 1px solid #6acefc;
	text-align: center;
	text-transform: uppercase;
	width: 234px;
	font-weight: bold;
	clear: both;

}

p.more {
	font-weight: bold;
	margin-top: -20px;
	float: right;
	margin-bottom: 30px;
}

#content div.roundme {
	background: #00aeff;
	border: 1px solid #6acefc;
	text-align: center;
	text-transform: uppercase;
	width: 234px;
	font-weight: bold;
	clear: both;
	margin-left: 0;
	color: #fff;
	padding: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
}
body#styling #content div.roundme {
	margin-top: 0;
}
#content div.roundme h2 {
	font-family: Helvetica, Arial;
	letter-spacing: .2em;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #3CC1FF;
	padding-bottom: 7px;
	text-align: left;
}
#content div.roundme ul {
	margin-left: 0;
	margin-bottom: 0;
}

#content div.roundme li {
	list-style: none;
	text-align: left;
	padding-left: 0;
}
#content div.roundme li a:hover {
	text-decoration: underline;
}

p.roundme a, p.roundme a:visited, #content div.roundme li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 4px;
}
#content div.roundme li a {
	padding: 0;
}
p.moreinfo a {
	font-size: 80%;
	padding: 2px;
	padding-right: 10px;
}
p.moreinfo {
	text-align: right;
	margin-bottom: 12px;
}
p.roundme a:hover {
	background: #51C3F8;
}
p#request a {
	text-align: center;
}
#content div#stats ul {
	margin-left: 0;
	text-transform: uppercase;
	margin-top: 15px;
	padding-top: 15px;
	clear: both;
}
.up {
	background: #0085C3;
}
#content div#stats li {
	list-style: none;
	margin-left: 0;
}
div.hideme, #stats {
	display: none;
}
#content div.hideme ul, #content ul {
	margin-left: 5px;
}

#content ul li {
	list-style: none;
	padding-left: 15px;
	background: url(../images/dot.gif) 0 50% no-repeat;
}

#content div.hideme ul li {
	list-style: none;
	padding-left: 15px;
	background: url(../images/dot.gif) 0 50% no-repeat;
}
#content div.request ul {
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}

#content div.request ul li {
	padding-left: 0;
	background: none;
	float: left;
	width: 230px;
}
div.request h2 {
	margin-bottom: .4em;
}
ul.folio {
	margin: 0;
	padding: 0;
}

#content ul.folio li {
	margin: 0 5px 5px 0;
	padding: 0;
	background: none;
	float: left;
}
/* @end */

/* @group Artists */
ul#artists {
	overflow: hidden;
	margin: 40px 0 0 -25px;
	padding: 0;
	height: 300px;
	
}
ul#artists a {
	font-size: 110%;
}
#content ul#artists li {
	float: left;
	border-right: 1px solid #3E3E3E;
	width: 160px;
	list-style: none;
	padding: 0 15px 0 25px;
	min-height: 100px;
	background: none;
}
ul#artists h2 {
	margin: 0 0 1em 0;
	font-size: 150%;
}

#content ul#artists li.last {
	border-right: none;
}

#content ul#artists li.first {
	padding-left: 0;
}

#content ul#artists li ul {
	padding: 0;
	margin: 0;

}

#content ul#artists li ul li {
	float: none;
	border-right: none;
	list-style: none;
	padding: 0;
	margin: 0;
	min-height: 1%;
}
p.instruct {
	color: #ff9306;
	text-transform: uppercase;
}
body#directors #content #subcol h2.first, .twocol h2.first {
	margin-top: 0;
	margin-bottom: 0;
}
#subcol h2:first-child {
	margin-top: 0;
}
#subcol ul {
	padding: 0;
	margin: 0;
}

body#directors #subcol ul li {
	list-style: none;
	padding-left: 15px;
	background: url(../images/dot.gif) 0 50% no-repeat;
}

table {
	margin-bottom: 20px;
}

td {
	padding: 4px;
	border-bottom: 1px solid #313030;
	padding-left: 0;
	padding-right: 30px;
}
div#video {
	margin: 0 0 20px 14px;
	width: 410px;

	position: relative;
	top: 13px;
}
div#videoholder {
	width: 444px;
	height: 330px;
	background: url(../images/video-bg.jpg) 50% 50% no-repeat;
	margin: 0 auto;
}
.video #back {
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}
/* @end */

/* @group Fashion4Film */
ul#f4flist {
	margin: 0;
	padding: 0;
}

#content ul#f4flist li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #3E3E3E;
	padding-bottom: 18px;
	float: left;
	margin-bottom: 15px;
	background: none;
}

ul#f4flist li div#polaroid {
	float: left;
	margin-top: 0;
	margin-right: 15px;
	clear: both;
	display: inline;
}

ul#f4flist li h2 {
	padding-top: 0px;
	font-size: 160%;
	margin-top: 10px;
}

ul#f4flist li p {
	width: 553px;
	float: right;
}
p#warning {
	background: url(../images/warning.gif) 0 50% no-repeat;
	padding: 10px 0 10px 50px;
}

/* @end */

/* @group Form */
form#requestform {
	
}

form#requestform ol {
	
}

form#requestform ol li {
	list-style: none;
	margin-bottom: 1em;
}

form#requestform ol li label {
	display: block;
	margin-bottom: .4em;
	font-weight: bold;
}

form#requestform ol li label span {
	font-size: 80%;
	color: #939393;
	font-weight: normal;
}

form#requestform ol li input.text, form#requestform ol li textarea.text {
	width: 410px;
	padding: 3px;
	display: block;
	font-family: Helvetica;
	font-size: 13px;
	border: 2px solid #fff;
}

body#f4f form#requestform ol li input.text, body#f4f form#requestform ol li textarea.text {
	width: 365px;
}

form#requestform ol li input.text:focus, form#requestform ol li textarea.text:focus {
	border: 2px solid #00aeff;
	outline: none;
}

#file1 {
	background: #fff;
	background: rgba(255,255,255, .43);
}


form#requestform ol li input.required {
	background: #fff url(../images/required.gif) 99% 50% no-repeat;
}
input#submit {
	padding: 2px;
}
form#requestform ol li input.file {
	background: #fff;
}
p.help {
	font-size: 110%;
}
#content p.help img {
	float: none;
	display: inline;
}
/* @end */

/* @group Error page */
#error #content {
	margin-top: 90px;
	text-align: left;
	border: 5px solid #3E3E3E;
	padding: 30px;
	background: #1F1F1F;
}

#error h1 {
	font-size: 180%;
	padding-bottom: ;
	text-align: left;
}

/* @end */

/* @group Clients page */
ul.logos {
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	clear: both;
	float: left;
	width: 800px;

}
h2.clientsheader {
	clear: both;
}
#content ul.logos li {
	background: none;
	list-style: none;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;

}

#content ul.logos li a:hover {
	visibility: visible;

}
#content ul.logos li a img {
	padding: 3px;
	background: #fff;
}

#content ul.logos li a:hover img {
	background: #009CFF;
}

#content ul.logos li span {
	font-size: 20px;
	position: absolute;
	top: -35px;
	right: -5000px;
	clear: both;
	display: block;
	width: 600px;
	text-align: right;
}

#content ul.logos li a:hover span {
	top: -35px;
	right: 15px;
}

#content ul.logos li a.test {
	display: block;
	height: 50px;
	width: 117px;
	background-position: 50% 50%;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 3px;
}

#content ul.logos li a.test:hover {
	background-color: #009CFF;
}
#content ul.logoslist {
	margin: 0 0 20px 0;
	padding: 0;
}

#content ul.logoslist li {
	margin: 0 0 .4em 0;
	padding: 0;
	background: none;
	font-size: 110%;
}

#content ul.logoslist li a span {
	color: #d9d9d9;
}
ul#clientsections {
	padding: 0;
	margin: 0 0 160px 0;
}

ul#clientsections-new {
	padding: 0;
	margin: 0 0 30px -5px;
	float: left;
}

ul#clientsections li {
	background: none;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	width: 306px;
}

ul#clientsections-new li {
	background: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 263px;
	font-size: 80%;
}

ul#clientsections li a {
	display: block;
	padding: 25px;
	margin: 0;
	background: url(../images/big-button.jpg) 0 50% no-repeat;
	font-size: 170%;

}

ul#clientsections-new li a {
	display: block;
	height: 30px;
	padding: 15px 0 0 20px;
	margin: 0;
	background: url(../images/button.png) 0 0 no-repeat;
	font-size: 170%;
	color: #a3a3a3;
	text-shadow:  0px 1px 0px rgba(30,30,30,1);
}

ul#clientsections-new li a:hover {
	background-position: 0 -44px;
}

ul#clientsections-new li a:active {
	background-position: 0 -88px;
}

ul#clientsections li span, ul#clientsections-new li span {
	display: none;
	padding: 0;
	margin: 0;
	background: none;
	font-size: 60%;
	color: #DBDBDB;
	margin-top: 4px;

}

#content ul#clientsections li#clients {
	
}
p#back {
	font-weight: bold;
	clear: both;
	padding-top: 10px;
	margin-top: 10px;
	float: left;
	width: 95%;
	border-top: 1px dashed #343434;
}
#locations p#back {
	clear: none;
}
#content ul.imagegrid {
	padding: 0;
	margin: 0 0 30px 0;
	text-align: center;
	float: left;
	width: 750px;
}
#locations #content ul.imagegrid {
	width: 620px;

}
.twocol #content ul.imagegrid {
	padding: 0;
	margin: 0 0 30px 0;
	text-align: center;
	float: left;
	width: 450px;

}

#content ul.imagegrid li {
	background: none;
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
}

#content ul.imagegrid li a {
	
}

#content ul.imagegrid li a img {
	padding: 4px;
	background: #fff;
}

#content ul.imagegrid li a:hover img {
	background: #009CFF;
}
#clients h2 {
	clear: both;
}
/* @end */

/* @group Ts and C's */
/* specific to the shorter (just 10 points) T's and C's */
body.tandc #content ol {
	margin-bottom: 2em;
}
body.tandc #content ol li {
	margin-bottom: 1em;
}
/* specific to the shorter (just 10 points) T's and C's */
body.tandc #content ol li {
	list-style-type: decimal;
	padding-left: 10px;
	margin-left: 30px;
}

body.tandc #content ol li h3 {
	margin: 1em 0;

}

body.tandc #content ol li ol li {
	list-style-type: lower-alpha;
	padding-left: 10px;
	background: none;
	margin-bottom: .6em;
	margin-left: 0px;
}

body.tandc #content ol li ol li ol li {
	list-style-type: upper-roman;
	padding-left: 10px;
	background: none;
	margin-bottom: .6em;
	margin-left: 0px;
	margin-top: .6em;
}


/* @end */

/* @group Locations page */
#locations #maincol h2 {
	clear: both;
	border-top: 3px dotted #343434;
	padding-top: 1em;
}

#locations #maincol h2:first-child {
	clear: both;
	border-top: none;
	padding-top: 0;
}
#locations #subcol li.current {
	font-weight: bold;
}

/* @end */