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

div, p, img, ul, h1, h2, h3, h4, table, form {padding:0; margin:0; border:none;}

a {color:#c72a10; text-decoration:none;}
a:hover {color:#131e05;}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#999;
background: url('graphics/bkg-patt-main.gif') top left repeat-x #659a20;
text-align:center;
margin:0;
}

#wrapper {
width:1525px;
background: url('graphics/bkg-wrapper.jpg') top left no-repeat;
margin:0 auto;
}

#content {
width:985px;
margin:0 auto;
text-align:left;
}

/* Header */
#logo {display:block; float:left; width:200px; margin-top:15px;}
#contact {
display:block;
float:right;
width:200px;
margin-top:15px;
background: url('graphics/btn-header.gif') top left no-repeat;
width:160px;
line-height:50px;
font-size:11px;
color:#95da25;
text-transform:uppercase;
text-align:center;
text-decoration:none;
}
#contact:hover {font-size:11px; color:#fff; text-transform:uppercase;}

/* Mid */
#mid {clear:both; margin-top:67px; font-size:12px; line-height:20px; color:#9a9999; height:450px; overflow:hidden;}
#mid .colleft {width:401px; margin-right:35px; padding-top:165px; float:left;}
#mid .colleft p {margin-bottom:5px; text-align:justify;}
#mid .colright {width:549px; float:left;}

/* Btm Row */
#btmrow {clear:both; font-size:14px; line-height:20px; color:#9a9999; margin-top:22px;}
#btmrow h1 {background: url('graphics/rule-2-tone.gif') bottom left repeat-x; padding-bottom:2px;}
#btmrow .colleft {width:401px; margin-right:35px; float:left;}
#btmrow .colleft p {margin-top:5px;}
#btmrow .colright {width:549px; float:left;}


/* Tag Cloud */
#tagcloud {margin-top:12px; line-height:20px;}
#tagcloud a {color:#131e05;}
#tagcloud a:hover {color:#c72a10;}
.tiny {font-size:9px; text-decoration:none;}
.small{font-size:12px; text-decoration:none;}
.medium{font-size:14px; text-decoration:none;}
.big {font-size:18px; text-decoration:none;}
.giant{font-size:22px; text-decoration:none;}

/* Work Examples */
#blackbox {background: url('graphics/bkg-diagonal.gif') top left repeat; padding:12px 7px 5px 14px; border-bottom:4px solid #000;}
#blackbox img {margin:0 4px 4px 0; border:4px solid #000; height:72px; width:72px;}
#blackbox a:hover img {border:4px solid #c6c08d;}

/* Footer */
#footer {
background: url('graphics/bkg-footer.gif') top left no-repeat;
clear:both;
margin:40px 0;
padding:17px 0 0 0;
font-size:11px;
color:#060606;
}
#footerleft {float:left; width:401px; margin-right:35px;}
#footerright {float:right; width:549px; text-align:right;}
#footer a {padding-left:10px;}
#footer p {margin-top:2px;}
#footerlogo {background: url('graphics/logo-small.gif') left top no-repeat; padding-left:222px; line-height:17px;}

.clear {clear:both; height:0; overflow:hidden;}