
/* ===== COLORS ================================================== */

.dkblue { color: #1840A0; }

.blue { color: #3C9FE1; }

.aqua { color: #89C9F3; }

.ltaqua { color: #E7F6FF; }

.dktan { color: #AFAC9D; }

.tan { color: #DFDAC7; }

.lttan { color: #EFECE3; }

.required,
.error { color: #F00; }

/* ===== BASE ================================================== */

html,
body {
	background: #E7F6FF url("../images/bg.jpg") repeat-y center top;
	margin: 0;
	padding: 0;
	font: normal 12px "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

a img { border: none; }

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

a:focus,
a:hover,
a:active {
	color: #1840A0;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 { color: #3C9FE1; }

h3 { font-size: 1.5em; }

hr { }

strong,
em { color: #3C9FE1; }

#container {
	background-color: #FFF;
	position: relative;
	width: 830px;
	margin: 0 auto;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
	text-align: left;
}

/* ===== HEADER ================================================== */

#header {
	background: #DFDAC7 url("../images/header_bg.jpg") repeat-x left top;
	height: 90px;
}

#header h1 {
	width: 212px;
	margin: 0;
	float: left;
}

#header h1 a {
	display: block;
	background: #FFF url("../images/logo.jpg") no-repeat left top;
	height: 90px;
}

#header .utilities {
	background: transparent url("../images/support1_bg.jpg") no-repeat left top;
	float: left;
}

#header .utilities .contactinfo {
	height: 48px;
	margin: 0;
	padding: 12px 0 0 470px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

#header .utilities .contactinfo span {
	font-size: 1.67em;
	color: #1840A0;
}

/* ===== nav ===== */

#nav { height: 30px; }

#nav ul li {
	width: 103px;
	text-align: center;
	float: left;
}

#nav ul li a {
	display: block;
	background: transparent url("../images/nav_on.jpg") no-repeat left top;
	width: 103px;
	height: 20px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
}

#nav ul li a:hover,
#nav ul li.on a {
	background-color: #CCC;
	background-position: left bottom;
	color: #1840A0;
}

/* ===== LEFTCOLUMN ================================================== */

#leftColumn {
	width: 210px;
	padding: 0 2px 0 0;
	float: right;
}

/* ===== sidenav ===== */

#sidenav {
	background-color: #DFDAC7;
	border-top: 1px solid #CCC;
}

#sidenav ul li {
	margin: 0;
	border-bottom: 1px solid #CCC;
}

#sidenav ul li a {
	display: block;
	background: #FFF url("../images/nav_link_bg.jpg") repeat-x left top;
	height: 25px;
	padding: 10px 0 0 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#sidenav ul li a:hover {
	background-color: #89C9F3;
	background-position: left center;
}

#sidenav ul li.on a {
	background-color: #3C9FE1;
	background-position: left bottom;
	color: #FFF;
}

#sidenav ul li ul li { border: none; }

#sidenav ul li ul li a,
#sidenav ul li.on ul li a {
	background: none;
	background-color: #DFDAC7;
	height: 1% !important;
	padding: 4px 0 4px 30px;
	font: normal .92em Arial, Helvetica, sans-serif;
	color: #000;
}

#sidenav ul li ul li a:hover { background-color: #EFECE3; }

#sidenav ul li.on li.on a {
	background-color: #AFAC9D;
	color: #FFF;
}

#sidenav ul li.on li a { color: #000; }

#sidenav ul li ul { display: none; }

#sidenav ul li.on ul { display: inline; }

#appointment {
	background: #DFDAC7 url("../images/appointment_bg.jpg") no-repeat center bottom;
	height:170px;
	border-top: 1px solid #FFF;
}

/* ===== TESTIMONIALS ===== */

.testimonial,
.emptytestimonial {
	background: #FFF url("../images/testimonial_bg.jpg") repeat-x left top;
	padding: 15px;
	font-size: .92em;
	line-height: 1.5em;
}

.emptytestimonial { height: 85px; }

#rightColumn .testimonial {
	background: none;
	padding: 0;
	font-size: 1em;
}

#rightColumn .testimonial div { padding: 1em 1em .5em; }

#rightColumn .testimonial div.odd { background-color: #EFECE3; }

