/* Made with Joy by What Cheer */

/*********** TABLE OF CONTENTS START ***********\

1.0 Global
1.1 Reset
1.2 Fonts
2. Interface Styles
3. Shared Content Styles

\*********** TABLE OF CONTENTS END *************/

/*********** FONT SIZE GUIDE ***********\

10 = 77%
11 = 85%
12 = 93%
13 = 100%
14 = 108%
15 = 116%
16 = 123.1%
17 = 131%
18 = 138.5%
19 = 146.5%
20 = 153.9%
21 = 161.6%
22 = 167%
23 = 174%
24 = 182%
25 = 189%
26 = 197%

\*********** FONT SIZE GUIDE *************/

/* ////////// 1.0 Global Start ////////// */

/* ////////// 1.1 Reset ////////// */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*font-family: inherit;*/
	vertical-align: baseline;
}

:focus { outline: 0; }

table {
	border-collapse:collapse;
	border-spacing:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

* { behavior: url(/global/javascript/iepngfix.htc) }

/* \\\\\\\\\\\ 1.1 Reset End \\\\\\\\\\\ */

/* ////////// 1.2 Fonts ////////// */

body {
	*font-size:small;
	*font:x-small;
	color: #777;
	background-image: url(/images/interface/secondary/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
}

	body #home {
	background-image: url(/images/interface/primary/background.jpg);
	}

select, input, textarea { font:99% arial, helvetica, clean, sans-serif; }

pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}

body * { line-height:1.5em; }

/* \\\\\\\\\\\ 1.2 Fonts End \\\\\\\\\\\ */


/* \\\\\\\\\\\ 1.0 Global End \\\\\\\\\\\ */


/* ////////// 2. Interface Start ////////// */

	body { background-color:#FFFFFF; }

#container {
	margin : 0px auto;
	width: 755px;
	text-align: center;
	background-image: url(/images/interface/secondary/repeat.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#container-footer {
	width: 755px;
	text-align: center;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header { height: 115px; }

/* Logo */
	#logo {
	width: 184px;
	height: 78px;
	display: block;
	float: left;
}

#logo a, #logo a:link, #logo a:active, #logo a:visited {
	text-indent: -9999px;
	overflow: hidden;
	width: 184px;
	height: 78px;
	background-image: url(/images/interface/secondary/logo.jpg);
	display: block;
	background-repeat: no-repeat;
}

/* Layout */
#interface {
	width: 735px;
	background-image: url(/images/interface/secondary/content.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
}

#content {
	width: 735px;
	margin-top: 47px;
	clear: both;
}

#bodycopy {
	width: 351px;
	text-align: left;
	padding-top: 24px;
	padding-left: 72px;
	padding-right: 64px;
	min-height: 350px;
}

#leftcolumn {
	width: 487px;
	float: left;
}

#rightcolumn {
	width: 248px;
	float: right;
}

#tagline {
	width: 755px;
	height: 80px;
	background-image: url(/images/interface/secondary/become-yourself.jpg);
	text-indent: -9999px;
}

#phone {
	width: 755px;
	height: 83px;
	background-image: url(/images/interface/secondary/402-397-2300.jpg);
	text-indent: -9999px;
}

/* NAV */
	#nav {
	width: 735px;
	height: 37px;
	clear: both;
}

#nav ul {
	list-style-type: none;
	display: block;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#nav li {
	list-style-type: none;
	display: block;
	float: left;
}

#nav a, #nav a:link, #nav a:active, #nav a:visited {
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	background-position: 0px 0px;
	text-indent: -9999px;
}

#nav a:hover, #nav a:visited:hover { background-position: 0px -37px; }

/* FOR GRAPHIC NAV */
#nav #discoveryprocess a {
	background-image:url(/images/interface/secondary/navigation/discovery-process.jpg);
	width: 157px;
}

#nav #medicalservices a {
	background-image:url(/images/interface/secondary/navigation/medical-services.jpg);
	width: 140px;
}

#nav #spaservices a {
	background-image:url(/images/interface/secondary/navigation/spa-services.jpg);
	width: 114px;
}

#nav #rejuvenationproducts a {
	background-image:url(/images/interface/secondary/navigation/rejuvenation-products.jpg);
	width: 171px;
}

#nav #patientresources a {
	background-image:url(/images/interface/secondary/navigation/patient-resources.jpg);
	width: 153px;
}

/* UTIL NAV */
#util-nav {
	font-size: 100%;
	color: #768F68;
	width: 520px;
	text-align: right;
	padding-top: 10px;
	float: left;
	word-spacing: 20px;
}

#util-nav a, #util-nav a:link, #util-nav a:active, #util-nav a:visited {
	color: #768F68;
	text-decoration: none;
}

#util-nav a:hover, #util-nav a:visited:hover {
	color: #1D474D;
	text-decoration: none;
}

#util-nav ul {
	list-style: none;
	display: inline;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#util-nav li {
	list-style: none;
	display: inline;
}

