/* - 

Stylesheet for Studio V, Hilton Head Island, SC.
Studio V is the yoga studio of Karen Verechia. 
This website was designed & developed by Brandon Oxendine.
	 
All content copyright Karen Verechia / Studio V HHI.
	
 - */



body {
	background-color: #e4e2b2;
	width:0px;
	padding:0;
	margin:0;
	}
	
#container {
	position:absolute;
	left: 50%;
	width: 896px;
	margin-left: -448px;
	padding: 20px 0 0 0 ;
	}



/* - HEADER STYLES - */

#header {
	width:896px;
	height:296px;
	background-image: url('_images/header2-announcement.jpg');
	float:left;
	}
	
.ribbon {
	background: url('_images/ribbon.gif') no-repeat;
	width:271px;
	height:161px;
	position:absolute;
	top:0px;
	left:-6px;
	margin:0;
	padding:0;
	}

/* - END HEADER STYLES - */
	
	
/* - NAV STYLES - */
	
#nav {
	width:896px;
	height:35px;
	display:block;
	float:left;
	}
	
#nav ul {
	list-style-type: none;
	display:inline;
	}
	
#nav ul li {
	width:128px;
	height:35px;
	list-style-type: none;
	display:inline;
	float:left;
	}

.home a {
	float: left;
	display:block;
	width: 128px;
	height: 35px;
	background: url('_images/home.gif') 0 0 no-repeat;
	}

.home a:hover {
	background-position: 0 -35px;
	}

.home_current {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/home_current.gif') 0 0 no-repeat;
	}

.classdescriptions a {
	float: left;
	display:block;
	width: 128px;
	height: 35px;
	background: url('_images/classdescriptions.gif') 0 0 no-repeat;
	}

.classdescriptions a:hover {
	background-position: 0 -35px;
	}

.classdescriptions_current {
	float: left;
	display:block;
	width: 128px;
	height: 35px;
	background: url('_images/classdescriptions_current.gif') 0 0 no-repeat;
	}

.schedule a {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/schedule.gif') 0 0 no-repeat;
	}

.schedule a:hover {
	background-position: 0 -35px;
	}

.schedule_current {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/schedule_current.gif') 0 0 no-repeat;
	}

.about a {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/aboutkaren.gif') 0 0 no-repeat;
	}

.about a:hover {
	background-position: 0 -35px;
	}

.about_current {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/aboutkaren_current.gif') 0 0 no-repeat;
	}

.pricing a {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/pricing.gif') 0 0 no-repeat;
	}

.pricing a:hover {
	background-position: 0 -35px;
	}

.pricing_current {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/pricing_current.gif') 0 0 no-repeat;
	}	
	
.thaiyoga a {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/thaiyoga.gif') 0 0 no-repeat;
	}

.thaiyoga a:hover {
	background-position: 0 -35px;
	}

.thaiyoga_current {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/thaiyoga_current.gif') 0 0 no-repeat;
	}
	
.links a {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/links.gif') 0 0 no-repeat;
	}

.links a:hover {
	background-position: 0 -35px;
	}

.links_current {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/links_current.gif') 0 0 no-repeat;
	}

.contact a {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/contact.gif') 0 0 no-repeat;
	}

.contact a:hover {
	background-position: 0 -35px;
	}

.contact_current {
	float: left;
	width: 128px;
	height: 35px;
	background: url('_images/contact_current.gif') 0 0 no-repeat;
	}
	
/* - END NAV STYLES - */



/* - MAIN CONTENT DIV STYLES - */

#content {
	width:616px;
	float:left;
	display:block;
	background:#241810;
	font: normal normal 12px Helvetica, Arial, sans-serif;
	color:#e4e1b6;
	line-height:30px;
	padding:50px 140px;
	margin:0;
	}

#content ul {
	padding: 0;
	margin: 0;
	width:616px;
	display:block;
	float:left;
	}	

#content ul li {
	list-style-type:none;
	padding:0 0 10px 0;
	margin:0;
	}
	
#content ul li a {
	color:#e4e1b6;
	}

