/* Ampheon.com Styles
   Updated: Thu 27.03.09
   Author:  Kiki Kaloudi
   ----------------------------------------------------*/
body {
	font: 90% Arial, Helvetica, sans-serif;
	background: white;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
}

#container {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* GENERIC ----------------------------------------------------*/
img{border:none;}
.floatRight{float:right; margin:35px 20px 15px 20px;}
h1{font-size:130%; color:#680875; padding:30px 10px 0px 20px; margin:0;}
h2{font-size:100%; color:white; font-weight:bold; padding:20px 10px 0px 20px; margin:0;}
p{font-size:85%; line-height:135%; padding:10px 20px 15px 20px; margin:0;}
.divider{height:5px; border-bottom:1px dotted #ccc; margin:0px 20px 15px 20px; clear:both; padding:0;}
.btn{border:none;}

#homeBox{float:left; width:400px; height:290px;
background-image:url(images/box_background.png); background-position:0 0;
background-repeat:no-repeat;
margin:40px 0 0 25px; text-align:center}

#mainContent #homeBox h1{padding:0; margin:20px 0 25px 0; font-size:330%; font-weight:normal;}
#mainContent #homeBox p{color:#680875; font-size:120%; font-weight:lighter; margin-top:15px;}

#homeContent{float:left; width:500px; margin-top:35px;}
#mainContent #homeContent h1, #mainContent #homeContent p{margin: 10px 10px 10px 20px}
/* HEADER ----------------------------------------------------*/
#header {}
#logo{float:left; width:210px height:60px; margin:20px 0 0 80px;}

/* NAVIGATION ----------------------------------------------------*/
#menu{float:right; width:605px; height:46px; background-image:url(images/nav_back.jpg); background-position:0 0; background-repeat:no-repeat; margin-top:58px;}
ul#nav{margin:14px 25px 0 0; padding:0; white-space: nowrap; float:right;}
#nav li{list-style-type: none; text-align:center; float:left; width:112px; height:32px; margin-right:3px;}
#nav a {width:112px; height:32px; display:block; background-image:url(images/tab.gif); background-position:0 0; background-repeat:no-repeat; padding:6px 0 0 0;}
#nav li#active a{background-image:url(images/tab_hover.gif);}
#nav a:link, #nav a:visited{color: #fff;text-decoration: none; font-size:110%}

#nav a:hover{color:white; text-decoration:none; background-image:url(images/tab_hover.gif); background-position:0 0; background-repeat:no-repeat;}

/* MAIN AREA ----------------------------------------------------*/
#mainContent {}
#mainContent h1{margin:50px 0 0 50px; padding:0; font-size:145%;}
#mainContent p{margin:10px 40px 5px 50px; padding:0}
#mainContent a{color:black}
.essence{font-weight:bold; color:#680875}

/* FOOTER ----------------------------------------------------*/
#footer {background-image:url(images/footer.jpg); background-position:0 0; background-repeat:no-repeat; height:46px; margin-top:60px;}

#footerNav{float:left; font-size:80%; color:white; margin:17px 0 0 40px; border-right: 1px solid #4E0951;}
#footerNav a{color:white;}
ul#fNav { padding:0; margin:0;}
#fNav li{display: inline; list-style-type: none;padding-right:15px;}
#footerMail{float:left; font-size:80%;  margin:17px 0 0 10px; color:white;}
#footerMail a{color:white;}
#ampheonLink{float:left; font-size:75%; margin:17px 0 0 180px;color:#DA52A7;}
#ampheonLink a{color:#DA52A7}

/* CONTACT PAGE ----------------------------------------------------*/
#form{float:left; width:500px; border-right:1px dotted #999; margin:25px 0 0 20px;}
#address_info{float:left; width:500px; margin:20px 0 0 0px}
#form input{border:1px solid #000; width:220px;}
#form textarea{border:1px solid #000;}