﻿/*
CSS for Dynamic Daze Salon and Spa site
*/

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #E3C9EC;
	padding: 0;
	margin:0;
}


#container {
	width:800px;
	height:1400px;
	border: medium silver solid;
	background-color: white;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#navbar {
	font-size: 80%;
}

#navbar ul {
	position:relative;
	width:93%;
	margin-left:auto;
	margin-right:auto;
	list-style: none;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	padding-top: 1em;
	padding-right:0;
}

#navbar li {
	display:inline;
}

#logo img {
	border:none;
	margin-top:2em;
	margin-left:0.5em;
	padding-bottom:0;
}

.emaillink {
	margin-left:11em;
	margin-top:0;
	margin-bottom:0.2em;
	padding-bottom:0.2em;
}
#logo p {
	margin-top:0;
}
#rotatingimages {
	position:relative;
	height:200px;
	width:200px;
	margin-top:2em;
	margin-right:2em;
	margin-bottom:0;
	float:right;
	
}

p {
	font-size:small;
	font-weight:lighter;
	color:gray;
	text-indent:2.5em;
}
#tagline {
	width:790px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#tagline p {
	margin: 0;
	background-color: #B397BA;
	padding: 0.1em;
	padding-left: 8%;
	font-family: "Agency FB", Verdana, Helvetica, Arial, sans-serif;
	font-size: x-large;
	font-style: italic;
	color: white;
	border-bottom: 2px silver solid;
	border-top: 2px #4E2698 inset;
	border-left:medium silver solid;
	border-right:medium silver solid;
}

#rightsidebar {
	position:relative;
	float:right;
 	background-color:#B397BA;
	width:235px;
	margin-right:5px;                                                                                                                           ;
	border-top:thin silver solid;
	border-left:medium silver solid;
	border-right:medium silver solid;
	border-bottom:medium silver solid;
}

#rightsidebarimages {
	text-align:center;
}

#rsbbrandlist {
	margin-bottom:50px;
}
#rsbbrandlist li {
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
}

#rsbbrandlist h5 {
	color:white;
	margin-bottom:15px;
	margin-top:40px;
}

#rsbbrandlist h6 {
	font-size:x-small;
	font-weight:normal;
	color:white;
	margin:0;
	padding-top:0;
	padding-bottom:0px;
	line-height:15px;
}
.rsbparagraph {
}

.rsbparagraph2 {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	text-align:center;
	
}
#rightsidebar ul {
	width:100%;
	margin-top:0;
	padding-top:10px;
	padding-bottom:5px;
	list-style-type:none;
}

#rightsidebar li {
	text-align:right;
	padding-right:50px;
	line-height:1.8em;
	font-size:0.9em;
}

#rightsidebar a {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	color:white;
	padding-left:0.75em;
	padding-right: 0.75em;

}

#rightsidebar a:link {
	color:white;
	
}

#rightsidebar a:visited {
	color:white;
	background-color:transparent;
}

#rightsidebar a:hover {
	text-decoration:none;
	color: purple;
	font-weight:bold;
	background-color: #B397BA;
}

#rightsidebar a:active {
	text-decoration:none;
	color:#440088;
	background-color: #E3C9EC;
}

#header a {
	font-family:Arial, Helvetica, sans-serif, Verdana;
	padding-left:0.75em;
	padding-right: 0.75em;

}

#header a:link {
	color:purple;
	
}

#header a:visited {
	color: gray;
	background-color:transparent;
}

#header a:hover {
	text-decoration:none;
	color: white;
	background-color: #B397BA;
}

#header a:active {
	color:white;
	background-color: #B397BA;
}



img {
	border: 3px silver solid;
}

#mainbody {
	width: 800px;

}

#mbimages {
	position:relative;
	width:500px;
	padding-top:15px;
	padding-bottom:15px;
	margin-right:25px;
	margin-left:25px;
}


#mainbody p {
	position:relative;
	width: 500px;
	padding-left:20px;
	margin:0;
	line-height:20px;
}

