/* ---- MAIN STYLES ----- */

body {
	background: #f8f8f8;
	margin: 10px 10px 23px 10px;
	padding: 0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}

p {
	margin: 5px 0 10px 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
	margin-bottom: -15px;
}

.white {
	background-color: #fff;
}

/* -- 1st HYPERLINK STYLE -- */

a {
	color: #00a3d3;
	text-decoration: none;
}

a:hover {
	color: #00a3d3;
	text-decoration: underline;
}

/* -- 2nd HYPERLINK STYLE -- */

.a2 {
	color: #666;
	text-decoration: none;
}

.a2:hover {
	color: #333;
	text-decoration: underline;
}

/* - NAVIGATION STYLES - */

#navigation {
	margin: 0 0 0 14px;
	padding: 0;
	position: relative;
	background: url(../images/nav_lines.gif) top left repeat-x;
	width: 118px;
	height: 280px;

}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
}

#navigation li, #navigation a {
	display: block;
}

#nav_home {height: 25px; margin-bottom: 5px; background: url(../images/nav_home.gif) left top no-repeat; }
#nav_home a {height: 25px; background: url(../images/nav_home.gif) left top no-repeat; }
#nav_home a:hover {height: 25px; background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_home a:visited:hover {height: 25px; background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_home_selected {height: 25px; margin-bottom: 5px; cursor: default; background: url(../images/nav_home_off.gif) left top no-repeat; }
#nav_home_selected a {height: 25px; cursor: default; background: url(../images/nav_home_off.gif) left top no-repeat; }

#nav_about {height: 25px; margin-bottom: 5px; background: url(../images/nav_about.gif) left top no-repeat; }
#nav_about a {height: 25px; background: url(../images/nav_about.gif) left top no-repeat; }
#nav_about a:hover {background: url(../images/nav_about_off.gif) left top no-repeat; }
#nav_about a:visited:hover {background: url(../images/nav_about_off.gif) left top no-repeat; }
#nav_about_selected {height: 25px; margin-bottom: 5px; cursor: default; background: url(../images/nav_about_off.gif) left top no-repeat; }
#nav_about_selected a {height: 25px; cursor: default; background: url(../images/nav_about_off.gif) left top no-repeat; }

#nav_acne {height: 25px; margin-bottom: 5px; background: url(../images/nav_acne.gif) left top no-repeat; }
#nav_acne a {height: 25px; background: url(../images/nav_acne.gif) left top no-repeat; }
#nav_acne a:hover {background: url(../images/nav_acne_off.gif) left top no-repeat; }
#nav_acne a:visited:hover {background: url(../images/nav_acne_off.gif) left top no-repeat; }
#nav_acne_selected {height: 25px; margin-bottom: 5px; cursor: default; background: url(../images/nav_acne_off.gif) left top no-repeat; }
#nav_acne_selected a {height: 25px; cursor: default; background: url(../images/nav_acne_off.gif) left top no-repeat; }

#nav_scar {height: 25px; margin-bottom: 5px; background: url(../images/nav_scar.gif) left top no-repeat; }
#nav_scar a {height: 25px; background: url(../images/nav_scar.gif) left top no-repeat; }
#nav_scar a:hover {background: url(../images/nav_scar_off.gif) left top no-repeat; }
#nav_scar a:visited:hover {background: url(../images/nav_scar_off.gif) left top no-repeat; }
#nav_scar_selected {height: 25px; margin-bottom: 5px; cursor: default; background: url(../images/nav_scar_off.gif) left top no-repeat; }
#nav_scar_selected a {height: 25px; cursor: default; background: url(../images/nav_scar_off.gif) left top no-repeat; }

