@charset "utf-8";

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

h1{ font-size: 16px;}
h2{ font-size: 16px; color: #67c87b;}
h3{ font-size: 14px; color:#198c9e;}

p{}

a{ color: #198c9e; text-decoration: underline;}
a:hover{ text-decoration: none;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #198c9e;
}
body {
	background-image:url(../images/backdrop.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #61a8a5;
	}


/*---------------------framework-------------------------*/

#container {
	width: 888px;
	margin: 0 auto;
	background-image: url(../images/content-ex.jpg);
	background-repeat:repeat-y;

	}
	#content {
		background-image: url(../images/content-top.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding: 0 33px;
	
	
		}
	
#header{}

#nav {
	height: 44px;
	padding-top: 19px;
	background-image:url(../images/navdrop.gif);
	background-repeat:repeat-x;
	}
	#nav ul { list-style: none;}
	#nav li { float:left;}
	#nav a { display: block; height:31px; text-indent: -3000px;}
		#nav-home{ background-image:url(../images/nav-home.gif); width: 75px;}
		#nav-enderm{ background-image:url(../images/nav-enderm.gif); width:128px;}
		#nav-face{ background-image:url(../images/nav-face.gif); width: 117px;}
		#nav-tan{ background-image:url(../images/nav-tan.gif); width: 134px;}
		#nav-teeth{ background-image:url(../images/nav-teeth.gif); width: 144px;}
		#nav-jewelry{ background-image:url(../images/nav-jewelry.gif); width: 138px;}
		#nav-contact{ background-image:url(../images/nav-contact.gif); width: 86px;}

#banner { height: 244px;}

#wrapper{
	background-image:url(../images/wrapper-ex.jpg);
	background-repeat:repeat-y;
	border-bottom: 1px solid #c9efd4;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	}
	#wrapper-top {
		background-image: url(../images/wrapper-top.jpg);
		background-repeat:no-repeat;
		background-position:top;
		}

	#leftcol{
		width: 275px;
		}
		ul.sidebar { list-style:none; margin-top: 16px; border-right: 1px solid #82d8db;}
		.sidebar li {}
		.sidebar a { display:block;}
		
	#rightcol{
		width: 547px;
		padding-top: 42px;
		}
		#rightcol p { padding: 0 20px 12px 20px; line-height: 18px;}
		#rightcol h3 { padding: 0 20px;}
		#rightcol h2 { padding: 0 0 5px 20px;}
		#rightcol ul { padding: 0 0 12px 40px; line-height: 18px;}
		#rightcol table { padding: 0 18px;}
		#rightcol td { padding: 2px; line-height: 18px;} 
		#h-about, #h-contact, #h-enderm, #h-face, #h-tan, #h-teeth, #h-jewelry, #h-gallery, #h-newsletter
			{ text-indent: -3000px; margin-left: 20px; background-repeat:no-repeat;}
		#h-about { background-image:url(../images/h-about.gif); width: 315px; height:30px;}
		#h-contact { background-image:url(../images/h-contact.gif); width: 239px; height:30px;}
		#h-enderm { background-image:url(../images/h-enderm.gif); width: 239px; height:30px;}
		#h-face { background-image:url(../images/h-face.gif); width: 239px; height:30px;}
		#h-tan { background-image:url(../images/h-tan.gif); width: 239px; height:30px;}
		#h-teeth { background-image:url(../images/h-teeth.gif); width: 239px; height:30px;}
		#h-jewelry { background-image:url(../images/h-jewelry.gif); width: 239px; height:30px;}
		
		
		#h-gallery { background-image:url(../images/h-gallery.gif); width: 159px; height:30px;}
		#h-newsletter { background-image:url(../images/h-gallery.gif); width: 159px; height:30px;}
		
		.rightcol-halfmod { width: 270px;}
		

#footer{
	color: #1b79ad;
	text-align: right;
	line-height: 18px;
	padding-bottom: 35px;
	}
	#footer a {color: #1b79ad; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }


#googlemaps {
	margin: 12px 0 0 20px;
	}
.flash { width: 320px; margin: 20px auto;}


/*---------------------universal classes-------------------------*/

.linebreaker { border-top: 1px solid #82d8db; margin: 20px;}
.input-contact { border:1px solid #82d8db; width: 200px; padding: 2px 5px;}
.input-style { border:1px solid #82d8db; padding: 2px 5px;}

.small {}
.normal {}
.large {}
.xlarge {}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}

img.right { margin-left: 10px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */