/*  =reset.css */

body, div, dl, dt, dd,ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
 ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }


/* typography */


body {
margin:0; padding:0;
font: normal 12px Geneva, Arial, Helvetica, sans-serif; 
background: #feecf3 url(images/bg.gif) repeat-x top;}

p {
	font-size: 1.2em;
}

#container {
width: 821px;
margin:0 auto;
position: relative;}

#mainContent h3 {
font: bold 130% Geneva, Arial, Helvetica, sans-serif;
color: #000; margin:0; padding:0;}

#mainContent .thanks {
font: bold 130% Geneva, Arial, Helvetica, sans-serif;
color: #000; text-align:center;}

#thanks {
text-align:center;
margin: 10px 0 20px 0; }

#content {
padding: 0 5px 0 5px;}

h4 {
font: normal 95% Geneva, Arial, Helvetica, sans-serif;
color: #000;
margin-top: 5px;}

.indent {
text-indent: 15px;}

.clear {
clear: both; }

/* header */

#header {
width: 821px; height: 122px;}

#header h1 {
position: absolute;
top: 25px;
left: -9px;
display:block;
width: 450px; height: 144px;
background: url(images/logo.png) no-repeat;
text-indent: -9999px;
z-index: 5;}

/* nav */

#header ul {
float: right;
margin: 95px 0 0 0;}

#header li {
float: left;
margin: 0;
text-align: center;}

/* heading */

.aboutHeading {
display: block;
width: 111px;
height: 57px;
background: url(images/about_heading.gif) no-repeat;
text-indent: -9999px; }

.servicesHeading {
display: block;
width: 143px;
height: 57px;
background: url(images/services_heading.gif) no-repeat;
text-indent: -9999px; }

.staffHeading {
display: block;
width: 109px;
height: 57px;
margin: 0 0 25px 0;
background: url(images/staff_heading.gif) no-repeat;
text-indent: -9999px; }

.galleryHeading {
display: block;
width: 157px;
height: 63px;
background: url(images/gallery_heading.gif) no-repeat;
text-indent: -9999px; }

.contactHeading {
display: block;
width: 127px;
height: 57px;
margin: 0 0 25px 0;
background: url(images/contact_heading.gif) no-repeat;
text-indent: -9999px; }


/* links */

.navlinks a {
 display: block;
 padding:0;
 width: 64px;
 height: 29px;}
 
.navlinks a:hover {
background: url(images/nav_bg.gif) no-repeat;}
 
.navlinks a:link, .navlinks a:visited {
font: normal 13px Geneva, Arial, Helvetica, sans-serif; color: #fff;
text-decoration:none;
padding-top: 7px;}

.navlinks a:hover {
font: normal 13px Geneva, Arial, Helvetica, sans-serif; color: #fff;
text-decoration:none;
padding-top: 7px;
color: #5b182e;}


/* subHeader Content */

#subHeader {
width: 821px; height: 396px;
margin-top: 33px;
background: url(images/display.jpg) no-repeat;
position: relative;}

#subHeader h2 {
position:absolute;
top: 21px;
left: 15px;
display: block;
width: 239px; height: 80px;
background: url(images/our_philosophy.png) no-repeat;
text-indent: -9999px;
z-index: 10;}

.subheaderText {
width: 376px;
position:absolute;
top: 100px;
left: 25px;
font: normal  Geneva, Arial, Helvetica, sans-serif; color: #fff;
line-height: 20px; text-align: left;}

.subheaderText img {
margin: 0; }

.flash {
float: right; }


/* homepage */

#leftColumn {
width: 510px;
float: left;}

#leftColumn h1 {
display:block;
width: 496px; height: 64px;
background: url(images/heading1.gif) no-repeat;
text-indent: -9999px; }

#leftColumn p {
font: normal Geneva, Arial, Helvetica, sans-serif;
color: #212121; margin-left: 10px; }

#leftColumn img {
float: left;
margin: 0 0 20px 5px;}

#rightColumn {
float: right;
width: 300px;
margin: 35px 5px 15px 0;
text-align:right;
}

#rightColumn p {
width: 278px;
font: normal 95% Geneva, Arial, Helvetica, sans-serif;
text-align: left; 
margin: 20px 0 0 20px;}

#rightColumn a:link, #rightColumn a:visited {
font: normal 95% Geneva, Arial, Helvetica, sans-serif;
display:block;
color: #a63761;
margin-top: 5px; }

#rightColumn a:hover {
text-decoration:none;}

.meetStaff {
float: left;
margin: 20px 0 0 40px;}

/* services */

.serviceList {
margin:0 auto; padding:0; list-style-type: disc;}

