body { background: white no-repeat top center; margin: 0; padding: 0; font: 13px/1.6em sans-serif; color: #8c8f95; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; color: #ddb035; }
a:hover { color: #090e87; }
a.more { text-transform: uppercase; font-weight: bold; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font: normal 26px sans-serif; margin: 0 0 0.2em 0; padding: 0; line-height: normal; color: #636979; }

h1 { font-size: 34px; }

h2, h3 { font-size: 22px; }

h4, h5, h6 { font-size: 16px; text-transform: uppercase; }

p { margin: 0.2em 0 1.2em 0; }

dl { margin: 0 0 15px 0; padding: 0; }
dl dt { float: left; margin-bottom: 5px; }
dl dd { margin: 0 0 5px 70px; }

abbr, acronym { border-bottom: 1px dotted; }

pre, code, tt { font-size: 0.9em; }

table { margin-bottom: 15px; border-top: 1px solid; border-left: 1px solid; border-collapse: collapse; width: 100%; }
table td, table th { border-bottom: 1px solid; border-right: 1px solid; padding: 6px; }

.align-right { float: right; margin-left: 10px; margin-bottom: 15px; }

.align-left { float: left; margin-right: 10px; margin-bottom: 15px; }

.columns { width: 100%; overflow: hidden; }
.columns .column { width: 50%; float: left; }

form .errormessage { color: #991111; margin: 0 0 10px 0; }
form fieldset { border: 1px solid #eeeeee; margin: 0 0 15px 0; padding: 20px 20px 10px 20px; }
form label { padding: 3px 0; float: left; width: 120px; cursor: pointer; }
form label.checkbox, form label.radio { width: auto; float: none; display: inline; }
form label.error { float: none; color: #991111; display: block; width: auto; margin-left: 120px; }
form label.error.success { color: #666666; }
form input, form textarea { font: normal 14px sans-serif; color: #666666; padding: 5px; margin: 0; display: block; border: 1px solid #dddddd; width: 200px; }
form input[type="radio"], form textarea[type="radio"], form input[type="checkbox"], form textarea[type="checkbox"] { display: inline-block; width: auto; height: auto; }
form input.default, form textarea.default { color: #aaaaaa; }
form input.default:hover, form textarea.default:hover { color: #888888; }
form input:focus, form textarea:focus, form input:hover, form textarea:hover { outline: none; border-color: #cccccc; }
form input.small, form textarea.small { width: 60px; display: inline-block; }
form textarea { width: 400px; height: 200px; }
form textarea:focus, form textarea:hover { outline: none; border-color: #cccccc; }
form ol { list-style: none; margin: 0; padding: 0; }
form ol li { overflow: hidden; *zoom: 1; margin: 0 0 0.6em 0; }
form ol li.submit { margin-left: 120px; }

#header { background: url(/images/header.png) repeat-x 0 0; height: 100px; height: 170px; background: #090e87; color: white; }
#header .inner { position: relative; z-index: 10; margin: 0 auto; width: 960px; }
#header #logo { background: url("../images/logo.png") no-repeat 0 0; width: 243px; height: 113px; float: left; display: block; margin: 48px 0 0 0; padding: 0; }
#header #logo a { font-size: 1px; text-indent: -9999em; display: block; width: 243px; height: 113px; overflow: hidden; }
#header .address { float: right; color: white; text-transform: uppercase; font-size: 14px; margin: 110px 0 0 0; text-align: right; font-weight: bold; }
#header .dropdown { float: left; margin: 115px 0 0 40px; border: 1px dashed #8487c3; width: auto; display: block; padding: 3px; height: 28px; }
#header .dropdown ul.dropdown-list { list-style: none; margin: 0; padding: 0; width: 206px; height: 24px; }
#header .dropdown ul.dropdown-list li { list-style: none; margin: 0; padding: 0; height: 24px; position: relative; }
#header .dropdown ul.dropdown-list li:hover ul, #header .dropdown ul.dropdown-list li.hover ul { left: 0px; opacity: 1; }
#header .dropdown ul.dropdown-list li span { font: bold 12px sans-serif; text-align: center; display: block; width: 116px; height: 34px; cursor: pointer; text-align: left; line-height: 28px; background: url("../images/dropdown.png") no-repeat 100% 0%; width: 196px; height: 28px; padding: 0 0 0 10px; -webkit-font-smoothing: antialiased; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; color: #433e3f; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.66); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.66); -o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.66); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.66); }
#header .dropdown ul.dropdown-list li span:hover { background-position: 100% 50%; }
#header .dropdown ul.dropdown-list li span:active, #header .dropdown ul.dropdown-list li span:focus { background-position: 100% 100%; outline: none; }
#header .dropdown ul.dropdown-list li ul { background: #f2f2f2; margin: 0; padding: 0; position: absolute; left: -99999em; top: 28px; width: 206px; opacity: 0; -moz-transition-property: opacity; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transition-timing-function: ease; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
#header .dropdown ul.dropdown-list li ul li { list-style: none; margin: 0; padding: 0; font: bold 12px sans-serif; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
#header .dropdown ul.dropdown-list li ul li a { color: #433e3f; padding: 0 10px; display: block; line-height: 28px; height: 28px; width: 186px; }
#header .dropdown ul.dropdown-list li ul li a:hover { background: #daaf26; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
#header .get-in-touch { float: left; margin: 115px 0 0 20px; border: 1px dashed #8487c3; width: auto; display: block; width: 115px; height: 33px; padding: 1px 0 0 1px; }
#header .get-in-touch a { background: url("../images/button-get-in-touch.png") no-repeat 0px 0px; display: block; font: bold 12px sans-serif; text-align: center; width: 116px; height: 34px; cursor: pointer; color: white; line-height: 30px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; margin: 0; padding: 0; }
#header .get-in-touch a:hover { background-position: 0px -40px; }
#header .get-in-touch a:active { background-position: 0px -80px; }

#banner { background: #b8babe url("../images/banner-bg.png") repeat top center; height: 450px; overflow: hidden; width: 100%; }
#banner ul.banner-contact { margin: 15px auto 0 auto; padding: 0; width: 960px; list-style: none; }
#banner ul.banner-contact li { width: 320px; float: left; margin: 0; padding: 0; list-style: none; text-align: center; font-size: 14px; font-weight: bold; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); color: white; text-transform: uppercase; line-height: normal; }
#banner ul.banner-contact li.phone { text-align: left; }
#banner ul.banner-contact li.email { text-align: right; }
#banner ul.banner-contact li a { color: white; }
#banner ul.banner-contact li a:hover { color: #090e87; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
#banner .inner { width: 940px; height: 350px; padding: 13px; overflow: hidden; margin: 20px auto 0 auto; background: url("../images/banner.png") no-repeat 0 0; }
#banner .inner ul.nav { margin: 0; padding: 0; list-style: none; }
#banner .inner ul.nav li { margin: 0; padding: 0; list-style: none; float: left; display: block; width: 234px; border-right: 1px solid white; text-align: center; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; font: bold 14px/48px sans-serif; background: url("../images/banner-nav.png") repeat-x 0px -96px; cursor: pointer; }
#banner .inner ul.nav li:hover, #banner .inner ul.nav li.hover { background-position: 0px -144px; }
#banner .inner ul.nav li.active { background-position: 0px 0px; }
#banner .inner ul.nav li.active:hover, #banner .inner ul.nav li.active.hover { background-position: 0px -48px; }
#banner .inner ul.nav li.last { border: none; width: 235px; }
#banner .inner .banner-main { width: 940px; height: 301px; background: url("../images/banner-body.jpg") no-repeat 0 -2px; position: relative; overflow: hidden; }
#banner .inner .banner-main .banner-slider { width: 940px; height: 301px; position: relative; }
#banner .inner .banner-main .banner-slider .banner { width: 940px; height: 301px; float: left; background-position: 0 0; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }
#banner .inner .banner-main .banner-slider .banner.banner-1 { background-image: url("../images/banner-01.jpg"); }
#banner .inner .banner-main .banner-slider .banner.banner-2 { background-image: url("../images/banner-legal.jpg"); }
#banner .inner .banner-main .banner-slider .banner.banner-3 { background-image: url("../images/banner-school.jpg"); }
#banner .inner .banner-main .banner-slider .banner.banner-4 { background-image: url("../images/banner-regalia.jpg"); }
#banner .inner .banner-main .banner-slider .banner h4 { color: white; font-size: 40px; font-weight: 200; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); width: 475px; line-height: normal; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); padding: 0 0 10px 0; position: absolute; right: 0px; top: 110px; }
#banner .inner .banner-main .banner-slider .banner a { width: 136px; height: 44px; display: block; position: absolute; color: white; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; font: bold 14px/42px sans-serif; background: url("../images/banner-button.png") no-repeat 0px 0px; cursor: pointer; top: 183px; right: 342px; }
#banner .inner .banner-main .banner-slider .banner a:hover { background-position: 0px -50px; }
#banner .inner .banner-main .banner-slider .banner a:active { background-position: 0px -100px; }

#page { width: 960px; margin: 0 auto; }
#page .sections { width: 100%; overflow: hidden; margin: 15px 0 0 0; border: 1px dashed #bfbfbf; border-width: 1px 0 0 1px; }
#page .sections .section { float: left; border: 1px dashed #bfbfbf; border-width: 0 1px 1px 0; padding: 15px 30px; width: 179px; }
#page .sections .section .image { background: url("../images/border.png"); width: 158px; height: 124px; padding: 9px 10px 10px 10px; margin: 0 auto 8px auto; display: block; }
#page .sections .section h3 { font-size: 22px; color: #636979; }
#page .sections .section .body { margin: 0 auto; width: 160px; font-size: 12px; }
#page .sections .section .link { padding: 8px 0 0 0; }
#page .sections .section .link a { color: #ddb035; text-transform: uppercase; font-weight: bold; }
#page .sections .section .link a:hover { color: #090e87; }
#page .content { width: 100%; overflow: hidden; border-bottom: 1px dashed #bfbfbf; }
#page .content .about { width: 624px; float: left; padding: 35px 0 20px 5px; }
#page .content .about h2 { font-size: 22px; }
#page .content .about h2 .arrow { background: url("../images/about-arrow.png") no-repeat 100% 100%; width: 30px; height: 20px; display: inline-block; }
#page .content .about .columns .column { width: 277px; margin-right: 30px; }
#page .content .secondary { width: 330px; float: right; border-left: 1px dashed #bfbfbf; }
#page .content .secondary .custom-sashes { border-bottom: 1px dashed #bfbfbf; padding: 20px 0 10px 20px; background: url("../images/custom-sashes.jpg") no-repeat 100% 100%; }
#page .content .secondary .custom-sashes p { margin-right: 120px; }
#page .content .secondary .contact .contact-box { background: url("../images/contact-bottom.png") no-repeat 0% 100%; width: 314px; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; font-size: 12px; margin: 15px 0 15px auto; font-weight: bold; }
#page .content .secondary .contact .contact-box a { color: white; }
#page .content .secondary .contact .contact-box a:hover { color: #ddb035; }
#page .content .secondary .contact .contact-box h2 { color: white; font-size: 12px; font-weight: bold; }
#page .content .secondary .contact .contact-box p { margin: 0; padding: 0; }
#page .content .secondary .contact .contact-box .inner { background: url("../images/contact-top.png") no-repeat 0 0; padding: 30px 30px; padding-right: 0; }

#footer { width: 960px; margin: 0 auto; padding: 20px 0; overflow: hidden; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #aeb0b4; }
#footer .copyright { float: right; text-align: right; }
#footer .links { float: left; text-align: left; }
#footer .links a { color: #aeb0b4; }
#footer .links a:hover { color: #090e87; }
#footer .links .sep { display: inline-block; color: #eeeeee; padding: 0 10px; }

html.ie6 body #header .dropdown { height: 18px; padding-bottom: 0px; }
