﻿/**		http://www.VenaRamphal.com*		©2008 Paul Castle (paul.castle@gmail.com) (http://mindresin.co.uk) Tab size: 8.*		Last update: 11/01/2011*		Revision 3: 24/07/2011 - addition of media/press section*		*	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 12px; }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					{ display: block; padding: 2px 0 0 35px; margin: 10px 10px 0 5px; background: url(../images/blockquote.png) no-repeat top left; }blockquote p					{ font: normal 16px/1.2 "Century Gothic", "Lucida Grande", Verdana, Tahoma, Century, sans-serif; }blockquote p:first-letter 			{ font-weight: bold; font-size: 18px; }/*cite:before					{ content: " –– "; }*/cite						{ padding-left: 40px; font: italic 12px "Century Gothic", "Lucida Grande", Verdana, Tahoma, Century, sans-serif; color: #93815e; }.phone						{ font: bold 14px Georgia, "Times New Roman", Times, serif; }.address					{ font-size: 17px; padding-top: 6px; }.emailaddress					{ font-size: 14px; }/*	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; }/*	Jan 11 2011 - Services pagination replaced with page scroller*/.jScrollPaneContainer 				{ position: relative; overflow: hidden; z-index: 1; outline: 0; }.jScrollPaneTrack 				{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #E4DBC2; }.jScrollPaneDrag				{ position: absolute; background: #534024; cursor: pointer; overflow: hidden; }.jScrollPaneDragTop				{ position: absolute; top: 0; left: 0; overflow: hidden; }.jScrollPaneDragBottom				{ position: absolute; bottom: 0; left: 0; overflow: hidden; }a.jScrollArrowUp				{ display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }a.jScrollArrowUp:hover				{ /*background-color: #f60;*/ }a.jScrollArrowDown				{ display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden;							  /*background-color: #666;*/ height: 9px; }a.jScrollArrowDown:hover			{ /*background-color: #f60;*/ }a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover		{ /*background-color: #f00;*/ }/*	About portrait	*/.wp-image-12,
.wp-image-117					{ float: right; display: inline; border: 2px solid #534024; margin: 0 0 15px 15px; }/*	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; }#pages-services					{ height: 580px; overflow: hidden; padding: 0 10px 0 0; }#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; }/*	0. Media & Press Overlay*/.apple_overlay					{ display: none; background-image: url(../img/overlay/white.png); width: 640px; padding: 35px; font-size: 11px; }.apple_overlay .close				{ background-image: url(../img/overlay/close.png); position: absolute; right: 5px; top: 5px; cursor: pointer;						  height: 35px; width: 35px; }#overlay					{ background-image: url(http://static.flowplayer.org/img/overlay/transparent.png); color: #efefef; height: 450px; }div.contentWrap					{ height: 441px; overflow-y: auto; }#mediaBody					{ width: 640px; margin: 30px auto; position: relative; }.media						{ position: relative; overflow: hidden; height: 380px; width: 640px; float: left; }.media .items					{ position: absolute; height: 20000em; }.media .item					{ height: 185px; width: 100%; overflow: hidden; margin: 0 0 5px 5px; text-align: left; }.itemHeadline					{ float: left; height: 180px; width: 180px; 						  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-top: 1px solid #f3ead3;						  background: -webkit-gradient(linear, left top, left bottom, from(#e8dec4), to(#eae3ce));						  background: -webkit-linear-gradient(top, #e8dec4, #eae3ce); background: -moz-linear-gradient(top, #e8dec4, #eae3ce);						  background: -ms-linear-gradient(top, #e8dec4, #eae3ce); background: -o-linear-gradient(top, #e8dec4, #eae3ce);						  -webkit-box-shadow: rgba(0,0,0,.4) 2px 2px 2px; -moz-box-shadow: rgba(0,0,0,.4) 2px 2px 2px; box-shadow: rgba(0,0,0,.4) 2px 2px 2px; }.itemContent					{ float: left; width: 400px; margin: 5px 0 0 10px; }.itemHeadline h3				{ padding: 0; margin: 5px 5px 10px; font: bold 16px/1.2 'Trebuchet MS', Helvetica, Arial, Sans-Serif;						  text-shadow: rgba(255,255,255,.4) 1px 1px 2px; color: #534024; }.mediaNav					{ width: 20px; height: 100%; float: right; margin: 0 5px 0 0; }.mediaNav .button 				{ position: relative; float: left; width: 20px; height: 180px; padding: 0; margin: 1px 0; cursor: pointer;						  background: -webkit-gradient(linear, left top, left bottom, from(#c9bc9a), to(#ddd4bd));						  background: -webkit-linear-gradient(top, #c9bc9a, #ddd4bd); background: -moz-linear-gradient(top, #c9bc9a, #ddd4bd);						  background: -ms-linear-gradient(top, #c9bc9a, #ddd4bd); background: -o-linear-gradient(top, #c9bc9a, #ddd4bd);						  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-top: 1px solid #f3ead3; 						  -webkit-box-shadow: rgba(0,0,0,.4) 1px 1px 1px; -moz-box-shadow: rgba(0,0,0,.4) 1px 1px 1px; box-shadow: rgba(0,0,0,.4) 1px 1px 1px;						  text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #534024; font-size: 13px; 						  font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; }.mediaNav .button:hover				{ border-top-color: #cfb677; background: #cfb677; color: #534024; }.mediaNav .button:active			{ border-top-color: #bc9e53; background: #bc9e53; }.mediaNav .button span				{ display: block; width: 14px; height: 8px; margin: 88px auto;						  background: url(../images/mediaArrow.png) top left no-repeat; }.mediaNav .button.next span			{ background-position: top right; }.mediaNav .button.disabled			{ opacity: .3; cursor: default; }.linkButton					{ border-top: 1px solid #7b6d58; background: #534024; 						  background: -webkit-gradient(linear, left top, left bottom, from(#362a18), to(#534024)); 						  background: -webkit-linear-gradient(top, #362a18, #534024);						  background: -moz-linear-gradient(top, #362a18, #534024);						  background: -ms-linear-gradient(top, #362a18, #534024);						  background: -o-linear-gradient(top, #362a18, #534024);						  padding: 4.5px 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 						  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; 						  text-shadow: rgba(0,0,0,.4) 0 1px 0;						  color: #aa8e5a; font-size: 12px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; }.linkButton:hover				{ border-top-color: #362a18; background: #362a18; color: #cea352; }.linkButton:active				{ border-top-color: #372a18; background: #372a18; }/*	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*/
