/* @group Universal */

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

/* --- */

#sitebanner {
	background: #EAEAEA url(images/mainbanner.jpg);
	height: 152px;
	width: 712px;
	margin-top: -30px;
}

#sitebanner h1 {
	display: none;
}

/* --- */

#poster {
	height: 186px;
	width: 712px;
}

#poster h1, #poster p {
	display: none;
}

/* --- */

#maincontainer {
	width: 712px;
/*Width of main container*/
	margin: 0 auto;
	padding-bottom: 0;
}

#contentwrapper {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

#contentcolumn {
	margin: 0 33px 0 32px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 29px;
	background-color: white;
}

#links {
	text-decoration: none;
	font: normal 10px Helvetica, Geneva, sans-serif;
	text-align: right;
	margin-top: -18px;
	margin-right: -36px;
	margin-bottom: 15px;
}

#links a {
	text-decoration: none;
	padding-right: 3px;
}

#links a:hover {
	text-decoration: underline;
}

#contentwrapper #links, #contentwrapper #links a {
	text-decoration: none;
}

/* --- */

#contentcolumn h1 {
	font: normal normal 17pt Helvetica, sans-serif;
	margin: 0;
	padding-bottom: 13px;
	text-indent: 0;
}

#contentcolumn h2 {
	font: normal 14pt Helvetica, sans-serif;
	padding-top: 20px;
	text-decoration: none;
}

#contentcolumn h3 {
	font: normal 13pt Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

#contentcolumn p {
	color: #404040;
	font: normal normal 13px/2.6ex Helvetica, Arial, Geneva, sans-serif;
	text-indent: 15px;
}

#contentcolumn ol {
	color: #3a3a3a;
	font: normal normal 13px/2.6ex Helvetica, Arial, Geneva, sans-serif;
	vertical-align: 20%;
	margin-right: 50px;
	margin-left: 10px;
}

#contentcolumn ol strong {
	font-size: 15px;
}

#contentcolumn li {
	margin-bottom: 10px;
}

/* --- */

#contactinfo {
	font-family: Myriad, Helvetica, Arial, Geneva, sans-serif;
	line-height: 2ex;
	width: auto;
	margin-top: 26px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 44px;

}.title {
	width: auto;
	padding-right: 19px;
	font-size: 16px;
}.address {
	width: auto;
	font-size: 13px;
	padding-right: 20px;
}

.address strong {
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 17px;
}.phone {
	font-size: 10px;
	text-align: right;
	width: auto;
}.numbers {
	font-size: 14px;
	padding-left: 2px;
}

.numbers a {
	color: #fff;
	text-decoration: none;
}

.numbers a:hover {
	color: #fff;
	text-decoration: underline;
}

/* --- */

#leftcolumn {
	float: left;
	width: 32px;
	margin-left: -712px;
	height: 222px;
}

#rightcolumn {
	width: 33px;
	height: 222px;
	z-index: 2;
	margin-left: -33px;
	float: left;
}

#footer {
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding: 4px 0 5px;
	margin-bottom: 0;
}

#footer p {
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	color: white;
	margin-top: 3px;
	margin-bottom: 3px;
}

#footer a {
	color: white;
}

#gradback {
	background: url(images/gradblue.jpg) repeat-x;
}

/* --- */

.vcard {
	color: #636363;
	font: 13px Arial, Helvetica, Geneva, sans-serif;
}

.vcard .adr {
	margin-top: 12px;
	margin-bottom: 12px;
}

.vcard .email {
	color: #3d6fa2;
}

.vcard .tel .value {
	color: #3d6fa2;
	font: 16px Arial, Helvetica, Geneva, sans-serif;
	margin-left: 3px;
}

/* --- */

/* @group bluebox */

#bluebox {
	background: url(images/gradblue.jpg) repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #154a7f;
	margin-left: 100px;
	margin-right: 100px;
	
}

#bluebox p {
	font: bold 16px Helvetica, Geneva, Arial, sans-serif;
	padding-right: 20px;
	padding-left: 20px;
	text-indent: 0;
	padding-top: 0;
	margin-top: 6px;
	color: gray;
}

#bluebox ul {
	list-style-image: url(images/bullet-sqr.gif);
	list-style-position: outside;
	margin-top: 0;
}

#bluebox li {
	font: 16px Helvetica, Geneva, Arial, sans-serif;
	margin-left: 20px;
	width: 250px;
	padding-bottom: 5px;
}

