*{  margin: 0;  padding: 0;}

/* -------------------------------------- default HTML */
.demo { position:absolute;  width:915px;  height:677px; z-index:200; padding:0px;!important; background: #E6E6E6;}

html>body, body { text-align: center; font: 10pt Trebuchet MS;  background: #e6e6e6!important; color: #333;}

h1, h2, h3, h4 {line-height: 1.2em; margin: 10px 0 10px 0;}
h1 { font-size: 1.3em; color: #7B407B; font-weight: bold;}
h2 { font-size: 1em; color: #333; padding:0; margin:15px 0 0 0;}
h3 { font-size: 1.2em; color: #7B407B; padding:0; margin:10px 0 0 0;}
h4 { font-size: 1em; padding:0; margin:0 0 5px;}
h1 a img {  border: none;}
p { line-height: 14pt;}
strong {  color: #444;  background-color: inherit;}
ol {  list-style: decimal inside;}
blockquote{  padding: 8px 0 0 0;}
cite { display: block; width: 100%; text-align: right; color: #660066; padding: 0 0 4px 0;}
a {  color: #9C3692;}
a:hover{  color: #660066;}
table{ width: 100%}
table td{ color: #333; vertical-align: text-top; padding: 2px;  background: #FEEBF4; }

/* ---------------------------------------- gallery */
ul.gallery li, .column img { width: 150px; height: 113px; overflow: hidden;float: left; margin: 0px; border: 2px solid white; -moz-box-shadow: 0 0 2px #660066; -webkit-box-shadow: 0 0 2px #660066; box-shadow: 0 0 2px #660066; margin: 2px; }
ul.gallery li img { width: 150px!important; height: auto; border: none;}

div#content-gallery { float: left; background:#FCD1E7; padding: 15px; width: 635px; min-height: 335px;}
div#content-gallery td { background:none; }

.column { float: left;  width: 150px; margin: 0 10px 10px 0; text-transform: capitalize;}
.column img { width: 150px; height: auto; margin-top: 10px; }

/* --------------------------------------- form fields */
fieldset {
  border: none;
  font-size: 0.7em;
}
select {  width: 150px;}

/* -------------------- global properties - containers */
#wrapper {
  text-align: left;
  width: 900px;
  margin: 0 auto;
}

/* ------------------------------------- header styles */
#header { background: white url(../css_img/header.jpg) top center no-repeat;; height: 117px;}

ul#topmenu {
  border-bottom: 5px black solid;
  height: 25px;
  list-style: none;
}

ul#topmenu li {
  margin-right: 7px;
  float: left;
}
ul#topmenu li a {
  color:#669;
  margin-left: 4px;
}

/* -------------------------------------- navigation */
#navigation{  padding: 65px 0 0 25px;}

.nav, .nav ul { 
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: 1em/33px Trebuchet MS;
  color: #999;
  display: block;
  padding: 0 18px;
  text-decoration: none;
  
}

.nav li a:hover {  color: #000;	}
.nav li a:active{  color: #000;	}

#active {  color: #660066;}

#nav-one .bdr-top {
  /*adds border to top of first li in subnav make sure to class li*/
  border-top: 4px solid #824482;
}

#nav-one li:hover ul a {
  /*changes the bg color of submenu*/
  background: #944D94;
  color: #fff;	
  font: 1em/22px Trebuchet MS;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  /*hover color of subnav*/
  background: #824482;
  color: #fff;	
}

.nav ul {
  background: #944D94;
  list-style: none;
  margin: 0;
  width: auto;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 33px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  width: auto;
  white-space: nowrap;
  
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

/* -------------------------------------- sub navigation */
ul.side_nav {
list-style: none;
margin: 0 0 0 30px;
}

ul.side_nav li { padding: 2px 0 3px 0;}



/* -------------------------------------- content */
/* --- content sections ---*/

#content{
  background-color:#FFF;
  font: 10pt/14px Trebuchet MS;
  padding-bottom: 10px;
}

div#center-col-content {
  float: left;
  padding: 25px 0 0 0;
  width: 650px;
  min-height: 530px;
}

div#content-box{
  width: 660px;
  background:#F674B7;
}
div#content-box-left{
  float: left;
  background:#FCD1E7;
  padding: 25px;
  width: 325px;
  min-height: 335px;
}

div#content-box-left p{
  padding-bottom: 8px;
}
div#content-box-right{
  padding: 10px;
  float: right;
}


/* --- home --- */

#home-content {
  font: 10pt/14px Trebuchet MS;
  height: 525px;
  background:url(../css_img/home_bg.jpg) bottom right no-repeat;
  background-color: #FFF;
}

div#left-col {
  float: left;
  width: 210px;
  height: 155px;
}

div#center-col {
  float: left;
  width: 350px;
  padding: 45px 0 0 0;
}
div#center-col a {
  color: #9C3692;
  text-decoration: none;
}

div#center-col p{  line-height: 130%;}


div#right-col {
  float: left;
  width: 158px;
  padding: 10px 20px;
  color: inherit;
  margin: 0 1px 0 0;
  background-color: #f8f8f8;
}

/*--------------------- gmap */
div#map {
  height: 371px!important;
  width: 403px;
  float: left;
  font-size: 1.2em;
  border: 1px solid #999;
  text-transform: capitalize;
}

div#map h4 {  margin: 0;}
/* -------------------- end gmap */

#clear {clear:both;}
a.x {display: none;}
	
/* ----------------------------- footer */
#footer { margin-top: -15px; clear:both; background:url(../css_img/footer.gif) no-repeat; height: 50px;}
#footer p { padding: 26px 0 0 15px; color: #666; font-size: 0.9em;}
#footer  a { color: #666;  text-decoration: none;}
#footer  a:hover { color: #944D94;}


/* Clear Floated Elements -----------------------------------------------------------------------------*/
.clearfix:after { clear: both; content:' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%;}
.clearfix { display: block;}