/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-layout.css
	
	// Google Fonts
	font-family: 'Lato', sans-serif; book 300, normal 400, bold 700
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,400italic,700italic);

/* Reset */
/* ***** ***** ***** ***** START OF RESET CSS  ***** ***** ***** ***** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
/* ***** ***** ***** ***** remember to define focus styles!  ***** ***** ***** ***** */
:focus { outline: 0;} /* THIS WAS SET TO 0 for a reason! if you need an outline focus for a specific element create a class! */
ol, ul { list-style: none; }
/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: 'Lato', "Trebuchet Ms", arial, verdana, sans-serif;
font-weight: 700; 
}

thead th,
tbody th{
font-family: 'Lato', "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: 'Lato', "Trebuchet Ms", arial, verdana, sans-serif;
}

.sf-menu{
font-family: 'Lato', "Trebuchet Ms", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0;
color:#000;
background:#f8f8f8 url() repeat center top;
font:normal 0.9em/150% 'Lato', "Trebuchet MS", arial, verdana, sans-serif; font-weight: 400; 
}
input { border:0;}
a {color: #496931; cursor: pointer; text-decoration:none;}
a:link {  color: #496931; text-decoration:none;}
a:visited {  color: #496931; text-decoration:none;}
a:hover { color: #496931; text-decoration: underline;}
a:active {  color: #496931; text-decoration:none;}

#headWrap {background: #fff 0 0 repeat-x; width: 100%; display:table;}
/* Master header */
#masthead { margin:25px auto 20px; width: 960px; padding-left:0px; overflow:auto;}
#masthead a#logo { background: url(./images/tranquility_logo_top.png) 0 0 no-repeat; display: block; height:63px; margin-top:15px; margin-left:15px; text-indent: -9999999px; width: 203px;}
#masthead div#housekeeping #secure-access strong, #main-navigation li  {} 

/* Main "tabbed" navigation */	
#menuWrap {background: #8cad74 0 0 repeat-x; width: 100%; display:table;}
#menuWrap .fluid{background-color:#8cad74; -webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.1); -moz-box-shadow:0px 4px 8px rgba(0,0,0,0.1); box-shadow:0px 4px 8px rgba(0,0,0,0.1);}
ul#main-navigation { margin:0 auto 0 auto; width: 960px;height:35px; list-style: none; position: relative; z-index: 99; background-color: #8cad74;}	
	ul#main-navigation li { background-position: 100% 0px; float:left; position:relative;}
	ul#main-navigation li.divider-fix { background: url(./images/menu_dv.png) 0 0 no-repeat; display: block; height:14px; width: 1px;}
	ul#main-navigation li:last-child { background-image:none;}
	ul#main-navigation li a { background-image: url(./images/menu_dv.png);
background-repeat: no-repeat;
background-position: right;
display: block;
color: #fff; font-size:14px; font-weight:400; float:left; line-height:35px; text-decoration:none; padding:0px 28px 0 28px; }
	ul#main-navigation li:hover a { color: #ffffff; background-color: #c0c9d2; }
		
	ul#main-navigation li.active a { background-color: #ced54b; color:#ffffff;}
	
	ul#main-navigation li.active a:hover {color:#ffffff; }
	ul#main-navigation li.active {margin-left: -1px;} /* hide nav divider of tab on the left of the selected tab */

/* Sub "tabbed" navigation */	
#submenuWrap {}
ul#sub-navigation { margin:0 auto 0 auto; width: 960px;height:35px; list-style: none; position: relative; z-index: 99; background-color: #ced54b;}	
	ul#sub-navigation li { background-position: 100% 0px; float:left; position:relative;}
	ul#sub-navigation li.divider-fix { background: url(./images/menu_dv.png) 0 0 no-repeat; display: block; height:14px; width: 1px;}
	ul#sub-navigation li:last-child { background-image:none;}
	ul#sub-navigation li a { background-image: url(./images/menu_dv.png);
background-repeat: no-repeat;
background-position: right;
display: block;
color: #fff; font-size:0.9em; font-weight:400; float:left; line-height:35px; text-decoration:none; padding:0px 29px 0 29px; }
	ul#sub-navigation li:hover a { color: #ffffff; background-color: #c0c9d2; }
		
	ul#sub-navigation li.active a { background-color: #ced54b; color:#ffffff;}
	
	ul#sub-navigation li.active a:hover {color:#ffffff; }
	ul#sub-navigation li.active {margin-left: -1px;} /* hide nav divider of tab on the left of the selected tab */

#wrap{
width:960px;/*960*/
background:#fff;
margin:0px auto 0px auto;
padding:0 0px 0 0px;
}


.tiles{padding:40px 0;}
.tiles.home>a{background: url(./images/home-tiles.jpg) no-repeat top center;}
.tiles.home > a.tiles-special {
background-position: center center;
}
.tiles.home > a.tiles-shop {
background-position: bottom center;
}
.tiles>a{text-indent:-9999px;color:transparent;text-transform:capitalize;position:relative;display:inline-block;width:292px;height:200px;margin:0 10px 0 13px;overflow:hidden;vertical-align:top;border:1px solid #141515;background-color:#666;background-repeat:no-repeat;background-position:top right;box-shadow:rgba(0,0,0,0.3) 0 0 10px 3px;-webkit-transition:opacity .2s,box-shadow .2s;-moz-transition:opacity .2s,box-shadow .2s;transition:opacity .2s,box-shadow .2s;}.tiles>a.custom_image{background-image:none!important;text-indent:0;}.tiles>a:first-child{margin-left:12px;}.tiles>a:last-child{margin-right:0;}.tiles>a.last{margin-right:0;}.tiles>a>img{width:292px;height:200px;display:block;z-index:1;}.tiles>a:hover{opacity:.9;box-shadow:rgba(0,0,0,0.6) 0 0 10px 3px;}.tiles>a:hover .shine{top:-160px;opacity:.3;}.hide {
display: none;
}
.tiles>a .inline-edit{z-index:3;}.tiles>a .shine{position:absolute;top:-330px;left:-120px;width:450px;height:330px;background:url(/images/feature-shine.png) no-repeat center center;opacity:0;-webkit-transition:top .3s,opacity .3s;-moz-transition:top .3s,opacity .3s;transition:top .3s,opacity .3s;}.tiles>a .glass{position:absolute;top:0;left:0;z-index:2;width:292px;height:284px;}



/*---------------------------------
	inside
-----------------------------------*/
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} 
.clearfix, .row {display:block;}
.row {position:relative; margin-left:-0px;}

.col {padding-left:0px; float:left; position:relative;}

.gu1{
	width: 320px;
}

.gu2{
	width: 640px;
}

.gu3{
	width: 960px;
	color:#ccc;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.15em;
	font-weight: normal;
	text-align:left;
	font-size:24px;
	text-transform:lowercase;
	color:#ced54b;
	padding-bottom:10px;
	padding-top:20px;
}

h2 {
	font-family:'Lato', arial, serif;
	letter-spacing:0.1em;
	font-weight: 400;
	text-align: left;
	font-size:16px;
	text-transform:uppercase;
	color:#496931;
	padding-top:10px;
	padding-bottom:7px;
}

h3 {
	font-size:12px;
	text-transform: uppercase;
	font-weight:bold;
	padding-top:10px;
	letter-spacing:0.2em;
}

h4 {
	font-size:95%;
	font-style:italic;
	font-weight:300;
	color:#666;
	line-height:1.4;
}

h45 {
	font-size:95%;
	font-style:italic;
	font-weight:300;
	color:#140201;
	line-height:1.4;
}

h5 {
	font-size: 100%;
	text-transform:uppercase;
	color:#ced54b;
	margin:0;
	padding:0px;
}

h6 {
	font-size: 100%;
	font-style:italic;
	font-weight:300;
	color:#496931;
	margin:0;
	padding:0px;
}



p {
	overflow: hidden;
	text-align: left;
	font-size: 100%;
	color:#161616
	
}

i {
	font-family:'Lato', arial, serif;
	font-size: 100%;
	font-style:italic;
	font-weight:300;
	color:#496931;
	
}

.HL {
	font-family:'Lato', arial, serif;
	font-size: 100%;
	background: #8cad74;
	color: #ffffff;	
}

.menuright {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:750px;
}

.menuleft {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:750px;
}

.menucenter {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	border-right:dotted;
	border-right-color:#333;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
	height:750px;
}

.menuright1 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:870px;
}

.menuleft1 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:870px;
}

.menucenter1 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	border-right:dotted;
	border-right-color:#333;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
	height:870px;
}

