body { background:url(/img/petra_body_background.gif) repeat-x #efefef;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:100%; }
	body { color:#595959; }
.clear { clear:both;width:1px;height:1px; }

#wrapper { margin:auto;text-align:left;width:952px; }

#header { text-align:center; }
	#header h1 { background:url(/img/petra_petra_logo.jpg) no-repeat;width:238px;height:78px;float:left;margin:0px 0px 20px 0px;padding:0px; }
		#header h1 a { display:block;overflow:hidden;width:285px;height:60px;text-indent:-10001em; }
	#header ul { padding-top:26px;margin:0px;padding:0px;clear:left; }
		#header ul li { float:left;display:block;height:58px;margin-right:39px; }
			#header ul li a { display:block;overflow:hidden;height:58px;text-indent:-10001em;outline:none; }

			#header ul li.petrayoga { width:99px;height:40px;overflow:hidden; }
			#header ul li.petrayoga a { background:url(/img/nav/petrayoga_up.png) no-repeat; }
			#header ul li.petrayoga a:hover { background:url(/img/nav/petrayoga_over.png) no-repeat; }
			#header ul li.petrayoga_on { width:99px;height:58px; }
			#header ul li.petrayoga_on a { background:url(/img/nav/petrayoga_down.png) no-repeat; }

			#header ul li.aboutus { width:92px;height:40px;overflow:hidden; }
			#header ul li.aboutus a { height:40px;background:url(/img/nav/aboutus_up.png) no-repeat; }
			#header ul li.aboutus a:hover { background:url(/img/nav/aboutus_over.png) no-repeat; }
			#header ul li.aboutus_on { width:92px;height:58px; }
			#header ul li.aboutus_on a { height:58px;background:url(/img/nav/aboutus_down.png) no-repeat; }

			#header ul li.classes { width:79px;height:40px;overflow:hidden; }
			#header ul li.classes a { background:url(/img/nav/classes_up.png) no-repeat; }
			#header ul li.classes a:hover { background:url(/img/nav/classes_over.png) no-repeat; }
			#header ul li.classes_on { width:79px;height:58px; }
			#header ul li.classes_on a { background:url(/img/nav/classes_down.png) no-repeat; }

			#header ul li.clipsandtutorials { width:144px;height:40px;overflow:hidden; }
			#header ul li.clipsandtutorials a { background:url(/img/nav/ct_up.png) no-repeat; }
			#header ul li.clipsandtutorials a:hover { background:url(/img/nav/ct_over.png) no-repeat; }
			#header ul li.clipsandtutorials_on { width:144px;height:58px; }
			#header ul li.clipsandtutorials_on a { background:url(/img/nav/ct_down.png) no-repeat; }

			#header ul li.lifestyle { width:123px;height:40px;overflow:hidden; }
			#header ul li.lifestyle a { background:url(/img/nav/lifestyle_up.png) no-repeat; }
			#header ul li.lifestyle a:hover { background:url(/img/nav/lifestyle_over.png) no-repeat; }
			#header ul li.lifestyle_on { width:123px;height:58px; }
			#header ul li.lifestyle_on a { background:url(/img/nav/lifestyle_down.png) no-repeat; }

			#header ul li.workshop { width:100px;height:40px;overflow:hidden; }
			#header ul li.workshop a { background:url(/img/nav/workshop_up.png) no-repeat; }
			#header ul li.workshop a:hover { background:url(/img/nav/workshop_over.png) no-repeat; }
			#header ul li.workshop_on { width:100px;height:58px; }
			#header ul li.workshop_on a { background:url(/img/nav/workshop_down.png) no-repeat; }

			#header ul li.contact { width:81px;height:40px;overflow:hidden;margin-right:0px; }
			#header ul li.contact a { background:url(/img/nav/contact_up.png) no-repeat; }
			#header ul li.contact a:hover { background:url(/img/nav/contact_over.png) no-repeat; }
			#header ul li.contact_on { width:81px;height:58px;margin-right:0px; }
			#header ul li.contact_on a { background:url(/img/nav/contact_down.png) no-repeat; }

#content { border-top:1px solid #ffffff;margin-top:10px;clear:both;padding-top:5px; }
#left_col { width:525px;float:left;margin-right:0px;text-align:left; }
#workshop_col { width:952px;float:left;margin-right:0px;text-align:left; }
	#workshop_col p { font-size:80%;line-height:1.4em; }
	#workshop_col dt, #workshop_col dd { font-size:80%;line-height:1.4em; }
	#workshop_col h2 { margin:0px 0px 0px 0px;padding:0px;color:#319ecb;font-family:"Arial Black", Arial, Helvetica, sans-serif;font-size:120%;font-weight:normal; }
	#workshop_col h3 { margin:10px 0px 0px 0px;padding:0px;color:#319ecb;font-family:Arial, Helvetica, sans-serif;font-size:120%;font-weight:normal; }
	#workshop_col h3 span { margin:0px 0px 0px 0px;padding:0px;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:80%;font-weight:bold; }
	#workshop_col #hero { padding-bottom:10px;border-bottom:1px solid #ffffff; }
		#workshop_col #hero img { float:left;margin-right:10px; }
		#workshop_col #hero p { font-size:100%; }
	#workshop_col #right_col { width:400px;float:right;margin-left:10px;margin-top:10px; }

	#workshop_col dl {
		width:500px;
		overflow:auto;
	}
	#workshop_col dt {
		font-weight:bold;
		width:90px;
		float:left;
		margin:10px 0px 0px 0px;
		padding:0px;
		clear:both;
		text-align:right;
	}
	#workshop_col dd {
		width:340px;
		float:left;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 10px;
		color:#7f7f7f;
	}
	#workshop_col dd span {
		color:#319ecb;
	}


