/*Colors for site :#c1282d=red; #ff0505 = slightly brighter red (for hover); #fff=white; #000 = black */


*{
	margin:0px;
	padding:0px;
}


/*rules for slide down menu*/
span.reference{/*from slide-down-menu jQuery plugin: http://tympanus.net/codrops/2010/07/16/slide-down-box-menu.*/
	position:fixed;/*from slide-down-menu jQuery plugin, OK to change*/
	left:10px;/*from slide-down-menu jQuery plugin*/
	bottom:15px;/*from slide-down-menu jQuery plugin*/ /*SK Changed from 10 to 12 px. raised the subtitle in nav so not touching bottom of box*/
	font-size:12px;/*from slide-down-menu jQuery plugin*/
}
span.reference a{/*from slide-down-menu jQuery plugin*/
	color:#aaa;/*from slide-down-menu jQuery plugin*/
	text-transform:uppercase;/*from slide-down-menu jQuery plugin*/
	text-decoration:none;/*from slide-down-menu jQuery plugin*/
	text-shadow:1px 1px 1px #000;/*from slide-down-menu jQuery plugin*/
	margin-right:30px;/*from slide-down-menu jQuery plugin*/
}
span.reference a:hover{/*from slide-down-menu jQuery plugin*/
	color:#ddd;/*from slide-down-menu jQuery plugin*/
}
ul.sdt_menu{/*from slide-down-menu jQuery plugin*/
	margin-top:150px;/*from slide-down-menu jQuery plugin*/
}

nav{
	margin:5px 0px;
}

/*MENU STYLES*/
/*from slide-down-menu jQuery plugin: http://tympanus.net/codrops/2010/07/16/slide-down-box-menu.*/

/*SK note - "current" changes background (on box) and text color (on link). Needed to create 2 css to cover this; noted in rules below*/
	
		ul.sdt_menu{
			margin:0;
			padding:0;
			list-style: none;
			font-family:Helvetica, Arial, sans-serif; /*changed from "Myriad Pro", "Trebuchet MS", sans-serif to customize for SK site*/
			font-size:14px;
			/*width:900px; /*reduced from 1020px to customize for SK site*/
		}
		ul.sdt_menu a{
			text-decoration:none;
			outline:none;
		}
		ul.sdt_menu li{
			float:left;
			width:170px;
			height:85px;
			position:relative;
			cursor:pointer;
		}
		ul.sdt_menu li > a{ /*SK note: menu item (indiv blocks)*/
			position:absolute;
			top:0px;
			left:0px;
			width:170px;
			height:65px; /*SK note: reduced from 85px for customization for SK site*/
			z-index:12;
			background:transparent url(../images/overlay3.png) no-repeat bottom right; /*created new overlay image for contrast between bkgrd & menu*/
			-moz-box-shadow:0px 0px 2px #000 inset;
			-webkit-box-shadow:0px 0px 2px #000 inset;
			box-shadow:0px 0px 2px #000 inset;
		}
/*CURRENT box*/		ul.sdt_menu li.current > a{
			background:transparent url(../images/overlay4.png);
		}
		ul.sdt_menu li a img{
			border:none;
			position:absolute;
			width:0px;
			height:0px;
			bottom:0px;
			left:85px;
			z-index:100;
			-moz-box-shadow:0px 0px 4px #000;
			-webkit-box-shadow:0px 0px 4px #000;
			box-shadow:0px 0px 4px #000;
		}
		ul.sdt_menu li span.sdt_wrap{ /*SK note: text to bottom of menu*/
			position:absolute;
			top:22px;  /*changed from 25px to 22px, to raised the subtitle in nav so not touching bottom of box (for Chrome) must also change jQuery.js: "$elem.find('.sdt_active')" the last line of function, .animate({'top':'22px'},500); (currently this is line 154)*/
			left:0px;
			width:170px;
			height:40px; /*SK note: reduced from 60px for customization for SK site*/
			z-index:15;
		}
		ul.sdt_menu li span.sdt_active{ /*SK Note: dropdown active box*/
			position:absolute;
			background:#111;
			top:65px; /* reduced from 85px when making menu "shorter". sets top of dropdown box to bottom of menu. SK site */
			width:170px;
			height:0px;
			left:0px;
			z-index:14;
			-moz-box-shadow:0px 0px 4px #000 inset;
			-webkit-box-shadow:0px 0px 4px #000 inset;
			box-shadow:0px 0px 4px #000 inset;
		}
		ul.sdt_menu li span span.sdt_link,
		ul.sdt_menu li span span.sdt_descr,
		ul.sdt_menu li div.sdt_box a{
			margin-left:15px;     
			text-transform:uppercase;
			text-shadow:1px 1px 1px #000;
			font-size:13px; /*added font size. default from parent(14px) didn't allow full title. SK site*/
			
		}
		ul.sdt_menu li span span.sdt_link{
			color:#fff;
			font-size:24px;
			float:left;
			clear:both;
		}
/*CURRENT text*/	ul.sdt_menu li.current span span.sdt_link{ /*current placed on parent of child of submenu - SK*/
			color:#c1282d;
		}
		ul.sdt_menu li span span.sdt_descr{
			color:#c1282d;/*changed from #0B75AF to customize for SK site*/
			float:left;
			clear:both;
			width:155px; /*For IE7*/
			font-size:10px;
			letter-spacing:1px;
		}
		ul.sdt_menu li div.sdt_box{ /*SK Note: Sub menu box*/
			display:block;
			position:absolute;
			width:170px;
			overflow:hidden;
			height:170px;
			top:65px; /* reduced from 85px when making menu "shorter". sets top of dropdown box to bottum of menu. SK site */
			left:0px;
			display:none;
			background:#000;
			
		}
		ul.sdt_menu li div.sdt_box a{ /*main title in menu box - SK*/
			float:left;
			clear:both;
			line-height:30px;
			color:#c1282d;/*changed from #0B75AF to customize for SK site*/
		}
		ul.sdt_menu li div.sdt_box a:first-child{
			margin-top:15px;
		}
		ul.sdt_menu li div.sdt_box a:hover{
			color:#fff;
		}
