body { background-image: url('../images/bg.jpg'); font-family: verdana, helvetica, sans-serif; }

#wrapper { background: #fff; margin: 5px auto 0px auto; width: 960px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

.border-img { border: #4c2f52 solid 2px; padding: 0px; }

.top {font-size: 11px;}

.clearB { clear: both; }

h1 { font-family:'Petit Formal Script', cursive; color:#4c2f52; font-size: 20px; }

h1 a { color: #828388; }

h1 a:hover { color:#a7a8ad; }

h2, h3, h4, h5, h6 { color:#4c2f52; }

ul li { list-style-type:square; }

/*=================================================================================
================================ Header & Branding ================================
===================================================================================
=================================================================================*/

header { text-align: left; }

#header { width: 710px; margin: 0px auto; padding-top: 10px; }

img.logo { float:left; margin-right:12px; }

.logotxt { padding-top: 15px; }

span.logo { font-family: 'Petit Formal Script', cursive; font-size:38px; font-weight: bold }

p.logo { color:#53284F; font-size: 24px; text-align:center; }

/*=================================================================================
================================ Main Navigation ==================================
===================================================================================
=================================================================================*/

nav { width: 958px; height: 47px; margin: 25px auto; font-size: .9em; background: url(../images/nav-bg.jpg) repeat; border: #828388 solid 1px; }

ul.topnav { clear:left; float:right; right:50%; text-align:center; height:44px; list-style: none; margin: 0px; padding: 0px; position:relative; font-size: 15px; } 
 
ul.topnav li { display:block; float: left; left:50%; position: relative; /*--Declare X and Y axis base for sub navigation--*/ z-index:10; line-height:47px; border-right: #828388 solid 1px; border-left: #828388 solid 1px; } 
 
ul.topnav li a{ float:left; padding: 0px 15px; text-transform:uppercase; font-size:15px; color:#CCC; }  

ul.topnav li a:hover{ color:#a7a8ad; background:#4c2f52; } 
 
ul.topnav li span { float: left; font-size:12px; }  

ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; } /*--Hover effect for trigger--*/ 
 
ul.topnav li ul.subnav { list-style: none; position: absolute !important; /*--Important - Keeps subnav from affecting main navigation flow--*/ width:140px; right:0%;  left: 0px; top: 47px; display:none; float: left !important; z-index:10; padding: 0px; margin:0px; text-align:left; } 
 
ul.topnav li ul.subnav li{ width:140px; clear: both; margin:0; padding:0; float: left !important; left:0%; line-height: normal!important; } 

html ul.topnav li ul.subnav li a { text-align:left; padding: 10px; margin:0px; font-size:13px; background:#4c2f52 !important; color:#a7a8ad; font-weight:normal !important; display:block; width:120px; }  

html ul.topnav li ul.subnav li a:hover { color: #828388; /*--Hover effect for subnav links--*/ }

ul.topnav li ul.subnav li ul.subnav2 { list-style: none; position: absolute; /*--Important - Keeps submenu1 from affecting main navigation flow--*/ left: 179px; top: 10px; margin: 0; padding: 0; display: none; float: left; width: 140px; }

#subMenu { font-family: 'Petit Formal Script', cursive; font-size:26px; font-weight: bold; padding:20px; text-align: center; }

#subMenu a { text-decoration:none; color:#828388; }

#subMenu a:hover { text-decoration: underline; color:#a7a8ad; }

/*=================================================================================
================================== Page Content ===================================
===================================================================================
=================================================================================*/

#content { margin:0px auto; padding: 10px; }

article { width: 450px; float: right; padding-right: 10px; font-size:14px; }

article.big { width: 635px; float: right; padding-right: 10px; font-size:14px; }

article.big p.quote { font-size:12px; font-style: italic; }

article.big p.testimonial { text-align:right; font-size:12px; }

article.big td { width: 317px; background: #ccc; padding: 5px; border: #a7a8ad solid 1px; }

article#gallery { width: 920px; padding: 0px 15px; margin: 0px auto; font-size:14px; }

.vendor td { width: 100%; text-align: center; border: #a7a8ad solid 1px; }

.gallery { width: 850px; margin: 10px auto; background: #ccc; border: #a7a8ad solid 1px; padding: 5px; }

.gallery a { color: #4c2f52; text-decoration:none; border-bottom:1px dotted #4c2f52; }

.gallery a:hover { color: #644969; text-decoration:none; border-bottom:1px dotted #644969; }

.gallery img { padding: 10px; }

article h1 { border-bottom:1px dotted #fff; }

article a { color:#828388; text-decoration:none; border-bottom:1px dotted #828388; }

article a:hover { color:#a7a8ad; text-decoration:none; border-bottom:1px dotted #a7a8ad; }

aside { width:450px; float: left; padding-left: 10px; font-size: 14px; }

aside.small { width:250px; float: left; padding-left: 10px; }

aside img { padding-top:10px; }

aside#testimonials { width:250px; float: left; padding-left: 10px; }

aside#testimonials a { color: #4c2f52; }

aside#testimonials a:hover { color: #644969; }

.testimonials { width: 238px; background: #ccc; border: #a7a8ad solid 1px; padding: 5px; margin-bottom: 10px; }

.testimonials p.quote { font-size:11px; font-style: italic; }

.testimonials p.testimonial { text-align:right; font-size:11px; }

.slider-wrapper { width: 100%; margin: 0px auto; }

/*=================================================================================
================================ Footer & Sub Nav =================================
===================================================================================
=================================================================================*/

footer { width: 960px; margin:25px auto 0px auto; font-size:12px; }

footer ul li { display: inline-block; }

footer a { color:#4c2f52; padding: 0px 2px; }

footer a:hover { color:#644969; }

.fRight { width: 320px; display: block; float: right; padding: 0px 0px 0px 10px; }

.fLeft { width: 600px; display: block; float: left; padding: 0px 10px 0px 0px; }

/*=================================================================================
================================ HomePage Rotator =================================
===================================================================================
=================================================================================*/

#homepage-rotator  { clear:both; width:960px; height:332px; overflow:hidden; position:relative; }

#homepage-rotator-slide  { width:960px; height:384px; margin:0px; padding:0px; }

/*=================================================================================
================================ Slider Styles ===============================
===================================================================================
=================================================================================*/

/* Rotator Callout */

#rotator-callout  { width:100%; margin:0px; padding:0px; position:relative; float:left; zoom:1; z-index:5; }

#header-slideshow  { width:100%; height:100%; margin:0 auto; padding:0; overflow:hidden; border:2px solid #4c2f52; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }

#header-slideshow img { margin: 0px; padding: 0px; }

#home-header-slideshow  { width:100%; height:100%; margin:0 auto; padding:0; overflow:hidden; }

#home-header-slideshow img { margin: 0px; padding: 0px; }


/* PREV & NEXT FOR SLIDESHOW */
#prev-container  { margin: 10px; position:absolute; left: -10px; top: -10px; z-index:900; width:46px; height:30px; }

a#header-slideshow-prev { margin:12px 0px 0px 6px; display:block; width:23px; height:30px; background:  url(../images/header-slideshow/navigation/prev.png) no-repeat top right;  }

a:hover#header-slideshow-prev { background:url(../images/header-slideshow/navigation/prev.png) no-repeat top left; }

#next-container  { margin: 10px; position:absolute; right: -22px; top: -10px; z-index:900; width:46px; height:30px; }

a#header-slideshow-next { margin:12px 0px 0px 6px; display:block; width:23px; height:30px; background:  url(../images/header-slideshow/navigation/next.png) no-repeat top left;  }

a:hover#header-slideshow-next { background:url(../images/header-slideshow/navigation/next.png) no-repeat top right; }


/* PAGER AT THE TOP */

#header-pager  { width: 400px; margin: 0px auto; z-index: 50; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}

#header-pager a { margin:3px; padding: 2px 5px; border: 1px solid #3d3d3d; background: #a7a8ad; text-decoration: none; color:#CCC; font-size:8px; }

#header-pager a:hover  { background: #a7a8ad; }

#header-pager a.activeSlide { background: #4c2f52; }

#slideshow-footer {width:728px !important; float:left;}