.menuright2 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:1600px;
}

.menuleft2 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:1600x;
}

.menucenter2 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	border-right:dotted;
	border-right-color:#333;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
	height:1600px;
}

.menuright3 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:575px;
}

.menuleft3 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:575px;
}

.menucenter3 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	border-right:dotted;
	border-right-color:#333;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
	height:575px;
}

.menuright4 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:1300px;
}

.menuleft4 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:1400px;
}

.menucenter4 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	border-right:dotted;
	border-right-color:#333;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
	height:1300px;
}

.menuright5 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:720px;
}

.menuleft5 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	height:720px;
}

.menucenter5 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	border-right:dotted;
	border-right-color:#333;
	border-right-width:1px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
	height:720px;
}

.top {
	height:300px;
	margin:0px;
}

.topright {
	margin:0px;
	height:300px;
	padding:0px 20px;
	background-color:#efefef;
	color:#333;
	font-size:13px;
}

.note {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
}

.note2 {
	margin: 0px;
	padding:20px;
	background-color:#ffffff;
	color:#161616;
	font-size:13px;
	border-left:dotted;
	border-left-color:#333;
	border-left-width:1px;
}

#images {
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px;
}

.hrule {
    height: 1px;
    margin-top: 20px;
	margin-bottom:20px;
    border-top: 1px dotted #666;
}

