/* CSS Document */

*	{
	margin:0;
	padding:0;
	p:0;
	ul:0;
	li:0;
	
}

body {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:205px;
	background-color:#ffffff;
	background-image:url(images/bckgrnd.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:scroll;
	z-index:1;
}


/* Text Styles, Headers etc */
	
.smalltext {

	font-family: "arial";
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}


.normal {
	font-family:Georgia;
	font-size:14px;
	color:#666666;
	text-decoration: none;
}


a:focus
{
-moz-outline-style: none;
outline: none;
}

A {
    font-family: "Georgia";
	font-size: 14px;
	color:#7c7c7c;
	font-weight: bold;
	outline:none;
	text-decoration:underline;
}

A:visited {
 	font-family: "Georgia";
	font-size: 14px;
	color: #7c7c7c;
	font-weight: bold;
	text-decoration:underline;
}

A:active {
 	font-family: "Georgia";
	font-size: 14px;
	color: #7c7c7c;
	font-weight: bold;
	text-decoration:underline;
}

A:hover { 
	font-family: "Georgia";
	font-size: 14px;
	color:#ff6600;
	font-weight: bold;
    text-decoration:underline;
}
	
H1 {

	font-family:Georgia;
	font-size: 20px;
	color: #666666;
	font-weight: normal;
	padding:0px;
}

H2 {

	font-family:Georgia;
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	padding:0px;
}

H3 {

	font-family:Georgia;
	font-size: 15px;
	color: #666666;
	font-weight:bold;
	text-align:left;
	padding-bottom:5px;
}


.floatimgleft {
	float: left;
	margin-top:2px;
	margin-left:0px;
	margin-right:8px;
	margin-bottom:2px;
}

.floatimgright {
	float: right;
	margin-top:5px;
	margin-left:15px;
	margin-right:5px;
	margin-bottom:10px;
}

.floatimgbtm {
	float: left;
	margin-top:0px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
}

/* Layers */


#base {
	position:relative;
	width:962px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}
	
#top {
    position: absolute;
	top: 0px;
	width:100%;
	height:160px;
	background-image: url(images/topbckgrnd.jpg);
	background-repeat:repeat-x;
	background-attachment:scroll;

}
	
#main { 
	width:962px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
}


#main_text { 
	width:962px;
	text-align:left;
	z-index:2;
}

#navigation {
	clear:both;
	top:0;
	width:601px;
	height:30px;
	margin-top:115px;
	margin-left:361px;
	padding-top:0px;
	padding-left:0px;
	text-align:left;
	z-index:1;
}

#slideshow {
	float:left;
	width:650px;
	height:236px;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:10px;
	text-align:left;
	z-index:3;
}

#slider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.topbox {
	float:left;
	width:246px;
	height:125px;
	margin-left:20px;
	margin-top:16px;
	text-align:left;
	z-index:3;
}

.box {
	float:left;
	width:194px;
	margin-left:30px;
	padding:3px;
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	text-align:left;
	z-index:3;
}


.column {
	float:left;
	width:430px;
	margin-left:25px;
	padding-left:8px;
	padding-right:5px;
	padding-top:25px;
	padding-bottom:10px;
	text-align:left;
	z-index:3;
}


.column ul	{
	padding-left:65px;
	padding-top:15px;
	padding-bottom:0px;
}

.column li {
	padding-left:5px;
	padding-bottom:8px;
	vertical-align:top;
	list-style:square;
	list-style-image:url(images/bullet.jpg);
	list-style-position:outside;
}

.text_full {
	float:left;
	width:898px;
	margin-left:25px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:5px;
	font-family:Georgia;
	font-size:14px;
	color:#666666;
	text-align:left;
	z-index:2;
}

.text_full ul	{
	padding-left:65px;
	padding-top:15px;
	padding-bottom:0px;
}

.text_full li {
	padding-left:5px;
	padding-bottom:8px;
	vertical-align:top;
	list-style:square;
	list-style-image:url(images/bullet.jpg);
	list-style-position:outside;
}

#bottom {
	clear:both;
	width:962px;
	height:10px;
	text-align:left;
	z-index:2;
}

#footer {
	float:right;
	width:962px;
	height:50px;
	text-align:center;
	z-index:2;
}

#footer A {
    font-family:Georgia;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-decoration:none;
}

#footer A:active {
 	font-family:Georgia;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
}	
	
#footer A:hover {
	font-family:Georgia;
	font-size: 10px;
	font-weight: normal;
	color: #cccccc;
    text-decoration:underline;
}

.box_2 {
	float:left;
	width:400px;
	margin-left:50px;
	padding:3px;
	border-style:dotted;
	border-color:#CCCCCC;
	border-width:1px;
	font-family:Georgia;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-align:left;
	z-index:3;
}

.box_2 A {
    font-family:Georgia;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}

.box_2 A:active {
 	font-family:Georgia;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}	
	
.box_2 A:hover {
	font-family:Georgia;
	font-size: 10px;
	font-weight: normal;
	color:#006699;
    text-decoration:underline;
}

/* Navigation Setup */

ul.cssmenu {
    list-style: none;
    padding: 0px;
    }
.displace {
    position: absolute;
    left: -5000px;
    }
ul.cssmenu li {
    float: left;
    }
ul.cssmenu li a {
    display: block;
    width: 100px;
    height: 25px;
    background: url('images/menu.jpg');
    }
/*
*    Normal Links
*/
ul.cssmenu li.home a {
    background-position: 0px 0px;
    }
ul.cssmenu li.treatments a {
    background-position: -100px 0px;
    }
ul.cssmenu li.appointments a {
    background-position: -200px 0px;
    }
ul.cssmenu li.about a {
    background-position: -300px 0px;
    }
ul.cssmenu li.faqs a {
    background-position: -400px 0px;
    }
ul.cssmenu li.contact a {
    background-position: -500px 0px;
    }

/*
*    Hover Links
*/
ul.cssmenu li.home a:hover {
    background-position: 0px -25px;
    }
ul.cssmenu li.treatments a:hover {
    background-position: -100px -25px;
    }
ul.cssmenu li.appointments a:hover {
    background-position: -200px -25px;
    }
ul.cssmenu li.about a:hover {
    background-position: -300px -25px;
    }
ul.cssmenu li.faqs a:hover {
    background-position: -400px -25px;
    }
ul.cssmenu li.contact a:hover {
    background-position: -500px -25px;
    }

/*
*    Clicked Links
*/
ul.cssmenu li.home a:active {
    background-position: 0px -50px;
    }
ul.cssmenu li.treatments a:active {
    background-position: -100px -50px;
    }
ul.cssmenu li.appointments a:active {
    background-position: -200px -50px;
    }
ul.cssmenu li.about a:active {
    background-position: -300px -50px;
    }
ul.cssmenu li.faqs a:active {
    background-position: -400px -50px;
    }
ul.cssmenu li.contact a:active {
    background-position: -500px -50px;
    }


/*
*    Selected/Active Links
*/
ul.cssmenu li.home a.selected {
    background-position: 0px -75px;
    }
ul.cssmenu li.treatments a.selected {
    background-position: -100px -75px;
    }
ul.cssmenu li.appointments a.selected {
    background-position: -200px -75px;
    }
ul.cssmenu li.about a.selected {
    background-position: -300px -75px;
    }
ul.cssmenu li.faqs a.selected {
    background-position: -400px -75px;
    }
ul.cssmenu li.contact a.selected {
    background-position: -500px -75px;
    }
