@charset "UTF-8";

/* ----- DEFAULT ELEMENTS -----*/

body {
	margin: 0px;
	padding: 0px;
	background: url(resources/bg_gradient.jpg) repeat-x;
	background-color: #eee5d4;
	font-size: 11px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	}

a {
	outline: none;
	color: #573829;
	}

p {
	text-align: left;
	}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/* ----- WRAP & INNER WRAP-----*/

#wrap{
	margin: 0px;
	padding: 0px;
	}

#innerwrap{
	width:855px;
	margin: 0 auto;
	position: relative;
	}

/* ----- CONTENT ELEMENTS-----*/	

#logo{
	position: absolute;
	top: 15px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	}
	
#content{
	position: absolute;
	top:125px;
	left:0px;
	padding:0px;
	margin:0px;
	z-index: -1;
	}
	
/* --- BLOG SECTION ---*/

.blog .entries{
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
.blog .archives{
	position: absolute;
	top: 0px;
	left: 600px;
	}
	
.blog .archives p{
	padding-bottom: 7px;
	margin: 0px;
	}
	
.blog .entries p{
	padding-bottom: 7px;
	padding-top: 7px;
	margin: 0px;
	}

.blog .archives h1{	
	font-family: Helvetica, Arial, sans-serif;
	color:#c0d8aa;
	font-size: 18px;
	font-weight: normal;
	}
	
.blog .archives a{
	text-decoration: none;
	color:#3d1a08;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	}
	
.blog #content .blog_entry h1{
	font-family: Helvetica, Arial, sans-serif;
	color:#c0d8aa;
	font-size: 14px;
	font-weight: normal;
	}
	
.blog #content .blog_entry h2{
	font-family: Helvetica, Arial, sans-serif;
	color:#3d1a08;
	font-size: 24px;
	font-weight: normal;
	}
	
.blog_entry h1{
	width: 315px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	}
	
.blog_entry h2{
	width: 565px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
	}
	
.blog #content .blog_entry p{
	width: 565px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	}
	



/* --- CALENDAR SECTION ---*/

.calendar h1{
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9000px;
	background: url(resources/calendar_txt.gif) no-repeat;
	width: 200px;
	height: 20px;
	display: block;
	}
	
.calendar h2{
	position: absolute;
	top: 80px;
	left: 3px;
	color: #361103;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 165px;
	}
	
#calendar_days{
	position: absolute;
	top: 125px;
	left: 3px;
	}
	
#calendar_table{
	position: absolute;
	top: 165px;
	left: 3px;
	}

#calendar_table table{
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	background-color: #fff;
	}
		
#calendar_table tr td{
	height: 140px;
	width: 122px;
	vertical-align: top;
	}
	
#calendar_table .borders{		
	border-right: #666 solid 1px;
	border-bottom: #666 solid 1px;
	}

#calendar_table .borders_noright{	
	border-bottom: #666 solid 1px;
	}
	
#calendar_table	.border_right{
	border-right: #666 solid 1px;
	}
	
#calendar_table .date{
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	position: relative;
	top: 5px;
	left: 5px;
	}
	
#calendar_table .patricia, #calendar_table .wilson, #calendar_table .cole{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	top: 5px;
	left: 5px;
	line-height: 11px;
	width: 115px;
	}
	
#calendar_table .patricia{
	color: #ed6501;
	}
	
#calendar_table .wilson{
	color: #4f9d08;
	}
	
#calendar_table .cole{
	color: #1f6fa6;
	}
	
/* --- CONTACT US SECTION ---*/

#contact_form{
	position: absolute;
	top: 240px;
	left: 0px;
	background-color: #fff;
	height: 460px;
	width: 857px;
	}

/* --- WORKSHOPS SECTION ---*/

#workshops_row1{
	position: absolute;
	top: 130px;
	left: 0px;
	}
	
#workshops_row2{
	position: absolute;
	top: 340px;
	left: 0px;
	}
	
#workshops_row3{
	position: absolute;
	top: 580px;
	left: 0px;
	}
	
#content .workshops_row1, #content .workshops_row2, #content .workshops_row3{
	width: 211px;
	overflow: hidden;
	float: left;
	margin-right: 2px;
	}
		
.workshop_content {
	padding: 10px;
	margin: 3px 0px 0px 0px;
	}
	
.workshop_content ul{
	padding-left: 10px;
	list-style-type: disc;
	margin: 0px;
	}


/* --- SERVICES SECTION ---*/
#services_row1{
	position: absolute;
	top: 220px;
	left: 0px;
	}
	
