/*

	Primary Stylesheet
	
-------------------------------------------------------------------------------*/

/* CSS Reset
-------------------------------------------------------------------------------*/
.form-group {
    margin-bottom: 15px;
}
label {
    text-transform: uppercase;
}
label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 80%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #333;
    margin-top: 20px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


textarea.form-control {
    height: auto;
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

/* Globals
-------------------------------------------------------------------------------*/

body {
	background: url(../images/backgrounds/body.png);
	font-family: Arial, Helvetica, sans-serif;
}

body, select, input, textarea {color: #666666;}

a {color: #466180;}
a:hover {color: #000;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

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

header {
	background: url(../images/backgrounds/header.jpg) repeat-x;
	height: 162px;
}

#header-outer {
	background: url(../images/backgrounds/header-glow.png) no-repeat center top;
	height: 162px;
	margin: 0 auto;
	width: 100%;
}

#header-inner {
	height: 162px;
	margin: 0 auto;
	width: 950px;
}

#logo {
	background: url(../images/backgrounds/logo.png) no-repeat;
	height: 112px;
	text-indent: -9999px;
	width: 500px;
}

#logo a {
	float: left;
	height: 85px;
	position: relative; top: 15px;
	width: 160px;
	text-indent: -9999px;
}

#banner-contact {
	font-family: "Times New Roman", Times, serif;
	color: #dadfe5;
	float: right;
	font-size: 14px;
	text-align: right;
	padding: 26px 0 0 0;
	text-shadow: 1px 1px #253951;
	text-transform: uppercase;
	width: 200px;
}

#banner-contact strong {
	background: url(../images/backgrounds/phone-icon.png) no-repeat 10px 3px;
	border-bottom: 1px solid #70869e;
	display: block;
	float: right;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 0 8px 32px;
	width: 168px;
}

#banner-contact span {
	border-top: 1px solid #364f6c;
	display: block;
	float: right;
	padding: 8px 0 0 0;
	width: 220px;
}

/* Nav */

#primary {}

#primary ol {
	background: url(../images/backgrounds/nav-divider.gif) repeat-y left top;
	float: left;
	list-style-type: none;
	margin: 10px 0 0 0;
}

#primary ol li {
	background: url(../images/backgrounds/nav-divider.gif) repeat-y right top;
	float: left;
	list-style-type: none;
}

#primary ol li a {
	color: #50555c;
	font-size: 13px;
	font-weight: bold;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 17px 0 16px;
	position: relative;
	text-decoration: none;
}

#primary ol li a:hover {
	color: #000;
	text-decoration: underline;
}

#primary ol li.selected {
	border: 0;
	position: relative; left: -2px; z-index: 999;
	background: url(../images/selected-left.png) no-repeat;
}

#primary ol li.selected a {
	background: url(../images/selected-right.png) no-repeat right top;
}

#primary ol li.selected a:hover {text-decoration: none;}


#primary ol li.paybutton {
	border: 0;
	position: relative; left: -2px; z-index: 999;
	background: url(../images/paybutton.png) no-repeat;
	color: #fff;
}

#primary ol li.paybutton a {
	color: #fff;
	font-weight: normal;
	background: url(../images/paybutton-right.png) no-repeat right top;
}

#primary ol li.paybutton a:hover {text-decoration: none;}


/* 
drop-down specifics
=----------------------------------------*/

/* top lvel */
#primary ol { position: relative; z-index: 999;}
#primary ol li { zoom: 1;}
#primary ol li a {display: block;}
#primary ol li.hover,
#primary ol li:hover {position: relative; z-index: 999;}

/* 
sub items
=----------------------------------------*/

#primary ol ol { 
	background: url(../images/backgrounds/dd-top.png) no-repeat 0 0;
	margin: 0;
	padding: 24px 0 0 0;
	position: absolute; top: 25px; left: 0; 
	visibility: hidden; 
	width: 210px;
	z-index: 999;
}
		
#primary ol ol li,
#primary ol ol li:hover {
	background: url(../images/backgrounds/dd-item.png) repeat-y !important;
	float: left;
	height: auto; 
	margin: 0 !important;
	padding: 0 20px;
	width: 170px; 
	z-index: 999; 
}

#primary ol ol li.final-item,
#primary ol ol li.final-item:hover {
	background: url(../images/backgrounds/dd-final-item.png) no-repeat left bottom !important;
	padding: 0 20px 20px 20px;
}


#primary ol ol li a	{
	background: url(../images/backgrounds/dd-link.png) repeat-x left bottom !important;
	color: #50555c !important;
	display: inline-block; /* IE 6 & 7 Needs Inline Block */
	float: left; 
	font-size: 12px;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	padding: 0;
	width: 170px; 
}

#primary ol ol li a span {display: none;}

#primary ol ol li a:hover {
	color: #50555c !important;
	cursor: pointer !important;
	text-decoration: underline !important;
}



/* Body Structure
-------------------------------------------------------------------------------*/

