/*
	960 Grid System ~ Core CSS. Learn more at http://960.gs/
	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12 {margin-left: auto; margin-right: auto; width: 960px; background: #fff url(../img/container_back.gif) no-repeat;}

	.container_12 .footer {background-image: url(../img/footer_slice.gif); border-bottom: 3px solid #c0d3ec; width: 960px; margin: 0 0 0 0;}

	.container_12 .footer p {margin: -5px 0 0 0; padding: 0 0 0 22px; font-family: "Lucida Sans Unicode" "Lucida Grande" san serif; color: #fff; word-spacing: .2em; text-align: left; line-height: 1.6em; font-size: 1.11em;}

	.container_12 .footer a {color: #fff; text-decoration: underline;}
	
	#rotator_frame {background-image: url(../img/rotator_frame.gif); background-repeat: no-repeat; height: 338px; margin: 15px 0 0 15px;}
	
	#adtext_frame {background-image: url(../img/adtext.gif); background-repeat: no-repeat; height: 332px; margin: 38px 0 0 15px;}

	#interior_frame {height: 338px; margin: 15px 0 0 15px;}
	
	#slideshow {position:relative; top:6px; left: 6px;}
	
	#face {padding: 40px 0 0 5px;}


/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display: inline; float: left; margin-left: 10px; margin-right: 10px;}

.container_12 .grid_3 {width: 220px;}

.container_12 .grid_6 {width: 445px;}

.container_12 .grid_9 {width: 700px;}

.container_12 .grid_12 {width: 940px;}


/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}

.omega {margin-right: 0;}


/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1 {width: 60px;}

.container_12 .grid_2 {width: 140px;}

	.top_thumbs {padding: 0px 0 0 25px;}

	.middle_thumbs {padding: 20px 0 0 25px;}

	.lower_thumbs {padding: 20px 0 5px 25px;}
	
.container_12 .grid_4 {width: 300px;}

.container_12 .grid_5 {width: 380px;}

.container_12 .grid_7 {width: 540px;}

.container_12 .grid_8 {width: 620px;}

.container_12 .grid_10 {width: 780px;}

.container_12 .grid_11 {width: 860px;}


/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3 {padding-left: 240px;}

.container_12 .prefix_6 {padding-left: 480px;}

.container_12 .prefix_9 {padding-left: 720px;}


/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1 {padding-left: 80px;}

.container_12 .prefix_2 {padding-left: 160px;}

.container_12 .prefix_4 {padding-left: 320px;}

.container_12 .prefix_5 {padding-left: 400px;}

.container_12 .prefix_7 {padding-left: 560px;}

.container_12 .prefix_8 {padding-left: 640px;}

.container_12 .prefix_10 {padding-left: 800px;}

.container_12 .prefix_11 {padding-left: 880px;}


/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3 {padding-right: 240px;}

.container_12 .suffix_6 {padding-right: 480px;}

.container_12 .suffix_9 {padding-right: 720px;}


/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1 {padding-right: 80px;}

.container_12 .suffix_2 {padding-right: 160px;}

.container_12 .suffix_4 {padding-right: 320px;}

.container_12 .suffix_5 {padding-right: 400px;}

.container_12 .suffix_7 {padding-right: 560px;}

.container_12 .suffix_8 {padding-right: 640px;}

.container_12 .suffix_10 {padding-right: 800px;}

.container_12 .suffix_11 {padding-right: 880px;}


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}


/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0;}

.clearfix {display: inline-block;}

* html .clearfix {	height: 1%;}

.clearfix { display: block;}


/* =HighSlide functionality
--------------------------------------------------------------------------------*/

.highslide {cursor: url(../highslide/graphics/zoomin.123), pointer; outline: none;}

.highslide-active-anchor img {visibility: hidden;}

.highslide img {/* border: 2px solid gray; */}

.highslide:hover img {/* border: 2px solid white; */}

.highslide-wrapper {background: white;}

.highslide-image {border: 2px solid white;}

.highslide-image-blur {}

.highslide-caption {display: none; border: 2px solid white; border-top: 1px solid #9e9e9e; padding: 10px 0 10px 0; line-height: 1.3; background-color: white; font-family: "Lucida Sans Unicode" "Lucida Grande" san serif; font-weight: bold; text-align: center; color: #444444; font-size: 1.2em;}

.highslide-loading {display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(../highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;}

a.highslide-credits, a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 10px;}

a.highslide-credits:hover, a.highslide-credits:hover i {color: white; background-color: gray;}

.highslide-move {cursor: move;}

.highslide-overlay {display: none;}

a.highslide-full-expand {background: url(../highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}

/* .highslide-dimming {position: absolute; background: black;}*/


/* Controlbar  */
.controlbar {background: url(../highslide/graphics/controlbar4.gif); width: 167px; height: 34px;}

.controlbar a {display: block; float: left; /*margin: 0px 0 0 4px;*/	height: 27px;}

.controlbar a:hover {background-image: url(../highslide/graphics/controlbar4-hover.gif);}

.controlbar .previous {width: 50px;}

.controlbar .next {width: 40px; background-position: -50px 0;}

.controlbar .highslide-move {width: 40px; background-position: -90px 0;}

.controlbar .close {width: 36px; background-position: -130px 0;}


/* Necessary for functionality */
.highslide-display-block {display: block;}

.highslide-display-none {display: none;}