#weddingpackages {
	position:relative;
	padding:0;
	width:541px;
	margin-top:0px;
	margin-bottom:0;
	margin-right:0;
	height:1036px;
	background-color:#FFF0D8;
	margin-left:5px;
	border:2px silver solid;
	}
	
#weddingpackages p {
	position:relative;
	padding:0;
	margin:0;
	
}

#weddingpackages ul{
	position:relative;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 14px;
	line-height:20px;
	color: #4f2798;
	padding-top:0;
	padding-bottom:10px;
	margin-top:0;
	margin-bottom:0;
}

#weddingpackages li {
	position:relative;
	margin:0;
	padding:0;
}
#weddingpackages h1{
	position:relative;
	background-color:#B397BA;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0;
	padding-right:0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color:white;
	font-size:18px;
	font-style:italic;
	border-bottom:2px silver solid;
	border-top:2px silver solid;
}	

#weddingpackages h2 {
	position:relative;
	background-color:#E3C9EC;
	border-top: 2px silver solid;
	border-bottom: 2px silver solid;
	border-left:1px silver solid;
	text-align:center;
	padding-top:0;
	margin-top:0;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	color:#4f2798;
	font-size:16px;
}
#wpleft {
	position:absolute;
	width:34%;
	margin-top:0px;
	margin-left:0px;
	padding-top:0;
	border-top:0;
}

#wpleft h1 {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}


#wpmiddle {
	position:absolute;
	width: 32%;
	margin-left:183px;
	margin-top:0px;
	padding: 0px;
}

#wpmiddle img{
	position:relative;
	margin-top:0px;
	padding:0;
	border-top:8px silver solid;
	border-bottom:8px silver solid;
}

#wpmiddle h3 {
	width:92%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:small;
	color:red;
	padding:5px;
	border:3px silver solid;
	margin-top:0;
}
#wpright {
	position:absolute;
	width:34%;
	margin-left:357px;
	margin-top:0px;
	margin-right:0;
	padding:0;
	border-top:0;
}

#wpright h1 {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	border-top:2px silver solid;
}

#twobottomimages {
	position:absolute;
	width:65%;
	height:370px;
	margin-top:314px;
	margin-left:185px;
	background-color:#B397BA;
	border-left:2px silver solid;
	border-right:2px silver solid;
	border-top:4px silver solid;
	border-bottom:thick silver solid;
}

#twobottomimages img{
	position:relative;
	margin-left:15px;
	margin-top:18px;
	width:319px;
	height:256px;
	
}
table {
	border:medium silver solid;
	margin-left:70px;
	width:400px;
	border-collapse:collapse;
	background-color: #b397ba;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:16px;
	color:white;
}

table th {
	font-style:italic;
	font-size:18px;
	color:white;
}

table td {
	text-align:center;
	border-top:.25em silver solid;
}

#mblogoimages {
	margin-left:20px;
	padding:0;
	margin-bottom:0;
}

#mblogoimages img {
	border:0;
	padding-top:0;
	padding-bottom:0;
}
#mblogoimage1 {
	text-align:left;
	padding-right:20px;
	margin-top:25px;
	border:0;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0;
}
#mblogoimage2 {
	position:relative;
	margin-top:-125px;
	margin-left:75px;
	padding:0;
}

#mblogoimage3 {
	position:relative;
	margin-top:-60px;
	margin-left:175px;
	padding:0;
	
}

#mblogoimage4 {
	position:relative;
	margin-top:-45px;
	margin-left:250px;
	padding:0;
}

#mblogoimage5 {
	position:relative;
	margin-top:45px;
	margin-left:75px;
	padding:0;
	
}

#mblogoimage6 {
	position:relative;
	margin-top:-27px;
	margin-left:200px;
	padding:0;
}

#mblogoimage7 {
	position:relative;
	margin-top:-55px;
	margin-left:325px;
	padding:0;
}

#mblogoimage8 {
	position:relative;
	margin-top:-67px;
	margin-left:425px;
	padding:0;
}