/*---------------------------------
	image fader
-----------------------------------*/

.sfader {
	position:relative;
	height:500px;
	width: 960px;
	left: 0px;
	top: 0px;
}
.sfader img {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.sfader img:first-child {
	display: block;
}

.sfader2 {
	position:relative;
	height:300px;
	width: 640px;
	left: 0px;
	top: 0px;
}
.sfader2 img {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.sfader2 img:first-child {
	display: block;
}


/*---------------------------------
	footer
-----------------------------------*/

#footWrap1 {background: #2b0f05; width: 100%; display:table;}

#footer1 { padding: 15px 0 0; width: 960px; margin:0 auto; background:#2b0f05; overflow:auto;}
#footer1 div {width: 300px;  padding-right: 10px; padding-bottom: 10px; padding-left: 10px; float:left;}
#footer1 div h6 { font-size:1.2em; font-weight:bold; color: #ced54b; margin-bottom:15px; }
#footer1 div p { font-size:0.9em; color: #ffffff; line-height:1.2; }
#footer1 div i {
	font-family:'Lato', arial, serif;
	font-size: 100%;
	font-style:italic;
	font-weight:300;
	color:#ced54b;
	
}
#footer1 div a {color: #FFFFFF; cursor: pointer; text-decoration:none;}
#footer1 div a:link {  color: #FFFFFF; text-decoration:none;}
#footer1 div a:visited {  color: #FFFFFF; text-decoration:none;}
#footer1 div a:hover { color: #FFFFFF; text-decoration: underline;}
#footer1 div a:active {  color: #FFFFFF; text-decoration:none;}
#footer1 div:first-child h6 {padding-top:0; }
#footer1 div ul { list-style-type: none; padding-left: 0px; }
#footer1 div li { font-size:0.9em; line-height:1.2; color: #ffffff;}
#footer1 #legal { width:auto; padding: 0 10px; clear:both;}
#footer1 #legal div { width: auto;}
#footer1 #legal h6 { font-size:1.25em; color: #007bc3; padding-top:0; margin: 20px 0 30px;}
#foote1 #legal p { font-size:1.1em; line-height:1.5; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif}
#footerText {display:none;}

#footWrap2 {background: #9daaba 0 0 repeat-x; width: 100%; display:table;}
#footer{
width: 960px;
text-align:left;
padding:0px;
margin:0 auto;
background:#9daaba;
border-top:0px solid #ccc;
color:#fff;
font-size:0.8em;
overflow:auto;
}
#footer div{width: 620px;  padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; float:left;}
#footer #menu {width: 298px;  padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; float:left;}
#footer #menu div{width: 300px;  float:left;}
	#link-top{
	float:right;
	color:#666;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}