/*------------------------------------
	CLEARFIX
-------------------------------------*/
.clearfix:after {
 clear              : both; 
 content            : "."; 
 display            : block; 
 height             : 0; 
 visibility         : hidden;
}

.clearfix {
 display            : inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height             : 1%;
}

.clearfix {
 display            : block;
}
/* End hide from IE-mac */


/*------------------------------------
	GENERIC
-------------------------------------*/
* {
	border: 0;
	padding: 0;
	margin: 0;
}

body {
	font-family: Trebruchet, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #ffffff;
}

#mainframe {
	margin: 0 auto;
	width: 792px;
	text-align: left;
	background-repeat: no-repeat;
}





/*------------------------------------
	HEADER
-------------------------------------*/
 #nav {
	width: 100%;
	height: 450px;
	background-repeat: no-repeat;
	background-image: url(../img/headerhome.jpg);
	position:relative;
}



 #nav ul {
	list-style: none;
	float:right;
	padding: 25px 0px 0 0;
    width:535px;
}

 #nav li {
	float: left;
	width:105px;
	margin:0 5px 0 0;
}

 #nav li a{
width: 70px;
font-family: Trebruchet, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#000000;
padding:5px 0 0 0px;
display:block;
text-decoration:none;
float:right;
}

div#mainframe ul li.switch a{
 width:65px;	
}

div#mainframe ul li.review {
 width:100px;	
}

div#mainframe ul li.review a{
 width:60px;	
}

div#mainframe ul li.local {
 width:90px;	
}

div#mainframe ul li.local a{
 width:50px;	
}

div#mainframe ul li.advice {
 width:92px;	
}

div#mainframe ul li.advice a{
 width:52px;	
}

div#mainframe ul li.helpline {
 width:95px;	
}

div#mainframe ul li.helpline a{
 width:55px;	
}


.switch {
background: url(../img/icon01.jpg) left top no-repeat;
}

.review {
background: url(../img/icon02.jpg) left top no-repeat;
}

.local {
background: url(../img/icon03.jpg) left top no-repeat;
}

.advice {
background: url(../img/icon04.jpg) left top no-repeat;
}

.helpline {
background: url(../img/icon05.jpg) left top no-repeat;
}


.logo {
float:left;
padding: 5px 0 0 40px;
}

#homeBtn {
position:absolute;
right: 45px;
bottom: 72px;
}
      
#homeBtn a {
font-family: Trebruchet, Helvetica, sans-serif;
font-size: 12px;
font-weight: 600;
Color: #000000;
text-decoration: none;
}
      

      
/*------------------------------------
	CONTENT
-------------------------------------*/

#content {
width: 792px;
height: 1420px;
}

.frame01  img {
float:left;
padding: 0 40px 0 60px;
}

.frames {list-style: none;
}      

.frame01 {
margin-bottom: 10px;
height: 166px;
}
 

.frame01 p{
padding: 8px 0 0 0;
font-family: Georgia;
font-size: 21px;
font-weight: normal;
width: 400px;
line-height: 26px;
float:left;
}      
      
      
      
      
/*------------------------------------
	FOOTER
-------------------------------------*/

#footer {
margin-bottom:15px;
padding-top:5px;
width:792px;
}

#footer p {
float:left;
clear:none;
width:200px;
}


#footer li{
list-style: none;
float: left;
padding: 0 10px 0 10px;
border-right: 1px solid #000000;
margin-top:5px;
}

#footer li p{
float:none;
width:auto;
}

#footer li.last p{
font-weight:bold;
display:inline;
}

#footer li.last {
border-right: none;
}
#footer li a{
display:block;
font-family: Trebruchet, Helvetica, sans-serif;
font-size: 11px;
font-weight: 600;
color: #000000;
}



#footer ul{
/*padding:0 0 0 580px;*/
float:right;
clear:none;
}











