/* @override http://marystreetdental.com/css/style.css */


html {overflow-y:scroll;}

strong{
 font-weight: bold;
}

/* @group Navigation Sprite */

ul#primaryNav li {
	display: block;
	float: left;	
}

ul#primaryNav li a{

display: block;
	width: 114px;
	height: 145px;
	text-indent: -9999px;	
	background-image: url('../img/nav.jpg');

}

li#navHome a {
	background-position: 0px 145px;
}
li#navHome.active a, li#navHome a:hover {
	background-position: 0px 0px;
}


li#navAbout a {
	background-position: -114px 145px;
}
li#navAbout.active a, li#navAbout a:hover {
	background-position: -114px 0px;
}

li#navProfile a {
	background-position: -228px 145px;
}
li#navProfile.active a, li#navProfile a:hover {
	background-position:-228px 0px;
}

li#navFaq a {
	background-position: -343px 145px;
}
li#navFaq.active a, 
li#navFaq a:hover {
	background-position:-343px 0px;
}

li#navTreatments a {
	background-position: -457px 145px;
}
li#navTreatments.active a, 
li#navTreatments a:hover {
	background-position:-457px 0px;
}

li#navNews a {
	background-position: -571px 145px;
}
li#navNews.active a, 
li#navNews a:hover {
	background-position:-571px 0px;
}

li#navContact a {
	background-position: -686px 145px;
}
li#navContact.active a, 
li#navContact a:hover {
	background-position:-686px 0px;
}



/* @end */

/* @group wrapper */

div.pageWrapper{
	width: 800px;
	position: relative;
	margin: auto;
	padding-top: 10px;
	font-family: arial, helvetica, sans-serif;
		overflow: none;

}

div#homeWrapper{
	background-image: url('../img/homeBG.jpg');
	height: 597px;
	background-position: bottom;
	background-repeat: no-repeat;

}

div#genericWrapper{
	background-image: url('../img/genericBG.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: none;
min-height:570px;

}


div#content{
	color: #0067B1;
	

}

div#genericWrapper div#content{
	position: relative;
	margin-top: 180px;
	padding-left: 30px;
	padding-bottom: 80px;

}

div#homeWrapper div#content{
	position: absolute;
	bottom:20px;
	left: 30px;
}
#content h1{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#content h2{
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
font-weight:bold;
}

#content h3{
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
font-weight:normal;
text-decoration:underline;
}

#content h2.expander{
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
font-weight:bold;
	cursor: pointer;
}

#content p{
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
	width: 310px;
}

#content ul li{
	font-size: 12px;
	margin-bottom: 10px;
	width: 310px;
	list-style-type: disc;
	margin-left: 15px;
}

/* @end */


a.voucherButton{
	display: block;
	position: absolute;
	height: 147px;
	width: 145px;
		background-image: url('../img/voucherButton.png');
		text-indent: -9999px;
	top: 200px;
	left: 30px;
}

div#footer{
	display: block;
	position: absolute;	width: 316px;
	height:28px;
		background-image: url('../img/footer.png');
		bottom: 30px;
		right:30px
}

div#footer p{
	display: none;
}

a#ADSLogo{
	position: absolute;
	right: 30px;
	bottom:-40px;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	vertical-align: middle;
	line-height: 30px;
	color:#0067B1;
}

a#ADSLogo img{
	position: relative;
	top: 4px;

}

#content p img {
	position: absolute;
	right: 35px;
	padding: 10px;
	background-color: #b4e2fa;
	border: 1px solid #0067B1;
}

#content p img#rotateImage {
	position: absolute;
	right: 35px;
top:00px;
	padding: 10px;
	background-color: #b4e2fa;
	border: 1px solid #0067B1;
}

/* @group Voucher and Referral */

span#voucherText,
span#referralText {
	display: block;
	width: 400px;
	overflow: hidden;
	font-size: 11px;
	background-color: #b4e2fa;
	padding: 10px;
	position: fixed;
	z-index: 102;
top:150px;
}

span#voucherText{
left:0px;
}

span#referralText{
right:0px;
}



span#voucherText p, 
span#referralText p, 
span#referralText li, 
span#voucherText li{
	margin-bottom: 7px;	
}

span#voucherText li,
span#referralText li{
	list-style: disc;
	list-style-position: inside;
}

div#giftVoucherInfo {
	background-image: url('../img/buttons.png');
	width: 146px;
	height: 146px;
	display: block;
	top: 200px;
	left: 25px;
	position: absolute;
	z-index: 101;

-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

	

}

div#referralInfo {
	background-image: url('../img/buttons.png');
	background-position: 0px 148px;
	width: 146px;
	height: 146px;
	display: block;
	top: 200px;
	left: 175px;
	position: absolute;
	z-index: 100;
	-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

div#referralInfo:hover,
div#giftVoucherInfo:hover {
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* @end */



h2 strong{
font-weight:normal;
}