/* General styles */

* {
margin:0;
padding:0; 
}

body {
background-image: url("images/bg.jpg");
font-family:serif,times new roman,verdana,arial,sans-serif;
font-size:12px;
color:#000000;
}

div.block {text-align:justify}

.clearfix {
clear:both;
height:0;
line-height:0;
font-size:0;
}

img {
border:0;
}

a img {
border:1px solid #484235;
padding:5px;
}

a img:hover {
border:1px solid #afa99a;
background:transparent;
}

p, h1, h2, h3, h4 {
margin-bottom:15px;
}

h1 {
font-size:10px;
color:#666666;
border-bottom:1px solid #666666;
padding-bottom:5px;
}

h2 {
font-size:8px;
color:#666666;
border-bottom:1px solid #666666;
padding-bottom:5px;
}

h3 {
color:#ffffff
}

h4 {
font-size:14px;
text-transform:uppercase;
margin-bottom:10px;
}

ul {
list-style:none;
}

a:link, a:visited, a:active {
color:#336699;
text-decoration:none;
}

a:hover {
color:#231a09;
background-color:#afa99a;
text-decoration:none;
}

/* Layout */

#container {
margin:0 auto;
}

#topcontents {
min-height:226px;
width:979px;
padding-left:0px;
background:url("images/topbg_contact.jpg") no-repeat left top;
margin-bottom:0px;
}

#topcontents ul#top {
list-style:none;
padding-left:0px;
padding-top:0px;
font-size:11px;
}

#topcontents ul#top li {
display:block;
float:left;
margin-right:0px;
}

#topcontents ul#top li.topbg a {
display:block;
background:url("images/topbg_contact.jpg") center top;
width:979px;
height:226px;
}

#maincontents {
min-height:394px;
width:979px;
padding-left:0px;
background:url("images/middlebg_contact.jpg") no-repeat left top;
margin-bottom:0px;
}


#maincontents .center {
float:left;
margin-left:406px;
margin-right:85px;
margin-top:150px;
width:280px;
font-size:20px;
}

#maincontents ul#menu {
list-style:none;
padding-left:771px;
padding-top:0px;
font-size:11px;
}

#maincontents ul#menu li {
display:block;
float:left;
margin-right:0px;
}

#maincontents ul#menu li.home a {
display:block;
background:url("images/menu_home.jpg") center top;
width:166px;
height:57px;
}

#maincontents ul#menu li.home a:hover {
background:url("images/menu_home.jpg") center bottom;
}

#maincontents ul#menu li.about a {
display:block;
background:url("images/menu_about.jpg") center top;
width:166px;
height:70px;
}

#maincontents ul#menu li.about a:hover {
background:url("images/menu_about.jpg") center bottom;
}

#maincontents ul#menu li.photos a {
display:block;
background:url("images/menu_photos.jpg") center top;
width:166px;
height:65px;
}

#maincontents ul#menu li.photos a:hover {
background:url("images/menu_photos.jpg") center bottom;
}

#maincontents ul#menu li.diary a {
display:block;
background:url("images/menu_diary.jpg") center top;
width:166px;
height:68px;
}

#maincontents ul#menu li.diary a:hover {
background:url("images/menu_diary.jpg") center bottom;
}

#maincontents ul#menu li.links a {
display:block;
background:url("images/menu_links.jpg") center top;
width:166px;
height:64px;
}

#maincontents ul#menu li.links a:hover {
background:url("images/menu_links.jpg") center bottom;
}

#maincontents ul#menu li.contact a {
display:block;
background:url("images/menu_contact.jpg") center top;
width:166px;
height:70px;
}

#maincontents ul#menu li.contact a:hover {
background:url("images/menu_contact.jpg") center bottom;
}


#maincontents ul#menu li a span {
display:none;
}

#bottomcontents {
min-height:150px;
width:979px;
padding-left:40px;
background:url("images/bottombg_contact.jpg") no-repeat left top;
margin-bottom:0px;
}

#bottomcontents ul#bottommenu li {
display:block;
float:left;
margin-right:30px;
}

#bottomcontents ul#bottommenu li.tpp a {
display:block;
background:url("images/tpp_thumb.jpg") center top;
width:105px;
height:105px;
}


#bottomcontents ul#bottommenu li.cp a {
display:block;
background:url("images/currentprojects.jpg") center top;
width:120px;
height:90px;
}

#bottomcontents ul#bottommenu li.cp a:hover {
background:url("images/currentprojects.jpg") center bottom;
}