#rightColumn .testimonial p { margin-top: 0; }

.testimonial p.more { line-height: normal; }

/* ===== CONTENT ================================================== */

#rightColumn {
	background-color: #FFF;
	width: 588px;
	padding: 230px 15px 1em;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	float: right;
}

.bg0 { background: #FFF url("../images/rightColumn_bg0.jpg") no-repeat left top; }

.bg1 { background: #FFF url("../images/rightColumn_bg1.jpg") no-repeat left top; }

.bg2 { background: #FFF url("../images/rightColumn_bg2.jpg") no-repeat left top; }

.bg3 { background: #FFF url("../images/rightColumn_bg3.jpg") no-repeat left top; }

.bg4 { background: #FFF url("../images/rightColumn_bg4.jpg") no-repeat left top; }

.bg5 { background: #FFF url("../images/rightColumn_bg5.jpg") no-repeat left top; }

.bg6 { background: #FFF url("../images/rightColumn_bg6.jpg") no-repeat left top; }

.bg7 { background: #FFF url("../images/rightColumn_bg7.jpg") no-repeat left top; }

.bg7b { background: #FFF url("../images/rightColumn_bg7b.jpg") no-repeat left top; }

.bg8 { background: #FFF url("../images/rightColumn_bg8.jpg") no-repeat left top; }

.bg9 { background: #FFF url("../images/rightColumn_bg9.jpg") no-repeat left top; }

.bg10 { background: #FFF url("../images/rightColumn_bg10.jpg") no-repeat left top; }

.bg11 { background: #FFF url("../images/rightColumn_bg11.jpg") no-repeat left top; }

.bg12 { background: #FFF url("../images/rightColumn_bg12.jpg") no-repeat left top; }

#rightColumnIndex {
	background-color: #FFF;
	width: 618px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	float: right;
}

#rightColumnIndex .flash {
	height: 295px;
}

#rightColumnIndex .gradient {
	background: transparent url("../images/gradient_bg.jpg") repeat-x left top;
	padding: 10px 0 15px 10px;
}

#rightColumnIndex .gradient .spots h2 {
	background: #888;
	width: 192px;
	margin: 0 10px 10px 0;
	float: left;
}

#rightColumnIndex .gradient .spots h2 a {
	display: block;
	height: 96px;
	border: 2px solid #FFF;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
}

#rightColumnIndex .gradient .spots h2.spot4 { clear: both; }

#rightColumnIndex .gradient .spots h2.spot1 a { background: transparent url("../images/spot1.jpg") no-repeat right top; }

#rightColumnIndex .gradient .spots h2.spot2 a { background: transparent url("../images/spot2.jpg") no-repeat right top; }

#rightColumnIndex .gradient .spots h2.spot3 a { background: transparent url("../images/spot3.jpg") no-repeat right top; }

#rightColumnIndex .gradient .spots h2.spot4 a { background: transparent url("../images/spot4.jpg") no-repeat right top; }

#rightColumnIndex .gradient .spots h2.spot5 a { background: transparent url("../images/spot5.jpg") no-repeat right top; }

#rightColumnIndex .gradient .spots h2.spot6 a { background: transparent url("../images/spot6.jpg") no-repeat right top; }

#rightColumnIndex .gradient .spots h2 a:hover { border: 2px solid #89C9F3; }

#rightColumnIndex .gradient .spots h2.spot3,
#rightColumnIndex .gradient .spots h2.spot6 { margin-right: 0; }

#rightColumn .partners,
#rightColumnIndex .partners {
	clear: both;
	background: #FFF url("../images/partners_bg.jpg") no-repeat center top;
	height: 88px;
	margin: 0 0 1.5em 0;
	border: 1px solid #BBB;
}

#rightColumnIndex .partners {
	width: 593px;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; }

#rightColumn h3 { margin-top: 0; }

#rightColumn ul {
	padding-left: 1em;
	list-style: none;
}

#rightColumn ul li {
	background: transparent url("../images/bullet.jpg") no-repeat left 2px;
	padding: 0 0 1em 15px;
}

#rightColumn ul li.pdf,
#rightColumn ul li.flash { padding-left: 23px; }

#rightColumn ul li.pdf { background: transparent url("../images/icon_pdf.gif") no-repeat left top; }

#rightColumn ul li.flash { background: transparent url("../images/icon_flash.gif") no-repeat left top; }

#rightColumn p.question strong,
#rightColumn p.answer strong {
	position: relative;
	top: -.2em;
	margin-right: .5em;
	font-size: 1.5em;
	float: left;
}

#rightColumn p.answer { margin-bottom: 2em; }

#rightColumn ul.subnav li {
	background: none;
	margin: 0 4px 1.5em 0;
	padding: 0 0 0 4px;
	border-left: 1px solid #89C9F3;
	font-size: 11px;
	float: left;
}

#rightColumn ul.subnav li.first {
	padding-left: none;
	border: none;
}

#rightColumn ul.subnav li.on a {
	color: #1840A0;
	text-decoration: none;
}

/* ===== FOOTER ================================================== */

#footer {
	background: #1840A0 url("../images/footer_bg.jpg") repeat-x left top;
	height: 18px;
	padding: 7px 0 0 0;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	clear: both;
}

