@import url(lib/screen.css);

html {background: #831A00 url(../images/html.bg.png) repeat-x scroll top;}
body {background: transparent url(../images/body.bg.png) no-repeat scroll top center; margin: 0;}
a:link, a:visited {color: #E64705; text-decoration: none;}
a:hover, a:active {color: #E64705; text-decoration: underline;}
#shell {/*background: transparent url(../images/shell.bg.png) no-repeat scroll top center;*/ height: 800px;}
#header {height: 146px; background: transparent url(../images/header.bg.png) no-repeat scroll top center; margin: 0 36px;}
#main {background: #E64705 url(../images/main.bg.png) repeat-y scroll center; margin: auto 36px; }
#main_inner {background: #fff url(../images/main_inner.bg.png) repeat-x scroll top center; margin: 0 18px;min-height: 370px;}
#footer {background: transparent url(../images/footer.bg.png) no-repeat scroll top center; height: 87px;}
#header a.logo {display: block; height: 89px; width: 330px; cursor: pointer;}

#content {margin: 0 27px 0 27px; padding: 2em 0; font-size: 1.2em;}
ul.menu {margin: 0 0 0 90px; padding: 0;}
ul.menu li {float: left; display: inline !important; list-style-type: none; margin: 18px 9px 0 9px;}
ul.menu li a {display: inline !important;}
ul.menu li a:link, ul.menu li a:visited {color: #333; text-transform: uppercase; font-size: 1.1em; text-decoration: none; border-bottom: 2px solid none;}
ul.menu li a:hover, ul.menu li a:active {color: #831A00; text-transform: uppercase; font-size: 1.1em; text-decoration: none; border-bottom:  2px solid  #E64705;}


.scale-shadow {display: block; position: relative; margin: 9px 0px -9px 0px; background: url(../images/shadow-grid.gif) repeat;}
html>body .scale-shadow { margin: 9px -0px 0px 0px; background: url(../images/shadow.png) right bottom no-repeat; }
.scale-shadow,
.scale-shadow { content: " "; display: block; background: inherit; }
.scale-shadow:before { position: absolute; top: 0; right: 0; margin: -18px 0 0 auto; background-position: right top;}
.scale-shadow:after { margin: -10px 0 0 -10px; background-position: left bottom; }
.scale-shadow .inner { display: block; position: relative; /*overflow: hidden;*/ left: 0px; top: -9px; margin: 0 9px 18px 9px;}
html>body .scale-shadow .inner { left: 0px; top: -9px; }
.clear-right {clear: right;}
h1, h1 span.heading{line-height: 36px; font-weight: bold; font-size: 24px; text-transform: uppercase;color: #E64705;} 
h1:before{content: " "; display:block; height: 18px; width: 12px; margin-bottom: -18px; background: url(../images/h1.bg.png) left top no-repeat;} /*upperleft */
h1:after{content: " "; display:block; height: 18px; width: 12px; margin-top: -18px; background: url(../images/h1.bg.png) left bottom no-repeat;}
h1 span.heading { margin: auto 12px; background: #000 url(../images/h1.bg.png) center top no-repeat; display: block;}
h1 span.heading:before {content: " "; display:block; height: 18px; width: 12px; margin: 0 0 -18px 100%;background: url(../images/h1.bg.png) right top no-repeat;}
h1 span.heading:after {content: " "; display:block; height: 18px; width: 12px; margin: -18px 0 0 100%;background: url(../images/h1.bg.png) right bottom no-repeat;}
.clear {clear: both;}
h2 {text-transform:uppercase; border-bottom: 1px solid #E64705; color: #831A00; padding-left: 12px; padding-right: 12px;}
thead th, tr.heading th {background:transparent; color: #E64705; text-transform: uppercase;}
tbody th {border-bottom:  1px solid #E64705; background: #ccc;}
table {border:  1px solid #000;}
tr.odd {background: #ccc;}
thead tr, tr.heading th {background:url(../images/h1.bg.png) center top no-repeat;}
tfoot {height: 18px; background:url(../images/h1.bg.png) center bottom no-repeat;}
table tbody tr.group-heading th {background-color: #E64705 !important; color: #fff; text-align: center; text-transform: uppercase;}
.box {background: #000; color: #fff; border: 2px solid #E64705;}
.box h2 {font-size: 1.5em; color: #E64705; border-bottom: 1px solid #666; text-align: center;}


.testimonial {float:left; margin:1.5em 9px 0 0; width:378px; font-size: 12px;}
.testimonial img {border: 3px solid #E64705; float: left; margin: auto 0 1em auto;}
.testimonial blockquote, .testimonial .citation {float:left; margin:auto 0 auto 18px; width:171px;}
.testimonial blockquote:before {content: "\"";}
.testimonial blockquote:after {content: "\"";}
.testimonial blockquote {border-bottom: 3px solid #E64705; padding-bottom: 9px; margin-bottom: .86em;}
.testimonial .citation {font-style: italic; font-size: 1.1em;}

.package {height: 130px; background: #ccc;}
img.right {float: right; margin-left: 10px;}

#header .pod {position: relative; float: right; margin: 3px 45px 18px 18px; z-index: 5; width: 315px;}
#header .pod p {margin: 0 auto;}
#header .pod .body, #header .pod .footer {background: #E64705;padding: 0 18px 0 18px;}
#header .pod .body {background: #E64705 url(../images/pod.bg.png) no-repeat top; min-height: 41px;}
#header .pod .body h3 {color:#FFFFFF; font-weight:normal; letter-spacing:0.05em; padding:9px 0 0; margin:0;text-align:center; text-transform:uppercase;}
#header .pod .callout p, #header .pod .callout #contact {padding: 9px 9px 0 9px; color: #fff; }
#header .pod .footer {height: 27px; background: transparent url(../images/pod-footer.bg.png) no-repeat bottom;}
#header .pod .callout {background: #333 url(../images/pod_callout.bg.png) repeat-x scroll bottom; margin: 0;}
#header .pod .callout:before {content:  " "; margin-bottom: 18px; display: block;}
#header .pod .callout:after {content:  " "; display: block;  height: 18px;background: url(../images/pod_callout-footer.png) no-repeat scroll bottom;}
#header .pod #commercial_player {padding: 9px; background: #333 url(../images/player.bg.png) repeat-x scroll top; margin: 1.5em auto;}
#header .pod table {overflow: hidden; color: #fff; font-size: .86em; border:  none; display: block; margin: auto;}
#header .pod table td, #header .pod table th {vertical-align: top; border-bottom:  1px solid #fff;}
#header .pod table th {background: transparent; color: #E64705;}
#header .pod table th.group-heading {background: #E64705; color: #fff;}
#header .pod a:link, #header .pod a:visited, #header .pod a:hover, #header .pod a:active {color: #ECA133;}

#seasonal-packages h3 {border-bottom:1px solid #E64705; color:#831A00; }
.package-services {margin-right: 443px;}
.package-services h4 { border-bottom: 1px solid #E64705; color: #831A00; padding-left: 12px; padding-right: 12px;}
.package-services li {list-style-type: none; font-weight: bold; font-size: 1em; color: #E64705; margin: .5em auto;}
.package-services li li {list-style-type: disc; font-weight: normal; font-size: .87em; color: #333; margin: auto;}

.legal {font-size: .87em; font-style: italic; line-height: 1em;}