﻿/* -- General Properties -- */

* {
margin:0;
}
html {
height:100%;
}
ul,ol {
position:relative;
}
body {
background:url(images/bg.jpg) #e6cda0 repeat;
border:0px;
color:#46503c;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:.7em;
}
a {
color:#8c9646;
text-decoration:none;
}
a:hover {
color:#aa9646;
text-decoration:none;
}
a:focus,
a:active {
outline:none;
text-decoration:none;
}
img {
border:0px;
}

/* -- Div Properties -- */

.body {
width:770px;
margin:auto;
}
.logo {
display:block;
padding-top:20px;
}
.logo a {
display:block;
background:url(images/logo.gif) no-repeat;
float:left;
width:375px;
height:52px;
text-indent:-1000em;
}
.footer {
clear:both;
display:block;
padding:20px 0px 30px 0px;
text-align:center;
}

/* -- Content Properties -- */

.main {
clear:both;
display:block;
width:770px;
margin:0px 0px 20px 0px;
}
.main .home {
background:url(images/home.jpg) #f0f0e6 no-repeat;
height:250px;
}
.main .home .content {
background:none;
width:350px;
padding:30px;
}
.main .content {
background:#f0f0e6;
padding:30px;
}
.main .content .left {
width:450px;
}
.main .content .right {
text-align:right;
}
.main .bottom {
display:block;
background:url(images/shadow1.gif) no-repeat;
margin:auto;
width:755px;
height:10px;
}
.box1 {
display:block;
float:left;
width:300px;
}
.box1 .content {
background:#f0f0e6;
padding:30px;
min-height:170px;
height:170px;
}
.box1 .bottom {
display:block;
background:url(images/shadow2.gif) no-repeat;
margin:auto;
width:219px;
height:12px;
}
.box2 {
display:block;
float:right;
width:430px;
height:auto;
}
.box2 .content {
background:#f0f0e6;
padding:30px;
min-height:170px;
height:170px;
}
.box2 .bottom {
display:block;
background:url(images/shadow2.gif) no-repeat;
margin:auto;
width:268px;
height:12px;
}

/* -- Other Properties -- */

hr {
border:0;
clear:both;
color:#737869;
background-color:#737869;
height:1px;
margin:10px 0px 10px 27px;
>margin:5px 0px 5px 27px;
}
ul {
list-style:none;
margin:10px 0px 0px 0px;
padding:0;
}
ul li {
background:url(images/bullet.gif) 7px 7px no-repeat;
line-height:1.7em;
font-size:1em;
padding:0px 0px 5px 27px;
}
.list {
list-style:none;
margin:10px 0px 0px 20px;
padding:0;
}
.list li {
background:url(images/arrows.gif) 7px 5px no-repeat;
line-height:1.4em;
margin:0;
padding:0px 0px 0px 27px;
}
.main ul li {
padding:0px 0px 15px 27px;
}
.title {
background:url(images/arrow.gif) 0px 5px no-repeat;
padding:0px 0px 10px 25px;
}
.link {
background:url(images/arrows.gif) 0px 5px no-repeat;
color:#737869;
font-weight:bold;
margin:10px 0px 0px 27px;
padding:0px 0px 10px 15px;
}
.frame {
display:block;
background:url(images/frame.gif) no-repeat;
width:224px;
height:160px;
margin:10px 0px 20px 0px;
}
.frame img {
display:block;
padding:5px 12px 0px 12px;
}
.photo {
display:block;
background:#fafaf1;
border:1px solid #e0e0d6;
padding:5px;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}

/* -- Menu Properties -- */

.menu {
clear:both;
float:right;
margin:15px 0px 15px 0px;
}
.menu ul {
list-style:none;
margin:0;
padding:0;
}
.menu ul li {
background:none;
float:left;
font-size:1em;
padding:4px 10px 2px 10px;
margin:0px 5px 0px 5px;
}
.menu ul li a {
display:block;
text-indent:-1000em;
height:20px;
}
.menu #on {
display:block;
background:#f0e1be;
opacity:0.9;
filter:alpha(opacity=90);
}
.menu1 a {
background:url(images/menu1.gif) left top no-repeat;
width:38px;
}
.menu1 a:hover,
.menu1 .on {
background:url(images/menu1a.gif) left top no-repeat;
width:38px;
}
.menu2 a {
background:url(images/menu2.gif) left top no-repeat;
width:34px;
}
.menu2 a:hover,
.menu2 .on {
background:url(images/menu2a.gif) left top no-repeat;
width:34px;
}
.menu3 a {
background:url(images/menu3.gif) left top no-repeat;
width:53px;
}
.menu3 a:hover,
.menu3 .on {
background:url(images/menu3a.gif) left top no-repeat;
width:53px;
}
.menu4 a {
background:url(images/menu4.gif) left top no-repeat;
width:57px;
}
.menu4 a:hover,
.menu4 .on {
background:url(images/menu4a.gif) left top no-repeat;
width:57px;
}
.menu5 a {
background:url(images/menu5.gif) left top no-repeat;
width:72px;
}
.menu5 a:hover,
.menu5 .on {
background:url(images/menu5a.gif) left top no-repeat;
width:72px;
}

/* -- Text Properties -- */

p {
font-size:1.2em;
line-height:1.7em;
margin:0px 0px 0px 27px;
padding:10px 0px 5px 0px;
}
p a {
border-bottom:1px solid #e6dcc8;
}
p a:hover {
border-bottom:1px solid #beaa78;
}
p em {
font-style:italic;
}
p strong {
color:#737869;
font-weight:bold;
}
h1, h2, h3 {
color:#737869;
font:bold 1.2em Georgia,Times,serif;
letter-spacing:1px;
line-height:1.7em;
margin:0;
padding:10px 0px 0px 27px;
}
h4 {
color:#737869;
font:bold 1.2em Tahoma,Verdana,Arial,Helvetica,sans-serif;
letter-spacing:1px;
line-height:1.7em;
padding:10px 0px 0px 27px;
}
h5 {
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
line-height:1.7em;
padding:5px 0px 5px 27px;
}

/* -- Contact Form Properties -- */

form {
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
}
.error {
margin:0;
padding:0;
}
fieldset {
border:0;
padding:0;
}
.label {
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
padding:0;
}
.text {
display:block;
border:1px solid #969b91;
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
margin:3px 0px 5px 0px;
padding:3px 5px 3px 5px;
width:170px;
}
.short {
display:block;
border:1px solid #969b91;
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
margin:3px 0px 5px 0px;
padding:3px 5px 3px 5px;
width:70px;
}
.select {
display:block;
border:1px solid #969b91;
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
margin:3px 0px 5px 0px;
}
.textarea{
display:block;
border:1px solid #969b91;
width:170px;
height:100px;
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
margin:3px 0px 5px 0px;
padding:3px 5px 3px 5px;
}
.button {
display:block;
background-color:#fffff5;
border:1px solid #969b91;
font:normal 1em Tahoma,Verdana,Arial,Helvetica,sans-serif;
margin:10px 0px 5px 0px;
padding:2px 5px 2px 5px;
}