@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body{
	background:white;
	line-height:16px;
	font-size: 15px;
	font-family: Verdana, Helvetica, sans-serif;
	
	margin:0pt;
	cursor:default;
	}
html,body{
height:100%;
text-align: center;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a{
	text-decoration: none;
}


/******* GENERAL RESET *******/
/******* LOGO *******/
#logo{
	margin-top: 1em;
	margin-right:6em;
	display: block;
}
/******* /LOGO  *******/
/******* MENU *******/
#container{
background-color:white;
margin-left:auto;
margin-right:auto;
	width:650px;
	height:auto;
	
}
#container ul{
	list-style: none;
	list-style-position: outside;
}
#container ul.menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#container ul.menu li{
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 2px solid #d0ccc9;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #898989;
	cursor: pointer;
}
#container ul.menu li.active{
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #5f95ef;
}
/******* /MENU *******/
/******* CONTENT *******/
.content{
	margin: 0pt auto;
	background:white;
	font:100% Arial,Helvetica;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 14px;
}
.content h1{
	line-height: 1em;
	vertical-align: middle;
	height: 48px;
	font-family: Georgia;

	font-size: 32px;
}


/******* /CONTENT *******/
/******* NEWS *******/



.content.gear{
	display:block;	
	height:2300px;
	width:650px;
}

.content.staff{
	display:block;	
	height:2000px;
	width:900px;
	font-family:veranda; 

 font-size:13px;
 font-weight:normal;
line-height:1.4em;	
}


.content.staff h3{
	
	
color:#898989;
margin-bottom:1em;
}

.content.rooms{
	display: block;	
	height:700px;
	width:600px;
	

}

.layout
{
position:relative;	
bottom:250px;
	
}

.content.services{
	display:none;	
}

.content.location{
	display:block;	
	height:1200px;
	width:750px;
}

.content.gallery{
	display:block;	
	height:900px;
	width:650px;
}

/*contact*/
.content.contact{
	display:block;	
	height:400px;
	width:650px;
}

.contactcontainer
{
width:650px;
height:400px;	
	
}

.contactinfo 

{

width:400px;
margin:2em 0em 0em 2em;  	
font-family:veranda; 

 font-size:13px;
 font-weight:normal;
line-height:1.4em;		
	
}

.contactinfo h3
{
font:italic 24px Georgia, "Times New Roman", Times, serif;	

color:#898989;	
}

.content.location h5
{
font-size:20px;	
margin:1em 0em 1em 0em;	
}



/******* /NEWS *******/
/******* TUTORIALS *******/
.content.tutorials h1{
}
.content.tutorials{
display:block;	
height:650px;
width:690px;
}
/******* /TUTORIALS *******/
/******* LINKS *******/

.content.links
{
height:1500px;
width:650px;
}

.content.links h1{
	
}
.content.links{
	display: block;
}
.content.links a{
	
}
/******* /LINKS *******/

.rooms
{

display:block;
height:100px;
margin-left:auto;
margin-right:auto;



}



#rcontent
{
background:white;
width:10em;	
height: 1200px;	
float: right;	
}

#Lcolum {
float:left;
height:600px;
width:45%;
}
#Rcolum {

float:left;
height:600px;
width:45%;

}

.biopix
{
	
}

.contentbox {

background:#FFFFFF none repeat scroll 0 0;
float:left;
padding:0 5%;
width:95%;
}

.contentbox h4 {
font:italic 24px Georgia, "Times New Roman", Times, serif;	
	
color:#898989;

}

.contentbox li {
font-family:veranda; 

 font-size:15px;
 font-weight:200;
line-height:1.4em;
}


.staffpics {
border:medium solid #000000;
height:500px;
width:250px;
}
.rightbio {
background-color:transparent;
float:left;
width:58%;
}
.leftbio {
float:left;
width:39%;
}
.bio {
font-size:small;

}
.bryanbio {
height:400px;
}
.rosenbio {
height:400px;
}
.winterbio {
height:400px;
float:left;
}
.lucasbio {
}

.classes
{
margin-top:2em;
margin-left:3em;
width:80%;	
	}
	
.classinfo
{
margin-left:1em;		
}

.staffmember
{
position:static;
	
}

.room
{
height:500px;
width:98%;	
	
}

.leftroom
{
width:49%;	
float:left;
}

.rightroom
{
width:45%;	
float:left;	
}
/*room slide show styles*/

.classspacer
{
height:320px;

}


#slideshow {
	margin:0 auto;
	width:640px;
	height:500px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
	
	

}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:499px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:499px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:300px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl 
{
  top:100px;
  left:0;
  background:transparent url(images/prevpagearrow.gif) no-repeat 0 0;
}
#rightControl {
  top:100px;
  right:0;
  background:transparent url(images/nextpagearrow.gif) no-repeat 0 0;
}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
.slide p
{
font-family:veranda; 

 font-size:15px;
 font-weight:200;
line-height:2em;
}

