/* CSS-RESET */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, img, q, s, small, button, strike, strong, dl, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

body { background: url(img/bg.gif); }
#site { background: url(img/bggrad.jpg) repeat-x top; }
#wrap { width: 980px; overflow: hidden; margin:0 auto; }
.logo { width: 383px; }
#mainlogo { display: block; margin-left: -30px; }
#shadow { position: absolute; background: url(img/shadow.png) no-repeat; height: 95px; width: 950px; margin-top: 210px; }
.main { position: absolute; height: 256px; width: 950px; margin: 0 auto; }
.main div { height: 256px; display: table-cell; vertical-align: bottom; }
.mirror { position: absolute; width: 950px; margin: 256px auto 0 auto; }
.morror div { height: 256px; display: table-cell; }
.img1, .img2, .img3, .img4 { float: left; bottom: 0px; }
#top1 { border-bottom: 1px solid #bcfa2d; padding: 10px 0px; height: 92px; width: 560px; }
#top2 { border-bottom: 1px solid white; padding: 10px 0px; }
#folio { width: 800px; overflow: hidden; height: 350px; display: block; }
#folio ul { width: 20000px; height: 300px; }
#folio ul li { display: block; float: left; width: 800px; height: 350px; color: #fff; font: 14px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-align: left; background: white; border-bottom: 2px solid }
#folio ul li img { border-bottom: 3px solid #647b2f; }
#folio ul li a img { border: 0; padding: 0 0 0 10px; margin-top: -5px; }
#folio ul li div { float: right; margin: 10px 10px 0 0; color: black; text-align: right; }
#folio ul li div img { border: 0; }
#arrow-left { position: absolute; width: 42px; height: 27px; margin: 130px 0 0 -42px; overflow: hidden; }
#arrow-left div { margin-left: 13px; }
#arrow-right { position: absolute; width: 42px; height: 27px; margin: 130px 0 0 800px; overflow: hidden; }
#arrow-right div { margin-left: -71px; }
#area-left { position: absolute; width: 400px; height: 270px; }
#area-right { position: absolute; margin-left: 400px; width: 400px; height: 270px; }
.contact { color: white; font: 16px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; }
.contact div { float: left; color: white; width: 150px; padding: 5px; font: 16px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.contact div input { width: 300px; padding: 5px; color: white; border: 2px solid white; background: none; }
.contact textarea { background: none; color: white; border: 2px solid white; width: 300px; padding: 5px; height: 100px; }
.contact button { border: 0; padding: 5px 5px 5px 0; color: #bcfa2d; font: 14px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.menu ul li { float: left; color: #fff; font: 24px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin: 70px 20px 0 0; }
.menu ul li a { color: #bcfa2d; padding: 5px 5px 5px 0; text-decoration: none; font: 20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.contact div.red { width: 500px; border: 2px solid red; margin-bottom: 5px; }
.contact div.green { width: 500px; border: 2px solid #bcfa2d; margin-bottom: 5px; }
.active { border-bottom: 2px solid white; }

.center { margin: 0 auto; text-align: center; }
.floatl { float: left; }
.floatr { float: right; }
.clear { clear: both; }
.space-100 { height: 100px; }
.space-20 { height: 20px; }
.space-50 { height: 50px; }
.space-300 { height: 300px; }
.padd20 { padding: 0 30px; }
.w-100 { width: 100px; }

.main td { vertical-align: bottom; }
.mirror td { vertical-align: top; }

img { margin: 0 10px; }
.buttons { margin-bottom: 5px; color: #fff; font: 24px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.buttons img { margin: 0px; }
.buttons a { color: #bcfa2d; padding: 5px 5px 5px 0; text-decoration: none; font: 18px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
.buttons a:hover { color: #e7ffae; }
li img { margin: 0px; }
p { color: black; padding: 10px; display: block; }
br { clear: both; }