#workshop_col a { text-decoration: none; }


#left_col .hero { width:525px;padding-bottom:10px;border-bottom:1px solid #ffffff; }
	#left_col .hero img { margin-bottom:10px; }
	#left_col .hero span { font-size:60%; }
	
#left_col h2 { margin:20px 0px 5px 0px;color:#b1cd1f;font-family:"Arial Black", Arial, Helvetica, sans-serif;font-size:120%;font-weight:normal; }
	#left_col h2 a { color:#b1cd1f;text-decoration:none; }
	#left_col h2 a:hover { color:#b1cd1f;text-decoration:underline; }

/* Petra look here for h3 colours */
#left_col h3 { color:#b1cd1f; font-size:100%;font-weight:bold;text-decoration:none;}
#left_col h4 { color:#b1cd1f; font-size:100%;}

#left_col ul li { font-size:80%;line-height:1.4em; }
#left_col p { margin:15px 0px 15px 0px;font-size:80%;line-height:1.4em; }
	#left_col p a, #workshop_col p a { color:#b1cd1f;font-weight:bold;text-decoration:none; }
	#left_col p a:hover, #workshop_col p a:hover { color:#b1cd1f;font-weight:bold;text-decoration:underline; }
	
#left_col img.ar { float:right;margin:5px 0px 5px 5px; }
#left_col img.al { float:left;margin:5px 5px 5px 0px; }