#services_feature2{
	position: absolute;
	top: 660px;
	left: 0px;
	}
	
#services_row2{
	position: absolute;
	top: 880px;
	left: 0px;
	}
	
#services_feature3{
	position: absolute;
	top: 1980px;
	left: 0px;
	}
	
#services_row3{
	position: absolute;
	top: 2130px;
	left: 0px;
	background-color: #fff;
	}

#content .services_row1{
	height: 425px;	
	}
	
#content .services_row2{
	height: 1080px;
	}
	
#content .services_row3{
	height: 360px;
	}

#content .services_row1, #content .services_row2{
	background-color: #fff;
	}

#content .services_row1, #content .services_row2, #content .services_row3{
	color: #666;
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 11px;
	line-height: 14px;
	float: left;
	margin-right: 2px;
	width: 283px;
	}
	
#content .services_row1 p, #content .services_row2 p, #content .services_row3 p{
	margin: 0px;
	padding: 10px 15px 0px 10px;
	}

#content .services_row2 span, #content .services_row3 span{
	color: #3d1a08;
	font-size: 12px;
	font-weight: bold;
	}
	
#content .services_row1 ul, #content .services_row2 ul, #content .services_row3 ul{
	margin: 5px 10px 0px 35px;
	padding: 0px;
	list-style-type: disc;
	}

/* --- ABOUT SECTION ---*/	
	
.aboutus #content{
	background-color: #fff;
	height: 600px;
	}

#bio_column, #clients_column{
	position: absolute;
	top: 220px;
	left:0px;
	}

#about_column{
	position: absolute;
	top: 230px;
	left:0px;
	}	

#content .about_column, #content .bio_column, #content .clients_column, #content .publications_column1, #content .publications_column2{
	color: #666;
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 11px;
	line-height: 14px;
	float: left;
	}
	
#content .about_column{
	width: 265px;
	padding-left: 15px;
	}
	
#content .about_column ul{
	list-style-type: disc;
	margin: 15px 0px 0px 15px;
	}

#content .clients_column{
	width: 283px;
	background-color: #fff;
	margin-right: 2px;
	}
	
#content .bio_column{
	height: 860px;
	width: 212px;
	background-color: #fff;
	margin-right: 1px;
	}
	
#content .clients_column{
	height: 390px;
	}

#content .clients_column ul{
	margin: 0px;
	padding: 10px 15px 0px 10px;
	}
	
#content .clients_column ul li{
	padding-bottom: 8px;
	}

#content .bio_column p{
	margin: 0px;
	padding: 10px 15px 0px 10px;
	}

#content .bio_column p span{
	color: #3d1a08;
	font-size: 12px;
	font-weight: bold;
	}

#content .publications_column1{
	width: 570px;
	height: 920px;
	background-color: #fff;
	margin-right: 2px;
	}
	
#content .publications_column2{
	width: 283px;
	height: 920px;
	background-color: #fff;
	}
	
#content .publications_column1 h1{
	font-size: 14px;
	color: #fc843c;
	padding: 20px 15px 0px 24px;
	font-weight: bold;
	}
	
#content .publications_column1 span{
	font-size: 12px;
	font-weight: normal;
	}

#content .publications_column1 p{
	margin: 0px;
	padding: 10px 15px 0px 24px;
	}
	
#content .publications_column2 ul{
	margin: 0px;
	padding: 20px 15px 0px 5px;
	}
	
#content .publications_column1 ul{
	margin: 0px 0px 0px 115px;
	padding-left: 24px;
	list-style-type: disc;
	}

#content .publications_column1 h1 a{
	color: #fc843c;
	}
	
.publ_img{
	padding: 13px 15px 10px 24px;
	float: left;
	}
	
/* ----- MAINNAV -----*/	

#mainnav{
	position: absolute;
	top: 43px;
	left: 315px;
	margin: 0px;
	padding: 0px;
	}

	/* ----- SUBNAV -----*/		
	#mainnav ul.sub {
		position: absolute;
		display: none;
		width: 165px;
		height: 70px;
		background-color: #fff;
		border: 1px solid #a6a3a0;
		top: 38px;
		left: 3px;
		z-index: 1000;
		}
	
	#mainnav li.sub a{
		color: #3d1a08;
		text-indent: 0px;
		text-decoration: none;
		font-size: 12px;
		font-family: Helvetica, Arial, Verdana, san-serif;
		font-weight: bold;
		padding: 3px 0px 3px 5px ;
		margin: 3px 5px 3px 5px;
		}

	#mainnav li.sub a:hover{
		background-color: #deebd3;
		} 	
	 /*-----------------*/		
		