#content-outer {
	background: url(../images/backgrounds/container-outer.jpg) repeat-x;
}

#content-inner {
	background: url(../images/backgrounds/header-glow.png) no-repeat center top;
}

#content-container {
	background: url(../images/backgrounds/content-shadows.png) no-repeat 0 69px;	
	margin: 0 auto;
	width: 950px;
}

#content {
	background: url(../images/backgrounds/content-corner.png) #ffffff no-repeat 1px 1px;
	float: left;
	font-size: 12px;
	line-height: 1.8;
	min-height: 600px;
	padding: 30px;
	width: 590px;
}

#content-blog-intro {
	background-color: #fff;
	float: left;
	font-size: 14px;
	line-height: 1.8;
	padding: 30px 30px 0 30px;
	width: 590px;
	font-style: italic;
}

#content-blog {
	background-color: #fff;
	float: left;
	font-size: 12px;
	line-height: 1.8;
	padding: 30px 30px 20px 30px;
	width: 590px;
}
#content-blog h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}
#content-blog h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
#content-blog ol {
	font-size: 120%;
}

/* Text
-------------------------------------------------------------------------------*/

h1 {
	font-family: 'Crimson Text', serif;
	font-size: 40px; line-height: 1;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 20px 30px;
	text-shadow: 1px 1px #e5e5e5;
}

h2 {
	color: #3d4b66;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -0.05em;
	line-height: 1.3;
	margin: 0 0 10px 0;
	overflow: visible;
}

h3 {
	color: #3d4b66;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 5px 0;
}


#content p, #content-blog p {
	padding: 0 0 30px 0;
	font-size: 120%;
}



#content h4, #content-blog h4 {
	font-size: 120%;
}

#content ul, #content-blog ul {
	padding: 20px 0 30px 15px;
	font-size: 120%;
}

#content ul ul, #content-blog ul ul {
	padding: 0 0 0 15px;
}

#content ul li, #content-blog ul li {
	background: url(../images/backgrounds/ul-li.gif) no-repeat 0 8px;
	padding: 0 0 8px 15px;
}

#content ol, #content-blog ol {
	padding: 0 0 30px 20px;
}

#content ol li {
}

#content a.button, #content-blog a.button {
	background: url(../images/backgrounds/index/column-button-left.jpg) no-repeat;
	color: #fff;
	font-family: 'Crimson Text', serif;
	font-size: 13px;
	font-weight: 400;
	float: left;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	text-shadow: 1px 1px #314459;
	text-transform: uppercase;
}

#content a.button span, #content-blog a.button span {
	background: url(../images/backgrounds/index/column-button-right.jpg) no-repeat right top;
	float: left;
	padding: 0 10px;	
}

#content a.button:hover, #content-blog a.button:hover {
	background-position: 0 -31px;
}

#content a.button:hover span, #content-blog a.button:hover span {
	background-position: right -31px;
	text-shadow: 1px 1px #000000;
}


/* Images
-------------------------------------------------------------------------------*/

img.sit-right {
	border: 5px solid #eeede9;
	float: right;
	margin: 5px 0 10px 30px;
}

img.sit-left {
	border: 5px solid #eeede9;
	float: left;
	margin: 3px 30px 10px 0;
}

/* Location Pages
-------------------------------------------------------------------------------*/

p#aasm-badge {
	background: url(../images/backgrounds/location-aasm-badge.png) no-repeat 0 30px;
	float: right;
	height: 90px;
	text-indent: -9999px;
	width: 270px;
}

#location-photos {
	border-top: 1px solid #f2f1ec;
	border-bottom: 1px solid #f2f1ec;
	margin: 0 0 30px;
	padding: 20px 0 0;
}

#location-photos img {
	float: left;
	width: 173px;
}

#location-photos a  {
	border: 5px solid #eeede9;
	float: left;
	margin: 0 20px 20px 0;
	width: 173px;
}

#location-photos a.photo_3,
#location-photos a.photo_6 {
	margin-right: 0;
}
#location-photos a:hover {
	border: 5px solid #DBD9D4;
}

#map-wrapper {
	float: right;
	margin: 0 0 0 20px;
	width: 385px;
}

#map-wrapper iframe {
	border: 5px solid #eeede9;
}


/* Forms
-------------------------------------------------------------------------------*/

.content-form {
	background: url(../images/backgrounds/body.png);
	border-radius: 5px 5px 5px 5px;
	padding: 20px;
}

#content p.form-note {
	background: url(../images/backgrounds/sidebar-double-border.gif) repeat-x left bottom;
	font-size: 11px; font-style: italic;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}


#content .content-form ul {
	padding: 0;
}

#content .content-form ul li {
	background: none;
	margin: 0 0 12px 0;
	padding: 0;
	width: 275px; float: left;
	position: relative;
}

#content .content-form ul li#paypal-submit {
	padding: 23px 0 0 0;
}


#content label {
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 0 3px;
}

#content label.error {
	clear: both;
	color: #CC0000;
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	padding: 0;
	float: left;
	width: 245px;
	position: absolute; top: 25px; left: 4px;
}

