/*--------------------Body HTML section Below--------------------*/

/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/

html {
       overflow-y: scroll;
}

/*centering jump ends*/

/*content wrapper for fade effect starts*/
#content-wrapper
{
	display:none;	
}
/*content wrapper for fade effect ends*/


*{
	margin: 0px;
	padding: 0px;
}
img{
	border:0px;
	}


body{
	margin: 0;
	padding: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;/*this fixes ie5 box model error*/
	background-color: #D2D0DB;
	-webkit-text-size-adjust: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* change below to fixed or scroll*/
	background-attachment: fixed;
	background-image: url(../images/bkg.jpg);
	background-repeat: no-repeat;	/*changes the postition of the background image
	
	background-position: center center; */
}
/*wrapper starts*/
#shortlands_wrapper{
	width: 978px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;/*this overrights  ie5 text align box model error*/
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	-moz-box-shadow: 0 0 8px #333;
	-webkit-box-shadow: 0 0 8px#333;
	box-shadow: 0 0 8px #333;
	}
	/*wrapper ends*/


/*banner content starts*/
#shortlands_banner{
	height: auto;
	width: 978px;
	float: left;
	background-color: #FFFFFF;
	}
	
	#master_logo{
	float: left;
	height: 140px;
	width: 423px;
	background-repeat: no-repeat;
	background-image: url(../images/master_logo_good.jpg);
}

#contact_info{
	float: right;
	height: 140px;
	width: 200px;
}
#facebook{
	float: right;
	height: auto;
	width: 200px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}
#facebook a{
	font-family:'Helvetica W01 Bd Cn';
	border-radius: 5px;
	display: block;
	float: left;
	height: auto;
	width: 180px;
	font-size: 17px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #666;
	background-image: url(../images/arrows/nav_arrow.png);
	background-repeat: no-repeat;
	background-position: 170px center;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;
}
#facebook a:hover{
	background-color: #AEAEAE;
	
}

#contact_tells{
	float: right;
	width: 160px;
	margin-top: 10px;
	height: auto;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #BCBCBC;
	border-radius: 5px;
	background-image: url(../images/telephone.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.call_today{
	font-family:'Helvetica W01 Bd Cn';
	font-weight: normal;
	font-size: 17px;
	color: #FFFFFF;
}
#contact_tells a{
	color: #666;
	font-size: 22px;
	text-decoration: none;
}
.tell{
	font-family:'Helvetica W01 Bd Cn';
	font-weight: normal;
	color: #666;
	font-size: 22px;
}
.email{
	font-family:'Helvetica W01 Cn';
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
}
	
#shortlands_rotator{
	float: left;
	height: 270px;
	width: 978px;
	background-color: #CCC;
	margin-top: 10px;
}

/*side nav starts*/
#shortlands_top_nav{
	float: left;
	height: auto;
	width: 160px;
	margin-right: 117px;
	margin-top: 10px;
}

#shortlands_top_nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#shortlands_top_nav li a{
	font-family: "Helvetica W01 Bd Cn";
	font-weight: normal;
	font-size: 13px;
	color: #6E6E71;
	display: block;
	text-decoration: none;
	padding-bottom: 3px;
	padding-top: 3px;
	-webkit-transition: color 250ms linear;
	-moz-transition: color 250ms linear;
	-ms-transition: color 250ms linear;
	-o-transition: color 250ms linear;
	transition: color 250ms linear;
	line-height: 16px;
}

#shortlands_top_nav li a:hover{
	color: #DB007D;
	background-image: url(../images/arrows/pink_arrow_master.png);
	background-repeat: no-repeat;
	background-position: 100px center;
	
}

#shortlands_top_nav li a#current{
	color: #DB007D;
	background-image: url(../images/arrows/pink_arrow_master.png);
	background-repeat: no-repeat;
	background-position: 100px center;
}

/*side nav ends*/


/*middle navigation starts*/

#middle_navigation{
	float: left;
	height: auto;
	width: 978px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#middle_navigation ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#middle_navigation li a{
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-image: url(../images/arrows/nav_arrow.png);
	background-repeat: no-repeat;
	background-position: right 3px;
	font-family:'Helvetica W01 Bd Cn';
	-webkit-transition: color 250ms linear;
-moz-transition: color 250ms linear;
-ms-transition: color 250ms linear;
-o-transition: color 250ms linear;
transition: color 250ms linear;
}

#middle_navigation li a:hover{
	background-image: url(../images/arrows/nav_arrow.png);
	background-repeat: no-repeat;
	background-position: right 3px;
	color: #fff;
	text-shadow: none;
	
}

#middle_navigation h4{
	font-family:'Helvetica W01 Bd Cn';
	font-size: 14px;
	color: #FFF;
	line-height: 22px;
	font-weight: normal;
}

#preventive{
	border-radius: 5px;
	float: left;
	height: 150px;
	width: 147px;
	padding: 20px;
	margin-right: 10px;
	background-color: #A33D97;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;

-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}

#preventive:hover{
	background-color: #AEAEAE;
	}

   
#general{
	border-radius: 5px;
	float: left;
	height: 150px;
	width: 147px;
	padding: 20px;
	margin-right: 10px;
	background-color: #13C5C5;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;

-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}
#general:hover{
	background-color: #AEAEAE;
	}
   
