@charset "utf-8";
/* Copyright 2009 Michael Pratt */

body { background: #80a9c7; font-family:Verdana, Arial, Helvetica, sans-serif }

.text_alt { text-indent: -9999px; position: absolute }

#bg { background: url(../img/bg.jpg) center bottom fixed no-repeat; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px;}
#container { min-width: 790px; width: 90%; max-width: 1020px; margin: 2% auto; height: 100%}
#boxes { background: url(../img/center.png) center center no-repeat; width: 100%; position: relative; z-index: 2; margin-bottom: -100px}
.side { width: 31%; min-width: 200px; }
.box { height: 200px; margin-bottom: 45px; text-align: center; background: url(../img/cloud.png) center top no-repeat; cursor: pointer;}
.left { }
.right { position: absolute; right: 0px; top: 0px;}

.box h1 { height: 50px; top: 19px; position: relative; font-size: medium; margin: 0px;}
.box ul { padding: 0px 5px; list-style:none; background: #b0c6de; padding: 10px; border: 1px solid #fff; z-index: 10; position: relative;}
.box a { color: #000; text-decoration: none; }

#content-wrapper { position: relative; width: 700px; margin: 0px auto;}
#content-head { background: url(../img/hill.png) center no-repeat scroll; height: 60px; }
#content-foot { background: url(../img/hillbot.png) center no-repeat scroll; height: 20px; }
#content { background: url(../img/contentback.png) center top repeat-y scroll; position: relative; padding: 10px; }
#content h1 { font-size: large;}
#content h1:first-letter { font-size: larger; }
#content p { margin: 5px 15px; text-indent: 2em; }

#contact { float: right; }
#mailicon { background: url(../img/mail.png) left no-repeat; text-indent: 35px; } 
#contact a { color: #000; font-size: smaller; }


img.left { float: left; margin: 5px; position: relative}
img.right { float: right; margin: 5px; position: relative}

#footer { text-align: center; color: #222; }