/*Copyright valuredesign 2009. Handcoded. Yup, that's right.*/

* {
margin: 0;
}

html, body {
height: 100%;
color: #2a2520;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
background: url(http://www.valuredesign.com/images/page-bg.gif) repeat-x #fff;
}

#wrapper {
width: 100%;
margin: 0 auto -28px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#stickywrap {
width: 100%;
height: 128px;
clear: both;
background: url(http://www.valuredesign.com/images/stickyfooter-bg.gif) repeat-x;
}

#header {
width: 900px;
clear: both;
height: 90px;
margin: 0 auto;
}

#header .logo {
margin: 0;
float: left;
border: 0;
}

#second-header {
width: 900px;
clear: both;
margin: 0 auto;
background: url(http://www.valuredesign.com/images/page-intro-bg.gif) no-repeat;
}

#mid {
width: 900px;
clear: both;
margin: 0 auto;
padding: 50px 0 0 0;
line-height: 125%;
}

#push {
height: 128px;
}

#footer {
width: 900px;
margin: 0 auto;
padding: 0;
height: 128px;
font-size: 80%;
clear: both;
background: url(http://www.valuredesign.com/images/footer-bg.gif) no-repeat;
}

/*Top level nav*/
#navwrap {
display: block;
float: left;
padding: 0;
margin: 0 0 0 100px;
font-size: 130%;
}

#navwrap ul {
padding: 0;
margin: 0;
list-style: none;
}

#navwrap ul li {
margin: 0;
padding: 0;
display: inline;
}

#navwrap ul li a {
display: block;
float: left;
padding: 0 5px 2px 5px;
margin: 0 15px 0 0;
color: #2a2520;
background: #fff;
text-decoration: none;
}

#navwrap ul li a:hover {
display: block;
float: left;
padding: 0 5px 2px 5px;
margin: 0 15px 0 0;
color: #fff;
background: #2a2520;
text-decoration: none;
}

#navwrap ul li.selected a{
display: block;
float: left;
padding: 0 5px 2px 5px;
margin: 0 15px 0 0;
color: #fff;
background: #2a2520;
text-decoration: none;
}

#navwrap ul li a .linkinfo {
font-size: 50%;
margin: 0;
padding: 0;
display: block;
color: #2a2520;
text-decoration: none;
}

#navwrap ul li a:hover .linkinfo, #navwrap ul li.selected a .linkinfo {
font-size: 50%;
margin: 0;
padding: 0;
display: block;
color: #fff;
text-decoration: none;
}

.page-title {
font-size: 200%;
line-height: 150%;
padding: 5px 0 0 20px;
float: left;
width: 400px;
display: block;
color: #9dc44a;
}

/*Body layout*/
#mid #col1 {
width:435px;
float: left;
padding: 0;
margin-bottom: 20px;
}

#mid #col2 {
width:435px;
float: left;
padding: 0 0 0 30px;
margin-bottom: 20px;
}

#mid #content {
width: 500px;
float: left;
margin-bottom: 20px;
padding: 0 100px 0 0;
}

p {
padding: 0 0 20px 0;
margin: 0;
}

ul.bodylist {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.bodylist li {
padding: 0 0 0 17px;
margin: 6px 0;
font-weight: bold;
background: url(http://www.valuredesign.com/images/check-mark.gif) no-repeat 0;
}

blockquote {
font-size: 16px;
font-style: italic;
text-align: center;
background: #eee;
border: 1px solid #ddd;
padding: 10px;
margin: 10px 70px 10px 10px;
}

.client {
padding: 0 0 0 350px;
font-weight: bold;
}

/*Left sidebar style and layout*/
#mid #sidebar {
width: 300px;
margin-bottom: 20px;
float:left;
padding: 0;
}

#sidebar p {
padding: 0;
margin: 0 0 20px 0;
}

.boxtitle {
padding: 0;
margin: 5px 0;
font-size: 125%;
font-weight: bold;
display: block;
}

#sidebar ul {
margin: 0 0 20px 0;
padding: 10px 10px 10px 0;
list-style-type: none;
}

#sidebar li {
padding: 3px 0;
margin: 0;
}

.featureproject {
border: 1px solid #ccc;
margin: 0 0 10px 0;
}

/*Footer content style*/
#footer img {
margin: 0;
}

#footer .right {
padding: 90px 0 0 0;
text-align: right;
}

/*Basic page styles*/
h1 {
font-size: 160%;
font-weight: normal;
line-height: 28px;
letter-spacing: -.02em;
padding: 0;
margin: 0 0 10px 0;
}

.booked, a:link.booked, a:hover.booked, a:active.booked, a:visited.booked   {
background: #2a2520;
color: #fff;
padding: 3px;
display: block;
margin: 0 0 10px 0;
font-size: 130%;
line-height: 130%;
}

h2 {
padding: 0;
margin: 0;
font-size: 130%;
font-weight: normal;
}

a, a:visited {
color: #2a2520;
text-decoration: underline;
}

a:hover, a:active {
color: #fff;
text-decoration: underline;
background: #2a2520;
}

a.featuredlink, a:hover.featuredlink, a:active.featuredlink, a:visited.featuredlink {
background: #2a2520;
color: #fff;
padding: 2px;
text-decoration: none;
margin: 0 5px;
}

.left {
float: left;
border: 0;
}

.right {
float: right;
border: 0;
}

.clear {
clear: both;
height: 30px;
}

/*Portfolio Style*/
.casestudy {
display: block;
clear: both;
height: 100px;
margin: 0 0 20px 0;
padding: 0;
}

.casestudy .title {
padding: 3px;
margin: 0;
font-size: 110%;
width: 300px;
background: #2a2520;
color: #fff;
font-weight: bold;
}

.projectthumb {
width: 275px;
height: 100px;
margin: 0 10px 0 0;
border: 1px solid #ccc;
float: left;
}

.thumb:hover {
background: none;
}

/*AJAX Contact Form*/
fieldset {
border:0;
margin:0;
padding:0;
}

label {
display: block;
padding: 2px 0;
}

input.text,textarea,select {
width:300px;
color:#333;
padding:3px;
margin:2px 0;
border:1px solid #ccc;
}

input.submit {
padding:2px 5px;
}