/* CSS Document */


/* stracture*/

body{	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto 0 auto;
	font-size:80%;
	}

#wrapper{
	text-align:left;
	width:996px;
	margin:0 auto 0 auto;
	padding:20px 0px 0 0px;
	border-right:1px solid #F9F9F9;
	border-left:1px solid #F9F9F9;
	}
	
#layout{
	margin-right: 5px;
	margin-left:5px;
	}

h1, h2, h3{
	color:#990099;
	border-bottom:1px solid #990099;
	font-size:170%;
	font-weight:normal;
	padding:0;
	margin:0 0 12px 0;
	}

h2, h3{
	border:none;
	font-size:140%;
	font-weight:normal;
	margin:0 0 1px 0;
	padding:0;
	}

h3{
	font-size:120%;
}
	
p{
	margin:0 0 20px 0;
	padding:0;
	}

a{
	color:#990099;
	}

a:hover{
	text-decoration:none;
	}
	
p#logoStrap{
	padding:0;
	margin:0;
	float:left;
	height:93px;
	}
	
p#logoStrap a{
	padding:0;
	margin:0;
	width:333px;
	height:91px;
	display:block;
	background:url(../images/logo.gif) no-repeat;
	}	


#head{
	margin-bottom:15px;
	}
	
#head_images{
	float:right;
	display:none;
	}

#head_images img{
	border:1px solid #000;
	}
p#logoStrap span{
	position:absolute;
	top:-9999px;
	}

p#topContact{
	padding:0;
	margin:0 0 5px 0;
	color:#990099;
	font-size:125%;
	float:right;
	clear:right;
	text-align:right;
	width:250px;
	font-weight:bold;
	display:none;
	}

#topNav{
	clear:both;
	padding:2px 0;
	height:24px;
	border:1px solid #990099;
	}

#topNav ul{
	padding:0;
	width:100%;
	margin:0;
	list-style-type:none;
	}

#topNav ul li{
	float:left;
	padding:0;
	margin:0 1px 0 3px;
	}

#topNav ul li a{
	margin:0;
	float:left;
	border:1px solid #990099;
	padding:3px 21px 3px 21px;
	color:#990099;
	text-decoration:none;
	/*background:url(../images/navArrow.gif) 5px 5px no-repeat;*/
	}

#topNav ul li a.active, #topNav ul li a.active:hover{
	color:#FFFFFF;
	background:#990099 url(../images/navArrowOpen2.gif) 2px 7px no-repeat;
	text-decoration:underline;
	}

#topNav ul li a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	background:#990099 url(../images/navArrowOpen.gif) 2px 5px no-repeat;
	margin:0;
	}
		
.last{
	margin-right:0px!important;
	}
	
#content{
	margin:0;
	color:#990099;
	padding:20px 0 10px 0;
	}
	
#content img{
	border:1px solid #000000;
	}
	
#content-top-images{
	margin-bottom:15px;
	}

#content-top-images img{
	margin-right:40px;
	}

#content-top-images img.last{
	margin:0!important;
	}
	
#leftCol img{
	border:1px solid #000;
	}
	
#leftWideCol{
	width:760px;
	float:left;
	clear:left;
	}


#leftWideCol a{
	font-weight:bold;
	color:#ff00ff;
	}

#leftImages{
	float:left;
	padding-top:15px;
	}

#leftImages img{
	float:left;
	margin-bottom:10px;
	clear:left;
	}

#footer{
	clear:both;
	/*background:#990099 url(../images/footer_bg.gif) top center repeat-x;*/
	padding:7px 0 5px 5px;
	height:80px;
	margin:0;
	border-top:1px solid #990099;
	}

#footer p.copyright{
	padding:0;
	margin:0;
	font-size:88%;
	color:#990099;
	}

#footer p.bottomContactInfo{
	font-weight:bold;
	text-align:center;
	color:#990099;
	margin-bottom:30px;
	}
	
