@import url("../js/ui.css");
*{margin:0; padding:0;}
.clearFloat{font-size:0px; line-height:0px; height:0px; clear:both; overflow:hidden;}
html{background:url(../images/topBg.jpg) repeat-x;}
body{background:url(../images/hair.png) no-repeat right bottom; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#5f4c3b; _background:transparent;}
p{margin:0 0 6px 0;}
a{color:#5f4c3b; text-decoration:underline; outline:none;}
a:hover{text-decoration:none;}
h1{margin:0 0 5px 0; font-weight:normal; font-size:24px; padding:5px 0 0 0;}
h3{margin:0; font-weight:normal; font-size:13px; font-weight:bold;}
#mainContainer{width:995px; margin:0 auto; bo/rder:solid 1px red;}
#mainContainer .leftPanel{ width:360px; float:left; margin:0; padding:49px 0 0 0; display:inline; background:url(../images/whiteBG.gif) left -120px repeat-x;}
#mainContainer .rightPanel{width:620px; float:left; background:url(../images/whiteContent.gif) no-repeat left top;}
#header{ height:131px; background:url(../images/logo.png) no-repeat 13px 10px; _background:url(../images/logo.gif) no-repeat left 10px;}
.padparklogo{ margin:5px 5px 0 10px;}
#header a{display:block; height:100px; font-size:14px; font-weight:bold; overflow:hidden; line-height:177px; text-indent:114px; color:#5f4c3b; text-decoration:none;}
.rightPanel .tab1{width:618px;}
.rightPanel .tab1 .tab1Bg{background:url(../images/tabBgTop.png) repeat-y 1px top; _background:url(../images/pngBg.jpg) repeat-y 1px top;  height:200px; position:relative;}
.rightPanel .tab1 .tab1Bg ul{list-style:inside; padding:0 0 5px 0; float:left;}
.rightPanel .tab1 .tab1Bg ul.oppositeUl{list-style:inside; margin:0;}
.rightPanel .tab1 .tab1Bg ul li{margin:0 20px 0 0;}
.rightPanel .tab1 .tab1Bottom{background:url(../images/boxBottom.png) no-repeat 1px 0;  height:40px; _background:url(../images/boxBottom.jpg) no-repeat 1px 0;}
#contact{background:url(../images/allBoxTop.png) no-repeat; width:287px; margin:13px 0 0 73px; _background:url(../images/allBoxTop.jpg) no-repeat;}
#contact .content{background:url(../images/allBoxBottom.png) no-repeat left bottom; _background:url(../images/allBoxBottom.jpg) no-repeat left bottom; height:175px; padding:3px 20px;}
.RightBottomBox{padding:4px 0 0 0;}
#meetDensie{background:url(../images/allBoxTop.png) no-repeat -287px 0; width:368px; float:left; _background:url(../images/allBoxTop.jpg) no-repeat -287px 0;}
#meetDensie .content{background:url(../images/allBoxBottom.png) no-repeat -287px bottom; height:175px; padding:3px 10px 3px 160px; _background:url(../images/allBoxBottom.jpg) no-repeat -287px bottom;}
#meetDensie .imgaveda{ margin:8px 3px 0 0;}
#specials{background:url(../images/allBoxTop.png) no-repeat -656px 0; width:250px; float:left; _background:url(../images/allBoxTop.jpg) no-repeat -656px 0;}
#specials .content{background:url(../images/allBoxBottom.png) no-repeat -656px bottom; _background:url(../images/allBoxBottom.jpg) no-repeat -656px bottom; height:175px; padding:3px 20px;}
#contact h2, #meetDensie h2, #specials h2{font-size:16px; font-weight:bold; height:51px; padding:0 0 0 40px; line-height:56px; overflow:hidden;}
#specials img{position:relative; left:3px; top:3px;}
.content {font-size:11px;}
.content h3{ font-size:13px; font-weight:bold; margin:10 0 2px 0;}
.content h3.marginTop{margin:5px 0 0 0;}
.content h3.marginTop15{margin:15px 0 0 0;}
.content p{ font-size:11px; font-weight:normal; margin:0 0 5px 0;}
.content p.aveda{font-size:15px; margin:0px 10px;}
.content p.avedaLogo{font-size:15px; margin:20px 10px;}
#slideshow {position:relative; height:370px; width:340px; overflow:hidden; top:15px;}
#slideshow IMG {position:absolute; bottom:0; right:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}
.content ul{list-style:none; margin:5px 0 0 0;}
.content ul li{background:url(../images/bullet.png) no-repeat left 4px; padding:0 0 5px 20px; font-size:14px;_background:url(../images/bullet.gif) no-repeat left 4px;}
#footer{height:25px; padding:15px 18px 0 78px; font-size:11px;}
#footer .floatLeft{float:left;}
#footer .floatRight{float:right;}
.facebook{position:absolute; right:31px; top:5px; z-index:999999;}
.facebook a{text-decoration:none;}
.facebook img{position:relative; top:3px;}
.readMore{position:absolute; bottom:0; right:25px; font-weight:bold;}
.hide{display:none !important;}
.fontSize{font-size:12px !important;}
.serviceLeft{ float:left; width:240px; margin:0 20px 0 0;}
.serviceRight{ float:left; width:290px; margin:0;}

.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{border-left: 1px solid #31231E;
    border-right: 1px solid #8E7757;
    cursor: pointer;
    float: left;
	margin:10px 0 0 0;
    position: relative;
    width: 0;}
.jspDrag{background: none repeat scroll 0 0 #31231E; border-radius: 6px 6px 6px 6px;cursor: pointer;
    height: 60px;
    margin-left: -5px;
    overflow: hidden;
    position: absolute;
    width: 9px;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}

.scroll-pane
			{
				width: 610px;
				height: 220px;
				overflow: auto;
			}
#fragment-4, #fragment-3, #fragment-2, #fragment-1{min-height:250px;}
#fragment-3 .serviceLeft, #fragment-3 .serviceRight{width:270px;}