#mainnav ul.main{
	width: 570px;
	}
	
#mainnav ul.main li.main{
	position: relative;
	float: left;
	text-indent: -9000px;
	padding-left: 3px;
	line-height:13px;
	}	

/* The magic */	
#mainnav li:hover ul, li.over ul { 
	display: block; 
	}

#mainnav ul.main li.main a{
	display: block;
		}
	
	a.about, a.about_active{
		width: 87px; 
		height: 38px;
		}
		
		a.about_active:link, a.about_active:visited{
		background: url(resources/b_aboutus.jpg) no-repeat scroll left bottom;
		}	
			
		a.about:link, a.about:visited{
		background: url(resources/b_aboutus.jpg) no-repeat scroll left top;
		}
				
		a.about:hover, a.about_active:hover{
		background: url(resources/b_aboutus.jpg) no-repeat scroll left bottom;
		}
				
	a.services, a.services_active{
		width: 87px; 
		height: 38px;
		}
		
		a.services_active:link, a.services_active:visited{
		background: url(resources/b_services.jpg) no-repeat scroll left bottom;
		}	
			
		a.services:link, a.services:visited{
		background: url(resources/b_services.jpg) no-repeat scroll left top;
		}
				
		a.services:hover, a.services_active:hover{
		background: url(resources/b_services.jpg) no-repeat scroll left bottom;
		}
		
	a.workshops, a.workshops_active{
		width: 87px; 
		height: 38px;
		}
		
		a.workshops_active:link, a.workshops_active:visited{
		background: url(resources/b_workshops.jpg) no-repeat scroll left bottom;
		}	
			
		a.workshops:link, a.workshops:visited{
		background: url(resources/b_workshops.jpg) no-repeat scroll left top;
		}
				
		a.workshops:hover, a.workshops_active:hover{
		background: url(resources/b_workshops.jpg) no-repeat scroll left bottom;
		}
		
	a.blog, a.blog_active{
		width: 87px; 
		height: 38px;
		}
		
		a.blog_active:link, a.blog_active:visited{
		background: url(resources/b_blog.jpg) no-repeat scroll left bottom;
		}	
			
		a.blog:link, a.blog:visited{
		background: url(resources/b_blog.jpg) no-repeat scroll left top;
		}
				
		a.blog:hover, a.blog_active:hover{
		background: url(resources/b_blog.jpg) no-repeat scroll left bottom;
		}
		
	a.calendar, a.calendar_active{
		width: 87px; 
		height: 38px;
		}
		
		a.calendar_active:link, a.calendar_active:visited{
		background: url(resources/b_calendar.jpg) no-repeat scroll left bottom;
		}	
			
		a.calendar:link, a.calendar:visited{
		background: url(resources/b_calendar.jpg) no-repeat scroll left top;
		}
				
		a.calendar:hover, a.calendar_active:hover{
		background: url(resources/b_calendar.jpg) no-repeat scroll left bottom;
		}
		
	a.contact, a.contact_active{
		width: 87px; 
		height: 38px;
		}
		
		a.contact_active:link, a.contact_active:visited{
		background: url(resources/b_contactus.jpg) no-repeat scroll left bottom;
		}	
			
		a.contact:link, a.contact:visited{
		background: url(resources/b_contactus.jpg) no-repeat scroll left top;
		}
				
		a.contact:hover, a.contact_active:hover{
		background: url(resources/b_contactus.jpg) no-repeat scroll left bottom;
		}
		
/* ----- FOOTER -----*/	

.calendar #footer{
	position: absolute;
	top: 1050px;
	}

.contactus #footer{
	position: absolute;
	top: 890px;
	}

.workshops #footer{
	position: absolute;
	top: 1040px;
	}
	
.services #footer{
	position: absolute;
	top: 2700px;
	}
	
.bios #footer{
	position: absolute;
	top: 1250px;
	}

.aboutus #footer, .clients #footer{
	position: absolute;
	top: 790px;
	}
	
.publications #footer{
	position: absolute;
	top: 1170px;
	}


#footer{
	position: absolute;
	top: 625px;
	left: 0px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	border-top: 1px solid #b2aca0;
	width: 855px;
	color: #7c6f73;
	font-family: Arial, Helvetica, san-serif;
	font-size: 9px;
	}

#footer ul{
	position: relative;
	left: 110px;
	}

#footer li{
	float: left;
	padding-left: 10px;
	}

#footer a{
	color: #7c6f73;
	text-decoration: underline;
	}