#footer p.bottomContactInfo a, .pinkCaption{
	color:#FF00FF;
	}

#leftCol .pinkCaption{
	margin-bottom:15px;
	display:block;
}


.pinkCaption{
	font-style:italic;
	}
	
span.pink{
	font-weight:bold;
	}
	
p.top{
	clear:both;
	background:url(../images/arrow_top.gif) top right no-repeat;
	padding:15px 4px 0 2px;
	margin:0px 0 0 0;
	font-size:95%;
	text-align:right;
	text-decoration:none!important;
	}	

p.top a{
		text-decoration:none!important;
	}
	
#leftCol{
	width:215px;
	float:right;
	clear:right;
	margin-top:25px;

	}


#leftCol img#laura{
	border:0;
	}

#detailsRightCol{
	width:250px;
	float:right;
	clear:right;
	margin-top:25px;
	border-top:1px solid #990099;
	}

ul.ul{
	list-style-type:none;
	padding-left:5px;
	margin-left:5px;
	}
	
ul.ul li{
	background:url(../images/bullet.jpg) 5px 5px no-repeat;
	padding-left:15px;
	}
	
/* home*/


.home{
	background:#fff url(../images/home_top_bg.jpg) top right no-repeat;
	}

.creative{
	
	background:url(../images/creative_top_bg.jpg) top right no-repeat;
	}	
	
.workshops{
	background:url(../images/workshops_top_bg.jpg) top right no-repeat;
	}	

.entertainment{
	background:url(../images/entertain_top_bg.jpg) top right no-repeat;
	}

.gallery{
	background:url(../images/gallery_top_bg.jpg) top right no-repeat;
	}
	
.clients{
	background:url(../images/clients_top_bg.jpg) top right no-repeat;
	}	
#home_bottom_images{
	clear:both;
	}	

#home_bottom_images img{
	float:left;
	margin:0;
	padding:0;
	border:3px solid #000;
	}

#home_bottom_images img{
	border-left:3px solid #000!important;
	}
	

#home_bottom_images img.last{
	border-right:3px solid #000!important;
	}

h1 span.homeH1{
	position:absolute;
	top:-9999px;
}

/* Detail*/

h1#sub{
	color:#990099;
	text-transform:lowercase;
	}
	
h1#sub span{
	color:#ff31ff;
	font-size:85%;
	}

#leftNav{
	float:left;
	width:193px;
	padding-right:15px;
	margin-right:0px;
	/*border-right:1px solid #990099;*/
}

#leftNav ul{
	padding:0;
	margin:0;
	list-style-type:none;
	}

#leftNav ul li{
	border-top:1px solid #F9F9F9;
	border-bottom:1px solid #F9F9F9;
	margin-bottom:5px;
	background:#FF00FF;
	}

#leftNav ul li a{
	background:#FF00FF;
	display:block;
	color:#fff;
	width:180px;
	padding:5px 15px 5px 2px;
/*	text-decoration:none;*/
	}
	
#leftNav ul li a.active, #leftNav ul li a.active:hover, #leftNav ul li a:hover{
	background: #990099 url(../images/navArrowOpen.gif) right 7px no-repeat;
	color:#FFFFFF;
	}

/*#leftNav ul li a:hover{
	background:#990099;
	color:#FFFFFF;
	}
*/


#detailsMidCol{
	width:760px;
	float:left;
	padding-left:12px;
	border-left:1px solid #990099;
}

#detailsMidCol a{
	font-weight:bold;
	color:#ff00ff;
	}


/*tesimonials*/

#tesimonials ul{
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
#tesimonials ul li{
	background: url(../images/openQuote.gif) top left no-repeat;
	padding:20px 0 0 45px;
	}

#tesimonials ul li p{
	background:url(../images/closeQuote.gif) bottom right no-repeat;
	font-style:italic;
	padding-bottom:20px;
}

