@charset "utf-8";
/* CSS Document */

*{
margin: 0;
padding: 0;
}

:focus { outline: 0 none; } 

img { 
border: 0; 
}

body
{
background: #fafaf4 url('../images/grad7_bg.png') repeat-x;
font-size: 16px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #90928b;
}

a
{
text-decoration: none;
}

#header h1 
{ 
position: relative; 
left: 450px;
top: 45px;
width : 440px;
height : 60px;
margin : 0;
padding : 0;  
background : url('../images/logoorange3.png') no-repeat;
text-indent : -9999px;
}

#wrapper
{
margin: 0px auto;
border-top: 10px solid #e8e8e0;
padding: 0;
width: 890px;
}

#header
{
position: relative;
width: 890px;
height:140px;
margin: 0 auto;
}

#menu
{
position: relative;
left: 756px;
width: 134px;
height: 35px;
margin: 0px 0px 0px 0px;
background-color: #fafaf4;
}

#menu ul
{
}

#menu ul li
{
display: inline;
line-height: 36px;
}

#menu ul li a
{
background-color: transparent;
background-repeat: repeat-x;
padding: 10px 14px 8px 14px;
font-size: 14px;
color: #90928b;
font-weight: bold;
}

#menu ul li a:hover
{
background: #fafaf4 url('../images/tab_bg.png') repeat-x top;
color: #9ebcd0;
text-decoration: none;
}

#menu ul li .active
{
background: #fafaf4 url('../images/tab_bg.png') repeat-x top;
color: #4A4A24;
text-decoration: none;
}

h3
{
font-size: 20px;
color: #90928b;
}

h3 b
{
font-size: 20px;
color: #4A4A24;
}

h3 a
{
font-size: 20px;
color: #90928b;
}


h4
{
font-size: 14px;
color: #4A4A24;
}

h4 a
{
border-bottom:1px dotted #90928b;
}

h4 a:hover
{
border-bottom:1px dotted #91b5d1;
}

h5
{
font-size: 18px;
color: #90928b;
}

h5 b
{
font-size: 18px;
color: #4A4A24;
}

img.link
{
display: inline-block;
margin: 0px 0px 0px 10px;
}

img.withBorder 
{
display: inline-block;
background: #e8e8e0;
padding: 10px;
margin: 0px 5px 0px 0px;
}

img.withBorderMargin 
{
display: inline-block;
background: #e8e8e0;
padding: 10px;
margin: 0px 5px 50px 0px;
}

img.withBorderLast 
{
display: inline-block;
background: #e8e8e0;
padding: 10px;
margin: 0px 0px 0px 0px;
}

img
{
border: 0px none;
}

a:hover img.withBorder
{
display: inline-block;
background: #cedde7;
padding: 10px;
margin: 0px 5px 0px 0px;
}

a:hover img.withBorderLast
{
display: inline-block;
background: #cedde7;
padding: 10px;
margin: 0px 0px 0px 0px;
}

p
{
font-size: 12px;
color: #90928b;
}

#featureText p
{
font-size: 14px;
color: #90928b;
line-height: 15pt
}

#feature a, #projects a, #contact a, #Group a
{
color: #4A4A24;
}

#featureText
{
background: #fafaf4;
padding: 6px 10px 6px 10px;
margin: 5px 0px 10px 0px;
}

.projectText
{
width : 195px;
background: #fafaf4;
padding: 0px 10px 6px 10px;
margin: 10px 0px 0px 0px;
}

.halfText
{
width : 420px;
background: #fafaf4;
padding: 0px 10px 6px 10px;
margin: 10px 0px 0px 0px;
}

#feature a:hover, #projects a:hover, #Group a:hover, #footer a:hover, #contact a:hover, #wrapper a:hover
{
color: #91b5d1;
}

#feature
{
clear: both;
border-bottom: 10px solid #e8e8e0;
margin: 10px 0px 0px 0px;

}

#projects
{
margin: 35px 0px 0px 0px;
}

#contact
{
margin: 35px 0px 10px 0px;
}

.project
{

width: 665px;
float: left;
margin-bottom: 10px;
padding-right: 0px;
margin-right: 10px;
}

#img1
{
width: 440px;
float: left;
margin-bottom: 20px;
padding: 0px 0px 50px 0px;
margin-right: 10px;
}

#img2
{
width: 440px;
float: left;
margin-bottom: 0px;
padding: 0px 0px 50px 0px;
margin-right: 0px;
}

#images
{
height: 320px;
width: 890px;
margin-bottom: 10px;
padding-right: 0px;
margin-right: 10px;
}
 
.projectItem
{
height: 380px;
width: 215px;
float: left;
margin-bottom: 10px;
padding-right: 0px;
margin-right: 10px;
}

.projectItemLast
{
height: 100%;
width: 215px;
float: left;
margin-bottom: 10px;
padding-right: 0px;
margin-right: 0px;
}

.projectItemSmall
{
height: 200px;
width: 215px;
float: left;
margin-bottom: 10px;
padding-right: 0px;
margin-right: 10px;
}


.projectItemLS
{
height: 200px;
width: 215px;
float: left;
margin-bottom: 10px;
padding-right: 0px;
margin-right: 0px;
}

#Group {
margin: 10px 0px 0px 0px;
float: left;
}

#Group h4 {
margin: 0px 0px 5px 0px;
}

#littlewrapper
{
clear: both;
margin: 0px auto;
border-top: 10px solid #e8e8e0;
padding: 0;
width: 890px;
}

#image
{
clear: both;
margin: 0px auto;
border-top: 10px solid #e8e8e0;
padding: 0;
width: 890px;
}

#footer
{
position: relative;
width: 100%;
background: #eeeee8 url('../images/grad2_bg.png') repeat-x;
height:180px;
margin: 0 auto;
clear: both;
}
 
#footerContent
{
position: relative;
width: 890px;
height:230px;
margin: 0 auto;
padding: 10px 10px 6px 10px;
clear: both;
}
 
#footer p
{
font-size: 12px;
color: #90928b;
}