* { 
margin : 0; 
padding : 0; 
} 
body { 
background : #fff; 
font : 11px/20px Tahoma, Helvetica, sans-serif; 
color : #42453f; 
padding : 15px 0 15px 0; 
} 
#wrapper { 
width : 930px; 
margin : 0 auto; 
background : url(wrapper.jpg) repeat-y; 
} 
#header-wrapper { 
height : 175px; 
position : relative; 
} 
#header { 
height : 150px; 
background : url(header-cat.jpg) no-repeat top; 
} 
#logo { 
width : 466px; 
padding : 17px 0 0 27px; 
} 
#logo h1 { 
background : url(2010-logo-generic.jpg) no-repeat; 
} 
#logo h1 a { 
display : block; 
height : 160px; 
} 
#logo h1 a span { 
display : none; 
} 
#menu { 
height : 44px; 
background : url(menu-cat.jpg) no-repeat; 
} 
#menu ul { 
list-style : none; 
margin : 0 0 0 23px; 
} 
#menu li { 
display : inline; 
margin : 0 15px; 
line-height : 42px; 
font-size : 15px; 
font-family : 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; 
} 
#menu li a, #menu li a.current { 
color : #42453f; 
font-weight : normal; 
} 
#menu li a:hover, #menu li a.current { 
color : #852c00; 
text-decoration : none; 
} 
#header-wrapper img { 
position : absolute; 
top : 25px; 
right : 30px; 
} 
#container { 
padding : 35px 0 15px 0; 
width : 900px; 
margin : 0 auto; 
background : url(divider.gif) repeat-y 669px 0%; 
} 
#mainarea { 
width : 625px; 
float : left; 
padding : 0 22px 0 22px; 
} 
#mainarea h2 { 
font-size : 22px; 
color : #38944b; 
} 
.works { 
width : 190px; 
float : left; 
display : block; 
margin : 10px 26px 16px 0; 
} 
.works img { 
border : 1px solid #c8c8c8; 
padding : 3px; 
} 
.works.last { 
margin : 10px 0 16px 0; 
} 
#sidearea { 
width : 200px; 
float : right; 
padding : 0 15px; 
} 
#container #sidearea ul { 
margin : 0; 
list-style : none; 
} 
#container #sidearea li a { 
font-weight : normal; 
} 
#container span { 
color : #852c00; 
} 
#footer { 
background : url(footer-cat.jpg) no-repeat bottom; 
height : 66px; 
line-height : 44px; 
padding : 0 35px; 
color : #42453f; 
font-size : 10px; 
} 
#footer a { 
color : #42453f; 
} 
#footer a:hover { 
color : #852c00; 
text-decoration : none; 
} 
.info { 
text-align : right; 
padding-top : 0; 
} 
.input { 
border : 1px solid #a5a5a5; 
background : none; 
cursor : text; 
font : 11px 'Lucida Grande', Tahoma, Verdana, Helvetica, sans-serif; 
line-height : 1.3em; 
margin : 5px 0; 
width : 200px; 
padding : 1px 0 5px 5px; 
} 
textarea.input { 
width : 415px; 
height : 150px; 
padding : 5px 0 0 5px; 
} 
.input:focus, .textarea:focus { 
border : 1px solid #000; 
} 
.signin-btn, .button1 { 
background : #779e01; 
line-height : 20px; 
margin : 8px 0; 
padding : 2px 10px !important ; 
padding : 2px 0; 
color : #fff; 
font-weight : bold; 
border : none; 
outline : none; 
cursor : pointer; 
} 
#container p.hr { 
border : solid #dcdcdc; 
border-width : 1px 0 0 0; 
margin : 0; 
outline : none; 
} 
#container p { 
margin : 0 0 10px 0; 
} 
#container form p { 
margin : 0 0 0px 0; 
} 
#container p img.floatleft { 
margin : 0 20px 0 0; 
} 
#container p img.floatright { 
margin : 0 0 0 20px; 
} 
#mainarea img.floatleft, #mainarea p img.floatleft { 
margin : 10px 10px 10px 0; 
} 
#mainarea img.floatright, #mainarea p img.floatright { 
margin : 10px; 
} 
#container ul, #container ol { 
margin : 0 0 0 20px; 
} 
#container ol { 
margin : 0 0 0 30px; 
} 
ul#portfolio { 
margin : 0; 
list-style : none; 
} 
#container dt, #container1 dt { 
font-weight : bold; 
margin : 20px 0 10px 0; 
}
#info { 
text-align : right; 
padding-top : 0; 
padding-bottom : 0; 
}
#sidearea p { 
margin : 0 0 15px 0; 
}   
* html .threepxfix { 
margin-left : 3px; 
} 
.clearfix:after { 
content : "."; 
display : block; 
clear : both; 
visibility : hidden; 
line-height : 0; 
height : 0; 
} 
.clearfix { 
display : inline-block; 
} 
html[xmlns] .clearfix { 
display : block; 
} 
* html .clearfix { 
height : 1%; 
} 
a { 
color : #42453f; 
} 
a:link { 
text-decoration : none; 
color : #42453f; 
} 
a:visited { 
text-decoration : none; 
color : #42453f; 
} 
a:hover { 
text-decoration : none; 
color : #852c00; 
} 
a:active { 
text-decoration : none; 
color : #42453f; 
} 
a:hover { 
visibility : visible; 
} 
a { 
outline : none; 
} 
h1 { 
font-size : 32px; 
} 
h2 { 
font-size : 22px; 
} 
h3 { 
font-size : 20px; 
} 
h4 { 
font-size : 16px; 
} 
h5, h6 { 
font-size : 12px; 
} 
h1, h2, h3, h4, h5, h6 { 
margin : 0 0 15px 0; 
color : #5c5b5b; 
font-family : 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; 
font-weight : normal; 
} 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
color : #5c5b5b; 
font-weight : normal; 
} 
h1 { 
font-size : 32px; 
} 
h2 { 
font-size : 22px; 
color : #3fa854; 
} 
h3 { 
font-size : 20px; 
} 
h4 { 
font-size : 16px; 
color : #3fa854; 
font-weight : normal; 
} 
img { 
border : none; 
} 
.clear { 
clear : both; 
} 
.floatleft { 
float : left; 
} 
.floatright { 
float : right; 
} 
.center { 
text-align : center; 
} 
.text-left { 
text-align : left; 
} 
.text-right { 
text-align : right; 
} 
.normal, .normal a { 
font-weight : normal; 
} 
.textbold { 
font-weight : bold; 
} 
#container .nomargin, .nomargin { 
margin : 0; 
} 
#container.nobg, .nobg { 
background : none; 
} 
.padding15 { 
padding : 15px; 
} 