#tesimonials ul li p span{
	clear:left;
	color:#FF00FF;
	font-weight:bold;
	}


/* clients*/

#clients h2{
	width:100%;
	clear:both;
	padding-bottom:10px;
	}
	
#clients #AccordionList{
	display:block;
	margin:0;
	padding:0;
	}

#clients #AccordionList ul{
	padding:0;
	margin:0;
	display:block;
	list-style-type:none;
}


#clients #AccordionList ul a{
	display:block;
	padding:8px 5px 8px 5px;
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
	background:#990099 url(../images/navArrowOpen.gif) right center no-repeat;

	}

#clients #AccordionList ul li{
	/*background:#990099; url(../images/accordion_bg.gif) top left repeat-x;*/
	float:left;
	width:100%;
	}
	

#clients #AccordionList ul li a{
	}
	
#clients #AccordionList ul li.selected a, #clients #AccordionList ul li a:hover{
	background:#990099 url(../images/navArrowOpen2.gif) right center no-repeat;
	}
	
#clients #AccordionList table{
	background:#feeffe;
	margin:2px 0 2px 0;
	}

#clients #AccordionList table.last{
	border:1px solid #e9bfe9;
	border-top:0;
	margin-top:0px;
	}
	
#clients #AccordionList table td{
	padding:2px;
	}

/* workshops*/

.workshops_list{
	list-style-type:none;
	margin:10px 0 15px 15px;
	padding:0;
	}

.workshops_list li{
	margin:0;
	padding:0;
	display:block;
	}

.workshops_list li.selected{
	padding:0;
	margin:0;
	}

.workshops_list a{
	text-transform:uppercase;
	letter-spacing:5px;
	padding:0;
	margin:0;
	font-size:85%;
	font-weight:bold;
	clear:both;
	}	
	
.workshops_list p{
	margin:0!important;
	padding:0;
	display:block;
	clear:both;
	height:40px;
	}

/* Cabaret*/

.cabaretList{
	float:left;
	margin-left:10px;
	width:240px;
	}

.cabaretList dt{
	font-weight:bold;
	padding-bottom:5px;
	}	

.cabaretList dd{
	margin-left:0;
	padding-left:15px;
	background:url(../images/bullet.jpg) 0px 5px no-repeat;
	}

/* Gallery */

#gallery h2{
	background:#990099;
	color:#FFFFFF;
	padding:2px 0px 2px 0;
}

#gallery a{
	background:#990099 url(../images/navArrowOpen.gif) right no-repeat;
	color:#FFFFFF;
	padding:3px 0px 3px 3px;
	clear:both;
	display:block;
	font-weight:bold;
	}
	
#gallery a:hover, #gallery a.selected{
	background:#990099 url(../images/navArrowOpen2.gif) right no-repeat;
	}
#gallery table{	
	width:100%;
	border:0;
	border-collapse:collapse;
	}

#gallery table td{
	vertical-align:top;
	}

#gallery img{
	margin:10px 11px 0px 0px;
	padding:0;
	}
	
#gallery img.last{
	margin-right:0;
	}

#gallery div{
	display:block;
	margin-bottom:10px;
	}

.m140{
	margin-top:140px;
	}

.m105{
	margin-top:105px;
	}

#contact{
	}

#links ul{
	list-style:none;
	padding:0 0 0 0px;
	margin:0 0 0 0px;
	}
	
#links ul li{
	background:url(../images/bullet.jpg) 0px 5px no-repeat;
	padding-left:15px;
	}
	
#links ul h2{
	font-size:100%;
	font-weight:bold;
	padding:0!important;
	margin:0!important;
	}
		
#links ul ul{
	margin:5px 0 5px 0px;
	padding:0;
	}

#links ul ul li{
	padding-left:0;
	list-style:none;
	background:none;
	}
	

img.wbpa{
	float:right;
	border:0!important;
	margin:0 0 10px 20px;
	}
/*IE hack*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
