/**********************************************************************************************

	CSS on Sails
	Title: Site Name
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: June 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/



/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
div.top:after,
div.bottom:after,
body.home #header:after,
#header .text-resizer:after,
body.home .image-trio ul:after,
.main-content-inside:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/
body { background: #fff url(../images/bg-body.png) ; color: #898989; font: 62.5%/1.3 "Verdana", "Arial", "Tahoma", "Helvetica", sans-serif; text-align: center; margin: 0; padding: 0 }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#page-title,
#zd-content2 h2 { font-size: 1.4em; color: #ec008c; font-weight: normal; font-family: 'Georgia', Times New Roman, serif; padding: 0; margin: 0 0 5px; padding: 0 }

#page-title { margin-bottom: 25px }

p { margin-top: 0; margin-bottom: 15px }

/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.wrap { border-top: 6px solid #a0a0a0 }
.container { width: 927px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em;  }

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
body.home #header { float: right; width: 697px }
body.home #zd-content1 { float: left; width: 370px; padding-left: 25px; padding-top: 30px }
body.home #zd-content1 p { padding-bottom: 10px; line-height: 18px }

#header .logo { float: left; width: 210px; margin: 0; padding-top: 10px }

#header .logo a { width: 210px; height: 101px; display: block; float: left; text-indent: -9999em; background: url(../images/logo.png) no-repeat; padding-top: 20px }

body.home #header .logo { float: right;width: 273px; margin: 0; padding-top: 10px; padding-bottom: 18px }
body.home #header .logo a { width: 273px; height: 131px; display: block; float: right; text-indent: -999em; background: url(../images/logo-home.png) no-repeat; padding: 0 }

body.home .slideshow { float: left; width: 210px }
body.home .slideshow ul { margin: 0; padding: 0; list-style: none; list-style-type: none }
body.home .slideshow ul li { margin: 0; padding: 0 }
body.home .slideshow ul li img { border: 3px solid #9e9e9e; border-width: 0 3px 3px; margin-bottom: -3px }

body.home .image-trio { clear: both; padding: 20px 0 0 10px }
body.home .image-trio ul { margin: 0; padding: 0; list-style: none; list-style-type: none }
body.home .image-trio ul li { float: left; width: 210px; height: 98px; text-align: center; margin-right: 18px; font-size: .93em }
body.home .image-trio ul li img { border: 1px solid #adadad; margin-bottom: 3px; display: block }
body.home .image-trio ul li a { color: #1cbbb4; text-decoration: none }
body.home .image-trio ul li a:visited { color: #92278f }
body.home .image-trio ul li a:hover,
body.home .image-trio ul li a:active { text-decoration: underline }

#header .text-resizer ul { padding: 8px 0 0 48px; margin: 0; float: right }
#header .text-resizer ul li { display: block; padding: 0 5px 0 0; float: left; line-height: 12px; font-size: 12px  }
#header .text-resizer ul li.decrease { border-right: 1px solid #a1a1a1; padding: 0 10px 0 5px }
#header .text-resizer ul li.increase { padding-left: 10px } 
#header .text-resizer ul li a,
#header .text-resizer ul li a:visited { color: #a1a1a1; text-decoration: none }
#header .text-resizer ul li a:hover,
#header .text-resizer ul li a:active { color: #1cbbb4; text-decoration: underline }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/
body.home .top { padding-bottom: 20px }
body.home .bottom { margin-top: 20px }

.main-content { width: 686px; border: 1px solid #a9a9a9; background: #fff; padding: 5px; float: right; line-height: 18px }
.main-content-inside { border: 1px solid #a9a9a9; padding: 28px }
.main-content-inside #zd-content3,
.main-content-inside #zd-content2 { float: left; width: 227px; padding-left: 20px;  border-left: 1px solid #a9a9a9; padding-bottom: 10px }

.main-content-inside #zd-content2 { float: right; margin-left: 30px; clear: right }
body.home .main-content-inside #zd-content2 { float: left; width: 359px; margin-left: 0; border: 0; padding-left: 0 }
body.home .main-content-inside #zd-content2 { padding-right: 40px; width: 318px }
body.home .main-content-inside #zd-content2 #page-title { display: none }

.main-content-inside #zd-content3 ul.testimonial-short-list { margin: 0; padding: 0; list-style: none; list-style-type: none }
.main-content-inside #zd-content3 ul.testimonial-short-list li { padding: 20px 0; border-bottom: 1px solid #b4b4b4 }
.main-content-inside #zd-content3 ul.testimonial-short-list p { margin-bottom: 0 }

#zd-content1 a, #zd-content2 a, #zd-content3 a,
.main-content #zd-breadcrumbs a { color: #1cbbb4; text-decoration: none }
#zd-content1 a:visited, #zd-content2 a:visited, #zd-content3 a:visited,
.main-content #zd-breadcrumbs a:visited { color: #92278f }
#zd-content1 a:hover, #zd-content2 a:hover, #zd-content3 a:hover,
#zd-content1 a:active, #zd-content2 a:active, #zd-content3 a:active,
.main-content #zd-breadcrumbs a:hover,
.main-content #zd-breadcrumbs a:active { text-decoration: underline }

.top { height: 155px }
body.home .top { height: auto }

#zd-primary-image { float: right; margin: -35px 0 20px 30px }
#zd-primary-image img { border: 1px solid #a1a1a1 }

.main-content #zd-breadcrumbs { display: block; padding-bottom: 25px;}

.main-content-inside #zd-content3 #page-title,
body.home #zd-content1 #page-title { margin-bottom: 0 }


/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar { float: left; width: 210px }

#zd-nav { margin: 0; padding: 0; list-style: none; list-style-type: none; border-top: 1px solid #a1a1a1 }
#zd-nav li { border-bottom: 1px solid #a1a1a1; padding: 15px 20px }
#zd-nav li a { text-decoration: none }
#zd-nav li a span.zd-nav-label { display: inline-block; font-family: 'Georgia', Times New Roman, serif; font-size: 1.4em; text-transform: uppercase; color: #898989; text-decoration: none }
#zd-nav li a span.zd-nav-sublabel { color: #a1a1a1; text-decoration: none }

#zd-nav li a:visited span.zd-nav-label { color: #898989 }
#zd-nav li a:visited span.zd-nav-sublabel { color: #a1a1a1 }

#zd-nav li.zd-nav-active span.zd-nav-sublabel { display: none }
body.home #zd-nav li.zd-nav-active span.zd-nav-sublabel { display: block }

#zd-nav li.zd-nav-active ul.zd-sub-nav { padding: 5px 0 0; margin: 0; list-style: none; list-style-type: disc }
#zd-nav li.zd-nav-active ul.zd-sub-nav li { border: none; margin: 0 0 0 14px; padding: 0 0 4px 0; }
#zd-nav li.zd-nav-active ul.zd-sub-nav li a span.zd-nav-label { font-family: "Verdana", "Arial", "Tahoma", "Helvetica", sans-serif; font-size: 1em; text-transform: none }


/*
#zd-nav li a:active span.zd-nav-label,
#zd-nav li.zd-nav-active a.level-0 span.zd-nav-label,
#zd-nav li.zd-nav-active ul li.level-1 a.zd-nav-current span.zd-nav-label,
#zd-nav li.zd-nav-active ul li.level-2 a.zd-nav-sub-current span.zd-nav-label { color: #1cbbb4 }
*/