/*END styles for slide-down-menu jQuery plugin: http://tympanus.net/codrops/2010/07/16/slide-down-box-menu.*/



header, hgroup, nav, section, article, aside, footer{
	display:block;
	} /*this allows older versions of IE to treat HTML5 elements (listed) as block level by default*/

body{
	background:url(../images/background.jpg) repeat;   
	font-family:Helvetica, Arial, sans-serif;
	margin-bottom:10px;
}
.logo{
	position:absolute;
}
#container{
	width:1020px;
	margin:0px auto 0px auto;
	padding:0px 25px;
}
header{
	margin:5px auto 105px auto;
	height:85px;
}
#mainContent{
	clear:both;
}
#twoThirds, #fullPage{ /*refers to width of "col" for in the main Cont. SK*/
	padding:20px 25px;
	background-color:#CCC;
	-moz-background-color:hsla(0,0%,100%,.75);
	-webkit-background-color:hsla(0,0%,100%,.75);
	background-color:hsla(0,0%,100%,.75);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	min-height:185px;
}

#fullPage{
	width:968px;
}
#twoThirds{
	width:475px;
	padding:25px 68px 15px;
}
#twoThirds_PS{		/*for Consent Page (Palm Springs)*/
	padding:25px 68px 15px;
	background-color:#CCC;
	-moz-background-color:hsla(0,0%,100%,.75);
	-webkit-background-color:hsla(0,0%,100%,.75);
	background-color:hsla(0,0%,100%,.75);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	width:475px;
	min-height:386px; 
	}
aside {
	float:right;
	width:375px;
	color:#FFF;
	font-weight:lighter;
	background-color:#000;
	-moz-background-color:hsla(0,0%,0%,.25);
	-webkit-background-color:hsla(0,0%,0%,.25);
	background-color:hsla(0,0%,0%,.25);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
aside section{
	margin:0px 0 0 0;
	padding:0px 25px 10px 25px;
}
aside p{
	margin:20px 0;
}
article{
	margin:25px 0px 5px 0px;
}
.imgHolder{
	min-height:200px;
}
p{
	font-size:.9em;
	line-height:1.2em;	
	margin:5px 0 15px 0;
}
p.instructions{
	font-size:.75em;
	font-style:italic;
	color:#666;
}
#gallery p{
	margin:20px 0 0 0;
}
#gallery p.inline{
	margin:-20px 15px 5px 0; /*chrome can't have this top be less than -20px. Otherwise text smashed into the img*/
}
p.inline{
	display:inline-table;
	width:100px;
	text-align:center;
	font-size:.8em;
	font-style:italic;
}
.readMore1, .readMore2, .readMore3, .readMore4, .readMore5{ /*made inline-block so readmore link on illustration page would appear under title, and next title would be inline*/
	display:inline-block;
}
h2{
	font-size:1.3em;
}
h2 aside{
	color:#FFF;
	font-size:.75em;
}
h3{  	 /*At this point only used in the aside title. May need to make rule more specific if h3 needin another place w different rules*/
	text-align:center;
	font-style:italic;
	margin:25px 0;
}
h5{
	font-size:.9em;
	margin:10px 0 3px 0;
}
h5 a{
	font-weight:lighter; /*H5 is used as description title for gallery items. this rule makes the link lighter wt, which visually looks better. OK to change*/
}
li.liLinks{        /* .liLink class created for li of lionk on etc page. can use in other places if same format needed. OK to change.*/
	font-size:.9em;
	line-height:1.2em;
	list-style-type: none;
	margin:4px 0px 7px 25px
}
a{
	color:#c1282d;
}
a:hover{
	color:#ff0505;
}
.smReadMore a{
	font-size:.7em;
}
.infoBox{
	position:relative;
}
a img {
	border:none
} /*IE fix to remove border from images that are links (such as the logo/header image */
imgHolder{
	height:200px;
	margin:10px 0 5px 0;
}
article img{
	float:left;
	margin:0px 30px 0px 0px;
	-moz-box-shadow:2px 3px 4px #333;
	-webkit-box-shadow:2px 3px 4px #333;
	box-shadow:2px 3px 4px #333;
}
#twoThirds_PS article img{   	/*for Consent Page (Palm Springs)*/
	float:left;
	margin:0px 30px 0px 0px;
	-moz-box-shadow:0px 0px 0px #333;
	-webkit-box-shadow:0px 0px 0px #333;
	box-shadow:0px 0px 0px #333;
}

#gallery img{  /*gallery is for PhotoBox*/
	margin:3px 15px 17px 0;
}
.imgIndent{
	padding-left:120px;
}
#blueHost img{
	margin:20px 75px;
}
footer{
	margin:15px 0 0 0;
	padding:4px;
	font-size:.75em;
	color:#c1282d;
	text-align:center;
	background-color:#000;
	-moz-background-color:hsla(0,0%,0%,.45);
	-webkit-background-color:hsla(0,0%,0%,.45);
	background-color:hsla(0,0%,0%,.45);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.clearIt{
	clear:both;
}