/* CSS Document */

body {
background-image:url(../Images/bg.gif);
margin:0;
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px;
color:#462E0A;
}

#wrapper {
background-color:white;
width:900px;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
display:table;
height:auto;
}

#header {
display:block;
width:100%;
height:170px;
background-image:url(../Images/header.jpg);
}

#logo {
float:left;
position:relative;
z-index:100;
top:30px;
left:29px;
width:144px;
height:144px;
background-image:url(../Images/logo.png);
}

#topnav {
float:right;
font-size:11px;
padding-right:15px;
padding-top:15px;
}

#topnav a {
color:#462E0A;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
text-decoration:none;
display:block;
float:left;
}

#topnav a:hover {
color:#F67611;
border-bottom:3px solid #DAD5CE;
}

#topnav a.sel {
color:#F67611;
border-bottom:3px solid #F67611;
}

#banner {
display:block;
width:100%;
height:258px;
margin-top:-40px;
position:relative;
z-index:1;
}

#footer {
display:block;
width:100%;
height:31px;
background-color:#E7E4DF;
padding-top:20px;
padding-bottom:20px;
font-size:10px;
line-height:16px;
margin-top:20px;
}

#footer #contact {
float:right;
margin-right:30px;
color:#968974;
text-align:right;
}

#footer #contact a {
color:#968974;
text-decoration:none;
}

#footer #contact a:hover {
text-decoration:underline;
}

#footer #legal {
color:#F29245;
margin-left:30px;
}

#footer #legal a {
color:#F29245;
text-decoration:none;
}

#footer #legal a:hover {
text-decoration:underline;
}

#leftnav {
width:260px;
float:left;
padding-top:30px;
padding-bottom:30px;
}

#leftnav a {
color:#462E0A;
font-size:14px;
display:block;
border-left:3px solid #DAD5CE;
margin-left:30px;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
margin-top:10px;
text-decoration:none;
}

#leftnav a:hover {
border-left:3px solid #F67611;
}

#content {
display:table;
height:auto;
}

#inner {
width:580px;
float:left;
padding-top:35px;
margin-left:30px;
line-height:17px;
}

#inner a {
color:#462E0A;
text-decoration:underline;
}

#inner a:hover {
color:#F67611;
text-decoration:none;
}

h1, .heading {
font-size:12px;
color:#F67611;
font-weight:bold;
}


h1 {
font-size:14px;
}

.heading {
padding-right:30px;
width:100px;
}

.workdetail td {
vertical-align:top;
padding-bottom:10px;
}

.title {
font-weight:bold;
}

#fades {  
    width:  900px; 
    height: 258px;
	z-index:1;
	position:relative;
}
 
#fades img {  
    width:  900px; 
    height: 258px;
}
#contactform {
float:right;
display:block;
font-size:12px;
color:#666666;
width:300px;
padding:15px;
margin-right:15px;
background-color:#E7E4DF;
}

#contactform label {
line-height:21px;
}

#contactform label, #contactform .txt, #contactform textarea.txt {
display:block;
float:left;
width:100px;
margin-bottom:2px;
}

#contactform .txt, #contactform textarea.txt {
width:180px;
}

#contactform textarea.txt {
height:100px;
}

#contactform p {
display:block; width:170px; margin-top:20px;
}

.red {
color:#FF6600;
}

.download, .news, .newsitem {
display:table;
border:1px solid #e2e2e2;
padding:10px;
height:auto;
margin-top:10px;
font-size:11px;
width:90%;
}

.download img, .news img, .newsitem img {
float:left;
margin-right:10px;
border:1px solid #e2e2e2;
}

.download a, .news a, .newsitem a, a.back {
float:right;
color:#4A9BB5;
}

#content p a.back {
text-decoration:none;
font-weight:bold;
}

.download a:hover, .news a:hover, .newsitem a:hover, a.back {
text-decoration:none;
}

#gallery {
background-color:#ECEAE6;
}

#gallery a img {
border:1px solid #cccccc;
margin:10px;
margin-right:0px;
}

#gallery a:hover img {
border-color:#FF6600;
}

#articleimage {
float:right;
margin-left:20px;
margin-bottom:20px;
}