#zd-nav li a:active span.zd-nav-label,
#zd-nav li.as-active a span.zd-nav-label{ color: #ec008c }
#zd-nav li a:active span.zd-nav-sublabel { color: #f06eaa }
#zd-nav li a:hover span.zd-nav-label { color: #ec008c; text-decoration: underline }
#zd-nav li a:hover span.zd-nav-sublabel { color: #f06eaa; text-decoration: underline }

body.home #zd-nav li ul.zd-sub-nav { display: none }

/* updated css */
span.zd-nav-label,
span.zd-nav-sublabel { display: block; }

#sidebar #zd-nav ul li a span,
#sidebar #zd-nav .zd-nav-active ul li a span { color: #898989; }
#sidebar #zd-nav ul li a:hover span,
#sidebar #zd-nav .zd-nav-active ul li a:hover span,
#sidebar #zd-nav ul li.zd-nav-sub-active a span,
#sidebar #zd-nav .zd-nav-active ul li.zd-nav-sub-active a span { color: #ec008c; }

.main-content-inside { min-height: 350px; }

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/
#footer { clear: both; text-align: center }
#footer .footer-inside { color: #a1a1a1; padding: 15px 0 15px 231px; font-size: .83em; text-align: center }
#footer a,
#footer a:visited,
#footer a:active,
#footer a:hover {color: #a1a1a1; text-decoration: none }


/** Gallery **/
.jsgal-shell .jsgal-nav {
	position: relative;
	top: -20px;
	padding: 0 0 50px 25px;
	width: 190px !important;
	float: right;
	background: #fff;
}
.jsgal-shell .nav-shell {
	height: 320px !important;
}
.jsgal-shell .thumb-shell {
	background: #000;
}
.jsgal-shell .thumb-shell img {
	display: block;
	margin: 0 auto;
}
.jsgal-shell .nav-controls {
	width: 190px !important;
}
.jsgal-shell .nav-controls .previous {
	width: 19px;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
	background: url(../images/prev_on.gif);
}
.jsgal-shell .nav-controls .previous.inactive {
	background: url(../images/prev_off.gif);
}
.jsgal-shell .nav-controls .next {
        width: 19px;
        height: 18px;
        text-indent: -9999px;
        font-size: 0;
        background: url(../images/next_on.gif);
}
.jsgal-shell .nav-controls .next.inactive {
        background: url(../images/next_off.gif);
}

.jsgal-shell .image-shell img {
	display: block;
	margin: 0 auto;
	border: 1px solid #aaa;
}
#cat-dropdown-shell {
	position: absolute;
	top: -55px;
	left: 410px;
}