.serviceList li {
margin: 0 8px 10px 20px;

font: normal Geneva, Arial, Helvetica, sans-serif;
color: #5c182f; 

}



/* Staff */

.paraBorder {
border-bottom: solid 1px #6d6d6d;
padding-bottom: 15px; }


/* Contact */

.map {
float:left;
margin: -5px 25px 20px 0;}

ol {
margin:0; padding: 15px 0 0 0; }

ol li {
margin:2px 0;}

#ftl {
clear: left;}

#wpb {
margin-top: 15px;}

#wpb, #ftl {
 font: normal 12px Geneva, Arial, Helvetica, sans-serif;
  }
 
 #wpb span, #ftl span {
 font: bold 14px Geneva, Arial, Helvetica, sans-serif;
 color: #000; margin: 0 0 0 -15px; }
 
#contactRight {
float: right;
width: 220px;}

#contactRight p {
font: normal Geneva, Arial, Helvetica, sans-serif;
line-height:18px; }


#contactBox {
 position: relative;
 float: right;
 width: 220px;
 height: 250px;
 margin: 10px 5px 0 0;
 background: #5c182f url(images/reflect.gif) repeat-x bottom;}
 
#contactBox h3 {
 display: block;
 width: 224px; height: 31px;
 background: url(images/signup_bg.gif) no-repeat;
 text-indent: -9999px;
 margin:0; padding:0;}
 
 .address {
 font: normal 1.2em Geneva, Arial, Helvetica, sans-serif;}
 
 #contactBox span {
 font: normal  Geneva, Arial, Helvetica, sans-serif;
 color: #fff;
 display: block;
 margin: 15px 0 0 10px;}
 
 #contactBox table {
 width: 190px;
 margin: 10px auto 0 auto;
 font: normal  Geneva, Arial, Helvetica, sans-serif;
 color: #fff;}
 
#contactBox .submit {
 padding-top: 10px; }
 
#contactBox input {
 font: normal 12px Geneva, Arial, Helvetica, sans-serif; }
 


 
.phone {
font: normal 100% Geneva, Arial, Helvetica, sans-serif;
color: #5b182e;}

/* gallery */


#photoGall {
width: 610px;
height: 600px;
margin: 20px auto 20px auto ;
padding: 10px 10px 20px 10px;
overflow-y: scroll;
overflow-x:hidden;
border: solid 1px #c55d85; }

.gallHeading {
margin: 10px 0 0 95px; padding:0;
font: normal 14px Geneva, Arial, Helvetica, sans-serif;}

.gallThumbs {
margin:0; padding:0; }

.gallThumbs li {
float: left;
margin: 8px;}

.gallThumbs img {
border: solid 3px #fff;
border-bottom: solid 5px #fff;}

.gallThumbs a {
display: block;
width: 99%;
height: 100%;
border: solid 1px #4b4b4b;}

.gallThumbs a:hover {
border: solid 1px #c25d83; }
 

#mainContent {
position: relative;}

#footer {
width: 821px;
height: 50px;
border-top: solid 4px #bf587f;
text-align: center;
clear: both;}

#footer p {
float: left;
margin: 15px 0 0 0; padding:0;
font: normal 12px Geneva, Arial, Helvetica, sans-serif;}

#footer ul {
float: right; margin:0; padding:0;
margin-top: 12px;}

#footer li {
float: left; 
margin: 0 10px;}

#footer .contact {
margin-right: 0;}

#footer a:link, #footer a:visited {
font: normal 12px Geneva, Arial, Helvetica, sans-serif;
color: #5b182e; }

#footer a:hover {
text-decoration: none; }

.copyright {
float: right;
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
color: #000;
margin-bottom: 25px;}

#mainPhotoHolder {
	border: 0px solid #222;
	width: 822px;
	height: 760px;
	
	background-image: url('images/gallery_bg.jpg');
	text-align: left;
}
#mainPhoto {
	text-align: center;
	width: 694px;	
	margin: 0;
	padding: 33px 0 0 0;
	float: left;
	
	height: 700px;
}
#rightSide {
	float: right;
	width: 125px;
	margin: 25px 3px 0 0;
}
#thumbnailHolder {
	width: 125px;
	
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 644px;
}
#thumbnailHolder a {
	display: block;
	margin: 0;
	padding: 7px 0;
	width: 125px;
}
#thumbnailHolder a.selected {
	background-color: #ccc;
	background-image: url('images/gallery_selected.jpg');
}
#thumbnails {
	position: relative;
	top: 0px;
	
}
#upArrow, #downArrow {
	width 123px;
	height: 30px;
}

div.regPageSpacer {
	height: 88px;
}

div.pictureFrame {
	float: right; 
	position: relative;
	top: -78px;
	
}