#cosmetic{
	border-radius: 5px;
	float: left;
	height: 150px;
	width: 147px;
	padding: 20px;
	margin-right: 10px;
	background-color: #E3266E;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;

-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}
#cosmetic:hover{
	background-color: #AEAEAE;
	}
     
#children{
	border-radius: 5px;
	float: left;
	height: 150px;
	width: 148px;
	padding: 20px;
	margin-right: 10px;
	background-color: #F8C313;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;

-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}
#children:hover{
	background-color: #AEAEAE;
	}
   
#facial_aesthetics{
	border-radius: 5px;
	float: right;
	height: 150px;
	width: 148px;
	padding: 20px;
	background-color: #E72453;
	-webkit-transition: background 250ms linear;
-moz-transition: background 250ms linear;
-ms-transition: background 250ms linear;
-o-transition: background 250ms linear;
transition: background 250ms linear;

-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}
#facial_aesthetics:hover{
	background-color: #AEAEAE;
	}
  
/*middle navigation ends*/


#brands{
	float: left;
	height: 90px;
	width: 978px;
	background-image: url(../images/brands.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCC;
	}


/*open hours content Start*/
#open_hrs{
	float: left;
	height: auto;
	width: 938px;
	background-image: url(../images/bkgs/open_hrs.jpg);
	background-repeat: repeat-y;
	padding: 20px;
	margin-top: 10px;
}

#open_hrs h3{
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 5px;
	font-family:'Helvetica W01 Bd Cn';
}
#open_hrs a{
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}
#open_hrs p{
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	font-family:'Helvetica W01 Cn';
}
#open_hrs h4{
	font-family:'Helvetica W01 Bd Cn';
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 5px;
}

#open_title{
	float: left;
	height: auto;
	width: 938px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}

#otimes{
	float: left;
	height: auto;
	width: 270px;
	margin-right: 18px;
	padding-top: 10px;
}


#opent2{
	float: left;
	height: auto;
	width: 280px;
	margin-right: 10px;
	padding-top: 10px;
}

#map{
	float: right;
	height: auto;
	width: 350px;
	padding-top: 10px;
}
/*open hours content end*/



/*Gradient Borders Start*/
.pink_bdr{
	background-image: url(../images/pink_grd_bdr_bkg.jpg);
	background-repeat: repeat-y;
	float: left;
	height: 15px;
	width: 978px;}

.banner_bdr{
	background-image: url(../images/pink_grd_bdr_bkg.jpg);
	background-repeat: repeat-y;
	height: 7px;
	width: 978px;
	margin-bottom: 10px;
}


#footer{
	float: left;
	height: auto;
	width: 978px;
	margin-top: 20px;
	padding-top: 16px;
	background-image: url(../images/footer_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#address{
	float: left;
	height: auto;
	width: 230px;
	color: #666;
	font-size: 11px;
	line-height: 15px;
	margin-left: 123px;
	font-family:'Helvetica W01 Bd Cn';
	font-weight: normal;
}
.fboxes{
	float: right;
	height: auto;
	width: 180px;
	margin-right: 20px;
}
#footer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer li a{
	font-family:'Helvetica W01 Cn';
	font-weight: normal;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	line-height: 15px;
	-webkit-transition: color 250ms linear;
-moz-transition: color 250ms linear;
-ms-transition: color 250ms linear;
-o-transition: color 250ms linear;
transition: color 250ms linear;
}
#footer li{
	font-family:'Helvetica W01 Cn';
	font-weight: normal;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	line-height: 15px;
	-webkit-transition: color 250ms linear;
-moz-transition: color 250ms linear;
-ms-transition: color 250ms linear;
-o-transition: color 250ms linear;
transition: color 250ms linear;
}


#footer li a:hover{
	color: #D61286;
}

#footer p{
	font-family:'Helvetica W01 Cn';
	font-weight: normal;
	font-size: 11px;
	color: #666;
	}

#footer h3{
	font-family: 'Helvetica W01 Bd Cn';
	font-weight: normal;
	font-size: 12px;
	color: #223973;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-bottom: 5px;
}
.footer_h3{
	font-family: "Helvetica W01 Cn";
	font-weight: normal;
	font-size: 14px;
	color: #223973;
}
.footer_h3_bold{
	font-family: "Helvetica W01 Bd Cn";
	font-weight: normal;
	font-size: 14px;
	color: #223973;
}

#footer hr{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EA65A6;
	margin-bottom: 4px;
}





/*gallery section starts*/

.sets{float:left; width: 750px; height: auto; margin-top: 20px;}

.smalls{
	float: left;
	height: 112px;
	width: 167px;
	margin-left: 20px;
}

#map_holder{
	float: left;
	height: 240px;
	width: 750px;
	background-color: #CCC;
}


.line{
	width: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin-top: 15px;
	margin-bottom: 15px;
}

#dental_care{
	width: auto;
	height: auto;
	padding-bottom: 10px;
}

#stacy{
	float: left;
	height: auto;
	width: 180px;
	text-align: left;
	margin-left: 123px;
	margin-top: 15px;
}

#stacy a{
	font-family: "Helvetica W01 Cn";
	font-weight: normal;
	font-size: 10px;
	color: #999;
	text-decoration: none;
	}

#stacy a:hover{
	color: #DB007D;
	}

.img_flt_rt{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}