/* Ampheon.com Styles
   Updated: Thu 30.01.09
   Author:  Kiki Kaloudi
   ----------------------------------------------------*/
/* GENERIC  ----------------------------------------------------*/
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: #5C5C56;
	background-image:url(../images/top_background.jpg);
	background-position: 0 0;
	background-repeat:repeat-x;
}
#container {
	width: 1000px; 
	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. */
}
h1{font-family:Tahoma, Arial, sans-serif; font-size:14px; color:#406fa8; font-weight:normal; margin:20px 0 30px 20px;}
h2{font-family:Tahoma, Arial, sans-serif; font-size:14px; color:#406fa8; font-weight:normal; margin:20px 0 10px 20px;}
p{font-size:12px; margin:10px 20px 5px 20px; line-height:150%;}
#container li{font-size:12px;}
/* HEADER   ----------------------------------------------------*/
#top {
	height:101px;
	background-color:transparent;
	margin: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#logo{padding:35px 0 0 20px;}

#mainNav{height:53px;}

ul#nav {margin:0; padding:0; margin-left:20px;}

#nav li{display:inline;
list-style-type: none; float: left;}

#nav li a{background-image:url(../images/tab_topNav.jpg);
background-position:left top; 
background-repeat:no-repeat;
display: block;
padding: 10px 0px 0px 2px;
margin: 0px;
height: 53px;
overflow: hidden;
width: 136px;
text-align: center;
font-size:13px;
color:white;
text-decoration:none;}
/* SERVICES MENU & FLASH  ----------------------------------------------------*/
#services_menu{width:160px; float:left;  margin-left:20px; height:230px; background-image:url(../images/services_menu_back.gif); background-position:left top; background-repeat:no-repeat;}
ul#menu{list-style-type:none; margin:10px 7px 0 8px; padding:0;}
ul#menu li{padding:6px 0 8px 5px; border-bottom:1px dotted #26A3D9;}
ul#menu li#last{border:none;}
ul#menu li a{color:white; font-weight:bold; font-size:13px; text-decoration:none;}
#flash{ float:left; width:795px; margin-left:5px;}

/* MAIN CONTENT  ----------------------------------------------------*/
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
/* FOOTER   ----------------------------------------------------*/
#footer {
	border-top:1px solid #C8CBCC; margin-top: 20px;}

#f_menu li{display: inline; list-style-type: none; padding-right: 43px;}
#f_menu li a{font-size:11px; color:#406FA8;}