/* Color template 1*/
body {margin: 0; padding: 0; text-align: center; color: #DDD; background: #CC9; behavior: url(csshover.htc);} /*WinIE behavior call*/
a {text-decoration: none; color: #960; font-size: 12px; font-weight: bold;}
a:hover {color: #990;}
#container {position: relative; width: 750px; height: auto; margin: 0px auto; background:  url(../images/Top300.jpg) no-repeat top center #300;}
#banner {position: abolute; background:  url(../images/WebBanner2.jpg) no-repeat center 0px; height: 114px; z-index: 100; font: 25px Georgia, "Times New Roman", Times, serif; text-align: left; font-style: italic; color: #CC9; margin-top: 0px;}
#banner span {font: 50px bold; font-style: italic;}
#nav {text-transform: uppercase; font: 12px arial, helvetica, sans-serif; color: #960; margin: 0px; text-align: center;}
#nav a {color: #F60; padding: 3px 0px 3px 0px;}
#nav a:hover {color: #FECC80;}
div#nav ul{margin: 0px; padding: 0px; background: #543225;}
div#nav li{position: relative; list-style: none; margin: 0; float: left; width: 8.5em;}
div#nav li a {display: block;}
div#nav li.submenu {background: url(../images/pointdown.png) 100% 80% no-repeat; z-index: 110;}
div#nav ul ul {position: absolute; right: 0px;  display: none;}
div#nav ul.level1 li.submenu:hover ul.level2 {display: block;}
#content {width: auto; height: auto; background: transparent; margin: 50px 20px 40px 20px; z-index: 10;}
#galleries {text-align: left; font-family: Arial, Helvetica, Sans-serif; text-size: 12px; color: #CC9; padding: 30px; left: 0px;}
#galleries b {text-weight: bold; text-transform: uppercase;}
#contact {font-family: Arial, Helvetica, Sans-serif; text-size: 12px; color: #CC9; padding: 10px;}
#image {margin-top: 25px; float: left; margin-left: 50px; padding-bottom: 20px; font: 12px arial; text-align: right; font-style: italic; color: #990;}
#image span {font-size: 18px;}
#text {top: 40px; margin-left: 300px; width: 380px; padding-top: 30px; padding-bottom: 20px; text-indent: 1em; color: #CC9; text-align: justify; font: 13px arial, helvetica, sans-serif;}
h3 {text-indent: 0px; text-transform: uppercase;}
#contact-area {font-family: arial, helvetica, sans-serif; font-size: 90%; text-align: right; width: 330px; margin-top: 25px; margin-left: 180px; padding-bottom: 10px;}
#contact-area input, #contact-area textarea {padding: 5px; width: 200px; font-family: Helvetica, sans-serif; font-size: 1em; margin: 0px 0px 5px 0px; color: #000; background: #CC9;}
#contact-area textarea {height: 90px; color: #000; background: #CC9;}
#contact-area input.submit-button {width: 80px; float: right; color: #000;}
label {float: left; text-align: right; width: 110px; padding-top: 2px; font-size: 1.2em;}
#hangings {font-family: arial, helvetica, sans-serif; color: #CC9;}
#pics {float:left; margin-left: 100px; margin-bottom: 40px;}
#col1 {position: relative; margin-top: 0px; float: left;}
#col2 {position: relative; margin-top: 0px; float: right; margin-right: 100px;}
#thanks {font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: center; color: #CC9; padding: 30px;}
#footer {background:  url(../images/Bot990.jpg) no-repeat bottom center; font: 9px arial; color: #C33; text-align: left; font-style: italic; padding-left: 20px; margin-top: -1px; clear: both;}
#design {position: absolute; padding-top: -15px; text-align: left;}
#copyright {position: relative; width: 300px; margin-left: 410px; font-size: 10px; text-align: right;}
#design a {font: 9px arial; color: #C33; text-transform: lowercase;}
#design a:hover {color: #CC9;}
.note {font-style: italic; color: #996610; padding-left: 40px;}

