/* RED SQUARE ADVANCED BROWSER v1.0 */

/* BASIC CSS STYLES */
* { margin:0; padding:0; }

body {
	font-size:62.5%;
	line-height:1.4em;
	font-family: Helvetica, Arial, Verdana, "Trebuchet MS", Trebuchet, sans-serif;
	background:#666;
	text-align:center;
	margin:0;
	padding:0;
}

a img { border:none; }

/*	==============================
		TEXT ELEMENTS
		==============================	*/
p { font-size:1.3em; color:#fff; text-align:left; line-height:1.5em; margin:0 0 1em 0; }
p.splash { font-size:1.3em; line-height:1.3em; padding:1em 0; position:relative; right:30px; }
p.lgFont { font-size:1.7em; line-height:1.5em; } /* adjusts font-size to 17px */
p.red { color:#ec1b23; }
p.fineprint { font-size:.85em; line-height:1em; } /* adjusts font-size to 11px */

/* 	================================
		HEADINGS
		================================	*/
h1, h2, h3, h4 h5, h6 { font-weight:lighter; margin:0 0 .75em 0; padding:0; color:#fff; }
h1 { font-size:2.4em; }
h2 { font-size:2.1em; }
h3 { font-size:1.9em; }
h4 { font-size:1.7em; margin:0; }
h5 { font-size:1.5em; margin:0; }
h6 { font-size:1.3em; margin:0; }

/* 	================================
		LINKS
		================================	*/
a:link, a:visited  { font-weight:normal; text-decoration:none; border-bottom:1px solid; padding:0 0 .1em 0; color:#ec1b23; }
a:hover, a:active { text-decoration:none; outline:none; border-bottom:none; color:#fff; }

a.email:link, a.email:visited { color:#ec1b23; text-decoration:none; border-bottom:none; }
a.email:hover, a.email:active { border-bottom:1px dotted #ec1b23; }

a img { border:none; text-decoration:none; }

/* 	================================
		LISTS 
		================================	*/
ul { list-style-type:disc; list-style-position:outside; margin:1em 0 2em 0; padding:0 0 0 3em; font-size:1em; }
ul li { font-size:1.3em; line-height:1.4em; margin:0 0 .25em 0; color:#fff; }
ul ul, ol ul{ list-style-type:square; list-style-position:outside; }

ol, ol ol, ul ol{ list-style-type:decimal; list-style-position:outside; margin:1em 0 2em 0; padding:0 0 0 3em; font-size:1em; }
ol li { list-style-position:outside; margin:0 0 .25em 0; font-size:1.3em; line-height:1.4em; }

ol.styled li { list-style-position:outside; margin:0 0 .25em 0; font:bold 1.5em "Bembo", Georgia, "Times New Roman", Times, serif; }
ol.styled li span { font:normal .867em "Helvetica Neue", Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif; }

dl { margin:1em 0 2em 0; }
dl dt { font-weight:bold; font-size:1.3em; line-height:1.4em; }
dl dd { font-size:1.3em; line-height:1.4em; margin:0 0 0 1.5em; }

/* 	================================
		TABLES
		================================	*/
table { width:100%; border-collapse:collapse; margin:0 0 2em 0; text-align:left; }
caption { font-size:1.5em; line-height:1.7em; text-align:left; }
tbody { }
tr { }
tr.altRow { background:#EFF9FF; }
th { font-size:1.3em; line-height:1.4em; font-weight:bold; border-bottom:2px solid #000; padding:0 .5em;  }
td { font-size:1.3em; line-height:1.4em; padding:0 .5em; }

table { margin:0; padding:.5em; width:815px; border:1px solid #fff; border-collapse:collapse; }
th { padding:.5em; color:#fff; background-color:#ec1b23; }
tr.odd td { color:#fff; background-color:#666; }
tr.highlight td { color:#fff; background-color:#ec1b23; }
tr td { color:#fff; background-color:#999; padding:.5em .3em; }


/* 	================================
		FORMS
		================================	*/
form { margin:1em 0 2em 0; }
form p { clear:both; margin:0 0 .25em 0; }
fieldset { border:2px solid #ccc; padding:2em; position:relative; margin:0 0 1em 0; }
legend { float:left; display:inline; padding:.5em; background:#fff; font-size:1.75em; }
label { font-weight:bold; display:block; float:left; display:inline; width:75px; padding:0 1em 0 0; text-align:right; }
input { width:200px; margin:0em 0 .5em 0; padding:0 .5em; float:left; }
textarea { width:200px; padding:.5em; }
select { width:auto; }
option { padding:0 .5em; }
.fmrequired { color:#ec1b23; }

/*	===================
		Radio Buttons
		===================	*/

/*	===================
		Check Boxes 
		===================	*/


/*	===================
		Submit Buttons
		===================	*/
input#Submit { width:auto; cursor:pointer; margin:.5em 0 0 0; position:relative; left:90px; }
input#btn_reset { width:auto; cursor:pointer; }

/* 	================================
		NAVIGATION
		================================	*/
#navMain {
	float:right;
	font-family: inherit;
	font-size:1em;
	margin:10px 20px 0 0;
	background:#fff;
	display:inline; /*fix IE DoubleMarginBug */
}
#navMain ul li { margin:0 0 0 10px; padding:0; display:inline; }
#navMain ul li a:link, #navMain ul li a:visited { color:#000; text-decoration:none; border-bottom:none; margin:0; padding:0; }
#navMain ul li a:hover { color:#ec1b23; margin:0 0 3px 0; padding:0; text-decoration:none; border-bottom:3px solid #ec1b23; }

/* 	================================
		PAGE LAYOUT
		================================	*/
div#container_master {	width:900px; background:#fff url(../images/bg_w.gif) left top repeat-y; margin:30px auto; border:1px solid #333; }
div#container_header { float:left; width:860px; height:144px; margin:0 0 10px 0; padding:0; z-index:100; }
div#main { float:left; width:860px; margin:0 20px; padding:0; background:#AFAFAF; text-align:left; display:inline; }
div#map { float:left; width:500px; height:365px; }
div.inner_content { padding:2em; }

div.col_wrapper { width:100%; margin:0 auto; margin:0; }
div.col1 { float:left; display:inline; width:480px; margin:0 20px 0 0; }
div.col2 { float:right; display:inline; width:320px; margin:0; }

#footer { clear:both; width:100%; margin:0; padding:15px 20px; font-size:1.3em; color:#999; text-align:left; }

div.banner { font-size:2.2em; color:#ec1b23; width:700px; position:relative; left:430px; height:70px; bottom:120px; text-align:left; line-height:1em; }

/* 	================================
		MAIN CONTENT DIVS
		================================	*/
#container_getQuickTime { clear:right; float:left; margin:10px 0 0 0; padding:0; width:320px; border:none; display:inline; }
#containter_getQuickTime img { border:none; }
#container_getQuickTime a:link, #container_getQuickTime a:visited  { text-decoration:none; border:none; color:#ec1b23; }
#container_getQuickTime a:hover { text-decoration:none; border-bottom:1px dotted #fff; color:#fff; }

/* 	================================
		MISC CLASSES
		================================	*/
.floatleft { float:left; margin:0 0 0 20px; }
.floatleft2 { float:left; margin:0; }
.floatright { float:right; margin:0 20px 0 0; }
.floatright2 { 	float:right; margin:0; }

.brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0px; }

* html .clearer, * html .clearer_l, * html .clearer_r {	}
.clearer_l { clear: left; height: 0; }
.clearer_r { clear: right; height: 0; }
.tab { letter-spacing:3em; }
.largeIMG { margin:0 0 15px 0; border:1px solid #fff; }
.thumbnail{
	float:right;
	width:80px;
	height:80px;
	margin:0px 20px 10px 0;
	border:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	overflow:hidden;
	display:inline; /*fix IE DoubleMarginBug */
}

.thumbnail a:link { border-top:inherit; border-left:inherit; border-right:inherit; border-bottom:inherit; text-decoration:none; }
.thumbnail a:visited, a:hover { border-bottom:none; text-decoration:none; }

.thumbnail2 {
	float:left;
	width:80px;
	height:80px;
	margin:0 20px 10px 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	overflow:hidden;
	display:inline; /*fix IE DoubleMarginBug */
}

.thumbnail2 a:link {
	border-top:inherit;
	border-left:inherit;
	border-right:inherit;
	border-bottom:inherit;
	text-decoration:none;
}
.thumbnail2 a:visited, a:hover { border-bottom:none; text-decoration:none; }
.quickTime a:link, .quickTime a:visited, .quickTime a:hover {	border:none; }

/* 	================================
		HACKS FOR USUAL SUSPECTS
		================================	*/

/*Hide from IE Mac\*/
* html #container_header { clear:both; position:absolute; margin:30px 20px 10px 0;	padding:0; }
/*End Hide from IE Mac*/

/*Hide from IE Mac\*/
* html #container_movie {margin:20px 0 0 20px;}
/*End hide from IE Mac*/

/*Hide from IE Mac\*/
* html #container_purchaseSQ {
	width:235px;
	height:22px;
	margin:0 20px 30px 0;
	/*padding:0 0 0 20px;*/
}
/*End hide from IE Mac*/

/*Hide from IE Mac\*/
* html #footer2 {
	text-align:left;
	margin:05px 0 0 20px;
	padding:0;
}
/*End Hide from IE Mac*/

/*	Opera 9.5 HACKS ------------------------------- */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	:root p.splash { font-size:1.2em; }
}


/* 	================================
		LIGHTBOX CSS
		================================	*/
		#lightbox{
			position: absolute;
			top: 40px;
			left: 0;
			width: 100%;
			z-index: 100;
			text-align: center;
			line-height: 0;
			}

		#lightbox a img{ border: none; }
		#lightbox a { border:none; text-decoration:none; }
		
		#outerImageContainer{
			position: relative;
			background-color: #fff;
			width: 250px;
			height: 250px;
			margin: 0 auto;
			}

		#imageContainer{
			padding: 10px;
			}

		#loading{
			position: absolute;
			top: 40%;
			left: 0%;
			height: 25%;
			width: 100%;
			text-align: center;
			line-height: 0;
			}
		#hoverNav{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 10;
			}
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}

		#prevLink, #nextLink{
			width: 49%;
			height: 100%;
			background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
			display: block;
			}
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		#prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 15% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background:url(../images/nextlabel.gif) right 15% no-repeat; }

		#imageDataContainer{
			font: 10px Verdana, Helvetica, sans-serif;
			background-color: #fff;
			margin: 0 auto;
			line-height: 1.4em;
			}

		#imageData{
			padding:0 10px;
			}
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
		#imageData #bottomNavClose{ width: 66px; float: right; background:url(../images/closelabel.gif) top left no-repeat; height:22px;padding-bottom: 0.7em; }	

		#overlay{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			height: 500px;
			background-color: #000;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
			}
		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}
		* html>body .clearfix {
			display: inline-block; 
			width: 100%;
			}
		* html .clearfix {
			/* Hides from IE-mac \*/
			height: 1%;
			/* End hide from IE-mac */
			}	
		/* END LIGHTBOX 2.0 CSS */