/*

	Chrysalis Rejuvenation Clinic - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
body {
	background: #000000;
	margin: 20px 0 20px 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#container {
	width: 100%;
	text-align: center;
}

#wrapper {
	width: 771px;
	margin: 0 auto 0 auto;
	border: 1px solid #ffffff;
    padding: 0;
}

#header {
    width: 771px;
	height: 105px;
    background: url('../images/wrapper/header.jpg') no-repeat;
    text-align: left;
}

#logo {
    margin: 15px 0 0 16px;
}

#content-container {
    position: relative;
    background: url('../images/wrapper/main-bg.gif') 0 0 repeat-y;
    width: 771px;
}

#content {
    margin: 0 0 0 183px;
	_width: 585px;
    /* border: 1px solid red; */
}

#content-container #content {
    padding: 15px;
	min-height: 685px;
    _height: 685px;
}

#content p {
    color: #000000;
	text-align: left;
    line-height: 1.4em;
}

#home-content {
	position: relative;
	margin: 0 0 0 198px;
	padding: 10px 0 0 0;
	text-align: left;
	z-index: 0;
	/* border: 1px solid #ffffff; */ 
}

#home-bg-image {
	/* background-image: url('../images/wrapper/home_bg_image_1.jpg') 0 0 no-repeat; */
	width: 771px;
	height: 614px;
}

#home-content-margin { /* home page */
	margin: 260px 0 0 0;
}
#home-page-services{width:400px;}

#home-page-services a {
	color:#ffffff;
	font-size:10px;
}

#home-page-services a:hover {
	color:#918D84;
}

#home-page-services a{ 
	display:block;
	padding-top:3px;
}

#home-content p {
	font-size: 12px;
	color: #A8ACC0;
	width: 350px;
	margin: 3px 0 15px 0;
	line-height: 1.2em;
}

#sign-up {
	position: absolute;
	top: 440px;
	left: 360px;
}

#banner {
	position: absolute;
	top: 430px;
	left: 390px;
}

.img-position {
    margin: 5px -15px 5px 5px;
}

#pos-img {
    position: relative;
}

#img-pos {
    position: absolute;
    top: -310px;
    left: 0;
    right: 600px;
    bottom: 10px;
}
/* =Navigation
---------------------------------------------------------------------------------------------------- */
#home-left-nav {
	float: left;
	margin: 300px 0 0 25px;
   /* border: 1px solid #ffffff; */
}

#home-left-nav p {
	padding: 12px 0 12px 0;
	text-align: left;
	margin: 0;
}

#left-nav {
	float: left;
    width: 183px;
    margin: 8px 0 0 0;
    background: #13193D;
    /* border: 1px solid yellow; */ 
}

#left-nav p {
	padding: 12px 0 12px 16px;
	text-align: left;
	margin: 0;
}

#left-nav #sub-nav a {
	display: block;
	color: #ffffff;
    width: 150px;
    text-decoration: none;
    margin: 3px 0 6px 7px;
}

#left-nav #sub-nav a:hover {
	text-decoration: underline;
}

#sub-nav {
    color: #ffffff;
	font-size: 10px;
    margin: 0 0 0 10px;
    text-align: left;
	/* border: 1px solid red; */
}

#sub-nav a.nav-bullet {
	padding: 0 0 0 8px;
    background: url('../images/wrapper/nav-bullet.gif') top left no-repeat;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
    position: absolute;
    top: 12px;
    left: 202px;
    font-size: 10px;
	color: #918D84;
	width: 275px;
	text-align: left;
    /* border: 1px solid red; */
}

#breadcrumb a {
	font-size: 10px;
	color: #918D84;
}

/* =Print/Send
---------------------------------------------------------------------------------------------------- */
#print-send {
    position: absolute;
    top: 12px;
    left: 580px;
	font-size: 10px;
}

#print-send a.send, #print-send a.send:visited {
	text-decoration: none;
	font-size: 10px;
	color: #918D84;
    padding-left: 15px;
	background: url(../images/icon-send.gif) top left no-repeat;
}

#print-send a.print, #print-send a.print:visited {
	text-decoration: none;
	font-size: 10px;
	color: #918D84;
    padding-left: 15px;
	background: url(../images/icon-print.gif) top left no-repeat;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
    color: #A64D17;
}

a:hover {
    color: #AE875E;;
}

/*a:visited {
	color: #666666;
} */

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	color: #767A90;
    margin: 5px 0 5px 0
}

h1 {
    margin: 50px 0 0 0;
	color: #282D48;
	font-size: 22px;
    text-align: left;
    font-family: 'time new roman', times, sans-serif;
}

h2 {
	color: #A64D17;
	font-size: 16px;
    text-align: left;
    margin: 8px 0 5px 0;
}

h3 {
	color: #666666;
	font-size: 13px;
    text-align: left;
    margin: 8px 0 8px 0;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */
ul, ol {
	margin-top: 5px;
	text-align: left;
	padding-left: 15px;
	margin-left: 15px;
}

ul li {
	margin: 0 0 0 -5px;
	text-align: left;
}

li {
    line-height: 1.45em;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
    background: #ffffff;
	width: 771px;
	height: 62px;
	padding-bottom: 3px;
}

#footer p {
	font-size: 10px;
	margin: 0 0 0 20px;
	text-align: left;
	line-height: 1.3em;
}

#footer #pad {
	padding: 10px 0 0 0;
}

#footer a {
	color: #A64D17;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
input {
	font-size: 12px;
	margin: 0;
}

/* =Images
---------------------------------------------------------------------------------------------------- */
img {
	margin: 0;
	padding: 0;
}

/* =Tables
---------------------------------------------------------------------------------------------------- */
table {
	font-size: 11px;
}

td { 
	padding: 0 7px 5px 0;
}


/* =Misc
---------------------------------------------------------------------------------------------------- */
#pic {
	left: 10px;
	position: relative;
	top: 10px;	
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	text-decoration: none;
	display: block;
	left: 0;
	top: 0;
}

#pic a.p1:hover {
	text-decoration: underline;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	position: absolute;
	left: 50px;
	top: -200px;
	height: 660px;
	width: 789px;
	z-index: 1000;
}

.highlightBox {
	border: 1px solid black;
	background-color: #E8D8BB;
	padding: 15px;
	margin-bottom: 20px;
}

#content p.holidayTextRed {
/*	font-size: 160%;
*/	color: #ff0000;
	font-style:italic;
}

#content p.holidayTextGreen {
/*	font-size: 160%;
*/	color: #008000;
	font-style:italic;
}

.newsDate {
	text-align: right;
	font-size: 14px;
}