@charset "utf-8";

/* CSS Document for SoH Studios - Contains CSS structure and styling code specific for this site*/
/*Copyright 2009 Sleight-of-Hand Studios LLC; All Rights Reserved*/
/**/

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #F09 url(../images/curt_rt.jpg) repeat -10px;
	/*line-height: 16px;*/
}
h1, h2, h3, h4, h5, h6 {
	color: #004F93;
}


h1 {
	/*color: #00001E;*/
	font-size: 1.8em;
	line-height: 1.4em;
	margin-top: .5em;
	margin-bottom: 0.5em;
	text-transform: none;
	width: 90%;
	border-top: 0px none #CCC;
	border-right: 0px none #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 0px none #CCC;
}
h2 {
	font-size: 1.4em;
	line-height: 1.44em;
	margin-top: 1.1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
h3 {
	font-size: 1.3em;
	color: #00001E;
}
p {
	margin-bottom: 1em;
	line-height: 1.4em;
	font-size: 1.3em;
}
a:link,a:visited,a:hover,a:active {
	color: #005393;
}
a:visited {
	color: #FF3300;
}
/*___________ Page structure _________________________________________________________________*/

#topCurtain {
	height: 44px; /*88px;*/
	width: 100%;
	border-bottom: 4px solid #020225;
	overflow: hidden;
	background: url(../images/index_04.jpg);
}
#container {
	/*width: 760px;was 800, dec'd to contain templ_10*/
	background: #00001E;
	margin-right: auto;
	margin-left: auto;
	/*height: 100%;*/
	/*min-height: 600px;*/
	/*position: relative;*/
	/*top: 88px;*/
	width: 900px;
}
#back {
	background: #FFF;
}
#navMain {
	/*width: 558px;*/
	float: right;
	height: 25px;
	/*margin-left: 5px;*/
	padding-top: 10px;
	/*margin-top: 3px;*/
	background: #00001E;
}

#navMain a:link,#navMain a:visited,#navMain a:hover,#navMain a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	/*height: 35px;
	padding-top: 10px;*/
	padding-right: 23px;
	padding-bottom: 10px;
	padding-left: 22px;
	font-weight: bold;
}
#navMain  a:hover {
	text-decoration: underline;
}




#header {
	height: 170px;
	/*background: #004F93;*/
	background: #FFF;
	background-image: url(../images/header4.jpg);
	background-position:80px 0;
}

#logo {
	width: 200px;
	cursor: pointer;
	background-color: #004F93;
	height: 170px;
	color: #FFF;
	float: left;
}
#logo p {
	position: relative;
	top: 50px;
	font-size: 1.5em;
	display: block;
	margin: 0 auto 0 auto;
	width: 75%;
}

#logo img {

}


#banner {
	/*width: 300px;*/
	width: 500px;
	margin-left: 5px;
	float: left;
	margin-top: 3px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 140px;
	color: #FFF;
}
#banner  h1, #banner h2, #banner h3, #banner p{
	color: #FFF;
}
#banner a:link,#banner a:visited,#banner a:hover,#banner a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	height: 35px;
	/*padding-top: 10px;
	padding-right: 23px;
	padding-bottom: 10px;*/
	padding-left: 10px;
	font-weight: bold;
}
#pom {
	width: 170px;
	margin-top: 0px;
	/*border: 1px solid #CCC;*/
	display: block;
	text-align: center;
	padding-top: 1px;
	float: right;
	background: #00001E;
	color: #FFF;
	background: url(../images/POMbkg.jpg) repeat -30px;
	height: 169px;
}
#pom img {
	margin-left: auto;
	margin-right: auto;
	border-top: 0px solid #DDD;
	border-right: 2px solid #DDD;
	border-bottom: 2px solid #DDD;
	border-left: 0px solid #DDD;
}
#pom450 {
	color: #FFF;
	z-index: 1000;
	position: absolute;
	right: 0px;
	height: 450px;
}

#pom450 img {
	border-top: 0px solid #DDD;
	border-right: 2px solid #DDD;
	border-bottom: 2px solid #DDD;
	border-left: 0px solid #DDD;
}

#content {
	/*border: 1px solid #00001E;*/
	clear: both;
	background: url(../images/blk.jpg) repeat-y -5px;
	position: relative;
	float: left;
}

#left {
	width: 200px;
	float: left;
	background: #000;
	height: 100%;
	/*height: 100%;*/
	/*border: 1px dotted #CC6633;*/
}
#handTop {
	margin-bottom: 15px;
	margin-top: 10px;
}
#handBot {
	margin-top: 15px;
	margin-bottom: 10px;
}

/*.box_Feature h1 { not used
	background-color: #00001E;
	height: 20px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 5px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	font-weight: bold;
}*/


#mainContent {
	/*width: 545px;based on orig template*/
	width: 655px;
	float: left;
	border-top-width: 0px;
	/*background-image: url(../images/lens_rabbit_comp_round.jpg);
	background-position: right;
	background-repeat: no-repeat;*/
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-left: 20px;
	padding-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background: #FFF;
}
#mainContent ul li {
	font-size: 1.2em;
}
.twoCol #mainContent {
	/*width: 545px;based on orig template*/
	width: 475px;
}
#navSub {
	/*padding: 10px;*/
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-top: 3px;
	margin: 5px 0;
	padding-left: 5px;*/
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	/*background-color: #EEF9FB;*/
	color: #009999;
	font-size: 130%;
	
}