#left_col ul.classdetails {
	list-style:none;
	padding:0px;
	margin:0px;
}
#left_col ul.classdetails li {
	border-top:1px solid #ffffff;
	padding:20px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
}
#left_col ul.classdetails li img {
	margin:0px 20px 0px 0px;
}
#left_col .contactform {
	background: transparent url(/img/contact/contactform_bg.jpg) no-repeat scroll 0% 0%;
	width: 483px;
	height: 552px;
	margin-top:30px;
	padding:20px;
	margin-bottom:30px;
}
#left_col .contactform .errorbox {
	width:50px;
	height:66px;
}
#left_col .contactform ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#left_col .contactform ul li ul {
	width:400px;
}
#left_col .contactform ul li {
	margin:0px 0px 20px 24px;
	padding:0px;
	clear:both;
}
#left_col .contactform ul li ul li {
	margin:0 35px 0px 0px;
	padding:0;
	width:68px;
	display:inline-block;
	text-align:center;
}
#left_col .contactform ul li input {
	width:250px;
}
#left_col .contactform ul li textarea {
	width:250px;
	height:200px;
}
#left_col .contactform ul li ul li input {
	width:18px;
}
#left_col .contactform ul li input.submit {
	width:101px;
	height:47px;
	float:right;
	margin-right:118px;
}
#left_col .contactform ul li ul li label {

}
#left_col .contactform ul li ul li label.individual {
	background-image:url('/img/contact/contactform_individual.jpg');
	display:block;
	width:68px;
	height:65px;
	overflow:hidden;
	text-indent:-1001px;
}
#left_col .contactform ul li ul li label.group {
	background-image:url('/img/contact/contactform_group.jpg');
	display:block;
	width:68px;
	height:65px;
	overflow:hidden;
	text-indent:-1001px;
}
#left_col .contactform ul li ul li label.corporate {
	background-image:url('/img/contact/contactform_corporate.jpg');
	display:block;
	width:68px;
	height:65px;
	overflow:hidden;
	text-indent:-1001px;
}
#left_col .contactform ul li ul li input {
	margin-left:30px;
}
#left_col .contactform ul li ul li input.contact_radio {
	display:block;
	margin:0px 0px 0px 0px;
	clear:both;
	margin-left:25px;
}
#left_col .contactform ul li label, #left_col ul li span {
	width:82px;
	display:inline-block;
	font-weight:bold;
	color:#000000;
	font-size:14px;
	float:left;
}
#right_col { float:right; }
	#right_col .greenbox {
		width:407px;
		height:116px;
		background-image:url('/img/greenbox/greenbox_right.jpg');
		background-position:right;
		margin-bottom:15px;
	}
	#right_col .greenbox span {
		display:block;
		background-image:url('/img/greenbox/greenbox_left.jpg');
		background-position:left;
		width:14px;
		height:116px;
		float:left;
	}
	#right_col .greenbox h3 {
		margin:0px 0px 10px 17px;
		padding:10px 0px 0px 4px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		text-transform:uppercase;
		font-weight:bold;
	}
	#right_col .greenbox p {
		margin:0px 0px 0px 20px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#3f4b03;
		font-weight:700;
		width:220px;
	}
	#right_col .greenbox p a {
		color:#ffffff;
	}
	#right_col .greenbox img {
		border:3px solid #ffffff;
		float:right;
		margin:-30px 15px 0px 0px;
	}


#right_col .newsbox {
		width:407px;
		height:60px;
		background-image:url('/img/newsbox/orangebox_right_60.jpg');
		background-position:right;
		margin-bottom:15px;
	}
	#right_col .newsbox span {
		display:block;
		background-image:url('/img/newsbox/orangebox_left_60.jpg');
		background-position:left;
		width:14px;
		height:60px;
		float:left;
	}
	#right_col .newsbox h3 {
		margin:0px 0px 10px 17px;
		padding:10px 0px 0px 4px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		text-transform:uppercase;
		font-weight:bold;
	}
	#right_col .newsbox p {
		margin:0px 0px 0px 20px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#3f4b03;
		font-weight:700;
		width:220px;
	}
	#right_col .newsbox p a {
		color:#ffffff;
	}
	#right_col .newsbox img {
		border:3px solid #ffffff;
		float:right;
		margin:-30px 15px 0px 0px;
	}


