﻿body { background-image: url("images/fascia.png"); font-size: 13px; font-family: verdana, sans-serif; color: #000; letter-spacing: 1px; line-height: 140%; margin: 0px; cursor: default; }

//a { text-decoration: none; }
a:link, a:visited { color: #000; }
a:hover, a:active { color: #fff; }

img { border: none; } 

h1 { font-weight: normal; }
h2 { font-weight: normal; }
h3 { font-weight: normal; }

#wrapper { width: 760px; position: absolute; top: 0px; left: 50%; margin-left: -380px; padding: 50px 0px 0px 0px; }

#imagebar { position: absolute; left: -1000px; top: 0px; width: 1130px; height: 100%; z-index: -1; overflow: hidden; }
.imagebox { margin-top: 90px; float: right; clear: right; width: 100%; }
.green { background-color: #508040; }
.blue { background-color: #406090; }
.orange { background-color: #b63; }
.bloodorange { background-color: #b64; }
//.yellow { background-color: yellow; }
.yellow { background-color: #fcfc00; }
//.yellow { background-color: #eff215; }
//.yellow { background-color: #fafaba; }
.white { background-color: white; }
.clr { clear: both; }
#imagebar img { float: right; margin: 10px 158px 10px 0px; }

#header { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; z-index: 1; }

.box { position: relative; padding: 10px; z-index = 1; }
//.box { border: 1px solid #ccc; padding: 10px; }

#aboutus { position: relative; margin: 0px; padding: 30px 0px 0px 0px; z-index: 1; text-align: right; }
#aboutus img { float: left; margin-right: 10px; padding: 10px 10px 10px 0px; }
#aboutus p { margin-left: 140px; }

#buttons { position: relative; float: right; clear: both; width: 600px; height: 180px; margin: 40px 0px 40px 0px; z-index: 1; }
.button { float: left; width: 300px; height: 160px; margin: 0px; }
#distributor { background: url("images/distributor.png") no-repeat center; z-index: 1; }
#homepage { background: url("images/homepage.png") no-repeat center; z-index: 1; }
#blog { background: url("images/blog.png") no-repeat center; z-index: 1; }
.switch { display: inline; position: relative; float: left; margin: 20px 0px 0px 105px; z-index: 1; } /* display inline is IE6 fix */
.switch a { display: block; width: 91px; height: 91px; background-image: url("images/button.png"); }
.switch a:hover, .switch a:focus { background-position: 0px -91px; }
a .alt { display: none; }

#reviews { position: relative; clear: both; margin: 0px; padding: 20px 0px 0px 0px; z-index: 1; }
#reviews .box { width: 450px; height: 220px; }

.review { clear: both; margin: 0px; padding: 20px 0px 10px 0px; }

#reviews img { float: right; padding: 10px; }
#reviews .box { float: left; }
#reviews .box img { float: left; padding: 0px 10px 0px 0px; }
#reviews .odd img { float: left; }
#reviews .odd .box { float: right; text-align: right; }
#reviews .odd .box img { float: right; padding: 0px 0px 0px 10px; }

#footer { position: relative; float: right; clear: both; margin: 0px 0px 0px 0px; padding: 20px 0px 10px 0px; z-index: 1; }