/* General */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #504E4F; }
a { text-decoration: none; color: #C92073; }
a:active, a:focus { outline: none; }
a:visited { color: #C92073; }
strong { font-weight: bold; }

.rule { text-align: left; width: 150px; background-color: #CCC; height: 2px; }
.spacer { width: 2px; height: 2px; }

/* Structure */
.wrapper { margin: 0 auto; width: 975px; }
.container { background: url(../Images/bg.png) no-repeat; }
.content { padding: 9px; }
.left { float: left; width: 478px; }
.middle{ float: left; width: 269px; padding: 20px 0 20px 20px; }
.right { float: left; width: 150px; margin: 20px; text-align: right; }

/* Main Content Area */
.header-img { margin-bottom: 28px; }
.flash { margin-bottom: 12px; margin-left: -20px; margin-top: -20px; }
.middle p, .middle span { font-size: 11px; line-height: 12px; }
.callout-text p { margin: 0 0 18px; }
.content-block { height: 90px; }
.content-block-long { height: 280px; }
.content-block-clients { height: 525px; }
.content-block-clients div.client { margin-bottom: 5px; }
.content-block-clients span { color: #ADADAD; }

.thumbs { width: 206px; min-height: 130px; }
.thumbs li { border: 1px solid #fff; width: 57px; display: inline; float: left; margin-right: 7px; margin-bottom: 7px; height: 57px; }
.thumbs li:hover { border: 1px solid #C92073; cursor: pointer; }
.thumbs .thumb-selected { border: 1px solid #C92073; }

.news li { list-style: none !important; margin-left:0 !important; }
.news-title { font-weight: bold; color:#504E4F !important; }
.news-title:visited { color:#504E4F !important; }
.news-title:hover { text-decoration: underline; }
.news-timestamp { color: #C92073; font-weight: bold; }
.news-item { margin-bottom: 10px; }

.pink { color: #C92073; }

.summary { height: 250px; }
.summary ul { margin: 9px 0 9px 0; } 
.content-block li, .content-block-long li { list-style-type: disc; list-style-position: inside; margin-left: 9px; }

/* Right Column */
.logo { margin-bottom: 20px; }

/* Navigation */
.nav { margin: 9px 0; }
.nav li { margin-left: 50px; }
.nav a { display:block; width: 100px; height: 16px; text-decoration: none; }

.nav-home { width: 100px; height: 16px; background: url(../Images/Nav/home.png) no-repeat 0 0; }
.nav-home:hover { background: url(../Images/Nav/home.png) no-repeat 0 -16px; }
.nav-home-selected { background: url(../Images/Nav/home.png) no-repeat 0 -32px; }

.nav-services { width: 100px; height: 16px; background: url(../Images/Nav/serv.png) no-repeat 0 0; }
.nav-services:hover { background: url(../Images/Nav/serv.png) no-repeat 0 -16px; }
.nav-services-selected { background: url(../Images/Nav/serv.png) no-repeat 0 -32px; }

.nav-company { width: 100px; height: 16px; background: url(../Images/Nav/comp.png) no-repeat 0 0; }
.nav-company:hover { background: url(../Images/Nav/comp.png) no-repeat 0 -16px; }
.nav-company-selected { background: url(../Images/Nav/comp.png) no-repeat 0 -32px; }

.nav-leisure { width: 100px; height: 16px; background: url(../Images/Nav/leis.png) no-repeat 0 0; }
.nav-leisure:hover { background: url(../Images/Nav/leis.png) no-repeat 0 -16px; }
.nav-leisure-selected { background: url(../Images/Nav/leis.png) no-repeat 0 -32px; }

.nav-commercial { width: 100px; height: 16px; background: url(../Images/Nav/comm.png) no-repeat 0 0; }
.nav-commercial:hover { background: url(../Images/Nav/comm.png) no-repeat 0 -16px; }
.nav-commercial-selected { background: url(../Images/Nav/comm.png) no-repeat 0 -32px; }

.nav-gallery { width: 100px; height: 16px; background: url(../Images/Nav/gall.png) no-repeat 0 0; }
.nav-gallery:hover { background: url(../Images/Nav/gall.png) no-repeat 0 -16px; }
.nav-gallery-selected { background: url(../Images/Nav/gall.png) no-repeat 0 -32px; }

.nav-testimonials { width: 100px; height: 16px; background: url(../Images/Nav/test.png) no-repeat 0 0; }
.nav-testimonials:hover { background: url(../Images/Nav/test.png) no-repeat 0 -16px; }
.nav-testimonials-selected { background: url(../Images/Nav/test.png) no-repeat 0 -32px; }

.nav-contacts { width: 100px; height: 16px; background: url(../Images/Nav/cont.png) no-repeat 0 0; }
.nav-contacts:hover { background: url(../Images/Nav/cont.png) no-repeat 0 -16px; }
.nav-contacts-selected { background: url(../Images/Nav/cont.png) no-repeat 0 -32px; }

ul.subnav { margin-top: 9px; }
ul.subnav li { display: block; background: url(../Images/Nav/sub-off.png) no-repeat 0 0; }
ul.subnav a { margin-right: 17px; text-decoration: none; color: #B4B4B4; }
ul.subnav a:hover { color: #a6a6a6; display: block; }

ul.subnav li.subnav-selected { background: url(../Images/Nav/sub-over.png) no-repeat 0 0; }
ul.subnav li.subnav-selected a { color: #a6a6a6; display: block; }

/* Contact Form */
.contact-form fieldset { background-color: #ccc; }
.contact-form fieldset { float: left; clear: left; width: 100%; margin: 0; padding: 0; border: none; }
.contact-form fieldset .legend { font-size: 11px; line-height: 13px; font-weight: bold; margin: 0 !important; }
.contact-form fieldset ol { padding: 1em 1em 0 1em; list-style: none; margin-top: 0; }
.contact-form fieldset li { float: left; clear: left; width: 100%; padding-bottom: 9px; }
.contact-form fieldset label { float: left; margin-right: 1em; font-size: 11px; line-height: 13px; padding-top: 4px; padding-bottom: 4px; }
.contact-form fieldset.control { padding-bottom: 12px; text-align: right; }
.contact-form fieldset .submit { margin-right: 12px; width: auto !important; height: 25px; font-size: 12px; }
.contact-form fieldset input, .contact-form fieldset textarea { width: 243px; }
.contact-form fieldset span { margin-left: -25px; }
.contact-form fieldset textarea { height: 75px; }
.contact-form fieldset input[type='text'] { height: 18px; font-size: 12px; padding-top: 4px; }
.contact-form fieldset span.error { float: right; margin-top: 5px; color: #ff0000; }

/* Testimonials */
.testimonials li { list-style: none; }
.testimonials li { border-top: dashed 1px #ccc; margin-left: 0; padding-bottom: 5px; }
.testimonials .testimonial-img { float: left; margin: 2px 5px 5px 0; border: none !important; }
.testimonials .author { font-style: italic; float: right; text-align: right; }

/* jScrollPane */
.custom-scroll .jScrollPaneTrack { background: url(../Images/Scroll/track.png) repeat-y; }
.custom-scroll .jScrollPaneDrag { background: url(../Images/Scroll/drag-mid.png) repeat-y 0 50%; }
.custom-scroll .jScrollPaneDragTop { background: url(../Images/Scroll/drag-top.png) no-repeat; height: 2px; }
.custom-scroll .jScrollPaneDragBottom { background: url(../Images/Scroll/drag-bottom.png) no-repeat; height: 2px; }
.custom-scroll .jScrollArrowUp { background: url(../Images/Scroll/up.png) no-repeat 0 0; height: 10px; }
.custom-scroll .jScrollArrowDown { background: url(../Images/Scroll/down.png) no-repeat 0 0; height: 10px; }

/* Terms/Copyright/etc */
.tcs { float: left; margin-left:9px; font-size: 11px; line-height: 12px; }
.tcs a { color: #504E4F; text-decoration: none; }
.tcs a:hover { text-decoration: underline; }
.copyright { float: right; margin-right:9px; font-size: 11px; line-height: 12px; }

/* Hacks */
.clear { clear: both; }

/* simple gallery */
.slideshow { position: relative; height: 600px; }
.slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0; }
.slideshow img.active { z-index:10; opacity:1.0; }
.slideshow img.last-active { z-index: 9; }