#nav_sun {height: 44px; margin-bottom: 5px; background: url(../images/nav_sun.gif) left top no-repeat; }
#nav_sun a {height: 44px; background: url(../images/nav_sun.gif) left top no-repeat; }
#nav_sun a:hover {background: url(../images/nav_sun_off.gif) left top no-repeat; }
#nav_sun a:visited:hover {background: url(../images/nav_sun_off.gif) left top no-repeat; }
#nav_sun_selected {height: 44px; margin-bottom: 5px; cursor: default; background: url(../images/nav_sun_off.gif) left top no-repeat; }
#nav_sun_selected a {height: 44px; cursor: default; background: url(../images/nav_sun_off.gif) left top no-repeat; }

#nav_permanent {height: 44px; margin-bottom: 5px; background: url(../images/nav_permanent.gif) left top no-repeat; }
#nav_permanent a {height: 44px; background: url(../images/nav_permanent.gif) left top no-repeat; }
#nav_permanent a:hover {background: url(../images/nav_permanent_off.gif) left top no-repeat; }
#nav_permanent a:visited:hover {background: url(../images/nav_permanent_off.gif) left top no-repeat; }
#nav_permanent_selected {height: 44px; margin-bottom: 5px; cursor: default; background: url(../images/nav_permanent_off.gif) left top no-repeat; }
#nav_permanent_selected a {height: 44px; cursor: default; background: url(../images/nav_permanent_off.gif) left top no-repeat; }

#nav_product {height: 25px; margin-bottom: 5px; background: url(../images/nav_product.gif) left top no-repeat; }
#nav_product a {height: 25px; background: url(../images/nav_product.gif) left top no-repeat; }
#nav_product a:hover {background: url(../images/nav_product_off.gif) left top no-repeat; }
#nav_product a:visited:hover {background: url(../images/nav_product_off.gif) left top no-repeat; }
#nav_product_selected {height: 25px; margin-bottom: 5px; cursor: default; background: url(../images/nav_product_off.gif) left top no-repeat; }
#nav_product_selected a {height: 25px; cursor: default; background: url(../images/nav_product_off.gif) left top no-repeat; }

#nav_contact {height: 25px; margin-bottom: 5px; background: url(../images/nav_contact.gif) left top no-repeat; }
#nav_contact a {height: 25px; background: url(../images/nav_contact.gif) left top no-repeat; }
#nav_contact a:hover {background: url(../images/nav_contact_off.gif) left top no-repeat; }
#nav_contact a:visited:hover {background: url(../images/nav_contact_off.gif) left top no-repeat; }
#nav_contact_selected {height: 25px; margin-bottom: 5px; cursor: default; background: url(../images/nav_contact_off.gif) left top no-repeat; }
#nav_contact_selected a {height: 25px; cursor: default; background: url(../images/nav_contact_off.gif) left top no-repeat; }

/* --- LAYOUT STYLES --- */

#container { 
	width: 726px;
	margin: 73px auto 0 auto; 
	padding: 0;
	text-align: left;
}

#nadias_skin {
	position: absolute;
	margin: -73px 0 0 -40px;
	z-index: 1;
}

#header  {
	width: 726px;
	height: 22px;
}

#bg_c4 {
	background: url(../images/bg_c4.gif) bottom right no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
}

#bg_c1 {
	background: url(../images/bg_c1.gif) bottom left no-repeat;
	margin: 0 0 0 704px;
	width: 22px;
	height: 22px;
	position: absolute;
}

#bg_top {
	background: url(../images/bg_top.gif) bottom left repeat-x;
	margin: 0 0 0 22px;
	width: 682px;
	height: 13px;
	position: absolute;
}

#bg_top_white {
	background-color: #fff;
	margin: 13px 0 0 22px;
	width: 682px;
	height: 9px;
	position: absolute;
}

#bg_top_white hr {
	display: none;
}

#content {
	background: url(../images/bg_middle.gif) top left repeat-y;
	width: 726px;
}

#content_area {
	background-color: #fff;
	margin: 0 13px 0 13px;
}

#content_left {
	width: 137px;
	margin: 117px 0 0 0;
	float: left;
}

