/* 
 *	CSS LAYOUT Styles Definition 
 *
 *							©2009
*/

/* ie6 png transparency fix */
* html img, * html .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/static/images/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)) }

/* body base styles */
html { _overflow: hidden !important; } 
body { font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #083F88; /*color: #333;*/ background-color: #FFF; background-image: url(/static/images/ajax/loader.gif); background-repeat: no-repeat; background-position: 50% 50% }
body.site { background: transparent }
	
a, a:visited { color: #618A35; text-decoration: underline }
a:hover, a:active { color: #00; text-decoration: none }

/* IE6 hack to get sub links to behave correctly */
li { height: 1% } 

/* single line */
hr { margin: 0 !important; height: 2px; border: 0; background: #333; !color: #333; !display: block; !margin: -7px auto !important }

/** html input { padding: 2px; background: #e7e7e7; border: 1px solid #CCC; font-size: 11px; color: #333 }*/
input[type="text"], input[type="password"], input[type="file"], select, textarea { padding: 2px; background: #fff; border: 1px solid #CCC; font-size: 11px; color: #333 }
input[type="submit"], input[type="button"] { padding: 1px 10px; font-size: 11px; font-weight: bold; text-align: center; background: #E6E6E6; color: #333333; border: 1px outset #C1C1C1;	-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px }

/* this tells the elements where to go */
.left { float: left }
.right { float: right }
.center { text-align: center }

/* rounded corners */
.rounded { border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }

/*	hide elements from screen but not from source */ 
.hidden { position: absolute !important; top: -999em; left: -999em }

/* apply transparency to element */
.transparent { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, version before safari */ -moz-opacity: 0.5; /* firefox, mozilla, netscape */ opacity: 0.5; /* safari, chrome, opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* internet explorer 8 */ }

/* <noscript> & IE6 warnings */
/** html { filter: gray }*/
.noscript { display: block; position: absolute; top: 0; left: 0; background-color: #FFF; color: #333; width: 100%; height: 100% }
.noscript h1 { margin: 15px 10px; font-size: 18px }
.noscript p { margin: 5px 10px; font-size: 12px }

.sayno2ie6 { display: none; _display: block; font: normal 11px Tahoma, Geneva, sans-serif !important; _white-space: nowrap; position: absolute; top: 0; left: 0; background-color: #D4D0C8; border-bottom: 1px solid #808080; width: 100%; color: #000 }
.sayno2ie6 p { margin: 5px 10px }
.sayno2ie6 p a { color: #005A88 !important; text-decoration: underline !important }

/*
.sayno2ie6 { display: none; _display: block; position: absolute; z-index: 9999; width: 100%; _height: 100%; min-height: 100%; font: normal 12px Tahoma, Geneva, sans-serif !important; background-color: #FFF; color: #000 }
.sayno2ie6 blockquote { padding: 25px; margin: 20% auto; width: 430px; background-color: #EDECEA }
.sayno2ie6 blockquote p { margin-bottom: 25px; line-height: 20px; text-align: center }
.sayno2ie6 blockquote table td { text-align: center }
.sayno2ie6 blockquote a { line-height: 20px; color: #0000CE }
.sayno2ie6 blockquote a:hover { color: #000; text-decoration: underline }
.sayno2ie6 blockquote a img { display: block; text-align: center; margin-bottom: 5px; }
*/

/* main definitions */
.site-wrapper { display: none }
.site .site-wrapper { display: block; /*_display: none;*/ position: absolute; width: 100%; _height: 100%; min-height: 100%; _margin-top: 25px; background-color: #FFF }
.site-wrapper.intro { background: #D7F3FF url(/static/images/site/background_intro.jpg) repeat-x left top }
.site-wrapper.intro .site-content { background: none; padding: 0; text-align: center !important; }
.site-content { margin: 0 auto; padding: 3px; width: 894px; position: relative; background-color: #F5F5F5; text-align: justify !important }
.site-content.errors { background-color: #FFF }
.site-content a.top { display: none }

/* Intro Flash & Text */
#intro-flash { text-align: center }
#intro-txt { border-top: 1px solid #79B4D6; padding: 15px 90px; color: #083E88 }
#intro-txt blockquote { background: url(/static/images/site/transparent.png); padding: 15px; border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }
#intro-txt h1 { font-size: 18px; font-weight: normal; text-align: center; margin-bottom: 10px; } 
#intro-txt p { text-align: center; margin-bottom: 5px; } 

/* Header */
.header { position: absolute; top: 0; z-index: 2 }
.header blockquote { position: relative; background: red; width: 894px; }
.header blockquote a { position: absolute; right: 70px; top: -105px }

.nav { margin: 5px 2px }
.site-wrapper.intro .nav { margin-left: 200px }
.nav li { float: left; padding-bottom: 5px; width: 75px; text-align: center }
.nav li strong { display: block; height: 40px; text-align: center; color: #FFF }
.nav li a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.nav li a { display: inline-block; text-align: center; text-decoration: none }
.nav li a { /* Hides from IE-mac \*/display: block }
.nav li:hover { background: #FFF; border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }
.nav li.active { background: #FFF }
.nav li a:hover strong { color: #618A35; text-decoration: underline }


.nav li.sub { position: relative; padding-bottom: 15px;  }
.nav li.sub ul { display: none }
.nav li.sub:hover ul { display: block }
.nav li.sub:hover a { cursor: text }
.nav li.sub:hover a strong { color: #618A35; text-decoration: none } 

.nav ul { position: absolute; width: 185px; left: 0; top: 90px; background: #FFF; border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }
.nav li.sub li { position: relative; padding-bottom: 0; width: 100%; clear: both }
.nav li.sub li a { cursor: pointer !important; margin: 0 5px; padding: 3px 3px; width: 169px; border-bottom: 1px solid #E4E4E4; font-weight: bold; color: #618A35; text-align: left; }
.nav li.sub li a img { margin-right: 7px }
.nav li.sub li.last a { border-bottom: none }
.nav li.sub li a:hover { color: #083F88; }

.about .nav strong { color: #083F88 }
.about .nav ul { background-color: #F5F5F5 }
.about .nav li.active { background-color: #F5F5F5 }
.about .nav li:hover { background-color: #F5F5F5 }

.site-wrapper.intro .nav li strong { color: #083E88 }
.site-wrapper.intro .nav li a:hover strong { color: #083F88 !important; text-decoration: underline }

/* Content */
.content { position: relative }

/* Mainbar */
.mainbar { width: 894px; z-index: 1; min-height: 350px; _height: 350px; padding-bottom: 25px; position: relative }
.mainbar .container { padding: 15px; margin: 5px; margin-top: 20px }
.mainbar .container.about { background: url(/static/images/site/transparent_about.jpg) no-repeat 50% bottom }
.mainbar .container.medical { background: url(/static/images/site/transparent_medical.jpg) no-repeat 50% bottom }
.mainbar .container.welness { background: url(/static/images/site/transparent_welness.jpg) no-repeat 50% bottom }
.mainbar .container.traveling { background: url(/static/images/site/transparent_traveling.jpg) no-repeat 50% bottom }
.mainbar .container.offers { background: url(/static/images/site/transparent_offers.jpg) no-repeat 50% bottom }
.mainbar .band { padding: 10px; background: url(/static/images/site/transparent.png); padding: 15px; border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }
.mainbar .container h1 { font-size: 22px; margin-bottom: 15px; color: #618A35; font-weight: normal }
.mainbar .container h2 { margin-bottom: 10px }
.mainbar .container h3 { margin-bottom: 10px; font-weight: normal }
.mainbar .container h3 img { vertical-align: bottom; margin-right: 5px }
.mainbar .container .txt p { margin-bottom: 10px; text-align: justify !important }
.mainbar .container .txt ul { margin-bottom: 10px; margin-left: 10px }
.mainbar .container .txt ul li { padding-left: 12px; background: url(/static/images/site/bullet.gif) no-repeat 0 7px;  }

.mainbar .container .txt.form { margin-bottom: 150px }
.mainbar .container .txt.form .results { padding: 10px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #FBE1BB; color: #333 }
.mainbar .container .txt.form .results h3 { font-size: 14px; margin-bottom: 10px; color: #885509 }
.mainbar .container .txt.form .results.ok { background-color: #D8E1CE;}
.mainbar .container .txt.form .results.ok h3 { color: #618A35 } 
.mainbar .container .txt.form .results.error { background-color: #FBC7BB; }
.mainbar .container .txt.form .results.error h3 { color: #FF3300 } 
.mainbar .container .txt.form h2 { margin-top: 20px }
.mainbar .container .txt.form p { position: relative; margin-left: 10px }
.mainbar .container .txt.form label { display: block; position: relative; width: 150px; float: left }
.mainbar .container .txt.form label strong { font-size: 18px; font-weight: normal; color: #F00 }
.mainbar .container .txt.form p input { vertical-align: top }
.mainbar .container .txt.form label span { position: absolute; right: 5px; top: 2px; cursor: help }
.mainbar .container .txt.form label.error { position: absolute; font-size: 10px; top: 3px; width: 300px; color: #F30; right: 10px; text-align: right !important }
.mainbar .container .txt.form input.error { background: url(/static/images/site/form_validator_icons.png) no-repeat right 3px; border: 1px solid #F30 }
.mainbar .container .txt.form input.valid { background: #fff url(/static/images/site/form_validator_icons.png) no-repeat right -28px }
.mainbar .container .txt.form input[type="text"] { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 3px 5px; width: 400px }
.mainbar .container .txt.form input[type="submit"] { cursor: pointer; margin-right: 15px }
.mainbar .container .txt.form textarea { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.mainbar .container .txt.form input.disabled { background-color: #F1F1F1 !important; cursor: text; color: #F60 !important }
.mainbar .container .txt.list { margin-bottom: 100px }
.mainbar .container .txt.list h2 { font-size: 18px; font-weight: normal; border-bottom: 1px solid #E7E3E7; padding-bottom: 5px; margin-bottom: 5px }
.mainbar .container .txt.list h3 { margin-bottom: 5px; font-weight: normal }
.mainbar .container .txt.list h3 img { vertical-align: bottom; margin-right: 5px }
.mainbar .container .txt.list h3 a { font-size: 11px; color: #618A35; text-decoration: underline }

/* Body  background */
.bodybg { position: relative; width: 540px; height: 502px; overflow: hidden }
.bodybg .layer { position: absolute; z-index: 3; bottom: 0; left: 0; }
.bodybg .fader { position: absolute; z-index: 4; top: 0; right: 0; }

/* Sidebar */
.sidebar { position: absolute; z-index: 2; min-height: 250px; height: 315px; right: 0; top: 170px; width: 350px }
.sidebar div.frame { margin-bottom: 15px; position: relative }
.sidebar h3 {}
.sidebar h3 span { color: #083F88; font-style: italic }
.sidebar .slide-container { position: absolute; bottom: -5px; text-align: center; width: 100%; height: 150px; overflow: auto; margin: 0 auto }
.sidebar .slideshow { text-align: center; margin: 0 auto; width: 210px }
.sidebar .slideshow img { border: 1px solid #CCCDCC; padding: 2px; border-radius: 7px; /* CSS3 support */ -webkit-border-radius: 7px; /* Webkit equivalent */ -moz-border-radius: 7px /* Mozilla equivalent */ }
.sidebar .rec { margin-top: 10px; margin-left: 10px }
.sidebar .rec li { padding-left: 12px; padding-right: 10px; background: url(/static/images/site/bullet.gif) no-repeat 0 7px }

.sidebar .txt { min-height: 163px; height: 163px; padding-right: 15px; padding-left: 10px; overflow: hidden }
.sidebar .txt ul.list { margin: 5px; }
.sidebar .txt ul.list li { float: left; width: 140px; text-align: left; padding-left: 12px; background: url(/static/images/site/bullet.gif) no-repeat 0 7px; }


.sidebar .btns { position: absolute; width: 300px; bottom: -30px; right: 10px; padding-top: 10px; margin-right: 15px; }
.sidebar .btns>ul { padding-left: 46px }
.sidebar .btns>ul li { float: left; position: relative; padding-right: 10px }
.sidebar .btns form { display: none; width: 335px; position: absolute; right: 10px; top: 22px; z-index: 9; background-color: #FFF; padding: 5px; border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }
.sidebar .btns form>blockquote { padding: 5px 10px; background: url(/static/images/site/nwz_background.jpg) repeat-x left top }
.sidebar .btns form p { text-align: left; margin-bottom: 5px; }
.sidebar .btns form p label { display: block; width: 105px; float: left }
.sidebar .btns form p a { margin-left: 10px; font-size: 11px; color: #083F88 }
.sidebar .btns form p a:hover { color: #618A35 }
.sidebar .btns form input { font-weight: normal }
.sidebar .btns form input.disabled { cursor: wait; color: #F30 }
.sidebar .btns form input[type="text"] { width: 200px; border-color: #083F88 }
.sidebar .btns form input[type="submit"] { cursor: pointer }
.sidebar .btns form .results { margin: 5px 0 }
.sidebar .btns form .results blockquote { padding: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #FBE1BB; color: #333; margin-bottom: 10px }
.sidebar .btns form .results blockquote h4 { text-align: left; font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #885509 }
.sidebar .btns form .results blockquote.ok { background-color: #D8E1CE;}
.sidebar .btns form .results blockquote.ok h4 { color: #618A35 } 
.sidebar .btns form .results blockquote.error { background-color: #FBC7BB; }
.sidebar .btns form .results blockquote.error h4 { color: #FF3300 } 
.sidebar .btns form .results blockquote ul { margin-left: 20px }
.sidebar .btns form .results blockquote li { text-align: left; font-size: 11px; color: #333; list-style: outside square; }


.sidebar .btns li>a { display: block; background-color: #FFF; padding: 3px 7px; font-size: 14px; text-decoration: none; border-radius: 5px; /* CSS3 support */ -webkit-border-radius: 5px; /* Webkit equivalent */ -moz-border-radius: 5px /* Mozilla equivalent */ }
.sidebar .btns li>a:hover { background-color: #083F88 !important; color: #FFF !important }
.sidebar .btns li>a.newsletter:hover { background-color: #FFF; color: #083F88 }
.sidebar .btns li>a img { margin-right: 5px; vertical-align: bottom; }
.sidebar .add { margin: 0 30px }
.sidebar .add p { margin-bottom: 10px }


/* Footer */
.footer { position: relative; margin: 0 10px; padding-bottom: 20px; border-top: 1px solid #CCC; padding-top: 5px; font-size: 11px; color: #999999; }
.footer ul { position: absolute; right: 0; top: 5px }
.footer ul li { float: left }
.footer ul li span { color: #083F88; margin: 0 5px }
.footer ul li a { color: #999; text-decoration: underline }
.footer ul li a:hover { color: #083F88 }

/* Page Not Found */
.notfound { margin: 50px auto; padding: 25px; border: 1px solid #D0D0D0; font-size: 11px; color: #333 }
.notfound h1 { padding-bottom: 10px; border-bottom: 1px solid #CCC; font-size: 24px; font-weight: normal }
.notfound p { margin: 10px 0 }
.notfound ul { margin-left: 13px; list-style-type: square }
.notfound li { margin: 5px 0; color: #618A35 }
.notfound li a { cursor: pointer; outline-style: none; color: #618A35 }
.notfound li a:hover { text-decoration: underline }

/* No results */
.no-results { margin: 10px 0; padding: 15px; background: #FFF }
.no-results blockquote { padding: 15px; background-color: #FFE5E5 }
.no-results h2 { font-size: 18px; margin-bottom: 10px; font-weight: normal; color: #000 }
.no-results p { font-size: 12px; color: #FF0000 }
.no-results p a { text-decoration: underline; color: #333 }