@charset "UTF-8";
/* CSS Document */

body {background: #FEE9B7; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; margin: 0; color: #333333;}

h1 {margin: 0; font-family: Georgia, 'Times New Roman', Times, serif; 
font-size: 16px;color: #E33E34; display:block;  height: 40px;width:670px;
text-align:center;font-weight: normal; background: url(images/contentbg.jpg) repeat-y; }


h2.index {margin: 3px 0 0 0; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px;color: #E33E34; text-align:center;font-weight: normal;}
h2 {font-size: 30px;;font-weight: lighter; color: #999;  font-family:Georgia, "Times New Roman", Times, serif; margin:0; padding-top:7px;}

a:link {color: #E33E34; text-decoration: none;}
a:hover {text-decoration: underline; color: #90AEB6}
a:visited {text-decoration: none; color: #E33E34; text-decoration:none;}

#wrapper{margin: 0px auto 0 auto;  width: 820px;height: 850px;}
.logo { width: 200px; float: left; margin: 16px 0 0 21px; }
.blackline {border-bottom: solid 1px #333333; clear: both;}
.leftnav {width: 195px; height: 80px; background-color: none; float: left; margin-top: 68px;}
.rightnav {width: 212px; height: 80px; background-color: none; float: right; text-align:right; margin-top: 68px;}
.maincontent { width: 651px; clear: both; height: 450px;  margin-top:-20px; padding: 0 10px 0 10px; font-size: 12px; line-height:16px; background:  url(images/contentbg.jpg) repeat-y; }
.maincontent#contact{height: 468px; width:649px;}
.maincontent .blackline {margin: 0 0 10px 0; }
h1.contactpage {background:none; margin:0; padding:0; text-align: left; height: 20px;}

.bottompage {width: 661px; height:55px; background: url(images/bottomsplash.gif) no-repeat; z-index:-1; position: absolute;clear:both; padding: 55px 0 0 10px;}


.bottompage_slider {width: 671px; height:105px; background: url(images/bottomsplash.gif) no-repeat; padding:0px; z-index:-1; position:absolute;clear:both;}
.leftcol {width: 315px; height: auto; float: left; }
.rightcol {width: 325px; height: auto; float: right; font-size: 12px; line-height:16px;}
p.indexcontent {margin-bottom: 0px;}
.pageheading {font-size: 30px;;font-weight: lighter; color: #999; margin: 15px 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
.breadcrumb {font-family: georgia;font-size: 10px; color: #E33E34; margin-top: 6px; clear:both;}
.maincontent .breadcrumb a {text-decoration: none; color:#E33E34; }
.maincontent .breadcrumb a:hover{color:#90AEB6; text-decoration:none;}
.tagline {margin: 3px 0 0 235px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px;color: #E33E34;}

.colgallery1 {width: 185px; background-color:none; float: left;}
.colgallery2{width: 250px; background-color: none; float:left;}
.colgallery3{width: 200px; background-color: none; float: left;}

/*Begin styles for contact*/
p.appointmentinfo {text-align: left; color: #333333; margin-bottom: 25px; }
h4 {color: #E33E34; font-weight: lighter; font-size: 13px; margin: 0; text-align: left;}
form {margin:0}
label {width: 4em; float: left; text-align: right; margin: 5px 5px 0 0; display: block;  color: #90AEB6;}
input {border: solid #90AEB6 1px; background-color: #FFF; height: 15px; width: 127px;padding: 2px 0 0 5px; color: #666;margin-top: 5px; }
input:active{border: solid  #E33E34 1px;}
input:focus{border: solid  #E33E34 1px;}
textarea {border: solid #90AEB6 1px; margin-left: 10px; margin-top: 5px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: gray; font-size: 11px;}
textarea:active{border: solid #E33E34 1px;}
textarea:focus{border: solid #E33E34 1px;}
select {background-color:#fff; color: #666; border:solid #90AEB6 1px;  }
.submitbutton input{width: 82px; height: 29px; background-color:#fff6e3; border: none;}
.submitbutton {margin: 0 0 0 150px; width: 85px;}

/*Begin Styles for Menu*/
.bluebox {background-color: #white; width: 615px; height: 217px; margin: 0 0 0 20px;}
.TabbedPanelsContent span{font-size: 15px; color: #90AEB6;}
.TabbedPanelsContent  p{margin: 11px 0 0 0; width: 185px; float:left; padding: 0 5px 0 6px;}


/*Begin styles for gallery slideshow*/
.slideshow div{width: 225px; height:50px; padding: 283px 0 0 0; text-align:center;}
.slideshow div span{height: 45px; padding-top: 5px; background: #fff; width: 225px; display:block; opacity:.8;filter:alpha(opacity=80); color: #000; font-size: 13px;}
.consultbox {width:237px; height: 111px; margin-top: 10px; z-index: 1; text-align: center; font-size: 14px; }
.consultbox#gallery{margin-top: 30px;}
.consultbox a{color: #E33E34; font-size: 15px; text-decoration:none;line-height: 20px;}
.consultbox a:hover{text-decoration:underline;}

/*Begin styles for Ivory Box*/
.ivorybox{width: 644px; height: 84px; margin-top: 15px; margin-left: 9px;}
.slideshow2 {width: 325px; height: 325px;}
.kaysiephoto {width: 240px; height: 350px; margin-top: 25px;}
.rotatingimage{width: 250px; height: 333px;}
.galleryfeature{width:200px; height: 250px;}
.presspagelogo {width:650px; height: 61px;}
.presspagination {width:650px; height: 300px;}
.ibtl{width: 12px; height: 11px; background: url(images/ibtl.gif); float: left; margin: 0; clear:left;}
.ibtc{width: 90%; height: 11px; background: url(images/ibtc.gif); float: left; margin: 0;}
.ibtr{width: 12px; height: 11px; background: url(images/ibtr.gif); float: left; margin: 0;}
.ibleft{width: 12px; height: 100%; background: url(images/ibleft.gif); float: left; margin: 0; clear:left; }
.ibcontent{width: 90%; height: auto; background-color: #FEE9B7; float: left; margin:0;}
.ibright{width: 12px; height: 100%; background: url(images/ibright.gif); float: left; margin: 0;}
.ibbl{width: 12px; height: 11px; background: url(images/ibbl.gif); float: left; margin: 0; clear: left;}
.ibbc{width: 90%; height: 11px; background: url(images/ibbc.gif); float: left; margin: 0;}
.ibbr{width: 12px; height: 11px; background: url(images/ibbr.gif); float: left; margin: 0;}
.verticalline{border-left: solid #333333 1px; float: left; margin: 0 5px 0 5px; height: 84px;}

/*Begin styles for mainnavagation on home*/
.faqnav {width: 93px; height: 24px; background: url(images/nav_faq.jpg) no-repeat; float:left; font-size: 18px; color: #333333; padding: 60px 10px 0 0; text-align:right; opacity:.7;filter:alpha(opacity=70);}
.faqnav:hover {opacity: 1;filter:alpha(opacity=100);}
.faqnav a{color: #000;}
.faq a:hover { text-decoration: none;}

.pricingnav {width:160px; height: 24px; background: url(images/navimage2.jpg) no-repeat; float:left; font-size: 18px; color: #333333; padding: 60px 10px 0 0; text-align:right; opacity:.7;filter:alpha(opacity=70);}
.pricingnav:hover {opacity: 1;filter:alpha(opacity=100);}
.pricingnav a{color: #000;}
.pricingnav a:hover {  text-decoration: none; }

.consultationsnav {width:160px; height: 24px; background: url(images/nav_consultations.jpg) no-repeat; float:left; font-size: 18px; color: #333333; padding: 60px 10px 0 0; text-align:right;opacity:.7;filter:alpha(opacity=70);}
.consultationsnav:hover {opacity: 1;filter:alpha(opacity=100);}
.consultationsnav a{color: #000;}
.consultationsnav a:hover { text-decoration: none;}

.pressnav {width: 93px; height: 24px; background: url(images/nav_press.jpg) no-repeat; float:left; font-size: 18px; color: #333333; padding: 60px 10px 0 0; text-align:right;opacity:.7;filter:alpha(opacity=70);}
.pressnav:hover {opacity: 1;filter:alpha(opacity=100);}
.pressnav a{color: #000;}
.pressnav a:hover {  text-decoration: none;}

/*Begin styles for background*/
.tl {width: 68px; height: 155px; background: url(images/tl.jpg); float: left; margin: 0; clear:both; }
.tr {width: 67px; height: 155px; background: url(images/tr.jpg) no-repeat; float: left; margin: 0;}
.tc {width: 671px; height: 155px; background: url(images/tc.jpg) no-repeat; float: left; margin: 0;}
.left {width: 68px; clear: left;height:591px; background: url(images/left.jpg); float: left; margin: 0;}
.content { height:auto; background: none;float: left;  }
.right {width: 68px; height: 591px; background: url(images/right.jpg) repeat-y; float: left; margin: 0;}
.bl {width: 68px; height: 48px; background: url(images/bl.jpg) no-repeat; float: left; margin: 0; clear: left;}
.bc {width: 671px; height: 48px; background: url(images/bc.jpg) no-repeat; float: left; margin: 0;color: #3333333; font-size: 10px;}
.br {width: 68px; height: 48px; background: url(images/br.jpg) no-repeat; float: left; margin: 0;}
.bc a{color: #E33E34; text-decoration: underline;}
.bc p{text-align: right; margin: 0; float: right;}


/*begin styles for social media*/
.socialmedia {width: 155px; height: 30px; margin:0 0 0 15px; padding:0; background: url(images/socialmediabg.jpg) no-repeat; padding: 5px 0 0 80px; float:left;opacity:.8;filter:alpha(opacity=80);}
.socialmedia:hover {opacity: 1;filter:alpha(opacity=100);}
.facebook,.twitter, .digg, .del, .rss {width: 19px; height: 19px; float:left;opacity: 0.7; filter:alpha(opacity=70);border:0; padding:1px 0 0 5px; }
.facebook:hover, .twitter:hover, .digg:hover, .del:hover, .rss:hover {opacity: 1;filter:alpha(opacity=100);}
.requesttasting {width: 167px; height: 30px;float:right; margin:0 29px 0 0;opacity: 0.8;filter:alpha(opacity=80);}
.requesttasting:hover{opacity: 1;filter:alpha(opacity=100);}
/*Begin styles for request consultation*/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-skin-tango li {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */

}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */

}


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



body
		{
			margin-left:50px;
		}
		
		.paginator .active
		{
			color:#fff;
			border: solid 1px #CCCCCC;
			padding:3px 5px;
			margin:5px;
			text-decoration:none;
			background-color: #90ADB6;
		}
		
		.paginator .inactive
		{
			color:gray;
			cursor:default;
			text-decoration:none;
			border: 1px solid #CCCCCC;
			background-color:none;
			padding:3px 5px;
			margin:5px;
		}
		
		#example
		{
			margin: 0;
			padding:0x;
			width: 500px;
			clear:both;
			background: url (images/bg_press.gif);
		}


.description a{text-align:center;}