#right_col .newsbox1 {
		width:407px;
		height:180px;
		background-image:url('/img/newsbox/orangebox_right_180.jpg');
		background-position:right;
		margin-bottom:15px;
	}
	#right_col .newsbox1 span {
		display:block;
		background-image:url('/img/newsbox/orangebox_left_180.jpg');
		background-position:left;
		width:14px;
		height:180px;
		float:left;
	}
	#right_col .newsbox1 h3 {
		margin:0px 0px 10px 17px;
		padding:10px 0px 0px 4px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		text-transform:uppercase;
		font-weight:bold;
	}
	#right_col .newsbox1 p {
		margin:0px 0px 0px 20px;
		padding:0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#ffffff;
		font-weight:700;
		width:220px;
	}
	#right_col .newsbox1 p a {
		color:#ffffff;
	}
	#right_col .newsbox1 img {
		border:3px solid #ffffff;
		float:right;
		margin:-30px 15px 0px 0px;
	}



	#right_col .quote {
		width:407px;
		background-image:url('/img/quotebox/quotebox_bottom.jpg');
		background-position:bottom;
		padding:0px 0px 65px 0px;
		margin:0px;
	}
	#right_col .quote span {
		display:block;
		width:407px;
		height:30px;
		background-image:url('/img/quotebox/quotebox_top.jpg');
	}
	#right_col .quote p {
		padding:0px 15px 0px 40px;
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#5a5a5a;
		font-weight:bold;
	}
	#right_col .quote p a{
		padding:0px 15px 0px 40px;
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#b1cd1f;
		font-weight:bold;
		text-decoration:none;
	}
	#right_col .quoteauthor {
		background:url('/img/quotebox/quotebox_author.jpg') no-repeat;
		width:409px;
		height:47px;
		margin:0px;
		padding:0px;
		margin-bottom:20px;
		text-align:center;
	}
	#right_col .quoteauthor span {
		margin-left:0px;
		padding-top:55px;
		color:#5A5A5A;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		font-weight:bold;
		vertical-align:middle;
		line-height:48px;
	}
	#right_col .tribox {
		width:409px;
		background:url(/img/tribox/tribox_background.jpg) bottom no-repeat;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	#right_col .tribox h2 {
		background:url(/img/tribox/tribox_rightside.jpg) top right no-repeat;
		margin:0px 2px 0px 10px;
		padding:0px;
		color:#FFFFFF;
		font-family:Arial,Helvetica,sans-serif;
		font-size:18px;
		font-weight:normal;
		height:33px;
		line-height:33px;
	}
	#right_col .tribox .tribox_header {
		background:url(/img/tribox/tribox_leftside.jpg) no-repeat;
	}
	#right_col .tribox ul {
		padding:0px;
		margin:0px;
	}
	#right_col .tribox ul li {
		padding:0px;
		margin:0px 0px 0px 4px;
		width:398px;
		height:110px;
		list-style:none;
		clear:both;
	}
	#right_col .tribox ul li dl dt {
		float:left;
		width:140px;
		height:96px;
		padding:6px 0 0 6px;
		margin:0px;
	}
	#right_col .tribox ul li dl dd {
		padding:6px 10px 0 6px;
		margin:0px;
		width:235px;
		float:right;
		color:#000000;
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		height:75px;
	}
	#right_col .tribox ul li dl dd.fom {
		height:20px;
	}
	#right_col .tribox ul li dl dd.fom a {
		background-color:#b0cd1d;
		color:#ffffff;
		text-decoration:none;
		padding:1px;
		font-weight:bold;
	}
	#right_col .tribox ul li.alt dl dd.fom {
		height:20px;
	}
	#right_col .tribox ul li dl dt a img {
		border:0px;
	}
	#right_col .tribox ul li.alt {
		background-color:#f4f4f4;
	}
	#right_col .tribox ul li.one {
		background-color:#f4f4f4;
	}
	#right_col .tribox ul li.two {
		background-color:#f0f0f0;
	}
	#right_col .tribox ul li.three {
		background-color:#ebebeb;
	}
	#right_col .tribox ul li.four {
		background-color:#e5e5e5;
	}
	#right_col .tribox ul li.five {
		background-color:#d6d6d6;
		margin-bottom:4px;
	}
	#right_col .statsbox {
		background-image:url(/img/statsbox/statsbox_bg.jpg);
		width:407px;
		font-size:11px;
	}
	#right_col .statsbox dl {
		margin:0px 0px 0px 0px;
		padding:20px 0px 0px 20px;
		clear:both;
		overflow:auto;
	}
	#right_col .statsbox dl dt {
		float:left;
		clear:both;
		font-weight:bold;
		margin:0px;
		padding:0px;
		width:100px;
	}
	#right_col .statsbox dl dd {
		width:220px;
		float:left;
		color:#808080;
	}
	#right_col .statsboxbottom {
		width:407px;
		height:18px;
		background-image:url('/img/statsbox/statsbox_bottom.jpg');
		margin-bottom:20px;
	}
	#right_col .classesbox {
		width:407px;
		background:url('/img/classesbox/classes_bg.jpg') no-repeat top;
	}
	#right_col .classesbox p {
		padding-top:23px;
		height:70px;
		margin:0px 36px 0px 36px;
		font-size:120%;
		text-align:center;
	}
	#right_col .classesbox ul {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#right_col .classesbox ul li {
		display:inline;
		float:left;
		margin:0px;
		padding:0px;
	}
	#right_col .classesbox ul li.private a {
		display:block;
		margin-left:34px;
		width:66px;
		height:61px;
		background:url('/img/classesbox/classes-private.png') no-repeat 0px -31px;
		text-indent:-1001px;
		overflow:hidden;
		outline:none;
	}
	#right_col .classesbox ul li.group a {
		display:block;
		margin-left:65px;
		width:79px;
		height:61px;
		background:url('/img/classesbox/classes-private.png') no-repeat 0px 0px;
		text-indent:-1001px;
		overflow:hidden;
		outline:none;
	}
	#right_col .classesbox ul li.corporate a {
		display:block;
		margin-left:46px;
		width:78px;
		height:61px;
		background:url('/img/classesbox/new/corporate_over.png') no-repeat top;
		text-indent:-1001px;
		overflow:hidden;
		outline:none;
	}
	#right_col .classesselector {
		background:url('/img/classesbox/flash_module_landing.png') no-repeat top;
		clear:both;
		width:404px;
		height:47px;
	}
	#right_col .classescopy {
		background:url('/img/classesbox/classes_copybg.jpg') no-repeat bottom;
		width:344px;
		padding:0px 30px 10px 30px;
	}
	#right_col .classescopy h4 {
		margin:0px 0px 10px 0px;
		padding:5px 0px 0px 0px;
		font-family:Verdana, Arial, Helvetica;
		font-weight:bold;
		font-size:90%;
		color:#000000;
	}
	#right_col .classescopy p {
		padding:0px 0px 10px 0px;
		margin:0px;
		text-align:left;
		font-size:12px;
		height:auto;
	}
	#right_col .classescopy p a {
		text-decoration:none;
		color:#c41437;
	}
	#right_col .classesfooter {
		width:407px;
		height:18px;
		background:url('/img/classesbox/classes_footer.jpg') no-repeat top;
	}


