body {
background: #fff; 
font-size: 12px;
font-family: Tahoma, Arial, Verdana, Sans Serif;
color: #efefef;
margin: 0px auto 0px auto;
}

a:link {  text-decoration: none; color: #999;}
a:active {  text-decoration: none; color: #999;}
a:visited {  text-decoration: none; color: #999;}
a:hover {  text-decoration: none; color: #555;}

.clearer {
display: block!important;
margin: 0!important;
padding: 0!important;
clear: both!important;
line-height: 0!important;
font-size: 0!important;
height: 0!important;
}

#header{
margin: 120px auto 0px auto;
width: 682px;
height: 20px;
}

#content{
width: 682px;
margin: 0px auto 0px auto;
}

.front{
height: 424px;
background-image: url(../img/website-bg.jpg);
background-position: top top;
background-repeat: no-repeat;
}

.text{
height: 400px;
}

#left_col{
width: 80px;
height: 400px;
float: left;
}

.about{
background-image: url(../img/about_bg.gif);
background-position: top top;
background-repeat: no-repeat;
}

.gallery_left{
background-image: url(../img/gallery_left_bg.gif);
background-position: top top;
background-repeat: no-repeat;
}

#right_col{
margin: 0px 0px 0px 80px;
}

.right_col_text{
color: #595959;
width: 431px;
height: 398px;
padding: 5px 150px 5px 20px;
border-top: 1px solid #eced37;
border-right: 1px solid #eced37;
border-bottom: 1px solid #eced37;
}

#right_col h1 {
font-weight: normal;
font-size: 14px;
margin: 5px 0px 10px 0px;
}

#right_col p{
font-size: 12px;
margin: 5px 0px 15px 0px;
}

#menu{
width: 688px;
height: 80px;
margin-bottom: 6px;
}

#menu ul, #left_col ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#menu ul li, #left_col ul li{
display: block;
float: left;
overflow: hidden;
}

a.base_link, a.base_link:link, a.base_link:visited{
display: block;
color: #efefef;
margin-right: 6px;
}

/*a.base_link:hover, li.active a.base_link, li.active a.base_link:link, li.active a.base_link:visited, li.active a.base_link:hover {
background: #32c10f;
color: #fff;
}*/

.first_col{
text-align: left;
height: 20px;
padding: 60px 0px 0px 4px;
width: 76px;
}

.normal_col{
text-align: left;
height: 76px;
padding: 4px 0px 0px 4px;
width: 76px;
}

.town{
display: block;
width: 72px;
text-align: right;
padding-top: 9px;
}

a.gal_link, a.gal_link:link, a.gal_link:visited{
display: block;
color: #efefef;
margin-right: 6px;
}

a.gal_link:hover, li.active a.gal_link, li.active a.gal_link:link, li.active a.gal_link:visited, li.active a.gal_link:hover {
background: #444;
color: #fff;
}

/* MENU HOVERS */

a.comp01:hover, li.active a.comp01, li.active a.comp01:link, li.active a.comp01:visited, li.active a.comp01:hover {
background: #cbcd2e;
color: #fff;
}

a.comp02:hover, li.active a.comp02, li.active a.comp02:link, li.active a.comp02:visited, li.active a.comp02:hover {
background: #b4c402;
color: #fff;
}

a.comp03:hover, li.active a.comp03, li.active a.comp03:link, li.active a.comp03:visited, li.active a.comp03:hover {
background: #97bf20;
color: #fff;
}

a.comp08:hover, li.active a.comp08, li.active a.comp08:link, li.active a.comp08:visited, li.active a.comp08:hover {
background: #a5c500;
color: #fff;
}

a.comp09:hover, li.active a.comp09, li.active a.comp09:link, li.active a.comp09:visited, li.active a.comp09:hover {
background: #bfce01;
color: #fff;
}

a.comp10:hover, li.active a.comp10, li.active a.comp10:link, li.active a.comp10:visited, li.active a.comp10:hover {
background: #d0c52b;
color: #fff;
}

a.comp11:hover, li.active a.comp11, li.active a.comp11:link, li.active a.comp11:visited, li.active a.comp11:hover {
background: #b3ca08;
color: #fff;
}

a.rcomp01:hover, li.active a.rcomp01, li.active a.rcomp01:link, li.active a.rcomp01:visited, li.active a.rcomp01:hover {
background: #e37d1c;
color: #fff;
}

a.rcomp02:hover, li.active a.rcomp02, li.active a.rcomp02:link, li.active a.rcomp02:visited, li.active a.rcomp02:hover {
background: #fabc20;
color: #fff;
}

a.rcomp03:hover, li.active a.rcomp03, li.active a.rcomp03:link, li.active a.rcomp03:visited, li.active a.rcomp03:hover {
background: #ee7f00;
color: #fff;
}

a.rcomp04:hover, li.active a.rcomp04, li.active a.rcomp04:link, li.active a.rcomp04:visited, li.active a.rcomp04:hover {
background: #fab700;
color: #fff;
}


/* FOOTER */

#footer{
width: 682px;
margin: 5px auto 0px auto;
height: 10px;
text-align: right;
font-size: 9px;
}

#footer p, #footer a{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #929292;
}

#footer a:hover, #footer a.active-footer{
color: #454545;
}

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
body{
margin: 0px auto 50px auto;
}

#header{
margin: 50px auto 0px auto;
}

a.base_link, a.base_link:link, a.base_link:visited, a.gal_link, a.gal_link:link, a.gal_link:visited{
color: #ddd;
}

}