/* @end */

/* @end */

/* --- Begin Individual Page Styles */

/* @group New Main Page */

#main #sitebanner {
	background-position: 0;
	margin-top: -30px;
}

#main #poster {
	background: #EAEAEA url(images/main_poster.jpg);
	width: auto;
	height: auto;
}

/* --- */

#main h1, #main h2, #main h3, #main #contentcolumn ol strong,#main #links,#main #links a {
	color: #396d9f;
}

#main #contentwrapper {
	background-image: url(images/main_back.gif);
	padding: 30px 0 0;
	margin: 0;
}

/* --- */

#nav {
	height: 40px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav li {
	float: left;
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#nav li a {
	display: block;
	line-height: 40px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#nav_totalimage {
		width: 155px;
		background: url(images/nav_totalimage.gif) no-repeat;
		}
	#nav_spa {
		width: 173px;
		background: url(images/nav_spa.gif) no-repeat;
		}
	#nav_bride {
		width: 123px;
		background: url(images/nav_bride.gif) no-repeat;
		}
	#nav_healthybeauty {
		width: 175px;
		background: url(images/nav_healthybeauty.gif) no-repeat;
		}
	#nav_gallery {
		width: 86px;
		background: url(images/nav_gallery.gif) no-repeat ;
		}
		
#nav li:hover {
	background-position: 50% -40px;
	}

#nav .tabactive, #nav .tabactive:hover {
		background-position: 50% -40px;
		}


/* --- */

#main #contentcolumn h1 {
	padding-bottom: 20px;
	font-size: 16pt;
}

#main #contentcolumn p {
	line-height: 2.6ex;
}

/* --- */

#main #footer {
	height: 30px;
	background: url(images/main_footer.gif) no-repeat;
	padding-top: 10px;
}

/* --- */

#main #aboutsusan {
	width: 389px;
	float: left;
	margin-right: -400px;
	padding-left: 0;
	margin-left: -10px;
	text-align: justify;
}

#main #aboutsusan h1 {
	background: url(images/main_aboutsusan.gif) no-repeat;
	width: 161px;
	height: 24px;
	text-indent: -5000px;
	margin-left: 141px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#main #aboutsusan a {
	color: #3d6fa2;
}

#main #aboutsusan p {
	margin-left: 141px;
	text-indent: 0;
}

#main #aboutsusan img {
	float: left;
	margin-right: 9px;
	margin-top: 3px;
}

/* --- */

#main .vcard {
	float: right;
	width: 200px;
	margin-right: -106px;
	background: url(images/main_sideshadow.gif) no-repeat;
	padding-left: 35px;
	height: 161px;
	padding-top: 30px;
	margin-top: 4px;
}

/* --- */

#main #footer p {
	color: #a1b7cd;
}

#main #footer a {
	color: #7cadde;
	text-decoration: none;
}

/* @end */

/* @group Main Page */

/* --- Site Header */

#index_sitebanner {
	background: #EAEAEA url(images/index_header.jpg);
	height: 152px;
	width: 500px;
}

#index_sitebanner h1 {
	display: none;
}

#flashslideshow {
	background: #EAEAEA url(images/main_slideone.jpg);
	height: 201px;
	width: 500px;
}

#flashslideshow h1 {
	display: none;
}

/* ---Main Content */

#index_maincontainer {
	width: 500px;
/*Width of main container*/
	margin: 0 auto 20px;
	background-image: url(images/index_back.gif);
}

#index_contentwrapper {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	background: url(images/index_maingradient.jpg) no-repeat;
}

#index_contentcolumn {
	padding-left: 30px;
	padding-right: 30px;
	margin: 0 6px;
}

#index_contentcolumn h1 {
	font: normal normal 18px Myriad, Helvetica, Geneva, sans-serif;
	margin: 22px -10px 20px 30px;
}

#index_contentcolumn h1 span {
	font-size: 70%;
}

/* ---Content Column */

#index_contentcolumn h1, #index_contentcolumn h2, #index_contentcolumn h3, #index_contentcolumn ol strong,#index_contentwrapper #links,#index_contentwrapper #links a {
	color: #2a6199;
}

#index_contentcolumn p {
}

/* ---Menu */

#services {
	background: url(images/index_blueback.gif) repeat-x;
	width: 187px;
	float: left;
	margin-left: -10px;
	margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
}

