@charset "utf-8";
/* CSS Document */

/* global */
body
{
margin-top: 5px;
text-align: center;
background-color: #2a241e;
}

#container
{
text-align:left;
margin:0 auto;
width: 1000px;
}

#box_toproject
{
float:left;
margin:0 auto;
width: 982px;
height: 563px;
background-color:#51453a;
border: 1px solid #000000;
padding: 0;
}

#top_logo
{
background-color:#f8f0d8;
clear:both;
width: 982px;
height:103px;
margin:0 auto;
padding: 0;
border-bottom: 1px solid #000000;
}

#logo
{
float:left;
padding:0;
margin: 0;
}

#topnav{
float:right;
margin:0 auto;
padding:75px 0px 0px 20px;
	
		}
#house{
float:right;
margin:0;
	
		}
ul#top01
	{
        margin: 0;
		padding:0;
		list-style-type: none;
		padding:0;
		float: left;
		width: 100%;
	}
	
	ul#top01 li { display: inline; }
	
	ul#top01 a
	{
		display: block;
		float: left;
		font-family:Arial;
		font-weight:bold;
		font-size:17px;
		padding: 0px 22px 0px 0px;
		text-decoration: none;
		color: #51453a;		
		
	}
		ul#top01 a.active
	{
		text-decoration: none;
		color: #956a43;
		
	}
	ul#top01 a:hover
	{
		color: #956a43;
	}

#toproject_image
{
clear:both;
margin:0 auto;
border-bottom: 1px solid #000000;
width: 982px;
height: 320px;
padding: 0;
}

a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #d7a213; text-decoration: none; }

a.mail:link { color: #747474; text-decoration: none; }
a.mail:visited { color: #747474; text-decoration: none; }
a.mail:hover { color: red; text-decoration: none; }

#box_link_top
{
clear:both;
width: 982px;
height:27px;
padding: 0;
margin: 0 auto;
}


a.toproject
{
float:left;
display: block;
background-color:#6b5c4d;
padding:8px 0 0 15px;
width: 967px;
height:27px;
font-family:arial;
font-size:14px;
font-weight:bold;
text-align: left;
color:#ffd4ad;
text-decoration: none;
}
a:link.toproject{color:#ffd4ad;}
a:visited.toproject{color:#ffd4ad;}
a:hover.toproject
{
background-color:#6b5c4d;
}

#box_details_top
{
clear:both;
background-color: #51453a;
border-top: 1px solid #000000;
width: 982px;
height:102px;
padding: 0;
margin: 0 auto;
}

#text_toproject
{
clear:both;
padding:10px 0 0 15px;
width: 296px;
height:63px;
font-family:arial;
font-size:12px;
text-align: left;
color:#fff;
}

h1
{
clear:both;
font-family:arial;
font-size:14px;
height: 30px;
font-weight:bold;
text-align: left;
color:#ffd4ad;
padding:10px 0 0 10px;
margin:0 auto;
}

#box_small
{
float:left;
margin:0 11px 0 0;
width: 319px;
height: 292px;
background-color:#51453a;
border: 1px solid #000000;
padding: 0;
}

#small_image
{
clear:both;
margin:0 auto;
border-bottom: 1px solid #000000;
width: 319px;
height: 156px;
padding: 0;
}

#box_link_small
{
clear:both;
width: 319px;
height:27px;
padding: 0;
margin: 0 auto;
}

a.smallproject
{
float:left;
display: block;
background-color: #6b5c4d;
padding:8px 0 0 15px;
width: 304px;
height:27px;
font-family:arial;
font-size:14px;
font-weight:bold;
text-align: left;
color:#ffd4ad;
text-decoration: none;
}
a:link.smallproject{color:#ffd4ad;}
a:visited.smallproject{color:#ffd4ad;}
a:hover.smallproject
{
background-color: #2a241e;
}

a.smallproject_grove
{
float:left;
display: block;
background:url(img/back_gove_link1.gif) #6b5c4d no-repeat;
padding:8px 0 0 15px;
width: 304px;
height:27px;
font-family:arial;
font-size:14px;
font-weight:bold;
text-align: left;
color:#ffd4ad;
text-decoration: none;
}
a:link.smallproject_grove{color:#ffd4ad;}
a:visited.smallproject_grove{color:#ffd4ad;}
a:hover.smallproject_grove
{
background:url(img/back_gove_link2.gif) #2a241e no-repeat;
}


a.smallproject_lasolas
{
float:left;
display: block;
background:url(img/back_lasolas_link1.gif) #6b5c4d no-repeat;
padding:8px 0 0 15px;
width: 304px;
height:27px;
font-family:arial;
font-size:14px;
font-weight:bold;
text-align: left;
color:#ffd4ad;
text-decoration: none;
}
a:link.smallproject_lasolas{color:#ffd4ad;}
a:visited.smallproject_lasolas{color:#ffd4ad;}
a:hover.smallproject_lasolas
{
background:url(img/back_lasolas_link2.gif) #2a241e no-repeat;
}


#box_details_small
{
clear:both;
background-color: #51453a;
border-top: 1px solid #000000;
width: 319px;
height:91px;
padding: 0;
margin: 0 auto;
}

#text_small
{
clear:both;
padding:10px 0 0 15px;
width: 296px;
height:63px;
font-family:arial;
font-size:12px;
text-align: left;
color:#fff;
}

#text_small_top1
{
float:left;
padding:7px 0 0 15px;
width: 280px;
height:63px;
line-height: 22px;
font-family:arial;
font-size:13px;
text-align: left;
color:#fff;
}

#text_small_top
{
float:left;
padding:7px 0 0 50px;
width: 280px;
height:63px;
line-height: 22px;
font-family:arial;
font-size:13px;
text-align: left;
color:#fff;
}

#box_topcontact
{

float:left;
clear:both;
margin:0 auto;
width: 982px;
height: 753px;
border: 1px solid #000000;
padding: 0;

}

#box_tit_contact
{
clear:both;
width: 982px;
height:27px;
padding: 0;
margin: 0 auto;
}


#box_contact
{
float:left;
font-family:arial;
padding: 5px 0 5px 20px;
font-size:14px;
font-weight:bold;
text-align: left;
color:#ffd4ad;
}

#box_back_contact
{
clear:both;
background-color: #51453a;
border-top: 1px solid #000000;
width: 982px;
height: 300px;
padding: 0;
margin: 0 auto;
}

#text_contact
{
float:left;
padding:20px 0 0 20px;
line-height: 18px;
width: 296px;
font-family:arial;
font-size:14px;

text-align: left;
color:#fff;
}

#footer_ion
{
   text-align: left;
   clear:both;
   margin:0 auto;
   width: 1000px;
}

#box_ion
{
clear:both;
padding:10px 0px 30px 800px;
margin:0;
}

a:link.ion { color: #f8f0d8; text-decoration: none;  }
a:visited.ion { color: #f8f0d8; text-decoration: none; }
a:hover.ion { color: #f8f0d8; text-decoration: underline; }

a:link.past { color: #f8f0d8; text-decoration: none; font-weight:bold; }
a:visited.past { color: #f8f0d8; text-decoration: none; font-weight:bold; }
a:hover.past { color: #f8f0d8; text-decoration: underline; font-weight:bold; }

#ion
{
float:left;
font-family:Arial;
font-size:12px;
text-align: left;
padding:2px 0px 0px 0px;
margin:0;
}
#eye
{
float:left;
padding:0px 10px 0px 0;
}