#right_col .classesbox ul li.private a {
	background:url('/img/classesbox/classes-private.png') no-repeat 0px -61px;
}
#right_col .classesbox ul li.private a:hover {
	background:url('/img/classesbox/classes-private.png') no-repeat 0px 0px;
}

#right_col .classesbox ul li.group a {
	background:url('/img/classesbox/classes-group.png') no-repeat 0px -61px;
}
#right_col .classesbox ul li.group a:hover {
	background:url('/img/classesbox/classes-group.png') no-repeat 0px 0px;
}

#right_col .classesbox ul li.corporate a {
	background:url('/img/classesbox/classes-corporate.png') no-repeat 0px -61px;
}
#right_col .classesbox ul li.corporate a:hover {
	background:url('/img/classesbox/classes-corporate.png') no-repeat 0px 0px;
}
#right_col .classesbox h2 {
	color:#C2082C;
	font-family:"Arial Black",Arial,Helvetica,sans-serif;
	font-size:120%;
	height:95px;
	margin:0 36px;
	padding-top:23px;
	text-align:center;
}

#sidebar {
	width:256px;
}
#videos {
/*
	background:#F2A51F url(http://petrayoga.ncicms.co.uk/lib/blog/clips_right_col_bg.jpg) no-repeat scroll 0 0;
	padding-bottom: 30px;
	margin-bottom: 30px;
	width: 400px;
*/
	width:407px;
	height:160px;
	background-image:url('/img/orangebox/orangebox_right160.jpg');
	background-position:right;
	margin-bottom: 15px;
}
#videos>span {
	display:block;
	background-image:url('/img/orangebox/orangebox_left160.jpg');
	background-position:left;
	width:14px;
	height:160px;
	float:left;
}
#videos li { list-style:none; }
#videos h2 {
	font-size:120%;
	color:#ffffff;
}
#videos ul {
	padding:10px 10px 0px 10px;
	margin:0px 17px 0px 17px;
}
#videos ul li {
	border-bottom:1px solid #ffffff;
}
#videos ul li ul li {
	border-bottom:0px solid #ffffff;
}
#videos ul li ul {
	padding:0px;
	margin:0px 0px 10px 20px;
}
#videos ul li ul li a {
	color:#393939;
	font-weight:bold;
	text-decoration:none;
}
#videos ul li h2 {
	margin-bottom:10px;
	margin-top:5px;
	}