#training {
	background: url(images/index_pinkback.gif) repeat-x;
	width: 187px;
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: 14px;
	margin-right: -11px;
}

#services, #training, #gallery {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #3f3f3f;
	padding-top: 11px;
}

#services span, #training span {
	font: bold 12px Helvetica, Arial, Geneva, sans-serif;
	padding-top: 18px;
}

#services span {
	color: #fff;
}

#training span {
	color: #fff;
}

#services a, #training a, #gallery a {
	text-decoration: none;
	color: #3f3f3f;
}

#services a:hover, #training a:hover, #gallery a:hover {
	text-decoration: none;
	color: #3f3f3f;
}

#services h2, #training h2, #gallery h2 {
	font: 20px Helvetica, Myriad, Arial, sans-serif;
	margin-bottom: 2px;
	margin-top: 5px;
	padding-top: 5px;
}

/* ---About Susan */

#index_aboutsusan {
	padding-bottom: 20px;
	color: #404040;
	font: normal normal 11px Helvetica, Arial, Geneva, sans-serif;
	margin-left: 90px;
	padding-right: 73px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 30px;
}

#index_aboutsusan h1 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

#index_aboutsusan img {
	margin-right: 15px;
	float: left;
	margin-bottom: 35px;
}

#index_aboutsusan a {
	font-size: 10px;
	color: gray;
	margin-right: 30px;
	text-decoration: none;
	font-weight: bold;
}

/* ---Contact Info */

#index_contactinfo {
	color: white;
	background: url(images/index_contactback.gif) repeat-y;
	padding-bottom: 10px;
	width: 500px;
}

#index #contactinfo {
	font-family: Myriad, Helvetica, Arial, Geneva, sans-serif;
	line-height: 2ex;
	padding-left: 10px;
	margin-left: 30px;
	margin-right: 11px;
	padding-right: 0;
	margin-top: 0;
	width: auto;
}#index .title {
	font-size: 15px;
	width: 102px;
	padding-right: 0;
}#index .address {
	font-size: 12px;
	margin-right: 21px;
	padding-right: 0;
	width: 149px;
}

#index .address strong {
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 17px;
}#index .phone {
	font-size: 10px;
	text-align: right;
	width: auto;
}#index .numbers {
	font-size: 14px;
	padding-left: 2px;
	width: 134px;
}

/* --- */

#index_footer {
	width: 100%;
	color: #FFF;
	text-align: center;
	background: url(images/index_footer.gif) no-repeat;
	height: 26px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding: 4px 0 0;
}

#index_footer p {
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	color: white;
	margin-top: 3px;
	margin-bottom: 3px;
}

#index_footer a {
	color: white;
}

/* @end */

/* @group Spa Consultant */

#spa #poster {
	background: #EAEAEA url(images/spa_poster.jpg);
}

/* --- */

#spa h1, #spa h2, #spa h3, #spa #contentcolumn ol strong,#spa #links,#spa #links a {
	color: #396d9f;
}

#spa #contentwrapper {
	background-image: url(images/spa_back.gif);
}

/* --- */

#spa #contentcolumn h1 {
	padding-bottom: 20px;
	font-size: 16pt;
}

#spa #contentcolumn p {
	line-height: 2.6ex;
}

/* --- */

#spa #leftcolumn {
	background: url(images/spa_left.jpg) no-repeat;
}

#spa #rightcolumn {
	background: url(images/spa_right.jpg) no-repeat;
}

#spa #footer {
	background-image: url(images/spa_footerback.jpg);
}

/* --- */

#spa #footer p {
	color: #a1b7cd;
}

#spa #footer a {
	color: #7cadde;
	text-decoration: none;
}

/* @end */

/* @group Bridal Make-up */

#bride #poster {
	background: #EAEAEA url(images/bride_poster.jpg);
	height: 186px;
	width: 712px;
}

#brideposter h1 {
	display: none;
}

/* --- */

#bride #contentwrapper {
	background-image: url(images/bride_back.gif);
}

/* --- */

#bride #contentcolumn h1, #bride #contentcolumn h2, #bride #contentcolumn h3, #bride #contentcolumn ol strong,#bride #links,#bride #links a {
	color: #982a37;
}

#bride #contentcolumn p {
	line-height: 2.6ex;
}

/* --- */

#bride #contentcolumn ol {
	color: #3a3a3a;
	font: normal normal 13px/2.6ex Helvetica, Arial, Geneva, sans-serif;
	vertical-align: 20%;
	margin-right: 50px;
	margin-left: 10px;
}