#footer ul li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #FFF;
	float: left;
}

#footer ul li.first { border: none; }

#footer ul li a {
	color: #FFF;
	text-decoration: none;
}

#footer ul li a:hover,
#footer ul li.on a { color: #89C9F3; }

/* ===== STYLES ================================================== */

form,
fieldset {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

fieldset { border: 1px solid #AFAC9D; }

fieldset {
	background-color: #EFECE3;
	margin-bottom: 1em;
	padding: 1em;
}

fieldset.second {
	margin: 0;
	padding: 0;
	border: none;
}

form fieldset legend {
	padding: 1em 0;
	font-weight: bold;
	color: #3C9FE1;
}

fieldset p { margin-top: 0; }

form ol li { margin-bottom: .5em; }

form ol li.comments { padding-top: 1em; }

form ol#first li label,
form ol li.comments label,
form ol li.submit label {
	display: block;
	width: 70px;
	padding-right: 10px;
	float: left;
}

form ol li input,
form ol li textarea {
	border: 1px solid #BBB;
	font-size: .92em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

form ol#first li input,
form ol li textarea { padding: 1px 5px; }

form ol li input:focus,
form ol li textarea:focus {
	border: 1px solid #000;
	color: #000;
}

fieldset.second ol li { padding-left: 80px; }

fieldset.second input {
	padding: 0;
	border: none;
}

table {
	width: 100%;
	margin-bottom: 1em;
	border: 1px solid #AFAC9D;
	border-right: none;
}

table th,
table td {
	padding: 3px 10px;
	border-right: 1px solid #AFAC9D;
	text-align: center;
}

table th {
	background-color: #AFAC9D;
	color: #FFF;
	font-weight: normal;
}

table td { background-color: #DFDAC7; }

table tr.odd th {
	background-color: #DFDAC7;
	color: #000;
}

table tr.odd td { background-color: #EFECE3; }

table.normal td {
	background-color: #FFF;
	text-align: left;
}

.cell_1half_a,
.cell_1half_b {
	width: 289px;
	float: left;
}

.cell_1half_a { margin-right: 10px; }

a.btn {
	display: block;
	background: #DDD url("../images/btn_bg.jpg") repeat-x left top;
	height: 20px;
	padding: 5px 10px 0;
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	float: right;
}

a.btn:hover em { color: #FFF; }

a.btn:hover {
	background-color: #89C9F3;
	background-position: left bottom;
}

.fineprint { font-size: .83em; }

.more,
.readmore { text-align: right; }

.floatRight {
	margin: 0 0 .5em 1em;
	float: right;
}

.reduced,
#header .utilities #nav ul,
#leftColumn #sidenav ul,
#appointment p,
#rightColumn ul.subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.clear { clear: both; }

.hide,
#header h1 a span,
#rightColumnIndex .gradient .spots span,
#rightColumnIndex .gradient .spots p,
#appointment p,
#rightColumn #testimonial p.readmore,
#rightColumn .pdf span { display: none; }

#noodle {
	width: 200px;
	height:81px;
	padding: 10px 0 150px 10px;
}

#rightPhoto {
width:150px;
height:150px;
float:right;
padding-right:10px;
}
