/* GENERAL */

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 18px 0 0 0;
background: #fff;
font-size: 62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #555;
overflow: auto;
}

h1, h2, h3, h4, h5 {
color: #692BA0;
text-decoration: none;
font-weight: normal;
}

h1 span {
display: none;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.15em;
}

h5 {
font-size: 1em;
}

a:link, a:visited, a:active {
text-decoration: underline;
color: #8bc541;
}

a:hover, a:focus {
text-decoration: underline;
color: #8bc541;
}

a img {
border: 0;
}

ul, ol {
margin: 0px 0px 0px 0px;
padding: 0;
}

form {
margin: 0;
padding: 0;
}

/* STRUCTURE */

#container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}

/* -- BANNER AND HOME PAGE LINK -- */

#banner {
height: 160px;
background: #fff url(../img/banner.png) top center no-repeat;
margin: 0;
padding: 0;
overflow: hidden;
}

#banner h1.home a {
display: block;
width: 320px;
height: 160px;
padding: 0;
margin: 0;
}

#banner h1.home a span {
display: none;
}

#navbar {
width: 900px;
height: 70px;
background: #fff url(../img/navbar.png) top center no-repeat;
margin: 0;
padding: 0;
clear: both;
}

#navtabs {
float: right;
margin-right: 3px;
}

#navtabs a {
margin-right: -4px;
padding: 0;
}

#navtabs a.end {
margin-right: 0;
}

#content {
width: 900px;
margin: 0;
padding: 0;
background: #fff url(../img/contentbg.png) top center repeat-y;
text-align: left;
font-size: 1.2em;
}

#content-inner {
padding: 10px;
min-height: 320px;
}

* html #content-inner {
height: 320px;
}

#col-left {
width: 280px;
float: left;
padding: 5px 5px 30px 5px;
}

#col-center {
width: 280px;
float: left;
margin-left: 4px;
padding: 5px 5px 30px 5px;
}

#col-right {
width: 280px;
float: right;
margin-left: 4px;
padding: 5px 5px 30px 5px;
}


#index-col-left {
width: 480px;
padding: 5px 5px 24px 5px;
float: left;
}

#index-col-right {
width: 360px;
padding: 5px 5px 24px 5px;
float: right;
}

/* FOOTER */

#footer {
width: 900px;
height: 60px;
background: #fff url(../img/footer.png) bottom center no-repeat;
padding: 0;
margin: 0;
margin: -12px 0 0 0 !important;
clear: both;
}

#footernav {
font-size: .9em;
text-align: center;
line-height: 1em;
padding-top: 10px;
margin-top: 1px;
margin-bottom: 1px;
}

#footernav ul {
list-style-type: none;
margin-top: 1px;
}

#footernav ul li {
display: inline;
padding: 6px;
}

#footernav ul li a:link {
color: #fff;
text-decoration: none;
}

#footernav ul li a:visited {
color: #fff;
text-decoration: none;
}

#footernav ul li a:hover {
color: #fff;
text-decoration: underline;
}

#footernav ul li a:active {
color: #fff;
text-decoration: underline;
}

#footernav p a:visited,
#footernav p a:link {
color: #fff;
text-decoration: none;
}

#footernav p a:active,
#footernav p a:hover {
color: #fff;
text-decoration: underline;
}

/* -- */
#content p {
margin-left: 4px;
padding: 2px 5px 2px 5px;
}

#content p.lead {
margin: 2px 2px 18px 2px;
padding: 12px 36px;
border-bottom: 1px dotted #8bc541;
}

#content p.border-bottom,
#content h3.border-bottom, 
#content h4.border-bottom,
#content h5.border-bottom {
padding-bottom: 12px;
border-bottom: 1px dotted #8bc541;
}

#content p.border-top,
#content h3.border-top, 
#content h4.border-top, 
#content h5.border-top {
padding-top: 12px;
border-top: 1px dotted #8bc541;
}

#content p.border {
border-top: 1px dotted #8bc541;
margin: 0;
padding: 0;
}

#content ul, #content ul li {
margin-left: 4px;
padding: 2px;
list-style-image: url(../img/bullet.png);
list-style-position: inside;
}
#content ol, #content ol li {
margin-left: 4px;
padding: 4px;
list-style: decimal;
list-style-position: inside;
}

#content h5 {
color: #692BA0;
padding: 2px 2px 2px 8px;
line-height: .05em;
}

#content h4 {
color: #8BC541;
font-style: italic;
padding: 2px 2px 2px 8px;
}

#content h3, #content h2, #content h1 {
color: #692BA0;
padding: 2px 2px 2px 8px;
line-height: 1em;
}

#content a {
text-decoration: none;
color: #78aa38;
}

#content a:link {
color: #78aa38;
text-decoration: underline;
}

#content a:visited {
color: #555;
text-decoration: underline;
}

#content a:hover {
color: #F8600E;
text-decoration: underline;
}

#content a:active {
color: #78aa38;
text-decoration: underline;
}

/* table - contact form */


#content table {
margin: 12px 0 30px 180px;
border: none;
font-size: 1em;
line-height: 1.4em;
border-collapse: collapse;
}

#content tr {
border: none;
}

#content td {
border: none;
padding: .7em;
}

.portfolio {
margin: 12px 24px;
padding: 6px 30px 6px 30px;
border: 1px dashed #692BA0;
}

.portfolio p {
text-align: left;
}

.portfolio h4 {
text-align: left;
}

.portfolio ul,
.porfolio ul li {
text-align: left;
}

.portfolio h5 {
text-align: left;
}