#content_right {
	width: 563px;
	margin: 14px 0 0 0;
	float: right;
}

#disclaimer {
	background: url(../images/bg_middle.gif) top left repeat-y;
	height: 22px;
}

#copyright {
	margin: 0 28px 0 28px;
	height: 21px;
	background-color: #4cccc6;
	color: #fff;
	padding: 0 5px 0 5px;
}

#footer {
	width: 726px;
	height: 22px;
}

#bg_c3 {
	background: url(../images/bg_c3.gif) top right no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
}

#bg_c2 {
	background: url(../images/bg_c2.gif) top left no-repeat;
	margin: 0 0 0 704px;
	width: 22px;
	height: 22px;
	position: absolute;
}

#bg_bottom_white {
	background-color: #fff;
	margin: 0 0 0 22px;
	width: 682px;
	height: 9px;
	position: absolute;
}

#bg_bottom_white hr {
	display: none;
}


#bg_bottom {
	background: url(../images/bg_bottom.gif) bottom left repeat-x;
	margin: 9px 0 0 22px;
	width: 682px;
	height: 13px;
	position: absolute;
}


/* --- CONTENT STYLES --- */

.content_left {
	margin: 10px 5px 25px 15px;
	font-size: 10px;
	line-height: 16px;
}

.content_right {
	margin: 0 17px 25px 25px;
	line-height: 17px;
}

.title {
	border-bottom: solid 5px #ccf0ef;
	margin-bottom: 5px;
}

.h1 {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #00a3d3;
	font-weight: bold;
}

.blue {
	color: #00a3d3;
	font-weight: bold;
}

.hr {
	margin: 5px 0 15px 0;
	border-top: 1px solid #ccc;
}

hr {
	display: none;
}

#beeinteractive a:visited img, #beeinteractive a img {
	position: absolute;
	margin: -5px 0 0 579px;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50; opacity:0.5;
}

#beeinteractive a:hover img {
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1;
}

/* --- UL & LI STYLES --- */

ul.bullets li, ol.bullets li {
	list-style: none;
	background: url(../images/bullet.gif) top left no-repeat;
	margin: 0 0 0 -40px;
	padding: 0 0 0 14px;
	line-height: 20px;
 }
 
ul.bullets {
	margin-top: 0;
	margin-bottom: 0;
}

/* ----- FORM STYLES ----- */

form {
	margin: 0;
	padding: 0;
}

.form-contact {
}

.form-contact p {
	margin: 0 0 10px 0;
}

.form-contact .left {
	width: 240px;
}

.contact_form_left {
	display: block;
	margin: 0;
	padding-top: 3px;
	margin: 0;
	width: 55px;
	float: left;
}

.contact_form_right {
	display: block;
	margin: 0;
	padding-top: 3px;
	width: 100px;
	float: left;
}

.field {
	margin: 0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	width: 120px;
	height: 15px;

}

textarea {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	width: 495px;
	height: 46px;
}

.submit {
	margin: 10px 0 0 0;
	width: auto;
}

/* ---- IMAGE STYLES ---- */

.image {
	border: solid 1px #b7e6f4;
}

.image_right {
	border: solid 1px #b7e6f4;
	margin: 0 0 0 10px;
}

.image_left {
	border: solid 1px #b7e6f4;
	margin: 0 10px 0 0;
}

/* ---- OTHER STYLES ---- */

.disclaimer_left {
	float: left;
	margin: 3px 0 0 0;
	position: absolute;
	
}
.disclaimer_right {
	margin: 3px 0 0 568px;
	position: absolute;
}

.flash {
	width: 518px;
	border: solid 1px #a8e9fe;
	margin: 10px 0 15px 0;
}

/***** HR Clearing *****/
div.cleaner {margin: -1px 0 0 0; height: 1px; clear: both; visibility: hidden}
div.cleaner hr {display: none}