@import url('forms.css');
/*
purple               #403b4c
light purple         #8c8994
bright purple        #6d277f
deep blue            #231e56
light brown          #978b75
gold                 #b5812e
cornflower yellow    #ece2a9
rust red             #63270e
*/

/* RESETS and default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, em, img,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* BASE LAYOUT */
body {
   background-color:#ece2a9;
   height:100%;
}

/* STRUCTURAL */
#container_home {
   width:960px;
   margin:0 auto;
   position:relative;
   background:#fff url(../img/home_person_temp.jpg) no-repeat right bottom;
   border-top:10px solid #63270e;
   border-bottom:10px solid #63270e;
   overflow:hidden;
}
#container {
   width:960px;
   margin:0 auto;
   min-height:700px;
   position:relative;
   background:#fff;
   border-top:10px solid #63270e;
   border-bottom:10px solid #63270e;
   overflow:hidden;
}
#home_person {
   position:absolute;
   bottom:10px;
   right:0;
}
#header {
   margin:0 0 40px 0;
   padding:20px 20px 0 20px;
   width:920px;
   text-align:right;
}
#main {
   margin:0 0 60px 0;
   padding:0 20px;
   width:500px;
   float:left;
}

#logo {
   width:262px;
   height:78px;
   display:block;
   float:left;
}

#primary_nav {
   height:22px;
   float:right;
   width:640px;
}

#util_nav {
   height:60px;
   margin:0 0 0 0;
   position:relative;
   float:right;
   width:640px;
   z-index:1001;
}

#spotlight {
   width:500px;
   min-height:140px;
   padding:20px 0 20px 20px;
   color:#403b4c;
   background:transparent url(../img/spotlight_skillsaw.jpg) no-repeat left top;
   position:relative;
}
#tweet {
   width:472px;
   margin:20px 0 0 0;
   padding:10px 24px;
   background-color:#403b4c;
   color:#fff;
   font-size:90%;
   font-weight:normal;
   line-height:1.3em;
}
#tweet a { text-decoration: none; }
#tweet a:hover { text-decoration: underline; color: #b5812e;}
#tweet_arrow {
   width:520px;
   height:18px;
   background:transparent url(../img/tweet_arrow.gif) no-repeat center top;
}
#feature_boxes {
   height:144px;
   width:520px;
   margin:0 0 20px 0;
}
#home_content {
   width:448px;
   color:#403b4c;
   padding:20px 36px;
   background:#ece2a9 url(../img/bucket2_inner.jpg) no-repeat left bottom;
}
#home_spiffs {
   float:left;
   margin:0 0 0 20px;
   width:160px;
   font-size:1.3em;
   line-height:1.3em;
   color:#403b4c;
}

#left_nav {
   float:left;
   width:162px;
   margin:0 0 50px 0;
}
#content {
   float:left;
   width:594px;
   margin:0 28px 80px 20px;
}
#right_col {
   width:136px;
   float:right;
   margin:0 20px 20px 0;
}
#footer {
   text-align:center;
   margin:0 0 30px 0;
   font-size:80%;
   line-height:1.4em;
   width:100%;
}
#footer.home {
  width:560px;
}