#content ul li a:hover {
	text-decoration:none;
	}
	
#content li {
	padding:0 0 0 10px;
	}
	
#content ul ul li {
	padding:0 0 0 10px;
	font:normal normal 12px Helvetica, Arial, sans-serif;
	line-height:17px;
	color:#cf4738;
	margin:0;
	}

	
.thai {
	width:308px;
	float:left;
	display:block;
	background:#241810;
	font: normal normal 12px Helvetica, Arial, sans-serif;
	color:#e4e1b6;
	line-height:30px;
	padding:0;
	margin:0;
	}

.thai ul li {
	width:308px;
	list-style-type:none;
	padding:0 0 10px 0;
	margin:0;
	float:left;
	display:block;
	}

.thai li {
	padding:0 0 0 10px;
	}
	
.thaipics {
	width:308px;
	height:1544px;
	background:url('_images/thaipics.jpg');
	float:left;
	display:block;
	}

#content_pricing {
	width:616px;
	float:left;
	display:block;
	background:#241810;
	font: normal normal 12px Helvetica, Arial, sans-serif;
	color:#e4e1b6;
	line-height:30px;
	padding:50px 140px;
	margin:0;
	}
	
#content_pricing ul {
	font: normal normal 15px Helvetica, Arial, sans-serif;
	color:#cf4738;
	padding:0;
	margin:20px 0 0px 0;
	line-height:0px;
	}

#content_pricing li {
	font: normal normal 12px Helvetica, Arial, sans-serif;
	list-style-type:none;
	line-height:30px;
	padding:0 0 0 10px;
	}
	
.content_karenverechia {
	background: url('_images/karenverechia.gif') no-repeat;
	width:180px;
	height:25px;
	padding: 0px 5px 0 0;
	margin: 0px 0 0 0;
	float:left;
	display:block;
	}
	
.content_title {
	text-decoration:bold;
	color:#cf4637;
	font-size:20px;
	float:left;
	padding:0 5px 0 0;
	}


/* ABOUT STYLES */

.about-content p a {
	color:#e4e1b6;
	}
	
.about-content p a:hover {
	color:#e4e1b6;
	text-decoration:none;
	}
	
.karenpic {
	width:616px;
	height:256px;
	float:left;
	margin: 8px 0 20px 0;
	_margin: 0px 0 0px 0;
	background: url('_images/karen-pic.gif');
	}

.classdescriptions_quote {
	background:url('_images/classdescriptions_quote.gif') no-repeat;
	width:600px;
	height:231px;
	padding: 0px 0 0 0;
	float:left;
	}
	
.content_announcements {
	padding:0px;
	font: normal normal 20px Helvetica, Arial, sans-serif;
	color:#cf4637;
	line-height:35px;
	}
	
.content_important_announcements {
	margin:20px 0 0 0;
	padding:22px 0 20px 5px;
	font:normal bold 12px Helvetica, Arial, sans-serif;
	color:#241810;
	line-height:20px;
	text-transform:uppercase;
	background:#e4e1b6;
	text-align:center;
	}

.content_important_announcements {
	color:#cf4637;
	}

.content_important_announcements a:hover {
	cursor:default;
	color:#241810;
	}
	
.content_signature {
	background:url('_images/signature.gif');
	width:119px;
	height:68px;
	margin:15px 0 0 0;
	}
	
.content_announcement_description {
	font:normal normal 12px Helvetica, Arial, sans-serif;
	color:#e4e1b6;
	line-height:25px;
	padding: 10px 0 0 0;
	}
	
.content_evolution {
	width:307px;
	height:49px;
	background:url('_images/evolution.gif');
	}
	
.emphasizedtext {
	font:normal bold 19px Helvetica, Arial, sans-serif;
	color:#cf4738;
	display:inline;
	}
	
.emphasizedtext a {
	color:#cf4738;
	}
	
.viewcalendar {
	font:normal normal 16px Helvetica, Arial, sans-serif;
	line-height:40px;
	color:#e4e1b6;
	}
	