/* TITLES */
#about, #staff, #conditions-treated, #contact, #discovery-process, #gift-cards, #medical-services, #patient-resources, #rejuvenation-products, #site-map, #spa-services, #email-newsletter, #specials, #thanks {
	width: 487px;
	height: 61px;
	text-indent: -9999px;
}

	#about { background-image: url(/images/interface/secondary/titles/about.jpg); }
	
	#staff { background-image: url(/images/interface/secondary/titles/staff.jpg); }
	
	#contact { background-image: url(/images/interface/secondary/titles/contact.jpg); }
	
	#discovery-process { background-image: url(/images/interface/secondary/titles/discovery-process.jpg); }
	
	#gift-cards { background-image: url(/images/interface/secondary/titles/gift-cards.jpg); }
	
	#medical-services { background-image: url(/images/interface/secondary/titles/medical-services.jpg); }
	
	#patient-resources { background-image: url(/images/interface/secondary/titles/patient-resources.jpg); }
	
	#rejuvenation-products { background-image: url(/images/interface/secondary/titles/rejuvenation-products.jpg); }
	
	#site-map { background-image: url(/images/interface/secondary/titles/site-map.jpg); }
	
	#spa-services { background-image: url(/images/interface/secondary/titles/spa-services.jpg); }
	
	#email-newsletter { background-image: url(/images/interface/secondary/titles/email-newsletter.jpg); }
	
	#specials { background-image: url(/images/interface/secondary/titles/specials.jpg); }
	
	#thanks { background-image: url(/images/interface/secondary/titles/thanks.jpg); }

/* SIDEBAR */
#sidebar {
	width: 248px;
	height: 270px;
	float: left;
}

#sidebar ul {
	list-style-type: none;
	display: block;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#sidebar li {
	list-style-type: none;
	display: block;
	clear: both;
}

#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {
	background-repeat: no-repeat;
	display: block;
	height: 135px;
	background-position: 0px 0px;
	text-indent: -9999px;
	width: 248px;
}

#sidebar a:hover, #sidebar a:visited:hover { background-position: -248px 0px; }

#sidebar #emailnewsletter a {
	background-image:url(/images/interface/secondary/email-newsletter.jpg);
}

#sidebar #gift-card a {
	background-image:url(/images/interface/secondary/gift-card.jpg);
}

#sidebar #threed-tours a {
	background-image:url(/images/interface/secondary/3dtours.jpg);
}

#sidebar #products a {
	background-image:url(/images/interface/secondary/products.jpg);
}

#sidebar #julie a {
	background-image:url(/images/content/s/julie.jpg);
}

#sidebar #terilyn a {
	background-image:url(/images/content/s/terilyn.jpg);
}

#sidebar #rene a {
	background-image:url(/images/content/s/rene.jpg);
}

/* FOOTER */
	#footer {
	font-size: .77em;
	color: #9AB87F;
	width: 661px;
	padding-left: 94px;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color: #7DCCD5;
	text-decoration: none;
}

#footer a:hover, #footer a:visited:hover {
	color: #9AB87F;
	text-decoration: underline;
}

#footer li { list-style: none; }

#footer ul {
	list-style: none;
	display: block;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

#footerlinkone {
	width: 110px;
	text-align: left;
	float: left;
}

#footerlinktwo {
	width: 261px;
	text-align: left;
	float: left;
}

#credits {
	width: 290px;
	text-align: left;
	float: left;
}

	#credits a, #credits a:link, #credits a:active, #credits a:visited {
	color: #9AB87F;
	text-decoration: none;
	}
	
	#credits a:hover, #credits a:visited:hover {
	color: #7DCCD5;
	text-decoration: underline;
	}

/* \\\\\\\\\\\ 2. Interface End \\\\\\\\\\\ */

/* ////////// 3. Shared Conent Styles Start ////////// */

/* Global Links */
	a, a:link, a:active, a:visited {
	color:  #47AEBD;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #7E9D5E;
	text-decoration: underline;
}

/* Header Tags */
	h1 { font-size:138.5%; }

h2 { font-size: 123.1% }

h3 {
	font-size: 77%;
	color: #7E9D5E;
	text-transform: uppercase;
	letter-spacing: 4px;
}

h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

/* Abbrivation and Acronym */
	abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* Emphasis */
	em { font-style:italic; }

/* Block Quote */
	blockquote { margin: 1em; }

/* List */
	ul, ol, dl {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
}

/* List Items */
	ol li { list-style: decimal outside; }

ul li { list-style: disc outside; }

/* Definition Description */
	dl dd { margin-left:1em; }

/* Tables */
	th, td {
	border:1px solid #000;
	padding:.5em;
}

th {
	font-weight:bold;
	text-align:center;
}

caption {
	margin-bottom:.5em;
	text-align:center;
}

/* Bottom Margin */
	p, fieldset, table, pre { margin-bottom:1em; }

/* Form Fields */
	input[type=text], input[type=password], textarea { width:12.25em; *width:11.9em;
}

/* Horizontal Rule */
	hr {
	color: #666666;
	height: 2px;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Content Classes */
	.floatleft { float: left; }

.floatright { float: right; }

.gap { margin-bottom: 20px; }

.nogap {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.textsmall { font-size: 9px; }

.textwhite { color: #FFFFFF; }

.brclear {
	clear: both;
	height: 1px;
}

/* Content Images */
	.imageleft, .imageright {
	padding-bottom:20px;
	padding-right:20px;
}

.imageleft { float: left; }

.imageright { float: right; }

/* \\\\\\\\\\\ 3. Shared Content Styles End \\\\\\\\\\\ */

#bodycopy p {
	font-size: 93%;
	line-height: 170%;
}
