/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

/* =elements ***************************** */
a:link			{color: #a52021;}
a:active		{color: #a52021;}
a:visited		{color: #a52021;}
a:hover		{color: #a52021; text-decoration: none;}

html {background: #fdf8e4 url(/assets/images/bg.gif) repeat-x;text-align: center;}
body { color: #000;width: 900px; text-align: left; margin: 0 auto;}
h1,h2,h3,h4,h5,h6 {}
h1 {}
h2 {}
h3 {}
p {}
ul, ol {}
li {}

/* =classes ***************************** */
.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {display: block; overflow: hidden;}

.float-left {float: left;}

.float-right {float: right;}

.border {border: 1px solid #000;}

/* =grids ***************************** */
#skip {display:none;}


a#splash {display: block; background: url(/assets/images/splash.jpg) no-repeat;width: 356px; height: 620px;margin: 100px auto 0 auto;}
a#splash span {display: block; text-indent: -9999px;}


/* =header */
#header {width: 900px;}
.header-home {height: 320px; background: url(/assets/images/header-cta-midnight.jpg) no-repeat;}
/*.header-home {height: 258px; background: url(/assets/images/header-home.jpg) no-repeat;}*/
.header-sub {height: 258px; background: url(/assets/images/header-sub-guy.jpg) no-repeat;}
.header-sub2 {height: 258px; background: url(/assets/images/header-sub-girl5.jpg) no-repeat;}
.header-sub3 {height: 258px; background: url(/assets/images/header-sub-girl2.jpg) no-repeat;}
.header-sub4 {height: 258px; background: url(/assets/images/header-sub-girl3.jpg) no-repeat;}
.header-sub5 {height: 258px; background: url(/assets/images/header-sub-girl4.jpg) no-repeat;}
.header-sub6 {height: 258px; background: url(/assets/images/header-sub-guy2.jpg) no-repeat;}

#navigation {width: 900px; float: left; background: url(/assets/images/navbg.gif) repeat-x;height: 33px;}
#navigation ul {float: left;list-style: none;}
#navigation ul li {float: left;}
#navigation ul li a {float: left; color: #fff; background: url(/assets/images/navsep.gif) no-repeat right;padding: 7px 20px;text-decoration: none;}
#navigation ul li a:hover {text-decoration: underline;}

/* =body */
#body {width: 900px;}

#main-content {width: 638px; float: left;}
#main-content h1 {color: #e07615; font-size: 152%;margin: 20px 20px 10px 20px;}
#main-content h2 {color: #e07615; font-size: 122%;margin: 10px 20px 10px 20px;}
#main-content h3 {color: #e07615; font-size: 107%;margin: 10px 20px 10px 20px;}
#main-content p {margin: 10px 20px;color: #754c23;}
#main-content ul {margin: 10px 50px;}
#main-content ul li {font-size: 92%; color: #5a0b01;}
#main-content table {margin: 10px 20px 10px 40px; color: #543414; background: #e7ddb6;}
#main-content table td#tabletitle {color: #ffffff; background: #e47a19;}
#main-content table td#servicelight {background: #fcf4d2;}
#main-content table td#light {background: #fefdfb;}
#main-content table td#dark {background: #fcf7e3;}


#press li {padding-bottom:10px;}

#side-content {float: right; width: 262px;margin: 0 0 100px 0;}
#side-content h3 {margin: 20px 10px 20px 10px;padding: 0 10px 10px 10px; border-bottom: 5px solid #e5cfa6;color: #e07615; font-size: 122%;}
#side-content a#ctareview {display: block; width: 233px; height: 269px;background: url(/assets/images/right-review.jpg) no-repeat;margin: 20px auto;}
#side-content a#ctareview span {display: block; text-indent: -9999px;}
#side-content a#ctacontactcall {display: block; width: 233px; height: 153px;background: url(/assets/images/contactforappointment.jpg) no-repeat;margin: 20px auto;}
#side-content a#ctacontactcall span {display: block; text-indent: -9999px;}
#side-content img {display: block; margin: 20px auto;}
#side-content ul {margin: 0 20px;list-style: none;}
#side-content ul li {margin: 5px 0;}
#side-content ul li a {color: #8f2122;text-decoration: none;background: url(/assets/images/navarrow.gif) no-repeat 0 .2em;font-size: 92%;padding: 0 0 0 10px;}
#side-content ul li a:hover {text-decoration: underline;}
#side-content ul li.subnav a {background: none;margin: 0 0 0 10px;}
#side-content a#ctaspecial {display: block; width: 214px; height: 203px;background: url(/assets/images/specialtreatment.jpg) no-repeat;margin: 20px auto;}
#side-content a#ctaspecial span {display: block; text-indent: -9999px;}
#side-content a#cta-review {display: block; width: 268px; height: 235px;background: url(/assets/images/cta-side-review.jpg) no-repeat;margin: 20px auto;}
#side-content a#cta-review span {display: block; text-indent: -9999px;}


/* =footer */
#footer {clear: both;width: 900px; background: url(/assets/images/footer.jpg) no-repeat;text-align: center;}
#footer p {font-size: 85%;color: #754c23;padding: 20px 0;}
#footer p a {color: #754c23;}
#footer ul {list-style: none;padding: 15px 20px;text-align: left;}
#footer ul li {color: #fff;line-height: 1.5em;}

/* =navigation */
#main-navigation {}
#main-navigation li {}
#main-navigation li a {}
#main-navigation li a:hover {}

#sub-navigation {}
#sub-navigation li {}
#sub-navigation li a {}
#sub-navigation li a:hover {}

/* =cta */
#cta-main {}

.cta-sub {}

/* =extra elements (Anything that needs a custom name use ee-customname)*/
.ee- {}

/* =omniture */
#omniture {display: none;}

/* =form ***************************** */
#form {width: 400px;} /* You need to change the width according to your document */

form ul {position: relative;list-style-type: none;width: 100%;}

form li {line-height: 2em;margin: 0;padding: 1px 4px 6px 9px;display: inline-block;} /* You need to change the padding according to your document */

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

/* =holly hack */
* html form li {height: 1%;}
form li {display: block;}
/* =end holly hack */

form li div {float: left;display: inline;margin-right: 5px;color: #444;}

form li.focused {background-color: #fff7c0;}

form li p{clear: both;font-size: 9px;line-height: 13px;color: #444;}

form li div.left {width: 48%;}

form li div.right {width: 48%;}

form li div.left .medium, form li div.right .medium {width: 100%;}

.clear {clear: both;}

form li div p {margin-bottom: 3px;}

form li img.icon {float: left;margin: .35em 5px 0 0;}

/* =buttons */
.buttons {clear: both;margin: 10px 0 20px 7px;} 

.buttons .button {font-size: 120%;margin: 0 5px 0 0;} /* You need to change the margins according to your document */

.button {cursor: pointer !important;}

/* =fields and labels */
label.desc {font-weight: bold;line-height: 125%;padding: 4px 4px 1px 0;border: none;color: #444;display: block;font-size: 95%;}

input.text, textarea.textarea, select.select {font-size: 100%;border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;color: #333;}

input.text {padding: 2px 0 2px 0;}

input.currency {text-align: right;}

input.checkbox, input.radio {display: block;line-height: 1.4em;margin: 8px 0 0 3px;width: 13px;height: 13px;}

label.choice {font-size: 100%;display: block;line-height: 1.4em;margin: -19px 0 0 25px;padding: 4px 0 5px 0;color: #444;width: 90%;}

textarea.textarea {margin-top: 1px; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}

select.select {margin: 1px 0 1px 0;padding: 1px 0 0 0;}

select.select[class] {margin: 0;padding: 1px 0 1px 0;}

/* =sizes */
.third {width: 32% !important;}

.half {width: 48% !important;}

.full {width: 100% !important;}

input.small, select.small {width: 25%;}

input.medium, select.medium {width: 50%;}

input.large, select.large, textarea.textarea {width: 99%;}

input.tags {width: 315px;}

textarea.small {height: 5.5em;}

textarea.medium {height: 10em;}

textarea.large {height: 20em;}