/* CSS Document */
*{margin:0; padding:0;}	
body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:0.8em; color:#FFFFFF; scrollbar-base-color:#C08099}
p {margin:10px 0 10px 0}
a {color:#9E8082}
h2 {font-family:"Times New Roman", Times, serif; font-weight:normal; color:#FFFFFF; font-size:1.6em; margin-top:10px}
h3 {font-family:"Times New Roman", Times, serif; font-weight:normal; color:#FFFFFF; font-size:1.4em; border-bottom:1px solid #FFFFFF; margin:10px 0 0 0}
h4 {font-family:"Times New Roman", Times, serif; font-weight:normal; color:#5E3C41; font-size:1.4em; margin-top:10px}


.wrapper { background:url(../img/skeleton/background.jpg) no-repeat bottom; display:block; width:963px; height:686px; margin:10px auto; position:relative }
.wrapper-long { background:url(../img/skeleton/background-long2.jpg) no-repeat bottom; display:block; width:963px; height:1386px; margin:10px auto; position:relative }

#faq .wrapper{ background:url(../img/skeleton/background-long2.jpg) no-repeat bottom; height:1386px}
#dvd .wrapper { background:url(../img/skeleton/background-long3.jpg) no-repeat bottom; height:1996px}
.text ul li, .text-noheight ul li{margin-left:30px; list-style-position:inside}
.photo ul {margin:10px 0 0 0}
.photo ul li{margin-left:20px;}

a {color:#FFFFFF}
a:hover {color: #CC99FF}
.intro-construction {float:left; width:180px; margin:180px 0 0 180px; padding-left:100px}
.photo-construction {float:left; width:389px; margin:80px 0 0 10px}

.intro {float:left; width:180px; margin:180px 0 0 60px; height:350px;}
.text {float:left; width:630px; margin:180px 0 0 60px; padding-right:10px; overflow:auto; height:400px;}
.text .noscroll {float:left; width:600px; margin:180px 0 0 60px; height:400px;}
.text-noheight {float:left; width:630px; margin:180px 0 0 60px; padding-right:10px; height:auto }

.text2 {float:left; width:290px; height:350px; margin:180px 0 0 60px; overflow:auto; padding-right:10px}
.photo { position:absolute; right:80px; width:389px; margin:40px 0 0 30px}
.photo2 {float:left; width:320px; margin:40px 0 0 10px}
.photo3 {float:left; width:420px; margin:40px 0 0 10px}

.gallery {float:left; width:389px; margin:40px 0 0 10px}

.nav {margin:30px 0 0 0px; width:210px; float:left; text-align:right;}
.nav ul li{text-align:right; line-height:0; margin:10px 0; margin:5px 0\9; *margin:5px 0 }

.home span, .bridal span, .mehndi span, .eyelash span, .dvds span, .portfolio span, .contact span, .courses span, .links span, .fashion span,.media span, .faq span { display:none}
.nav a.home { display:block; background:url(../img/nav/home.gif) right 0 no-repeat; height:15px;}
a:hover.home{background:url(../img/nav/home.gif) no-repeat right -19px;}

a.bridal {display:block; background:url(../img/nav/bridal.gif) right 0 no-repeat; height:17px; }
a:hover.bridal{background:url(../img/nav/bridal.gif) no-repeat right -19px;}
#bridal a.bridal {background:url(../img/nav/bridal.gif) no-repeat right -19px;}

a.mehndi {display:block; background:url(../img/nav/mehndi.gif) right 0 no-repeat; height:16px }
a:hover.mehndi, #mehndi a.mehndi{background:url(../img/nav/mehndi.gif) no-repeat right -17px;}

a.media {display:block; background:url(../img/nav/media.gif) right 0 no-repeat; height:16px }
a:hover.media, #media a.media{background:url(../img/nav/media.gif) no-repeat right -17px;}


a.eyelash {display:block; background:url(../img/nav/eyelash.gif) right 0 no-repeat; height:19px }
a:hover.eyelash, #eyelash a.eyelash{background:url(../img/nav/eyelash.gif) no-repeat right -21px;}

a.dvds {display:block; background:url(../img/nav/dvd.gif) right 0 no-repeat; height:40px }
a:hover.dvds, #dvd a.dvds {background:url(../img/nav/dvd.gif) no-repeat right -42px;}

a.portfolio {display:block; background:url(../img/nav/portfolio.gif) right 0 no-repeat; height:18px }
a:hover.portfolio, #portfolio a.portfolio {background:url(../img/nav/portfolio.gif) no-repeat right -20px;}

a.courses {display:block; background:url(../img/nav/courses.gif) right 0 no-repeat; height:17px }
a:hover.courses, #courses a.courses {background:url(../img/nav/courses.gif) no-repeat right -18px;}

a.contact {display:block; background:url(../img/nav/contact.gif) right 0 no-repeat; height:15px }
a:hover.contact, #contact a.contact{background:url(../img/nav/contact.gif) no-repeat right -18px;}

a.links {display:block; background:url(../img/nav/links.gif) right 0 no-repeat; height:16px }
a:hover.links, #links a.links{background:url(../img/nav/links.gif) no-repeat right -16px;}

a.faq {display:block; background:url(../img/nav/faq.gif) right 0 no-repeat; height:16px }
a:hover.faq, #faq a.faq{background:url(../img/nav/faq.gif) no-repeat right -18px;}


a.fashion {display:block; background:url(../img/nav/fashion.gif) right 0 no-repeat; height:16px }
a:hover.fashion, #fashion a.fashion{background:url(../img/nav/fashion.gif) no-repeat right -18px;}

#box1{
	left:450px;
	top:120px;
	position:absolute;
	
}
.contact1 ul li, .contact2 ul li{
	list-style-position: outside;
	margin-left:20px;
	list-style-type:disc
	}
	
.text ul li{
	margin-left:40px;
	list-style:disc
	}
		
.contact1{
	width:420px;
	left:240px;
	top:160px;
	position:absolute;
	
}
.contact2{
	width:210px;
	left:670px;
	top:180px;
	position:absolute;	
}

.scroll{
	position:absolute;
	display:block;
	height:350px;
	overflow:scroll;
	padding: 15px 60px 15px 20px;
	border-right:0;
	margin:50px 0;
	left:400px;
	width: 230px;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}

#accordion {
	margin:20px 0px;
	font-size:12px;
	line-height:18px
}

h3.toggler {
	cursor: pointer;
	font-size:16px;
	color: #FFFFFF !Important;
	margin: 5px 0 4px 0;
}

ul.course-nav {
font-family:Georgia, "Times New Roman", Times, serif
}

ul.course-nav li {margin-left:12px; margin-bottom:5px; line-height:16px}
ul.course-nav li a {text-decoration:none}
ul.course-nav li a:hover {color:#660000}
.courseimages img {border:2px solid #FFFFFF}

ul.courseimages.nocarousel {margin:20px 0 0 0 !important}
.courseimages.nocarousel li {margin:0; padding:0; line-height:0}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 160px;
    height: 512px;
    padding: 40px 0px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  160px;
    height: 512px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 170px;
}

tr.row2 {background:#89367A}

.courseimages.nocarousel li  {list-style:none; margin:-2px 0}