/* CSS Document */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #525252; }
/* CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 710px; text-align: left; }
#container { margin: 0 auto; width: 710px; float: left; }
ul { list-style: none; }

/* DOCUMENT WIDE TEXT STYLES */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #4debcf; font-weight: bold; padding-bottom: 5px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e6206b; font-weight: bold; }
h2 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e6206b; font-weight: bold; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #525252; font-weight: bold; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #525252; padding-bottom: 15px; }
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #525252; }
.bold { font-weight: bold; }

/* HEADER AND TOP NAVIGATION STLYES */
#header { background: url(../images/banner.jpg) no-repeat 50% 0; width: 710px; height: 84px; }
/* adjust width and padding for how far the links go left is here */
ul#nav { list-style: none; float: left; padding: 58px 0px 0px 340px; width: 370px; }
ul#nav li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #a15fd2; font-weight: bold; padding-left: 5px; }
ul#nav li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #a15fd2; text-decoration: none; font-weight: bold; }
ul#nav li a:hover { text-decoration: underline; }

/* CONTENT STYLES */
#content { float: left; width: 710px; margin: 15px 0px 15px 0px; }
/* MAIN TEXT STYLES */
#main { float: left; width: 449px; padding: 0px 30px 0px 0px; }
#section1 { float: left; padding-bottom: 15px; }
#section2 { float: left; padding-bottom: 5px; }
/* SIDE BAR STYLES */
#side-bar { float: left; width: 230px; }
#side-text { background: url(../images/menu-bg.jpg) repeat-y 50% 0; float: left; width: 200px; padding: 10px 15px 10px 15px; }
#side-text p { padding: 0px; }
.break { padding: 8px 0px 5px 2px; }
.img-left { float: left; padding: 5px 15px 20px 0px; }
.img-right { float: right; padding: 0px 0px 10px 15px; }
.img-bot { float: left; padding: 0px 0px 10px 0px; }
/* BLOGGER SIDE BAR LINKS */
ul.archives { list-style: none; float: left; width: 195px; padding: 3px 0px 0px 5px; }
ul.archives li { display: block;  }
ul.archives li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5289CF; text-decoration: none; }
ul.archives li a:hover { text-decoration: underline; }

/* GALLERY PAGE STYLES */
#iframe { float: left; padding: 0px 0px 10px 125px; }

/* CONTACT PAGE STYLES */
#left { float: left; }
#right { float: left; }
#inquiry { width: 250px; padding: 0px 110px 0px 0px; float: left; }
* html #inquiry { width: 300px; padding: 0px 50px 0px 0px; float: left; }
#radios { float: left;  padding: 0px 0px 15px 0px; }
.form-line { float: left; width: 192px; }
.input-title { width: 60px; float: left; padding-top: 3px; }
.input-title p { padding: 0px 0px 12px 5px; }
.inputs { width: 190px; float: left; }
.inputs p { padding: 0px 0px 4px 5px; }
input.input { height: 13px; width: 190px; }
textarea.textarea { height: 70px; width: 190px; }
input.submit { float: right; }

#map { width: 350px; float: right; }
* html #map { width: 350px; float: left; }
#contact { width: 350px; text-align: right; padding-top: 10px; }
#inquiry a, #contact a { color: #5289CF; text-decoration: none; }
#inquiry a:hover, #contact a:hover { color: #5289CF; text-decoration: underline; }

/* FOOTER STYLES */
#footer { background: url(../images/footer.jpg) no-repeat 50% 0; float: left; width: 710px; height: 12px; }
#text-foot { float: left; padding: 15px 0px 0px 10px; }
#modernlogo { float: left; padding: 15px 0px 0px 300px; }
