/* CSS Document */

body{
background: #852f39;
text-align: center;
padding: 0;
margin: 0;
font: 12px "Arial" sans-serif;
color: #852f39;
}

h1 {
color: #8aa190;
font: 18px "Arial" sans-serif;
padding: 0;
margin: 0 0 0 20px;
}

h2 {
color: #8aa190;
font: 14px "Arial" sans-serif;
padding: 0;
margin: 0;
}

h3 {
color: #8aa190;
font: 18px "Arial" sans-serif;
font-style: italic;
text-align: right;
padding: 0;
margin: 0 20px 0 0;
}

h4 {
color: #852f39;
font: 14px "Arial" sans-serif;
font-weight: bolder;
padding: 0;
margin: 5px 0 0 10px;
}

blockquote {
padding: 0 10px 0 10px;
margin: 0;
}

p {
padding-top: 5px;
padding-bottom: 5px;
}

a:link {
color: #8aa190;
font: 12px "Arial" sans-serif;
text-decoration: underline;
font-weight: bold;
}

a:visited {
color: #8aa190;
font: 12px "Arial" sans-serif;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #852f39;
font: 12px "Arial" sans-serif;
text-decoration: underline;
font-weight: bold;
}

.photo a {
font: 16px "Arial" sans-serif;
}

li {
margin: 0 0 10px 0;
list-style: square inside;
text-indent: -15px;
}

#photo_slideshow {
width: 730px;
height: 420px;
padding: 10px;
margin: 0 0 15px 20px;
}

#main_slideshow {
padding: 0;
margin: 50px 10px 15px 0;
}

/* "Coming Soon" Index */

#index_header {
position: absolute;
top: 200px;
width: 100%;
text-align: center;
z-index: 1;
}

#index_header img {
padding: 5px;
border: 1px solid #eaf5e9;
}

#index_header_text {
position: relative;
top: 290px;
left: -343px;
z-index: 2;
color: #eaf5e9;
font: 14px "Arial" sans-serif;
}

/* </"Coming Soon" Index> */

#container {
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding: 0;
width: 800px;
background: #eaf5e9;
text-align: left;
}

#header {
height: 127px;
width: 800px;
background-image: url('images/header.jpg');
padding: 0;
margin: 0;
text-align: left;
}

#header p {
margin: 0;
padding: 83px 0 0 20px;
}

#header p a:link {
color: #eaf5e9;
font: 14px "Arial" sans-serif;
text-decoration: none;
margin-right: 20px;
}

#header p a:visited {
color: #eaf5e9;
font: 14px "Arial" sans-serif;
text-decoration: none;
margin-right: 20px;
}

#header p a:hover {
color: #eaf5e9;
font: 14px "Arial" sans-serif;
text-decoration: underline;
margin-right: 20px;
}

#left_column {
float: left;
width: 380px;
padding: 5px 0 20px 30px;
margin: 0;
text-align: left;
}

#right_column {
float: left;
width: 360px;
padding: 5px 0 20px 10px;
margin: 0 0 10px 0;
text-align: left;
}

#recent-clients {
float: left;
width: 400px;
padding: 5px 0 20px 10px;
margin: 0 0 10px 0;
text-align: left;
}

#no_column {
width: 760px;
padding: 5px 20px 20px 20px;
margin: 0;
text-align: left;
clear: both;
}

#right {
float: right;
width: 300px;
margin: 5px 20px 10px 0;
padding: 0 10px 10px 10px;
border: 1px solid #8aa190;
font: 12px "Arial" sans-serif;
color: #8aa190;
font-style: italic;
}

#right p {
padding: 0;
margin: 10px 0 0 0;
}

#left {
float: left;
width: 200px;
margin: 5px 20px 10px 20px;
padding: 5px;
border: 1px solid #8aa190;
}

#left1 {
float: left;
width: 200px;
padding: 0;
margin: 10px 10px 10px 20px;
}

#left2 {
float: left;
width: 230px;
padding: 0;
margin: 10px;
}

#left3 {
float: left;
width: 200px;
padding: 0;
margin: 10px;
}

#clear {
clear: both;
}

.writing {
padding: 0 0 10px 0;
margin: 0;
}

.new_writing {
padding: 10px;
margin: 0 0 10px 0;
background-color: #F0E5E6;
text-align: left;
}

.quote {
font-style: italic;
margin: 0 20px 0 0;
}

#form {
padding: 5px 20px 20px 20px;
margin: 0;
text-align: left;
clear: both;
}

#footer {
clear: both;
padding: 10px 0 20px 0;
margin: 0;
font: 10px "Arial" sans-serif;
text-align: center;
}

#footer a:link {
color: #8aa190;
font: 10px "Arial" sans-serif;
text-decoration: underline;
font-weight: bold;
}

#footer a:visited {
color: #8aa190;
font: 10px "Arial" sans-serif;
text-decoration: underline;
font-weight: bold;
}

#footer a:hover {
color: #8aa190;
font: 10px "Arial" sans-serif;
text-decoration: none;
font-weight: bold;
}