#bride #contentcolumn ol strong {
	font-size: 15px;
	color: #a31d4f;
}

#bride #contentcolumn li {
	margin-bottom: 10px;
}

/* --- */

#bride #leftcolumn {
	background: url(images/bride_left.jpg) no-repeat;

}

#bride #rightcolumn {
	background: url(images/bride_right.jpg) no-repeat;
}

#bride #footer {
	background-image: url(images/bride_footerback.jpg);
}

/* @end */

/* @group HealthyBeauty Classes */

#healthybeauty #poster {
	background: #EAEAEA url(images/healthybeauty_poster.jpg);
	height: 186px;
	width: 712px;
}

#healthybeauty #poster h1 {
	display: none;}

#healthybeauty #contentwrapper {
	float: left;
	width: 100%;
	background-image: url(images/healthybeauty_back.gif);
	padding-bottom: 20px;
}

#healthybeauty #contentcolumn {
	
}

#healthybeauty #contentcolumn h1, #healthybeauty #contentcolumn h2, #healthybeauty #contentcolumn h3, #healthybeauty #contentcolumn ol strong,#healthybeauty #contentwrapper #links,#healthybeauty  #contentwrapper #links a {
	color: #588d33;
}

/* --- */

#healthybeauty #contentcolumn p {
	
}

/* --- */

#healthybeauty #leftcolumn {
	background: url(images/healthybeauty_left.jpg) no-repeat;
}

#healthybeauty #rightcolumn {
	background: url(images/healthybeauty_right.jpg) no-repeat;
}

#healthybeauty #footer {
	background-image: url(images/healthybeauty_footerback.jpg);
}

#healthybeauty #footer p {
	
}

#healthybeauty #footer a {
	color: white;
}

/* @end */

/* @group Total Image Studio */

#totalimage #poster {
	background: #EAEAEA url(images/totalimage_poster.jpg);
}

/* --- */

#totalimage #contentwrapper {
	background-image: url(images/totalimage_back.gif);
}

#totalimage #contentcolumn {
	
}

/* --- */

#totalimage #contentcolumn h1, #totalimage #contentcolumn h2, #totalimage #contentcolumn h3, #totalimage #contentcolumn ol strong,#totalimage #contentwrapper #links,#totalimage  #contentwrapper #links a {
	color: #982a37;
}

#totalimage #contentcolumn p {
	color: #404040;
}

#totalimage .susaninfo {
	color: #404040;
	text-indent: 0;
	margin: 0;
}

#totalimage #contentcolumn ul {
	color: #3a3a3a;
	font: normal normal 13px/2.6ex Helvetica, Arial, Geneva, sans-serif;
	vertical-align: 20%;
	margin-left: 0;
	background: url(images/gradblue.jpg) repeat-x;
	padding: 20px 30px 10px;
	list-style-image: url(images/bullet-sqr.gif);
}

#totalimage #contentcolumn li {
	margin-bottom: 5px;
	margin-left: 0;
}

/* --- */

.susaninfo {
	padding-bottom: 20px;
}

.susaninfo strong {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

.susaninfo img {
	margin-right: 15px;
	float: left;
}

.susaninfo a {
	font-size: 10px;
	color: gray;
}

#left ul {
	margin-right: auto;
	margin-bottom: 20px;
}

#right ul {
	margin-top: 10px;
}

/* --- */

#totalimage #leftcolumn {
	background: url(images/totalimage_left.jpg) no-repeat;
}

#totalimage #rightcolumn {
	background: url(images/totalimage_right.jpg) no-repeat;
}

#totalimage #footer {
	color: #FFF;
	background-image: url(images/totalimage_footerback.jpg);
}

#totalimage #footer p {
	
}

#totalimage #footer a {
	
}

/* @end */

/* @group About Susan */

#about #poster {
	background: #EAEAEA url(images/about_poster.jpg);
}

/* --- */

#about h1, #about h2, #about h3, #about #contentcolumn ol strong,#about #links,#about #links a {
	color: #7b7c90;
}

#about h2 {
	margin-top: 30px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

#about #contentwrapper {
	background-image: url(images/about_back.gif);
}

/* --- */

#about .susaninfo {
	padding-bottom: 0px;
	text-indent: 0;
}

#about .susaninfo strong {
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

