/* Color Table

	light blue 	=> 		wrapping		=		c8d6e1
	organge 	=>		border navbar	=		ff7f00
*/

body,
div,
ul, li,
dd, dt, dl,
p, h1, h2, h3, h4{
	margin: 0;
	padding: 0;
}
li{ list-style: none;}


body{
	position: relative;
	color: #FFF;
	background: #FFF;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 0.81em; /* ~13px */
	line-height: 1.5em;
}

.cloak{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/**************************
 = skip to content */
#skip-to-content{
	margin-left: 10px;
}
#skip-to-content a{
	color: #FFF;
	border: none;
	font-weight: normal;
}
#skip-to-content a:hover{
	color: #FF9600;
}
/**************************
 = headings */
h1{
	/*font-size: 1.13em; /* ~18px */
}
h2, h3, h4{
	color: #ed5806;
	font-weight: normal;
	font-family: Georgia, sans-serif;
}
h2{	font-size: 1.54em; /* ~20px ; 4,8pt */  }
h3{ 
	margin-top: 20px;
	font-size: 1.23em; /* ~16px ; 3,84pt */ 
}

/**************************
 = links */
a, a:active, a:visited{
	color: #ed5806;
}
a:hover{ 
	color: #FF7F00;
}



/**************************
 = wrapper */
#wrapper{
	position: relative;
	width: 800px;
	margin: 25px auto 0 auto;
}



/**************************
 = container */
#header{
	position: absolute;
	top: -25px;
	left: 0;
	width: 576px;
	height: 156px;
	background: transparent url("../images/bg-header.png") top left no-repeat;
}



/**************************
 = container */
#container{
	width: 685px;
	/* crossbrowser min-height */ min-height: 740px;height: auto !important;height:740px;
	margin: 0 29px 0 46px;
	padding: 130px 18px 0 18px;
	border: 2px solid #c8d6e1;
	background: #d9edf8 url("../images/bg-container.jpg") top left no-repeat;	
}



/**************************
 = nav-bar */
#nav-bar{
	margin-left: 6px;
}
#nav-bar ul{
	width: 690px;
	height: 15px;
	line-height: 15px;
	margin-left: -6px;
}
#nav-bar ul li{
	float: left;
}
#nav-bar ul li a,
#nav-bar ul li a:visited{
	display: block;
	width: 92px;
	overflow: hidden;
	margin-right: 6px;
	border-bottom: 5px solid #ff7f00;	
	color: #FFF;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;	
	line-height: 0.8em;
}
#nav-bar ul li a:hover{
	color: #fff;
	border-color: #fff;
}
#nav-bar ul li a:active,
#nav-bar ul li.current a{
	color: #fff;
	border-color: #FFD599;
}



/**************************
 = content */
#content{
	clear: left;
	margin-top: 10px;
	padding-bottom: 20px;
}

/**************************
 = content :: welcome message */
#welcome-message{	
	/* crossbrowser min-height */ min-height: 67px;height: auto !important;height:67px;
	margin-bottom: 10px;
	padding: 10px 20px;
	border: 2px solid #7eabd4;
	background: transparent url("../images/opacity20.png") top left repeat;
}
#welcome-message p{
	text-align: center;
}

/**************************
 = content :: main content */
#main-content{
	float: left;
	width: 418px;
	padding: 20px;
	color: #002041;
	border: 2px solid #7eabd4;	
	background: transparent url("../images/opacity50.png") top left repeat;
}
#main-content p{
	margin: 10px 0;
}

#main-content ul{
	margin-left: 30px;
}
#main-content li{
	list-style: square;
	padding-left: 0px;
}

#main-content h2.maria-simonetta{
	width: 406px;
	height: 28px;
	line-height: 28px;
	background: transparent url("../images/bg-maria-simonetta.png") top left repeat;
}

/**************************
 = main content :: content :: homepage list */
#homepage dl{
	width: 420px;
	margin-top: 20px;
}
#homepage dt,
#homepage dd{
	width: 200px;
	float: left;
}
#homepage dt a{
	display: block;
	height: 20px;
	width: 200px;
}
#homepage dt.right,
#homepage dd.right{	
	float:right;
}
#homepage dd{
	height: 17em;
	overflow: hidden;
	margin-bottom: 20px;
}
#homepage dd.left{
	clear: left;
	margin-right: 20px;
}
#homepage dt.right{
	margin-top: -20px;
}

/***************************************
 = main content :: content :: homepage list :: headings*/
#homepage dt{
	height: 20px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}
/* :: about you */
#homepage dt#about-you{ background-image: url("../images/text-about-you.png"); }
/* :: the process */
#homepage dt#the-process{ background-image: url("../images/text-the-process.png"); }
/* :: the benefits */
#homepage dt#the-benefits{ background-image: url("../images/text-the-benefits.png"); }
/* :: services offered */
#homepage dt#services-offered{ background-image: url("../images/text-services-offered.png"); }

/**************************
 = content :: side content */
#side-content{
	float: right;
	width: 206px;
	/* crossbrowser min-height */ min-height: 435px;height: auto !important;height:435px;
	border: 2px solid #7eabd4;	
	background: #daeaf7 url("../images/bg-sc-homepage.jpg") top left no-repeat;
}

#about-you #side-content{
	background-image: url("../images/bg-sc-about-you.jpg");
}

#about-me #side-content{
	background-image: url("../images/bg-sc-about-me.jpg");
}

#services-offered #side-content{
	background-image: url("../images/bg-sc-services-offered.jpg");
}

#the-benefits #side-content{
	background-image: url("../images/bg-sc-the-benefits.jpg");
}

#contact-me #side-content{
	background-image: url("../images/bg-sc-contact-me.jpg");
}

#side-content p.note{
	margin-top: 240px;
	color: #002041;
	font-family: Georgia;
	font-weight: bold;
	padding: 0 20px;
}
.make-appointment{
	width: 206px;
	margin: 30px 0 15px 0;
}
.make-appointment a{
	display: block;
	width: 176px;
	height: 75px;
	background: transparent url("../images/bg-make-appointment.png") top left no-repeat;	
	text-indent: -9999px;
	margin: 0 auto;
	cursor: pointer; /* IE correction to show hand instead of arrow */
}

/**************************
 = content :: copyright */
#copyright{
	clear: both;
}
#copyright ul{
	float: right;
}
#copyright ul li{
	float: left;
	text-transform: uppercase;
}
#copyright ul li a,
#copyright ul li a:active,
#copyright ul li a:visited{
	line-height: 0.5em;
	display: block;
	color: #395a72;	
	margin: 10px 2px 0px 4px;
}