/*
*		http://www.VenaRamphal.com
*		(cc)2008 Paul Castle (paul.castle@gmail.com) (http://mindresin.co.uk) Tab size: 4.
*		
*	Swatch List
*/
.sienna		{ color: #534024; } /* Burnt Sienna [typography, emphasis blocks] */
.sand		{ color: #FCF1E0; } /* Sand [backdrops, whitespace] */
.blue		{ color: #7C9BA3; } /* Muted Blue [highlights] */
/*
*	Table Of Contents
*
*		01 - Resets
*		02 - Utilities
*		03 - Layout
*		04 - Navigation
*		05 - Article Structure & Typography
*		06 - Browser Specific Fixes
*/
/*
	01. Resets
*/
body							{ background-color: #f3ead2; height: 100%; margin: 0; padding: 0; text-align: center; }
html		 					{ height: 100%; }
table 							{ border-collapse: collapse; border-spacing: 0; }
.list-reset						{ padding: 0; margin: 0; list-style: none; list-style-position: inside; }
fieldset,img 						{ border: 0; }
a:link, a:visited					{ text-decoration: none; }
a:hover, a:focus					{ text-decoration: underline; }
/*
	02. Utilities
*/
.norender						{ display: none; }
.example						{ color: #bbb; }
.left							{ float: left; }
.right 							{ float: right; }
.textleft						{ text-align: left; }
.textright						{ text-align: right; }
.clear 							{ clear: both; }
.textpad						{ padding: 5px; }
hr								{ height: 2px; background: #999; border: 1px solid #999; margin: 10px 0; }
.inner							{ padding: 0px 30px 30px; }
.article						{ position: relative; }
.scrollButtons						{ cursor: pointer; }
.portrait						{ position: relative; margin: 0 20px 20px; border: 3px solid #534024; }

/*
	03. Layout Elements
*/
#sidebar						{ position: relative; float: left; width: 310px; }
#main-shadow						{ position: absolute; left: 310px; top: 0;  width: 37px; height: 640px; z-index: 0; background: url(../images/main-shadow.png) -1px center no-repeat; }
#slider							{ position: relative; text-align: left; top: 20px; width: 960px; margin: 0 auto; z-index: 10; }
.scroll							{ position: relative; float: left; height: 640px; width: 600px; overflow: hidden; }
.scrollcontainer					{ width: 4340px; }
.panel							{ position: relative; float: right; padding: 20px; height: 600px; width: 600px; }
#logotype 						{ position: relative; top: 110px; width: 100%; height: 150px; display: block; text-indent: -9999px;
							background: transparent url(../images/strap.gif) top left no-repeat; }
/*
	04. Navigation
*/
.ribbon-closed						{ position: absolute; width: 116px; height: 352px; left: -15px; top: 161px; z-index: 40;
							background: url(../images/ribbon-closed.png) center center no-repeat; cursor: pointer; outline: none; }
.ribbon-open						{ position: absolute; width: 82px; height: 66px; left: 289px; top: 290px; z-index: 20;
							background: url(../images/ribbon-open.png) top left no-repeat; cursor: pointer; outline: none; }
.navigation 						{ position: relative; top: 20px; }
.navigation li 						{ float: left; font-size: 1.2em; font-weight: bold; }
.navigation a 						{ padding: 10px 5px; margin-right: 3px; color: #534024; text-decoration: none; outline: none; 
							-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }
.navigation a:hover,
.navigation a:focus 					{ background: #7C9BA3; color: #fcf1e0; }
.navigation a.selected 					{ color: #fcf1e0; background: url(../images/bg.gif)top left repeat-x  #534024; }
/*inactive states*/
.navigation-inactive					{ position: relative; top: 20px; }
.navigation-inactive li					{ float: left; font-size: 1.2em; font-weight: bold; }
.navigation-inactive a 					{ padding: 10px; color: #534024; text-decoration: none; outline: none; 
							-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }
.navigation-inactive a:hover,
.navigation-inactive a:focus 				{ background: #7C9BA3; color: #fcf1e0; }
.navigation-inactive a.selected				{ color: #fcf1e0; background: url(../images/bg.gif)top left repeat-x  #534024; }
/*
	05. Article Structure & Typography
*/
body							{ font-size: 75%; color: #534024; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 					{ font-weight: normal; color: #534024; }
h1 							{ font-size: 3em; margin-bottom: 0.5em; }
h2 							{ font-size: 1.7em; margin-bottom: 0.75em; }
h2.twitter span						{ background: url(../images/tweet.gif) right 5px no-repeat; padding: 15px 75px 25px 0; }
h3 							{ font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 							{ font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em;}
h5 							{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 							{ font-size: 0.7em; font-weight: bold;}
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img 					{ margin: 0;}
p							{ margin: 0 0 1.5em; }
p img							{ float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.right 						{ float: right; margin: 1.5em 0 1.5em 1.5em; }
a							{ color: #8f774b; }
a:focus, a:hover					{ color: #7C9BA3; }
pre, code						{ margin: 1.5em 0; white-space: pre;}
pre, code, tt						{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
li ul, li ol 						{ margin:0 1.5em;}
.emphasis						{ font-style: italic; }
.small 							{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large							{ font-size: 1.3em; line-height: 1.5em; margin-bottom: 1.25em; }
.quiet 							{ color: #666; }
.loud 							{ color: #000; }
.highlight						{ background: #ff0; }
blockquote 						{ font-size: 1.2em; line-height: 1.5em; width: 400px;
							background: url(../images/close-quote.gif) no-repeat right bottom;
							padding-left: 18px; text-indent: -18px; }
blockquote:first-letter 				{ background: url(../images/open-quote.gif) no-repeat left top; padding-left: 18px;
							font: italic 1.4em Georgia, "Times New Roman", Times, serif; }
cite							{ font-size: 0.9em; float: right; text-align: right; width: 350px; right: 0; }
.phone							{ font: bold 1.4em Georgia, "Times New Roman", Times, serif; }
.address						{ font-size: 1.7em; padding-top: 6px; }
.emailaddress						{ font-size: 1.4em; }
/*
Jan 6 2010 Starting Over Show link addition & Twitter
*/
#startingovershow					{ display: block; position: relative; outline: none; width: 142px; height: 110px; top: 320px; margin-left: 80px;
							background: url(../images/sos.gif) center center no-repeat; text-align: center; font-size: 10px; }
.tweet 							{ font-family: Georgia, serif; font-size: 120%; color: #3e301b; padding-top: 20px; }
.tweet .tweet_list 					{ -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color: #b7c2ba; }
.tweet .tweet_list li 					{ overflow: auto; padding: .5em; }
.tweet .tweet_list li a 				{ color: #755c38; }
.tweet .tweet_list .tweet_even				{ background-color: #acbbb6; }
.tweet .tweet_list .tweet_avatar 			{ padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img 			{ vertical-align: middle; }


/*
	06. Page Elements
*/
#googlemap						{ position: relative; width: 300px; height: 400px; float: right; margin: 5px 5px 10px; border: 1px solid #534024; }
#googlemap div.gmnoprint span				{ visibility: hidden; }
#googlemap div.mapinfo					{ background: #fff url(../images/meditate-icon.png) top right no-repeat; }
#googlemap div.mapinfo h3				{ margin-bottom: 0em; text-indent: 7px; }
#contactmenu  						{ float: right; width: 310px; border: 2px double #534024; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#contactmenu p 						{ margin-bottom : 10px; border: none; text-decoration: none; font-weight: bold;
							font-size: 10px; margin: 0px; padding: 10px; }
#contactmenu h2 					{ cursor: pointer; display: block; padding: 2px 5px 5px 10px; margin: 0; background: #827762; color: #e9dab9; }
#contactmenu h2:hover 					{ background-color: #7C9BA3; }
#contactmenu h2.selected 				{ color: #CDAC6F; background: #372B18 url(../images/sienna-grad.gif) top left repeat-x; }
.enquiry-fieldset					{ margin: 0; padding: 0; }
.enquiryform table					{ height: 300px; margin: 20px; }
.enquiryform input					{ background: #FEFDFB; border: 1px solid #534024; }
.enquiryform label					{ font-weight: bold; }
.enquiryform label.error				{ display: block; text-align: right; font-style: italic; color: #ff0000; margin: 5px 0; }
.enquiryform .textfield					{ width: 100%; padding: 3px 1px; }
.enquiryform .textfield:focus				{ background: #DAC296; }
.enquiryform .textarea					{ width: 100%; background: #FEFDFB; border: 1px solid #534024; }
.enquiryform .textarea:focus				{ background: #DAC296; }
.enquiryform .selectmenu:focus				{ border: 1px solid #CDAC6F; }
.enquiryform .button					{ float: right; padding: 3px 6px; background: #372B18; color: #CDAC6F; margin: 10px 0 10px 10px; 
							font-size: 1.3em; font-weight: bold; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.enquiryform .button:hover, 
.enquiryform .button:focus				{ background: #CDAC6F; color: #372B18; }


.mailinglist						{ position: relative; top: 140px; margin-left: 20px; }
.mailinglist legend					{ display: none; }
.mailinglist .emailLabel				{ display: none; }
.mailinglist .email					{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CDAC6F; padding: 3px; }
.mailinglist .submit					{ padding: 2px 3px 3px; background: #372B18; color: #CDAC6F; margin: 10px 0 10px 10px; border: 1px solid #CDAC6F; cursor: pointer;
							font-size: 12px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#mce-success-response					{ padding: 0 10px; }
.mailinglist .submit:hover,
.mailinglist .submit:focus				{ color: #372B18; background-color: #CDAC6F; border-color: #372B18; }
.mailinglist .example					{ font-style: italic; text-align: center; }
#services-pages						{ height: 580px; overflow: hidden; }
#services-pages .push					{ clear: both; height: 200px; }
#page-counter						{ position: absolute; bottom: 20px; right: 60px; text-align: right; }
#page-counter .qp_prev 					{ margin-left: 15px; }
#page-counter .qp_next 					{ margin-right: 15px; }

/*
	07. Browser Specific Fixes
*/
.ie6 .navigation a.selected,
.ie7 .navigation a.selected				{ color: #fcf1e0; background: #534024; }
.ie6 #iewarning						{ position: relative; font-size: 1.1em; padding: 5px 20px; background: #F9E6C7; border: 3px double #000; }
.ie6 #iewarning a					{ color: #534024; text-decoration: underline; }
.webkit .enquiryform table				{ height: 400px; } /*Fix accordion render issue*/