#about .susaninfo img {
	margin-right: 15px;
	float: left;
}

#about .susaninfo a {
	font-size: 10px;
	color: gray;
}

#about #contentcolumn h1 {
	padding-bottom: 20px;
	font-size: 16pt;
}

#about #contentcolumn p {
	line-height: 2.6ex;
}

/* --- */

#about #resume {
	color: #3c3c3c;
	font-family: Helvetica, Geneva, sans-serif;
}

#about #resume strong {
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

#about #resume ul {
	color: #3a3a3a;
	font: normal normal 13px/2.6ex Helvetica, Arial, Geneva, sans-serif;
	vertical-align: 20%;
	margin-left: 0;
	list-style-image: url(images/bullet-sqr.gif);
	padding-top: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0;
}

#about #resume li {
	margin-bottom: 2px;
	margin-left: 0;
}

/* --- */

#about #contactinfo, #about .title,
#about .address, #about .address strong, #about .phone, #about .numbers a, #about .numbers a:hover
{
	color: #3c3c3c;
}

/* --- */

#about #aboutsusan {
	margin-left: 200px;
}

#about #leftcolumn {
	background: url(images/about_left.jpg) no-repeat;
}

#about #rightcolumn {
	background: url(images/about_right.jpg) no-repeat;
}

#about #footer {
	background-image: url(images/about_footerback.jpg);
}

/* --- */

#about #footer p {
	color: white;
}

#about #footer a {
	color: white;
	text-decoration: none;
}

/* @end */

/* @group Gallery */

#gallery body {
	padding: 5px;
	line-height: 1.5em;
}

#gallery #maincontainer {
	width: 100%;
/*Width of main container*/
	margin: 0 auto;
	padding-bottom: 0;
	height: 100px;
}

#gallery #links {
	text-decoration: underline;
	font: normal 10px Helvetica, Geneva, sans-serif;
	text-align: left;
	margin-right: -36px;
	margin-bottom: 0;
	margin-top: 5px;
}

#gallery #poster {
	background: #EAEAEA url(images/healthybeauty_poster.jpg);
	height: 186px;
	width: 712px;
}

#gallery #poster h1 {
	display: none;}

#gallery #contentwrapper {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

#gallery #contentcolumn {
	padding-right: 0;
	padding-left: 0;
	height: auto;
}

#gallery #contentcolumn h1, #gallery #contentcolumn h2, #gallery #contentcolumn h3, #gallery #contentcolumn ol strong,#gallery #contentwrapper #links,#gallery  #contentwrapper #links a {
	color: #396d9f;
}

/* --- */

#gallery #contentcolumn p {
	
}

/* --- */

#gallery #leftcolumn {
	background: url(images/healthybeauty_left.jpg) no-repeat;
}

#gallery #rightcolumn {
	background: url(images/healthybeauty_right.jpg) no-repeat;
}

#gallery #footer {
	background-image: url(images/healthybeauty_footerback.jpg);
}

#gallery #footer p {
	
}

#gallery #footer a {
	color: white;
}

/* @end */

/* @group News */

#news #poster {
	height: 32px;
	width: 712px;
	background: url(images/index_maingradient_long.gif) repeat-y;
}

#news h1, #news h2, #news h3, #news #contentcolumn ol strong,#news #links,#news #links a {
	color: #2a6199;
}

#news h2 {
	margin-top: 30px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

#news #contentwrapper {
	background-image: url(images/main_back.gif);
}

/* --- */

#news .susaninfo {
	padding-bottom: 0px;
	text-indent: 0;
}

#news .susaninfo strong {
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

#news .susaninfo img {
	margin-right: 15px;
	float: left;
}

#news .susaninfo a {
	font-size: 10px;
	color: gray;
}

#news #contentcolumn h1 {
	padding-bottom: 15px;
	font-size: 17pt;
}

#news #contentcolumn p {
	line-height: 2.6ex;
}

/* --- */

#news #contactinfo, #news .title,
#news .address, #news .address strong, #news .phone, #news .numbers a, #news .numbers a:hover
{
	color: #3c3c3c;
}

/* --- */

#news #leftcolumn {
	background: none no-repeat;
}

#news #rightcolumn {
	background: none no-repeat;
}

#news #footer {
	background-image: url(images/main_footer.gif);
}

/* --- */

#news #footer p {
	color: white;
}

#news #footer a {
	color: white;
	text-decoration: none;
}

/* @end */