/*about page*/

 .intro
 {
 height:200px;
 width:250px;	
 margin:0em 0em 4em 8em;
 float: left;
 font-family:veranda; 

 font-size:13px;
 font-weight:normal;
line-height:1.6em;
 }
 
 .introphoto
 {
 height:200px;
 width:250px;	
 margin:4em	2em	0em 2em;
 float: left;
 font-family:veranda; 

 font-size:13px;
 font-weight:normal;
line-height:2em;
 }
 
 .colum1
 {
 height:350px;	
	
 }
 
 
 .introlist
 {
 height:100px;
 width:180px;	
 margin:2em 0em 2em 2em;
 float:left;
font:Veranda, Helvetica, Arial;
 font-size:13px;
 font-weight:normal;
line-height:1.6em;		
	
 }
 
 .header1 {
 font:italic 24px Georgia, "Times New Roman", Times, serif;	
border-bottom:thin solid ; 	
color:#898989;
 }
 
 .aboutcontent
 {
 width:720px;	
height:600px;	
 }
 
 #photo1
 {
clear:both;	
 }
 
 .lside
 {
 float:left;	
 width:300px;
 }
 
 .rside
 {
 float:left;
 width:300px;	
 margin-left:50px;
 }
  
.classinfo
{

}

 .classintro
 {
 height:80px;
  }
 
 .classintroleft
 {
 float:left;
 width:350px;	
	font-family:veranda; 

 font-size:15px;
 font-weight:500;
line-height:1.6em;
 }
 
 .classintroright
 {
 	float:left;
 width:100px;	
margin-left:2em;	
 }

 
 .contactus
 {


background:#898989;
padding:1em 3em 1em 3em; 
height:110px;	
	
 }
 
 .classlist
{
color:#5f95ef;
}
.classlisting
{
height:750px;
overflow:hidden;	
	
	
}


.flickrGalleryCntr {
	position: relative;
	width: 600px;
	background-color: white;
	padding: 10px;
	border: 10px solid #CCCCCC;
}
.flickrGalleryCntr img {
	border:0pt none;
}

/* - - - - - - - - - - - - - - - - - - - - -
		album containers
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryAlbum {
	width: 30%;
	height: 100%;
	float: left;
	border: 1px solid #0f0f0f;
	padding: 10px;
	margin: 10px;
	border: 5px solid #ffffff;
}
.flickrGalleryAlbum img {
	float: left;
	padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Images Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImages {
	height: 600px
}
.flickrGalleryImageView {
	padding-top: 30px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.flickrGalleryImageView img {
	display: inline;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Image Navigation buttons
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageMenu {
	width: inherit;
	position: inherit;
	left: 0em;
	background: white;
	opacity: .40;
	filter: alpha(opacity=40);
}
.flickrGalleryImageMenuHover {
	opacity: .90;
	filter: alpha(opacity=90);
}

.flickrGalleryImageMenu a {
	color: black;
	width: 100%;
}
.flickrGalleryImageMenuButtons {
	background-color:white;
	color: black;
}
.flickrGalleryImageMenuButtons a {
	padding: 3px;
	margin: 4px;
	border: 1px solid black;
}
.flickrGalleryImageMenuButtons a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border-color:black;
	color: black;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Thumbnails images
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageThumbs {
	background: #000000;
	border-bottom: 5px solid #0f0f0f;
	padding: 1em;
}
.flickrGalleryImageThumbs ul {
	list-style: none;
}
.flickrGalleryImageThumbs li {
	float: left;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
	padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Loading Message Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryLoading {
	position: absolute;
	text-align: center;
	vertical-align: middle;
	/* z-index: 11; */
	width: 90%;
	height: 90%;
	opacity: .90;
	color: #ffffff;
	filter: alpha(opacity=90);
	margin: auto;
	margin-top: 30%;
	font-size: large;
	font-weight: 900;
	display: block;
}

.bryanphoto
{
margin-top:5em;	
margin-left:5em;

	
}

.header2
{
font:italic 24px Georgia, "Times New Roman", Times, serif;	
border-bottom:thin solid ; 	
color:#898989;
font-size:18px;

}

.header3
{
font:italic 24px Georgia, "Times New Roman", Times, serif;	
color:#898989;
font-size:17px;
margin-top:5px;
margin-bottom:0em; 
}

.footcontact
{
font:italic 24px Georgia, "Times New Roman", Times, serif;	
color:#898989;
font-size:17px;
center;
margin-top:6em;
margin-bottom:0em; 
}

.roomleft
{



}

.tabholder
{
height:500px;
}

.imagefloat
{
margin-left:3em;

}

.thefooter
{
position:relative;
bottom:170px;
left:140px;
}

.picholder{
margin-left:70px;
margin-top:20px;

}

.contactheader
{
font:Veranda, Arial, Helvetica:
font-size:17px;
padding: 0 0 0 0;
margin:0 0 0 0;
z-index:2;
position:relative;
bottom:5px;
}

.imageheader
{

z-index:1;
position:relative;
top:10px;
}

.menu a
{
color:#898989;

}
.topmenu
{
background-color:white;
margin-left:auto;
margin-right:auto;
	width:650px;
	height:100px;
}

.controlroom
{
height:200px;
margin-top:10px;

}