@charset "utf-8";

/* Default HTML Styles **********/
body, h1, h2, h3, h4, h5, h6, p, li, a {font-family:Arial, Helvetica, sans-serif;}
*{
margin:0;
padding:0;
}
html{
font-size:100%;
height:100%;
margin:0 0 1px 0;
}
body{
font: 90%/1.5em Arial, Verdana, sans-serif;
background:#333;
color:#666;
}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl{
margin:0.5em 0;
}
ul{
margin:0.5em 0px 0px 2em;
}
img{
border:none;
}
a{
text-decoration:none;
color:#640000;
}
a:link, a:active, a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1, h2, h3 {
text-transform:uppercase;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 {
font-size:2em;
line-height:1.5em;
}
h2 {
font-size:1.5em;
}
h3 {
font-size:1.5em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.2em;
}
h6{
font-size:1.1em;
}
hr {
border:0;
display:block;
height:1px;
}
blockquote {
padding:10px;
background: #E7E8D1;
font-style:italic;
}
/* Layout **********/
.clr{
clear:both;
}
.inside{
padding: 0px 10px;
}
.width{
width:960px;
margin:0 auto
}
#header {
background:#000;
}
#wrapper {
background:#eee;
}
#wrapper .width{
padding:10px 0;
}
#container{
padding:0 0 10px;
}
#content{
float:left;
width:100%;
margin:0 0 0 12px;
}
/******* NAV MENU *********/
#navigation{
float:right;
text-align:right;
margin:5px 0 0 0;
}
#navigation ul, #navigation li{
margin:0;
padding:0;
list-style:none;
}
#navigation li{
display:inline;
}
#navigation ul li a{
display:block;
float:left;
margin:0 0 0 10px;
padding:0 0 0 10px;
font-size:0.8em;
text-transform:uppercase;
color:#ccc;
}
#navigation ul li a:hover{
text-decoration:none;
}
#navigation ul li a span{
display:block;
padding: 2px 10px 2px 0;
}
#navigation ul li a:hover, #navigation ul li.active a {
background:url(../images/site/tab-left.png) no-repeat 0 0;
color:#FFFFFF;
}
#navigation ul li a:hover span, #navigation ul li.active a span {
background:url(../images/site/tab-right.png) no-repeat 100% 0;
}
/*******  FEATURE BOXES  *********/
.feature {
margin:10px 5px;
text-align:left;
vertical-align:top;
width:310px;
background-image:url(../images/site/feature_bg.png)
}
.feature #top {
height:15px;
background-image:url(../images/site/feature_top.png);
}
.feature #bottom {
height:15px;
background-image:url(../images/site/feature_bot.png);
}
.feature .inside {
font-size:0.8em;
padding:0px 20px;
}
.feature li {
padding:2px 0px 0px 2px;
vertical-align:top;
list-style-image:url(../images/site/icon.png)
}
.feature h3{
clear:both;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #cecece;
}
.feature .thumb{
float:left;
margin:0px 8px 8px 0px;
padding: 2px;
border: 1px solid #ccc;
}
/*******  PROJECT BOXES  *********/
.project {
width:470px;
float:left;
margin:10px 5px;
text-align:left;
vertical-align:top;
}
.workpic {
/*width:225px;
height:162px;
pic should be 200w, 139h
*/
float:left;
clear:left;
margin-right:10px;
padding:12px;
background-image:url(../images/site/thumb_bg.png);
}
/*******  FOOTER  *********/
#footer {
font-size: 0.7em;
}
#footer .inside{
padding:10px 0;
}