/*
Author: Craig Erskine
Description: Default Styles
*/

/* Reset */
* { margin: 0; padding: 0; font-size: 100%; }

html,body {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

html {
 background: url(../img/site-back.png);
}

body {
 background: url(../img/body-back.png) repeat-x;
 color: #32322D;
 font: 62.5% Georgia, serif;
 text-align: center;
}

h1,h2,h3,h4,h5,h6 {
 margin: 0 0 -10px;
 padding: 0 0 0 8px;
 color: #E8F6E8;
 background: url(../img/h-back.png) no-repeat;
 font-weight: normal;
 font-size: 1.3em;
 line-height: 26px;
 height: 26px;
}

a {
 color: #803A36;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 color: #FFF;
 text-decoration: none;
}

a:focus {
 overflow: hidden;
}

p {
 margin: 24px 0;
 line-height: 1.7em;
}

li {
 line-height: 1.6em;
}

ul,ol {
 margin: 24px 0 24px 15px;
}

ul li {
 list-style: url(../img/li.png);
}

ul li span {
 font-size: .8em;
}

img {
 border: 0 none;
}

acronym {
 border-bottom: 1px dotted #000;
 cursor: help;
}

hr,legend {
 display: none;
}

fieldset {
 border: 0 none;
}

#page-container {
 margin: 0 auto;
 width: 740px;
 background: url(../img/page-back.png) repeat-y;
 text-align: left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 position: relative;
}

#head-container {
 background: url(../img/head-back.png) no-repeat;
 height: 250px;
 position: relative;
}

#head-logo {
 margin: 0;
 line-height: normal;
 position: absolute;
 top: 28px;
 left: 20px;
}

#head-about {
 margin: 0;
 width: 240px;
 color: #FFF;
 font-style: italic;
 font-size: 1.3em;
 line-height: 1.6em;
 text-align: justify;
 position: absolute;
 top: 112px;
 left: 50px;
}

#head-contact {
 margin: 0;
 width: 248px;
 line-height: 38px;
 text-indent: -9999px;
 position: absolute;
 top: 24px;
 right: 26px;
 height: 38px;
 z-index: 1;
}

#head-contact a {
 width: 248px;
 display: block;
 background: url(../img/head-contact.png);
 height: 38px;
}

#head-contact a:hover,
#head-contact a:active,
#head-contact a:focus {
 background-position: 0 -38px;
}

#head-pic {
 margin: 0;
 line-height: normal;
 position: absolute;
 top: 47px;
 right: 80px;
 z-index: 0;
}

#content-container {
 display: inline-block; /*IE7 clear float*/
 background: url(../img/cont-back.png) no-repeat;
 width: 740px;
}

#content-container:after /*For Mozilla*/{
 clear: both;
 display: block;
 font: 1px/0px serif;
 content: ".";
 height: 0;
 visibility: hidden;
}

#content-pri {
 padding: 20px 0;
 width: 330px;
 float: left;
 font-size: 1.3em;
 position: relative;
 left: 20px;
}

#content-sec {
 float: right;
 width: 370px;
 background: url(../img/sub-back.png) no-repeat 0 56px;
 min-height: 210px;
}

#content-sec .sub-container {
 padding: 0 31px;
}

#content-sec .sub-container h2 {
 display: none;
}

#side-portfolio {
 margin: 63px 0 14px;
 float: left;
 line-height: normal;
}

#side-portfolio a {
 margin: 0 2px 10px;
 float: left;
 display: inline;
}

#side-portfolio img {
 padding: 5px 9px 15px 9px;
 background: url(../img/portpic-back.png);
}

#side-contact {
 margin: 15px 0 0;
 width: 308px;
 clear: both;
 line-height: normal;
 height: 110px;
 position: relative;
}

#side-contact a {
 width: 308px;
 display: block;
 background: url(../img/contact.png);
 line-height: 110px;
 text-indent: -9999px;
 height: 110px;
 position: absolute;
 top: 0;
 left: 0;
}

#foot-container {
 clear: both;
}

#foot {
 margin: 0;
 padding: 10px 0 10px 370px;
 color: #BBB;
 font-size: 1em;
 text-align: center;
}

#foot a {
 color: #BBB;
}

#foot a:hover {
 color: #FFF;
}

/* Contact Form */
#form-contact {
 margin: 0 65px;
}

#form-contact p {
 margin: 10px 0;
 line-height: 1;
}

#form-contact input,
#form-contact textarea {
 padding: 6px 4px;
 border: 1px solid #7E7E75;
 width: 190px;
 background: #B3B3AD;
 color: #000;
 font: 11px Georgia, serif;
}

#form-contact input#Submit {
 border: 1px solid #B3B3AD;
 padding: 4px 20px;
 width: auto;
 background: #7E7E75;
 color: #FFF;
 font-size: 15px;
 text-transform: uppercase;
}

.parsley-error-list { margin: 0 0 20px; list-style: none; }
.parsley-error-list li { margin: 0; padding: 2px 10px; background: #7E7E75; color: #FFF; list-style: none; font-size: 11px; text-transform: uppercase; }