.viewcalendar a {
	text-decoration:underline;
	color:#e4e1b6;
	}
	
.viewcalendar a:hover {
	text-decoration:none;
	color:#e4e1b6;
	}
	
h1 {
	color:#cf4738;
	margin:20px 0 0 0;
	}
	
h2 {
	margin:0;
	}


	
/* - CALENDAR STYLES - */

#calendar {
	width:856px;
	float:left;
	padding:25px 20px;
	background-color:#241810;
	}
	
.month {
	width:855px;
	height:50px;
	float:left;
	margin: 0 0 25px 0;
	background:url('_images/schedule-header.gif') no-repeat center;
	text-align:center;
	color:#cf4637;
	font:normal normal normal 20px Helvetica, Arial, sans-serif;
	}
	
.cal_month {
	width:855px;
	height:28px;
	float:left;
	padding:20px 0 10px 0;
	text-align:center;
	color:#cf4637;
	font:normal normal normal 20px Helvetica, Arial, sans-serif;
	}
	
.day {
	width:130px;
	height:190px;
	float:left;
	font:normal normal normal 14px Helvetica, Arial, sans-serif;
	color:#72392c;
	border:1px #241810 solid;
	padding:5px 2px 0px 8px;
	background-color:#322217;
	margin: 0;
	}
	
.days {
	width:140px;
	float:left;
	font:normal normal normal 10px Helvetica, Arial, sans-serif;
	color:#e4e1b6;
	padding: 10px 0 10px 0;
	text-align:center;
	background:#3d291c;
	margin:1px;
	border-color:#241810;
	}
	
.event {
	padding:5px 0 0 0;
	color:#e4e1b6;
	font: bold normal 13px Helvetica, Arial, sans-serif;
	}
	
.eventdescription {
	color:#e4e1b6;
	font-size: 12px;
	padding: 2px 0 5px 0 ;
	}
	
.eventdescription a {
	color:#e4e1b6;
	}

.time {
	color:#cf4738;
	font:normal normal 25px Helvetica, Arial, sans-serif;
	}

/* - END CALENDAR STYLES - */
	
	
	
.key {
	width:50%;
	float:left;
	color:#cf4637;
	padding:20px 0 0 0;
	font:normal normal normal 20px Helvetica, Arial, sans-serif;
	}

.key ul {
	padding:0;
	}

.key ul li {
	list-style-type:none;
	padding:10px 0;
	color:#cf4637;
	font:normal normal normal 20px Helvetica, Arial, sans-serif;
	}

.key ul li ul {
	padding: 5px 0 10px 0;
	}

.key ul li ul li {
	list-style-type:none;
	padding:0;
	color:#e4e1b6;
	font:normal normal normal 14px Helvetica, Arial, sans-serif;
	}

.key2 {
	width:50%;
	float:left;
	color:#cf4637;
	padding:20px 0 0 0;
	font:normal normal normal 20px Helvetica, Arial, sans-serif;
	}

.key2 ul {
	padding:0;
	}

.key2 ul li {
	list-style-type:none;
	padding:10px 0;
	color:#cf4637;
	font:normal normal normal 20px Helvetica, Arial, sans-serif;
	}

.key2 ul li ul {
	padding: 5px 0 10px 0;
	}

.key2 ul li ul li {
	list-style-type:none;
	padding:0;
	color:#e4e1b6;
	font:normal normal normal 14px Helvetica, Arial, sans-serif;
	}

/* - footer - */

.footer-contact {
	width:448px;
	padding:20px 0 50px 0;
	float:left;
	list-style-type:none;
	font: normal normal 11px Helvetica, Arial, sans-serif;
	color:#241810;
	}

.brandonoxendine {
	width:448px;
	padding:20px 0 50px 0;
	float:left;
	list-style-type:none;
	font: normal normal 11px Helvetica, Arial, sans-serif;
	color:#241810;
	text-align:right;
	}
	
.brandonoxendine a {
	color:#241810;
	}
	
.brandonoxendine a:hover {
	text-decoration:none;
	}