/* 
	2012 Copyright Gecko Studios. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion. 
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright. 
*/

/* Reset browser defaults */
* {margin:0;padding:0}

/* --------- Global Styles ---------- */

body {font:.6875em/1.5 Verdana, Arial, Helvetica, sans-serif;background-color:#393939}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-table;}
.small {font-size:.92em}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
.skip {
	display:none;
	/* \*/
	display:block;
	/* */
	position:absolute;
	left:-5000px;
	top:-5000px;
	width:1px;
	height:1px;
}
/*---------------------- Tags ------------------------*/
/*------ <a> ----- */

a {color:#6a0000;outline:none}
a:hover {text-decoration:none}

#stage a {color:#a20101}

/*------ <h> ----- */
h2, h3, h4 {font:1.9em/1.5 Arial, Helvetica, sans-serif;color:#a20101;text-transform:uppercase;margin-bottom:.5em}
	h2 span {color:#333}

h3 {font-size:1.6em}
	h3 span {color:#333}
	h3 a{color:#a20101}

h4 {font-size:1.3em;font-weight:bold}

/*------ <p> ----- */

p {margin-bottom:1.5em}
p.faded {font-size:.92em;color:#666}
p.bordered {border-bottom:1px dotted #ccc;padding-bottom:1em;margin-bottom:2em}

#temp {margin-top:2em;font-size:.92em;color:#666;padding:.5em;background-color:#ccc;border:1px solid #666}
#temp ul {padding-left:1.5em}
.ulpad {padding-left:3.5em}
/*------ <img> ----- */

a img {border:0}

img.right {display:block;padding:1px;border:1px solid #ccc;float:right;margin-right:2em;display:inline}
img.left {display:block;padding:1px;border:1px solid #ccc;float:left;margin:0 .5em 1em 0;display:inline}

img.bordered {display:block;padding:1px;margin-bottom:1em;border:1px solid #ccc}

img.divide {margin-bottom:2em}

/*------ <ol> ----- */
ol {margin-left:1em;padding-left:1em;color:purple;}
	ol li {color:#a20101;font-weight:bold}
		ol li p {color:#000;font-weight:normal}

/*------ <ul> ----- */
ul.subnav {list-style-type:none;border-left:1px dotted #ccc;margin:4em 0 0 1.5em;padding:1em 0 1em 1em;background-color:#F3F3F3}
ul.subnav li {display:inline}
ul.subnav li a {display:block;font-size:1em;font-weight:bold;text-decoration:none;padding-bottom:.75em}
ul.subnav li a:hover {text-decoration:underline}

ul.map {width:473px;height:136px;padding:1px;margin-bottom:1em;border:1px solid #ccc;position:relative}
ul.map li {list-style-type:none;display:block;position:absolute}
ul.map li a {display:block;height:25px;text-decoration:none;text-indent:-5000px}

#studio-a-map {background:transparent url(images/dtr_studio_a_layout_hot.png) no-repeat 1px 1px}
#studio-a-map #spot1 {width:145px;height:25px;top:72px;left:75px}
#studio-a-map #spot2 {width:75px;height:25px;top:72px;left:337px}
#studio-a-map #spot3 {width:75px;height:25px;top:15px;left:5px}
#studio-a-map #spot4 {width:35px;height:25px;top:13px;left:310px}
#studio-a-map #spot5 {width:35px;height:25px;top:56px;left:435px}
#studio-a-map #spot1 a:hover {background:transparent url(images/dtr_studio_a_layout_hot.png) no-repeat -74px -208px}
#studio-a-map #spot2 a:hover {background:transparent url(images/dtr_studio_a_layout_hot.png) no-repeat -336px -208px}
#studio-a-map #spot3 a:hover {background:transparent url(images/dtr_studio_a_layout_hot.png) no-repeat -4px -151px}
#studio-a-map #spot4 a:hover {background:transparent url(images/dtr_studio_a_layout_hot.png) no-repeat -309px -149px}
#studio-a-map #spot5 a:hover {background:transparent url(images/dtr_studio_a_layout_hot.png) no-repeat -434px -192px}

#studio-b-map {background:transparent url(images/dtr_studio_b_layout_hot.png) no-repeat 1px 1px}
#studio-b-map #spot1 {width:95px;height:45px;top:58px;left:52px}
#studio-b-map #spot2 {width:200px;height:25px;top:60px;left:260px}
#studio-b-map #spot3 {width:35px;height:25px;top:29px;left:178px}
#studio-b-map #spot1 a {height:45px}
#studio-b-map #spot1 a:hover {background:transparent url(images/dtr_studio_b_layout_hot.png) no-repeat -51px -194px}
#studio-b-map #spot2 a:hover {background:transparent url(images/dtr_studio_b_layout_hot.png) no-repeat -259px -196px}
#studio-b-map #spot3 a:hover {background:transparent url(images/dtr_studio_b_layout_hot.png) no-repeat -177px -165px}
	

ul#gallery{
	list-style-type:none;
	width:425px;
	text-align:center;

}
	ul#gallery li{
	display:inline-table;
	padding:3px;
}
	
/*------ <div> ----- */

div.alert {width:240px;background-color:#f0f1f1;border:1px solid #6a0000;color:#6a0000;padding:5px;margin-bottom:1em}

/*---------------------- Layout ------------------------*/

#header-wrap, #stage-wrap, #footer-wrap {width:100%;text-align:center}
#header-wrap {background:#fff url(../images/staffpaper.jpg) repeat-x 0 0}


#header, #stage, #footer {width:800px;text-align:left;margin:0 auto}

#header {background:transparent url(../images/geckologo.png) no-repeat 0 18px}

#header p {font:1.3em Arial, Helvetica, sans-serif;color:#7c7c7c;padding:69px 0 0 570px;margin-bottom:0}

#header ul {height:28px;list-style-type:none;margin:13px 0 0 110px}
#header ul li {display:inline}
#header ul li a {
	font:1.1em Arial, Helvetica, sans-serif;
	color:#9c2828;
	text-decoration:none;
	display:block;
	width:auto;
	float:left;
	margin:0 15px 5px 15px;
	padding-top:8px;
	display:inline;
}
			
#header ul li.last a {margin:1px 0 5px 50px;font-size:1em;font-style:italic;bottom:0;right:0}

#header ul li a:hover {text-decoration:underline}

#header ul li a.current {color:#4c4d4d;font-weight:bold;background:#fff url(images/karat.png) no-repeat 50% 0}
#header ul li a.current:hover {text-decoration:none}

#stage-wrap {background-color:#fff}
#stage {padding:20px 0 60px 0}

#content {width:480px;margin:0 5px 0 130px;float:left;display:inline}
img.hero {display:block;padding:1px;border:1px solid #ccc;margin:0 auto 20px auto}

#rightcol {width:185px;padding-top:2px;float:left;display:inline}
#rightcol.sub {margin-top:3.2em}

#footer-wrap {background-color:#393939;border-top:3px solid #a20101}

#footer {width:670px;padding:.5em 0 1em 130px}
#footer p {margin-bottom:.1em;color:#a6a5a5}

fieldset {border:0;padding-bottom:1em}
fieldset input, fieldset select {display:block;margin-bottom:1em;width:250px;color:#333}
fieldset input.submit {width:auto;float:left}
fieldset label {color:#333;font-size:1.1em;font-weight:bold}
fieldset textarea {display:block;margin-bottom:1.5em;width:250px;height:8em;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.1em;color:#333}