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

/***************** Main **************/
*, html {margin:0px; padding:0px;}
body{background:url(../images/interior-body-bg.gif) repeat-x #8a410b;}
#container{background:url(../images/interior-container-bg.gif) no-repeat top left;}/*centers main content*/


/***************** Header Box (Whitefish Landscape, diamonds, graphic text) **************/
#header { height:265px;}
#box {background:url(../images/interior-top-box-bg.jpg) no-repeat; width:940px; height:181px; margin-left:49px; position:relative;}
#view {background:url(../images/graphic-text-view-point.gif) no-repeat; width:349px; height:66px; position:absolute; top:33px; right:36px;}

/*Diamond Navigation*/
#diamonds {background:url(../images/interior-diamond-bg.jpg) no-repeat; width:196px; height:186px; position:absolute; left:0; top:23px;}
#diamonds a {position:absolute; display:block;}
#diamonds a.dtop {width:78px; height:73px; top:8px; left:59px;}
#diamonds a.dtop:hover {background:url(../images/interior-diamond-over-top.jpg) no-repeat;}
#diamonds a.dright {width:71px; height:75px; right:9px; top:55px;}
#diamonds a.dright:hover {background:url(../images/interior-diamond-over-right.jpg) no-repeat;}
#diamonds a.dbot {width:75px; height:72px; left:62px; bottom:10px;}
#diamonds a.dbot:hover {background:url(../images/interior-diamond-over-bottom.jpg) no-repeat;}
#diamonds a.dleft {width:70px; height:76px; left:11px; top:54px;}
#diamonds a.dleft:hover {background:url(../images/interior-diamond-over-left.jpg) no-repeat;}

/***************** Content Section **************/

/***************** Layout **************/
#contentwrapper{width:1000px; padding-top:35px;}
#content{width:941px; padding:0 0 0 48px; color:#fff; float:left; font-size:.75em; line-height:1.6em;}
#content ul {padding:0 0 0 20px;}
#content ul li {padding:2px;}
.leftcol {float:left; width:200px;}
.rightcol {float:left; width:600px; margin-left:15px; display:inline;}
.post {width:880px; margin:0 auto;}
/***************** General Content Styles **************/
.text {padding:10px 15px 10px 15px; background:#632f09; margin-bottom:15px;}
#content p {padding:0 0 13px 0;}
.border {border:1px solid #c77437;}
.xtramargin {margin:0 5px 0 5px;}
.center {text-align:center;}
#content .sidenav {width:160px; padding:10px; background:#a0c7bf; border:1px solid #142528;}
#content .sidenav ul {padding:0;}
#content .sidenav ul li {list-style:none; padding:2px;}
#content .sidenav a:link, .sidenav a:visited, .sidenav a:hover {color:#142528;}
.photocaption {float:right; background:#a0c7bf; border:1px solid #142528; margin-left:15px; color:#142528;}
.photocaption h3 {text-align:center; color:#307872; padding:5px;}
.larger {font-size:1.4em; color:#a0c7bf; line-height:1.6em;}
/***************** Graphic Page Titles *****************/
.title { height:32px; margin-bottom:10px;}
#about {background:url(../images/interior-title-about-dr-nargi.gif) no-repeat; width:228px;}
#office {background:url(../images/interior-title-our-office.gif) no-repeat; width:156px;}
#staff {background:url(../images/interior-title-staff.gif) no-repeat; width:143px;}
#procedures {background:url(../images/interior-title-procedures.gif) no-repeat; width:170px;}
#medspa {background:url(../images/interior-title-medspa.gif) no-repeat; width:106px;}
#news {background:url(../images/interior-title-news.gif) no-repeat; width:83px;}
#store {background:url(../images/interior-title-store.gif) no-repeat; width:88px;}
#amenities {background:url(../images/interior-title-amenities.gif) no-repeat; width:298px;}
#sitemap {background:url(../images/interior-title-sitemap.gif) no-repeat; width:118px;}
#hair {background:url(../images/interior-title-hair-restoration.gif) no-repeat; width:250px;}
#shipping {background:url(../images/interior-title-shipping-returns.gif) no-repeat; width:259px;}
#terms {background:url(../images/interior-title-terms-conditions.gif) no-repeat; width:274px;}
/***************** Menu *****************/
/*General Menu Styles*/
#navbar {top:265px;}
.slideshow {text-align:center;}
#content .slideshow img {border:1px solid #92d4d4; margin:5px;}
.anchors {width:180px; float:right; margin-left:10px;}
#content .anchors ul{margin:0; padding:0 0 0 10px;}
.anchors ul li {background:url(../images/button-gradient.jpg) repeat-x bottom #e4a225; list-style:none; margin:7px 0 7px 0; padding:0; border:1px solid #eed85d; font-weight:bold;}
.anchors ul li a:link, .anchors ul li a:visited {color:#582a08; display:block; padding:5px;}
.anchors ul li a:hover {background:url(../images/button-gradient-over.jpg) repeat-x top #e4a225; list-style:none; font-weight:bold; text-decoration:none;}

/***************** Gallery Styles *****************/
#subcats .active {font-weight:bold;}
.galnav {background:#8b4b1b; width:68px; position:relative;}
.edge {height:10px;}
.galnav a {cursor:pointer;}
.topPhotos {padding:0 15px 15px 0;}
.botPhotos {padding:0 15px 0 0;}
.topPhotos img, .botPhotos  img {margin:0 0 0 15px;}
#subcats a{cursor:pointer; color:#92d4d4; padding:0 2px 0 3px;}
#subcats {color:#92d4d4;}
.sidenav a {cursor:pointer;}

#menu ul li.two a {background:url(images/nav-on-about.gif) no-repeat;}

#subcats {margin-top:10px; margin-bottom:10px;}

img.gallery {border-width:thin; border-color:#8B4B1B; border-style:solid}
.gallery th {font-size:22px; color:#8B4B1B; padding:0 15px 10px 0; font-weight:normal;}
#content p.caption {width:650px; font-size:14px; padding-top:10px;}
/***************** Gallery Menu*****************/

.galleryMenu {background:url(../images/bande-bottom.jpg) no-repeat bottom; width:220px; padding-bottom:14px; float:right; margin-left:15px;}
.galleryMenu h3 {background:url(../images/bande-top.jpg) no-repeat bottom; width:220px; padding-bottom:14px; height:41px;}
#content .galleryMenu ul {margin:0; padding:0;}
#content .galleryMenu ul li {margin:0; padding:0; list-style:none; float:left;}
#content .galleryMenu ul li a {cursor:pointer;}
.galleryMenu ul li.one{background:url(../images/bande-face.jpg) no-repeat; height:47px;}
.galleryMenu ul li.one a {display:block; width:220px; height:47px; display:block;}
.galleryMenu ul li.one a:hover{background:url(../images/bande-face-over.jpg) no-repeat;}
.galleryMenu ul li.two{background:url(../images/bande-laser.jpg) no-repeat; height:49px;}
.galleryMenu ul li.two a {display:block; width:220px; height:49px; display:block;}
.galleryMenu ul li.two a:hover{background:url(../images/bande-laser-over.jpg) no-repeat;}
.galleryMenu ul li.three{background:url(../images/bande-augmentation.jpg) no-repeat; height:48px;}
.galleryMenu ul li.three a {display:block; width:220px; height:48px; display:block;}
.galleryMenu ul li.three a:hover{background:url(../images/bande-augmentation-over.jpg) no-repeat;}
.galleryMenu ul li.four{background:url(../images/bande-reduction.jpg) no-repeat; height:47px;}
.galleryMenu ul li.four a {display:block; width:220px; height:47px; display:block;}
.galleryMenu ul li.four a:hover{background:url(../images/bande-reduction-over.jpg) no-repeat;}
.galleryMenu ul li.five{background:url(../images/bande-masectomy.jpg) no-repeat; height:49px;}
.galleryMenu ul li.five a {display:block; width:220px; height:49px; display:block;}
.galleryMenu ul li.five a:hover{background:url(../images/bande-masectomy-over.jpg) no-repeat;}
.galleryMenu ul li.six{background:url(../images/bande-abdominoplasty.jpg) no-repeat; height:49px;}
.galleryMenu ul li.six a {display:block; width:220px; height:49px; display:block;}
.galleryMenu ul li.six a:hover{background:url(../images/bande-abdominoplasty-over.jpg) no-repeat;}
.galleryMenu ul li.seven{background:url(../images/bande-lipo.jpg) no-repeat; height:46px;}
.galleryMenu ul li.seven a {display:block; width:220px; height:46px; display:block;}
.galleryMenu ul li.seven a:hover{background:url(../images/bande-lipo-over.jpg) no-repeat;}
/*         Hair Restoration          */
.galleryMenu ul li.eight{background:url(../images/bande-hair.jpg) no-repeat; height:49px;}
.galleryMenu ul li.eight a {display:block; width:220px; height:49px; display:block;}
.galleryMenu ul li.eight a:hover{background:url(../images/bande-hair-over.jpg) no-repeat;}
/*         Yellow background for Hair Restoration           */
/* .galleryMenu ul li.eight{background:url(../images/bande-hair-2.jpg) no-repeat; height:49px;}
.galleryMenu ul li.eight a {display:block; width:220px; height:49px; display:block;}
.galleryMenu ul li.eight a:hover{background:url(../images/bande-hair-2-over.jpg) no-repeat;}*/