/*
#content input[type=text] {
	border: 1px solid #ccc;
	padding: 3px;
	width: 245px;
}

#content textarea {
	border: 1px solid #ccc;
	padding: 3px;
	width: 245px;
}
*/



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

#sidebar {
	color: #666666;
	float: right;
	padding: 60px 0 0 0;
	width: 270px;
}

#sidebar h3 {
	color: #7c7c7a;
	font-size: 24px;
	padding: 0 0 10px 0;
}

#sidebar h4 {
	background: url(../images/backgrounds/sidebar-double-border.gif) repeat-x left bottom;
	color: #7c7c7a;
	font-family: 'Crimson Text', serif;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

#sidebar p {
	font-size: 12px;
	line-height: 1.8;
	padding: 0 0 10px 0;
}

#sidebar ul {
	font-size: 12px;
	line-height: 1.6;
	padding: 0 0 10px 10px;
}

#sidebar ul li {
	background: url(../images/backgrounds/sidebar-li.gif) no-repeat 0 7px;
	padding: 0 0 10px 15px;
}

#sidebar a.button {
	background: url(../images/backgrounds/sidebar-button-left.jpg) no-repeat;
	color: #1a1a1a;
	font-family: 'Crimson Text', serif;
	font-size: 15px;
	font-weight: 600;
	float: left;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	text-shadow: 1px 1px #f6f6f5;
	text-transform: uppercase;
}

#sidebar a.button span {
	background: url(../images/backgrounds/sidebar-button-right.jpg) no-repeat right top;
	float: left;
	padding: 0 10px;	
}

#sidebar a.button:hover {
	background-position: 0 -31px;
}

#sidebar a.button:hover span {
	color: #000;
	background-position: right -31px;
}

#secondary {}

#secondary ol {
	float: right;
	line-height: 1;
	list-style-type: none;
	padding: 0 0 30px 0;
	width: 270px;
}

#secondary ol li {
	background: url(../images/backgrounds/subnav-li.gif) repeat-x left bottom;
	float: right;
	width: 270px;
}

#secondary ol li a {
	background: url(../images/backgrounds/subnav-links.png) no-repeat 0 3px;
	color: #4c4c4c;
	font-size: 13px;
	float: right;
	padding: 10px 0 10px 30px;
	text-decoration: none;
	width: 240px;
}

#secondary ol li a:hover {
	background-position: 0 -137px;
}

#secondary ol li a.sub-selected {
	background-position: 0 -67px;
	cursor: default;
}

#sidebar div.testimonial {
	background: url(../images/backgrounds/quotes.png) no-repeat;
	color: #1a1a1a;
	font-family: 'Crimson Text', serif;
	float: right;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 30px 0;
	padding: 5px 0 0 0;
	text-align: right;
}

#sidebar div.testimonial p {
	font-size: 16px;
	padding: 0 0 15px 0;
}

#sidebar div.testimonial p.quoted {
	background: url(../images/backgrounds/sidebar-double-border.gif) repeat-x left bottom;
	line-height: 15px;
}

#sidebar div.call-to-action {
	background: url(../images/backgrounds/sidebar-double-border.gif) repeat-x left bottom;
	float: left;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
}

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

#footer-outer {
	background: url(../images/backgrounds/footer-outer2.png) repeat-x;
	height: 330px;
	width: 100%;
}

#footer-inner {
	background: url(../images/backgrounds/footer-glow.png) no-repeat center;
}

#footer {
/* 	background: url(../images/backgrounds/content-shadows.png) no-repeat 0 -12px; */
	color: #fff;
	font-size: 13px;
	height: 330px;
	line-height: 1.6;
	margin: 40px auto 0;
	padding: 50px 0 0 0;
	width: 950px;
}

#footer div {
	background: url(../images/backgrounds/footer-column.png) repeat-y right top;
	float: left;
	height: 145px;
	padding: 20px 35px 0 35px;
	width: 245px;
}

#footer div#left {
	height: 165px;
	padding: 0 35px 0 0;
	width: 280px;
}

#footer div#right {
	background: none;
}

#footer a {color: #b2bbc1;}
#footer a:hover {color: #fff;}

#footer p {
	padding: 0 0 10px 0;
}

#footer p#footer-payment {}

#footer p#footer-payment img {
	float: left;
	margin: 0 4px 0 0;
}

#footer-logo {	
	background: url(../images/backgrounds/footer-logo.png) no-repeat;
	float: left;
	height: 81px;
	margin: 0 0 5px 0;
	text-indent: -9999px;
	width: 280px;
}

#footer div#left p {
	padding: 0 0 10px 30px;
}	

#footer-nav ol {
	list-style-type: none;
}

#footer-nav ol li {
	background: url(../images/backgrounds/footer-nav-li.gif) no-repeat 0 6px;
	float: left;
	padding: 0 0 5px 15px;
	width: 107px;
}

#right p img {
	float: right;
	margin: 0 0 0 10px;
}