@charset "UTF-8";
/* CSS Document */

body {background:url(images/bg.jpg) repeat-x #1ca9de; margin:0 auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#2b8aca;}

body#about a#aboutnav,
body#services a#servicesnav,
body#fees a#feesnav,
body#testimonials a#testimonialsnav,
body#faqs a#faqsnav,
body#pictures a#picturesnav,
body#contact a#contactnav { text-decoration:underline;
}

#stage {width:850px; margin:0 auto; background:url(images/bg.jpg) repeat-x; height:100%;}

img {border:0;}

a {text-decoration:none; color:#2b8aca;}
a:hover {text-decoration:underline;}

.clr {clear:both;}

#logo {width:310px; height:187px; float:left; margin:0 0 5px 10px;}

#nav {background:url(images/navbg.jpg) no-repeat; height:202px; width: 518px; float:right;}

#nav ul {list-style:none; margin:0 auto; padding:90px 40px 0 0; float:right;}
#nav ul li {list-style:none; float:left; padding:0 10px 0 10px; color:#2b8aca; font-weight:bold; font-size:12px;}

#content {width:797px; margin:0 auto;}
#contentBlank {background:url(images/blank.png) no-repeat; width:798px; height:303px; margin:0; padding:0;}
#contentTest {background:url(images/blank.png) no-repeat; width:798px; height:303px; margin:0; padding:0;}
#contentHm {background:url(images/blank.jpg) no-repeat; width:798px; height:303px; margin:0; padding:0;}
#contentAbout {background:url(images/about.png) no-repeat; width:798px; height:303px; margin:0; padding:0;}

.main {padding:10px 440px 30px 30px;}
.main h3 {font-size:22px; font-weight:bold; padding:0; margin:20px 0 10px 0;}
.main p {font-size:14px; line-height:20px; padding:0; margin:0;}
.main img {padding:4px;}

.mainHm {padding:10px 40px 0px 20px;}
.mainHm h3 {font-size:26px; font-weight:bold; padding:0; margin:10px 0 10px 0;}
.mainHm p {font-size:16px; line-height:22px; padding:0; margin:0;}
.mainHm img {padding-left:8px;}

#contentBlank .main {padding:10px 50px 30px 30px;}
#contentBlank .main h3 {font-size:22px; font-weight:bold; padding:0; margin:0px 0 5px 0;}
#contentBlank .main h4 {font-size:18px; font-weight:bold; padding:0; margin:0px 0 5px 0;}
#contentBlank .main p {font-size:14px; line-height:18px; padding:0 0 5px 0; margin:0;}

#contentTest .main {padding:10px 50px 30px 30px;}
#contentTest .main h3 {font-size:22px; font-weight:bold; padding:0; margin:0px 0 5px 0;}
#contentTest .main p {font-size:12px; line-height:13px; padding:0 0 5px 0; margin:0;}

.right {float:right; width:350px; border-left:#ccc dotted thin; padding-left:8px;}
.left {float:left; width:350px;}

.name {font-weight:bold; font-style:italic;}

.blocks {clear:both; width:840px; margin:0 0 0 25px; text-align:left; padding:10px 0px 30px 0px;}
.blocks a {text-decoration:underline;}
.blocks a:hover {text-decoration:none;}

.x1{width:261px; height:138px; float:left; padding:0; margin:0 5px 10px 0; background:url(images/baby.png) no-repeat;}
.x1 p { padding:0px 5px 5px 110px; margin:0; font-size:10px;}
.x1 h3 { padding:7px 5px 3px 110px; margin:0;}
.x1 ul { padding:5px 5px 5px 110px;}
.x1 ul li {font-size:10px; line-height:12px;}
.x1 ul li a {font-size:10px; line-height:12px;}

.x2{width:261px; height:138px; float:left; padding:0; margin:0 5px 0 0; background:url(images/girl.png) no-repeat;}
.x2 p { padding:0px 5px 0px 110px; margin:0; font-size:10px;}
.x2 h3 { padding:7px 5px 3px 110px; margin:0;}
.x2 ul { padding:0px 5px 5px 125px; margin:0;}
.x2 ul li {font-size:10px; line-height:12px;}
.x2 ul li a {font-size:10px; line-height:12px;}

.x3{width:261px; height:138px; float:left; padding:0; margin:0 5px 0 0; background:url(images/yellow.png) no-repeat;}
.x3 p { padding:0px 20px 0px 20px; margin:0;}
.x3 h3 { padding:7px 20px 3px 20px; margin:0;}
.x3 ul { padding:0px 20px 5px 35px; margin:0;}
.x3 ul li {font-size:10px; line-height:12px;}

#footer {text-align:right; color:#ffffff; padding:5px 0px 10px 0px;}
#footer a {color:#ffffff;}



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 2px 2px 0;
padding:2px 0 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -55px;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

div#nifty{ margin:0 auto; padding:0; background: #ffffff; width:700px;}


.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
.rtop,.rbottom{display: none}

.tblTop {background:url(images/tbltop.png) no-repeat; height:19px; width:796px; padding:0; margin:0;}
.tblBottom {background:url(images/tblbottom.png) no-repeat; height:19px; width:796px; padding:0; margin:0;}
.tblBody {background:#fff; width:796px; padding:0 20px 10px 20px}
table {padding:0; margin:0;}
td {vertical-align:top; padding:0; margin:0;}

table h3 {font-size:22px; font-weight:bold; padding:0; margin:0px 0 5px 0;}
table h4 {font-size:18px; font-weight:bold; padding:0; margin:0px 0 5px 0;}
table p {font-size:14px; line-height:18px; padding:0 0 5px 0; margin:0;}