#mblogoimage9 {
	position:relative;
	margin-left:375px;
	margin-top:-40px;
}

#footer {
	clear:both;
}

table.rates {
	position:absolute;
	border-collapse:collapse;
	width:546px;
	margin-left:6px;
	margin-top:2px;
	margin-bottom:0;
	border:2px silver solid;
	background-color:#E3C9EC;
	padding:0 2px 0 0;
}

table.rates td {
	border:0;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-weight:normal;
	font-size:13px;
	color:#6600CC;
	padding:2px 0 2px 0;
}

table.rates th {
	background-color:#4E2698;
	font-family:"Comic Sans MS";
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	border:2px silver solid;
}

table.spapackages {
	position:absolute;
	border-collapse:collapse;
	width:546px;
	margin-left:6px;
	margin-top:2px;
	margin-bottom:0;
	border:2px silver solid;
	background-color:#E3C9EC;
	padding:0;
}

table.spapackages td {
	border:0;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-weight:normal;
	font-size:13px;
	color:#6600CC;
	padding:2px 0 2px 0;
}

table.spapackages th {
	background-color:#4E2698;
	font-family:"Comic Sans MS";
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	border:2px silver solid;
}


table.bios {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	border:4px silver solid;
	background-color:#586251;
	padding:0;
}

table.bios td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios img {
	margin-top:5px;
	float:left;
}

table.bios2 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:245px;
	border:4px silver solid;
	background-color:#586251;
}

table.bios2 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios2 img {
	margin-top:5px;
	float:left;
}

table.bios3 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:475px;
	border:4px silver solid;
	background-color:#586251;
	padding:0;
}

table.bios3 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios3 img {
	margin-top:5px;
	float:left;
}

table.bios4 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:705px;
	border:4px silver solid;
	background-color:#586251;
}

table.bios4 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios4 img {
	margin-top:5px;
	float:right;
}

table.bios5 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:950px;
	border:4px silver solid;
	background-color:#586251;
	padding:0;
}

table.bios5 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios5 img {
	margin-top:5px;
	float:left;
}

table.bios6 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:1180px;
	border:4px silver solid;
	background-color:#586251;
}

table.bios6 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios6 img {
	margin-top:5px;
	float:right;
}

table.bios7 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:1410px;
	border:4px silver solid;
	background-color:#586251;
	padding:0;
}

table.bios7 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios7 img {
	margin-top:5px;
	float:left;
}

table.bios8 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:1640px;
	border:4px silver solid;
	background-color:#586251;
}

table.bios8 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios8 img {
	margin-top:5px;
	float:right;
}

table.bios9 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:1870px;
	border:4px silver solid;
	background-color:#586251;
	padding:0;
}

table.bios9 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios9 img {
	margin-top:5px;
	float:left;
}

table.bios10 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:2100px;
	border:4px silver solid;
	background-color:#586251;
}

table.bios10 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios10 img {
	margin-top:5px;
	float:right;
}

table.bios11 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:2330px;
	border:4px silver solid;
	background-color:#586251;
	padding:0;
}

table.bios11 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios11 img {
	margin-top:5px;
	float:left;
}

table.bios12 {
	position:absolute;
	border-collapse:collapse;
	width:530px;
	margin-left:6px;
	margin-top:2560px;
	border:4px silver solid;
	background-color:#586251;
}

table.bios12 td {
	font-size:12px;
	border:0;
	padding-left:5px;
	line-height:15px;
	text-align:left;
	text-indent:15px;
	padding-top:4px;
	padding-bottom:4px;
}

table.bios12 img {
	margin-top:5px;
	float:right;
}

#validatorlogos {
	text-align:center;
}

#validatorlogos img {
	border:none;
}




/* 
THIS SECTION DEALS WITH THE POSITION OF ITEMS ON THE SCREEN. IT USES ABSOLUTE POSITIONING - 
FIXED X AND Y COORDINATES MEASURED FROM THE TOP-LEFT CORNER OF THE BROWSER'S CONTENT DISPLAY.
*/

