/*------------------------------------------------------------------------------
              	Eric Meyers "Reset Reloaded"
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

hr {border: none 0; 
border-top: 1px dashed #acacac;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/

margin: 20px 0 10px 0;
}

body {
	font:82% Verdana, Helvetica, Arial, sans-serif;
	color: #464646;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

ol, ul {
	margin:1em;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

p {
	line-height:1.5em;
	margin-bottom:1em;
}

.small {font-size: .8em;}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	display:block;
	text-align:center;
}

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


/*------------------------------------------------------------------------------
                                    Defaults
------------------------------------------------------------------------------*/
html, body {
	height:100%;
}

body {
	background:#fff;
	text-align:center;
}

h1, h2, h4, span.title {
	display:block;
	font:2.5em "GaramondPremrPro Disp", "Adobe Garamond Pro", "Garamond Premier Pro", Garamond, serif;
	color:#611f00;
	margin-bottom:0.5em;
}

h2 {
	font-size:2em;
}

h3 {
	font-weight:bold;
	font-size:1em;
	margin-top: 1.5em;
	margin-bottom:1.1em;
	line-height: 1.5em;
}

h3.release {font-size: 1.3em;}


h4 {
	font-size:1.3em;
	text-transform:uppercase;
	letter-spacing:0.2em;
}

h5 {
}

h6 {
}

p {
}

span {
}

a, a:link, a:visited {
	color:#3d88f9;
}

a:hover, a:active {
	color:#583df9;
}

/*------------------------------------------------------------------------------
                               Containing Elements
------------------------------------------------------------------------------*/

#outer_header {
	position:absolute;
	width:100%;
	background:url("images/site/headerBG.jpg") repeat-x left top;
	padding:55px 0;
	height:27px;
}

#header {
	width:840px;
	margin:0 auto 80px auto;
}

#clearHeader {
	height:200px;
}

body.home #clearHeader {
	height:540px;
}

#content {
	width:840px;
	min-height:100%;
	margin:0 auto -100px auto;
}

#main {
	position:relative;
	float:right;
	width:630px;
	text-align:left;
	font-size:0.9em;
}

#sidebar {
	position:relative;
	width:175px;
	margin-right:35px;
	float:left;
	text-align:left;
}

#clearFooter {
	clear:both;
	height:130px;
}

#footer {
	clear:both;
	position:relative;
	height:20px;
	font-size:0.8em;
	color:#fff;
	padding:30px 0 50px 0;
	background:lightblue;
	background:#597da1 url("images/site/footerBG.png") repeat-x left top;
}

/*------------------------------------------------------------------------------
                                     Header
------------------------------------------------------------------------------*/

#outerNav {
	clear:both;
	background:#3c72a0 url("images/site/navBG.jpg") repeat-x left top;
	height:28px;
}

#navigation {
	list-style:none;
	margin:0 auto;
	text-align:left;
	font: 0.9em "GaramondPremrPro Disp", "Adobe Garamond Pro", "Garamond Premier Pro", Garamond, serif;
	color:#fff;
	letter-spacing:0.15em;
	width:860px;
}

#navigation li {
	display:inline-block;
	height:100%;
}

#navigation li a, #navigation li a:link, #navigation li a:visited {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 20px;
	height:28px;
	line-height:28px;
	display:block;
}

#navigation li a:hover, #navigation li a:active {	
	background:url("images/site/navHover2.jpg") no-repeat center center;
}

#scrollOuter {
	background:#f4ede7 url("images/site/sliderBG.jpg") repeat-x left top;
	padding:15px 20px 0 20px;
}

#scrolling {
	width:960px;
	margin:0 auto;
}

div.divider {
	height:12px;
	width:100%;
	background: url("images/site/slideBorder.jpg") repeat-x left top;
}


/*------------------------------------------------------------------------------
                                   Content
------------------------------------------------------------------------------*/

#content.home {
	padding:52px 0 40px 0;
}

a.bullet {
	background:url("images/site/listHover.gif") no-repeat center left;
	padding-left:16px;
}

#content.home div.left {
	width:43%;
	margin-left:100px;
}

#content.home div.left:first-child {
	margin-left:0;
}

#content img.left {
	margin:0 20px 10px 0;
}

#content img.right {
	margin:0 0 10px 20px;
}

#content.home #main {
	width:100%;
	float:right;
	margin-left:50px;
	font-size:0.9em;
}

#inset {float: right; width: 200px; background:url("images/site/box-bg.jpg") repeat-x left top;padding: 20px; border: 1px solid #630; margin: 5px 0 10px 10px;line-height: 1.5em;}

#main ul li {line-height: 1.5em;margin-bottom: 10px;}

#main ol li {font-size: .8em;margin-bottom: 10px;}


/*------------------------------------------------------------------------------
                                   Sidebar
------------------------------------------------------------------------------*/

#sidebar ul {
	list-style:none;
	margin:0;
	background:url("images/site/dotsH.gif") repeat-x left top;
}

#sidebar li {
	background:url("images/site/dotsH.gif") repeat-x left bottom;
	padding:5px 0;
}

#sidebar li a, #sidebar li a:link, #sidebar li a:visited {
	text-decoration:none; 
	color:#23477e;
	font-size:0.9em;
	padding-left:16px;
}

#sidebar li a:hover, #sidebar li a:active { 
	background:url("images/site/listHover.gif") no-repeat center left;
}



/*------------------------------------------------------------------------------
                                   Footer
------------------------------------------------------------------------------*/

#footer a, #footer a:link, #footer a:visited {
	text-decoration:none;
	text-transform:lowercase;
	color:#fff;
}

#footer a:hover, #footer a:active {
	color:#91c9ee;
}


/*------------------------------------------------------------------------------
                                   Contact Form
------------------------------------------------------------------------------*/

form {
	width:100%;
}

small {
	font-style:italic;
	font-size:0.9em;
	padding-left:160px;
}

span.required {
	font-size:1.1em;
	font-weight:bold;
	color:#a10000;
}

label {
	display:inline-block;
	width:100px;
	text-align:left;
	vertical-align:top;
	padding-top:2px;
}

label.tall {
	height:3.5em;
	float:left;
	margin-right:4px;
}

input, textarea, select {
	border:1px solid #3c6c8a;	
	background-color: #d7ebf7;
	padding:3px;
	font:1em Verdana, Helvetica, Arial, sans-serif;
	width:270px;

}

input.tall {
	margin-top:1em;
}

input.surprise {
	border:0;
	background:transparent;
	width:0;
	height:0;
	padding:0;
	margin:0;
	visibility:hidden;
	float:left;
}

input.button, select {
	margin-left: 0px;
}



input.button {
	width:auto;
}

select {
	width:277px;
}

#errors {
	color:#a10000;
	margin:0.7em;
}