body {font-family: 'Roboto', sans-serif; margin:0px; padding:0px; background:#000000;}
.clearfix:after {content: '';display: block;height: 0;clear: both;	visibility: hidden;}
.container {margin:0 auto; text-align:center; width:1000px; }
.areaContainer {width:1000px; text-align:center;}
.mainContainer {position:relative; text-align:left; width:1000px; padding:0px;}
.header {background:#000000; height:126px; padding:0px; margin:0px;}
.header .logo {padding:0px;}
.mainContent {clear:both; position:relative; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px;}
.homeMain .mainContent {clear:both; position:relative; padding:20px 0px 0px 0px;}
.homeContainer {opacity: .15; filter: alpha(opacity=15); width:599px; height:249px; background:url(/graphics/icons/homeContainer.gif) no-repeat;}
.homeContent {width:539px; position:absolute; left:30px; top:30px; z-index:20;}
.homeContent h1 {text-align:left; color:#333333; font-size:16px; font-family:arial; font-weight:bold; background:#2F3130; width:236px; height:26px; padding:7px 0px 0px 15px; margin:0px 0px 10px 0px;}
.homeContent h1 span {color:#7b1fa2;}
.homeContent .location {float:left; width:255px; margin-right:20px;}
.homeContent .location  .content {line-height:21px; color:#333333; font-size:14px; padding-left:15px;}
.content a {color:#7b1fa2;}
.content {padding-left:15px;}
.servicesContent .rates {float:left; width:255px;}
.servicesContent .rates table {width:100%;}
.servicesContent .rates td {font-size:24px; color:#333333;}
.servicesContent .rates .time { padding-left:15px;}
.servicesContent .rates td.is {padding:0px 10px 0px 10px;}
.servicesContent .rates td.money {text-align:right; }
.servicesContent .phone {padding:25px 0px 0px 0px; clear:both; text-align:center; }

.theImg { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.main {background:url(/graphics/icons/bg_new2.jpg) 0px 0px no-repeat;}
.main, .header, .footer {text-align:left; margin:0 auto; width:1000px;}

.main #nav {z-index:20; position:absolute; left:22px; top:80px;}
.main #nav ul {margin:0px 0px 0px 10px; padding:0px;}
#nav ul li {font-size:16px; font-weight:bold; list-style:none; float:left; list-style:none; margin:0px 55px 0px 0px; padding:0px; }
#nav ul li.l {float:left; list-style:none; margin:0px 25px 0px 0px; padding:0px; }
#nav ul li a {color:#FFFFFF; text-decoration:none;}
#nav ul li a.on {color:#bda1ec;}
#nav ul li a:hover {color:#bda1ec;}
#nav {float:right; height:30px; clear:both; text-align:left; margin-top:0px 0px 0px 0px; padding:0px;}

.utility {margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;}
.utility ul {float:right; margin:0px; padding:0px;}
.utility ul li {color:#FFFFFF; font-size:14px; font-weight:bold; list-style:none; float:left; list-style:none; margin:0px 25px 0px 0px; padding:0px; }
.utility ul li.l {float:left; list-style:none; margin:0px 25px 0px 0px; padding:0px; }
.utility ul li a {color:#FFFFFF; text-decoration:None;}

.homeMain .nav {position:static;}
.homeMain .nav ul {margin:0px 0px 0px 10px; padding:0px; width:600px;}

.footer {background:#000000; clear:both; padding:13px 0px 13px 0px; margin-top:35px; color:#AAAAAA; font-size:11px;}
.footer .footerLeft {width:50%; float:left; color:#AAAAAA; font-size:11px;}
.footer .footerRight {width:50%; text-align:right; float:right; color:#AAAAAA; font-size:11px;}
.homeMain .footer {margin-top:135px;}
#contact {position:absolute; right:20px; top:20px; z-index:30;}

.directionsContainer {padding:15px 0px 0px 15px; height:288px;}
.locationContainer .map {padding-top:5px; float:left; width:475px;}
.locationContainer .info {float:left; height:829px; width:455px; color:#333333; font-size:13px;}
.locationContainer h1 {text-align:left; color:#FFFFFF; font-size:16px; font-family:arial; font-weight:bold; background:#2F3130; width:410px; height:26px; padding:7px 0px 0px 15px; margin:0px 0px 10px 0px;}
.locationContainer h1 span {color:#bda1ec;}
.locationContainer h1 a {text-decoration:none; margin-left:15px; color:#bda1ec; font-size:13px; font-weight:normal;}
.locationContainer h1 a:hover {text-decoration:underline; color:#FFFFFF;}
.locationContainer h1 a.on {text-decoration:underline; color:#FFFFFF;}
.directions li {padding:0px 15px 5px 0px; margin:0px;}
.addressContainer {padding:15px 0px 0px 15px;}
.parkingContainer {padding:0px 0px 0px 15px;}
.parking {padding:15px 15px 15px 30px;}

.aboutContainer h1 {text-align:left; color:#FFFFFF; font-size:16px; font-family:arial; font-weight:bold; background:#2F3130; height:26px; padding:7px 0px 0px 15px; margin:0px 0px 10px 0px;}
.aboutContainer h1 span {color:#bda1ec;}
.aboutContainer img {margin:5px 0px 10px 20px;}
.aboutContainer {padding:10px 20px 20px 20px; height:353px; width:898px; color:#333333; font-size:15px;}
.aboutContainer .info {padding-left:15px;}
.aboutContainer p.h {font-size:16px; color:#000000;}
.aboutContainer a {color:#000000;}

.services .alt td {color:#87a6bb;}
.servicesContent h1 {}
.servicesContent .info {color:#333333; font-size:13px; float:left; width:250px;}
.servicesContent .rates {float:left; width:250px;}

.scheduleBG {opacity: .25; filter: alpha(opacity=25); background:#FFFFFF; width:898px; height:329px; position:absolute; z-index:2;}
.scheduleTable {width:898px; position:absolute; z-index:3;}
.schedule {width:898px; border:0px; border-collapse:collapse;}
.schedule th {background:#2F3130; height:25px; line-height:25px; color:#bda1ec; text-align:center;}
.schedule th.alt {color:#FFFFFF; text-align:center;}
.schedule th.hours {background:#7b1fa2; height:24px; line-height:24px; font-weight:normal; color:#FFFFFF; font-size:12px;}
.schedule td {width:114px; text-align:center; border:1px solid #000000; height:36px; line-height:36px;}
.schedule td a {font-size:14px; text-decoration:none; color:#FFFFFF; }
.schedule td a:hover {font-size:14px; text-decoration:underline; color:#FFFFFF; }
.schedule td.monday {border-left:0px;}
.schedule td.sunday {border-right:0px;}

a.makeBold {font-weight:bold; text-decoration:none;}
a.off {font-weight:normal; text-decoration:underline;}

.miniPhotoContainer {cursor:pointer; width:600px;}
.miniPhoto {float:left; position:relative; width:120px; height:80px; margin-bottom:24px; }
.miniMask {opacity: .4; filter: alpha(opacity=40); position:absolute;z-index:4; width:96px; height:80px; background:yellow;}
.miniMaskOn {z-index:6;}
.miniImage {position:absolute; z-index:5;}

.stats {padding:100px 0px 0px 0px; width:296px; float:left; text-align:left;}
.stats table {position:relative; left:60px;}
.stats table th {background:#2F3130; font-size:11px;}
.stats table .row1 td {font-size:13px; color:#bda1ec; padding-bottom:5px;}
.stats table .row0 td {font-size:13px; color:#FFFFFF; padding-bottom:5px;}
.stats table {border-collapse:collapse;}
.stats table.measurements {width:150px;}
.stats table.sched {width:150px;}
.photos {width:600px; float:left;}

.photos img {cursor:pointer; margin:0px 20px 20px 0px;}

.photoAdminContainer {}
.photoAdminContainer .b {float:left; text-align:center !important;}
.photoAdminContainer .b input {margin:0px; padding:0px; font-size:10px; border:0px;}

.galleryContainer {width:800px;}
.galleryContainer .galleryBlock {height:150px; float:left; width:200px; margin-bottom:15px;}
.galleryContainer .galleryBlock div {text-align:center; color:#bda1ec;}
.galleryContainer .galleryBlock div.girl {font-size:16px; margin-bottom:4px;}
.galleryContainer .galleryBlock div img {border:1px solid #FFFFFF;}
.galleryContainer .galleryBlock div img.on {border:1px solid #bda1ec;}

.miniPhotoContainer {cursor:pointer; width:600px;}
.miniPhoto {float:left; position:relative; width:120px; height:80px; margin-bottom:24px; }
.miniMask {opacity: .4; filter: alpha(opacity=40); position:absolute;z-index:4; width:96px; height:80px; background:yellow;}
.miniMaskOn {z-index:6;}
.miniImage {position:absolute; z-index:5;}

.imgright {float:right;}


.tourContainer {padding:20px; height:713px; width:898px; color:#333333; font-size:13px;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo {position:absolute; left:0px; top:0px; width:50px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:650px;width:650px;}
	#main_image img{margin-bottom:10px;}

	
/* ipad */
@media (max-width: 767px) {

	.main, .header, .footer {text-align:left; margin:0 auto; width:100%;}
	.container {background:url(/graphics/icons/bg_new2.jpg) 0px 126px repeat-y;}
	.container, .areaContainer, .mainContainer {width:100%;}
	.header {position:relative;}
	.footer {height:25px; line-height:25px; padding:2% 3% 2% 3%; margin:0px; width:94%; background:#000000;}
	.footer .footerLeft {font-size:12px; width:70%;}
	.footer .footerRight {font-size:12px; width:30%;}
	.header .logo {padding-top:30px;}
	.header .logo img {max-width:300px;}
	.content {padding-left:3%; padding-right:5%;}
	#nav {float:left;}
	#nav {width:60%; display:none; float:none; z-index:50; position:absolute; border:0px; right:0px; top:126px;}
	#nav ul {padding:0px 0px 0px 0px; background:#000000; margin:0px;}

	#nav ul li:first-child {border-top:0px;}
	#nav ul li {font-size:17px; padding-left:20px; margin-right:0px; float:none; border-top:1px solid #bda1ec; height:55px; line-height:55px;}
	#nav ul li.l {padding-left:20px; margin-right:0px; float:none;}
	#nav ul li p {margin:0px; padding:0px 5px 0px 20px;}
	#nav ul li p a {font-size:1.7em;}
	#nav ul li.on {background:url(../graphics/icons/arrowOn.gif) no-repeat 7px 15px #87a6bb;}
	#nav ul li.on p a {font-weight:bold; color:#FFFFFF;}
	#burger {position:absolute; right:10px; top:95px; display:block; width:34px; height:24px; background:url(../graphics/icons/burger.png) no-repeat 95% center;}
	#nav.false {display:none;}
	#nav.true {display:block;}
	.utility {position:absolute; right:10px; top:10px;}
	.utility ul li {margin:0px; font-size:15px;}
	.aboutContainer {
    padding: 1% 3% 1% 3%;
    width: 91%;
		height: auto;
	}
.locationContainer .info {height:auto;}
	.imgright {float:none;}

.servicesContent .info {width:auto; padding:20px 0px 20px 0px;}

.aboutContainer img {margin:5px 0px 10px 0px;}
.aboutContainer .info {padding-left:0px;}

	.tourContainer {padding:20px 0px 20px 0px; height:auto; width:100%; color:#333333; font-size:13px;}
	.tourContainer .info {padding-left:0px;}
	.tourContainer img {margin:0px; padding:0px;}
	.demo{position:relative;margin-top:2em;}
	.galleria {width:auto !important;}
	.gallery_demo {position:static; left:0px; top:0px; width:90%; margin:0 auto;}
	.gallery_demo li{float:left; width:68px;height:50px;border:3px double #111;margin: 0 2px;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto;height:100%;width:100%;}
	#main_image img{margin-bottom:10px;height:100%;width:100%;}

	.map img {max-width:100%;}
	
.scheduleBG {display:none;}
.scheduleTable {width:100%; position:static; z-index:3;}
.schedule {width:100%;}
	
.scheduleContainer {padding:0px; margin:0px; width:100%;}	

.locationContainer .map {width:100%;}
.locationContainer .info {width:100%}
.locationContainer h1 {font-size:12px; padding-left:5px; width:100%;}
.locationContainer h1 a {margin-left:5px;}


}