#navSub h1 {
	background-color: #00001E;
	height: 20px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 5px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	font-weight: bold;
}
/*#navSub ul {
	padding-top: 1em;
}*/
#navSub li {
	list-style: none;
	/*line-height: 1.2em;*/
	/*display: block;
	margin: 0 0 .5em 0;*/
}
#navSub a:link, #navSub a:visited, #navSub a:hover, #navSub a:active {
	color: #111;
	text-decoration: none;
}
#navSub a:hover {
	color: blue;
}


.box_HlfBox {
	width: 315px;
	margin-bottom: 5px;
	height: 100%;
	margin-right: 10px;
}
.box_QtrBox {
	width: 20%;
	margin-top: 5px;
	margin-right
	: 3%;
	float: left;
	margin-bottom: 5px;
	height: 160px;
	overflow: hidden;
	min-height: 150px;
}
.box_ColBox {
	width: 95%;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	position: relative;
	font-size: 90%;
	border-bottom: 4px solid #01538F;
}
.box_Feature {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	height: 100%;
	background-color: #EAEFF1;
	padding: 1em;
	line-height: 1.4em;
	color: #005393;
}
.box_Feature p     {
	line-height: 1.4em;
	padding-right: 1em;
	padding-left: 1em;
}
.box_Feature  h2 {
	color: #666666;
	font-size: 1.5em;
	margin-bottom: 0.5em;
}



.boxContent {
	/*padding: .5em 0 5px 2%;*/
	border: 0px solid #222;
	width: 100%;
	/*background: #97AFBB 10px;*/
	background: #EAEFF1;/*SoH Silver*/
	border-bottom-width: 2px;
}
.boxContent ul {
	padding: 1em 0;
}
.boxContent li {
	line-height: 1.2em;
	display: block;
	margin: 0 0 .5em 0;
	list-style: disc;
}
.boxContent > p {
	margin: 0 .5em;
	padding: 1em;
}



/*div.boxContent * { /*keeps any special top p or h(n) formatting from separating box from header
	margin-top: 0;
}
div.boxContent p + p {
	margin-top: .9em;
}*/
.boxHeader {
	/*background-color: #00001E;
	height: 20px;
	text-align: left;
	padding-top: 5px;
	padding-left: 0%;padding-left: 0.5em;
	color: #FFF;*/
	padding-top: .3em;
	padding-bottom: 1em;
	width: 100%;
	background: url(../images/butFeature_bkg.jpg) 0px -10px;
}
.boxHeader h1, .boxHeader h2, .boxHeader h3 {
	font: Verdana,Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFF;
	font-weight: bold;
	margin-left: 10%;
}

.boxHeader h1 {
	font-size: 1.6em;
}

.boxHeader h2 {
	font-size: 1.5em;
}
.boxHeader h3 {
	font-size: 1.2em;
}

.but_Feature {
	width: 95%;
	color: #EAEFF1;/*#333;*/
	text-align: center;
	padding-top: 8px;
	letter-spacing: 1px;
	visibility: visible;
	padding-bottom: 10px;
	height: auto;
	border-bottom: 1px #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 3px auto 2px auto;
	background: url(../images/butFeature_bkg.jpg) 0px -10px;
	font: 1.5em Arial, Helvetica, sans-serif;
}
.but_Feature a {
	color: #FFF;
}

.twoCol #subContent {
	/*width: 545px;based on orig template*/
	width: 175px;
	float: right;
	display: block;
	padding-bottom: 4em;
	margin: 5em 0 0 0;
}
#subContent { /*2nd col on two col pages; will only display if body has .twoCol attrib set*/
	display: none;
}
#footer {
	height: 25px;
	/*width: 760px;*/
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #093;
	text-align: center;
	clear: both;
	padding: 5px 0;
	background: url(../images/butFeature_bkg.jpg) repeat-x 0px -10px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #CCC;
}
#floor {
	background: #111;
	height: 50px;
	background-color: #463000;
}

/*.box_QtrBox_old {
	width: 122px;
	float: right;
	margin-top: 5px;
	margin-left: 200px;
	margin-left: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 5px;
}*/

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #00001E;
	margin-bottom: 1em;
}
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.contenta {
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
}

.quote {
	color: #F60;
	font-size: 1em;
	padding: 2.5em 0.5em 0em;
	margin: 0 auto;
	width: 155px;
	line-height: 0.5em;
	border-top: 1px solid #999;
	border-right: 1px none;
	border-bottom: 1px none;
	border-left: 1px solid #999;
	background: url(../images/quot_close.gif) no-repeat;
}
.quote p {
	line-height: 1.2em;
	font-style: normal;
}

/* SPRY Menu overrides -------------------- */
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	width: auto;
	white-space: nowrap;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	width: auto;
	background-color: #00001E;
	white-space: nowrap;
	border: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: auto;
	float: none;
	background-color: transparent;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	background-color: #00001E;
	padding: 0;
	color: #666;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #00001E;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #00001E;
}


strong {
	font-weight: bold;
}
#login {
	visibility: hidden;
}