/*

-------
    Helpers
-------

*/



/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.suburb { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.suburb.focusable:active, .suburb.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }



/*

-------
    Styles
-------

*/



html, body
{
	height: 100%;
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.7em;
/* 	font-size: 11px; */
	color: #666666;
	background: url(../images/bg_main.gif) repeat-y center; 
	background-color: #F7F7F7;
}

div, ol, ul, li, h1, h2, h3, h4, form, img, hr { margin: 0; padding: 0; border: 0; }

textarea
{
	font-family: inherit;
}

a:link, a:visited
{
	color: #EC008C;
	text-decoration: none;
}

a:hover
{
	color: #EC008C;
	text-decoration: underline;
}

div.upperDivider
{
	width: 955px;
	height: 2px;
	margin: 0 0 5px 0;
	background-color: #989898;
	overflow: hidden;
}

a.btn
{
	padding: 7px 0;
	background: url(../images/btn_mid.gif) repeat-x top;
	color: #FFFFFF;
	text-decoration: none;
}

a.btn span.txt
{
	padding: 7px 0;
}

a.btn span.lh_end
{
	padding: 6px;
	background: url(../images/btn_lh_end.gif) no-repeat left;
}

a.btn span.rh_end
{
	padding: 15px;
	background: url(../images/btn_rh_end.gif) no-repeat right;
}

a.btn_dl
{
	padding: 7px 0;
	background: url(../images/btn_dl_mid.gif) repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}

a.btn_dl span.txt
{
	padding: 7px 0;
}

a.btn_dl span.lh_end
{
	padding: 6px;
	background: url(../images/btn_dl_lh_end.gif) no-repeat left;
}

a.btn_dl span.rh_end
{
	padding: 15px;
	background: url(../images/btn_dl_rh_end.gif) no-repeat right;
}

span.required
{
/* 	float: right; */
	color: #999999;
}

span.error
{
	color: #FF0000;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------- */
/* MAIN WRAPPER */
/* --------------------------------------------------------------------------------------------------- */

.main_wrapper
{
	width: 981px;
/* 	height: 100%; */
	margin: 0 auto 0 auto;
/* 	padding: 0 13px 50px 13px; */
	padding: 0 0 50px 28px;
/* 	background: url(../images/bg_main.gif) repeat-y; */
}

/* --------------------------------------------------------------------------------------------------- */
/* HEADER */
/* --------------------------------------------------------------------------------------------------- */

.header
{
	padding: 20px 0;
}

/* --------------------------------------------------------------------------------------------------- */
/* GLOBAL NAV */
/* --------------------------------------------------------------------------------------------------- */

.nav
{
	width: 955px;
	margin: 2px 0 0 0;
	padding: 0 0 7px 0;
	display: inline-block;
	display: -moz-inline-block;
}

.nav ul
{	
	
/*
	height: 20px;
	width: 200px;
	list-style-type: none;
	float: left;
	margin: 0 1px 0 0;
	font-weight: bold;
*/
}

.nav li
{
	list-style-type: none;
	float: left;
	margin: 0 1px 0 0;
	font-weight: bold;
/* 	background-color: aqua; */
}

.nav a:link, .nav a:visited
{
	padding: 2px 10px;
	background-color: #989898;
	color: #FFFFFF;
	text-decoration: none;
}

.nav a:hover
{
	background-color: #EC008C;
	color: #FFFFFF;
	text-decoration: none;
}

/* -- END NAV ITEMS -- */

li.lh_end a
{
	background: url(../images/nav_lh_end.gif) no-repeat;
	background-color: #989898;
}

li.lh_end a:hover
{
	background: url(../images/nav_lh_end_selected.gif) no-repeat;
	background-color: #EC008C;
}

li.rh_end a
{
	background: url(../images/nav_rh_end.gif) no-repeat right top;
/* 	background-position: right top; */
	background-color: #989898;
}

li.rh_end a:hover
{
	background: url(../images/nav_rh_end_selected.gif) no-repeat right top;
	background-color: #EC008C;
}

/* -- SELECTED NAV ITEMS -- */

li.sel_lh_end a
{
	background: url(../images/nav_lh_end_selected.gif) no-repeat;
}

li.sel_rh_end a
{
	background: url(../images/nav_rh_end_selected.gif) no-repeat right top;
}

li.selected a:link, li.selected a:hover ,li.selected a:visited
{
	background-color: #EC008C;
}

/* --------------------------------------------------------------------------------------------------- */
/* MAIN CONTENT */
/* --------------------------------------------------------------------------------------------------- */

.content
{
	width: 955px;
	display: inline-block;
	display: -moz-inline-block;
}

.lh_content
{
	width: 650px;
/* 	background-color: aqua; */
	margin: 0 5px 0 0;
	float: left;
	display: inline-block;
	display: -moz-inline-block;
}

.rh_content
{
	width: 300px;
	float: left;
	display: inline-block;
	display: -moz-inline-block;
}

/* --------------------------------------------------------------------------------------------------- */
/* LH POD */
/* --------------------------------------------------------------------------------------------------- */

.lh_pod
{
	width: 650px;
	display: inline-block;
	display: -moz-inline-block;
	background: url(../images/pod_lhMid.gif) repeat-y;
	float: left;
}

.lh_pod_content
{
	padding: 15px;
	display: inline-block;
	display: -moz-inline-block;
}

.lh_pod_content h1
{
	margin: 0 0 15px 0;
	color: #4C4C4C;
	font-size: 20px;
}

.lh_pod_content img
{
	margin: 0 15px 0 0;
	float: left;
	display: inline-block;
	display: -moz-inline-block;
}

.lh_pod_topCap
{
	height: 2px;
	background: url(../images/pod_lhTopCap.gif) no-repeat;
	overflow: hidden;
}

.lh_pod_botCap
{
	height: 2px;
	background: url(../images/pod_lhBotCap.gif) no-repeat;
	overflow: hidden;
}

.lh_pod_text_holder
{
	width: 390px;
	float: left;
	display: inline-block;
	display: -moz-inline-block;
}

.lh_pod_text_holder p
{
	margin: 0 0 10px 0;
}

.lh_pod_text_holder h3
{
	margin: 0 0 10px 0;
	font-size: 14px;
}

.lh_pod_text_holder ul
{
	list-style-type: none;
	margin: 10px 0;
}

/* --------------------------------------------------------------------------------------------------- */
/* RH POD */
/* --------------------------------------------------------------------------------------------------- */

.rh_pod_plain
{
	width: 300px;
	display: inline-block;
	display: -moz-inline-block;
	float: left;
	font: 11px;
}

.rh_pod
{
	width: 300px;
	margin: 0 0 10px 0;
	display: inline-block;
	display: -moz-inline-block;
	background: url(../images/pod_rhMid.gif) repeat-y;
	float: left;
}

.rh_pod h1
{
	padding: 4px 10px;
	font: inherit;
	font-size: 11px;
	background: url(../images/pod_headerMed.gif) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
}

.rh_pod_content
{
	padding: 10px 10px 15px 10px;
}

.rh_pod_content ul
{
	margin: 0 0 10px 15px;
}

.rh_pod_content ul li
{
	margin: 0 0 5px 0;
}

.rh_pod_content ul a:link, .rh_pod_content ul a:visited
{
	padding: 0 10px 0 0;
	color: #666666;
	background: url(../images/btn_pinkArrow.gif) no-repeat right center;
}

.rh_pod_content ul a:hover
{
	color: #EC008C;
	text-decoration: none;
}

.rh_pod_botCap
{
	height: 2px;
	background: url(../images/pod_rhBotCap.gif) no-repeat;
	overflow: hidden;
}

.rh_pod_clients
{
	padding: 10px 10px 15px 10px;
	display: inline-block;
	display: -moz-inline-block;
}

.rh_pod_clients img
{
	float: left;
}

/* --------------------------------------------------------------------------------------------------- */
/* HOME */
/* --------------------------------------------------------------------------------------------------- */

.home_flash
{
	width: 955px;
	height: 360px;
	margin: 0 0 5px 0;
/* 	background-color: black; */
}

.home_pods
{
	float: left;
	display: inline-block;
	display: -moz-inline-block;
}

.home_pod
{
	width: 235px;
	height: 260px;
	margin: 0 5px 0 0;
	float: left;
	background: url(../images/pod_bgSml.gif) no-repeat;
	display: inline-block;
	display: -moz-inline-block;
}

.home_pod_rh
{
	width: 235px;
	height: 260px;
	margin: 0;
	float: left;
	background: url(../images/pod_bgSml.gif) no-repeat;
}

.home_pod h1, .home_pod_rh h1
{
	padding: 4px 10px;
	font: inherit;
	background: url(../images/pod_headerSml.gif) no-repeat;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}

.home_pod a, .home_pod_rh a
{
	text-decoration: none;
}

.home_pod a h1, .home_pod_rh a h1
{
	color: #FFFFFF;
	text-decoration: none;
}

.home_pod_content
{
	margin: 5px 6px 0 6px;
}

.home_pod_content img
{
	margin: 0;
}

.home_pod_content p 
{
	padding: 0;
	margin: 8px 0;
}

.home_pod_content a:link, .home_pod_content a:hover
{
	color: #EC008C;
	text-decoration: none;
}

.home_pod_content a:hover
{
	color: #EC008C;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------------------------- */
/* DJ SETS */
/* --------------------------------------------------------------------------------------------------- */

.dj_set
{

	width: 620px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #D8D8D8;
	display: inline-block;
	display: -moz-inline-block;
/* 	float: left; */

}

.dj_set h1
{
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.dj_set p
{
	margin: 0 0 30px 0;
}

/* --------------------------------------------------------------------------------------------------- */
/* GALLERY */
/* --------------------------------------------------------------------------------------------------- */

.gallery
{

	width: 630px;
	display: inline-block;
	display: -moz-inline-block;
/* 	float: left; */

}

.gallery img
{
	float: left;
	margin: 0 9px 9px 0;
}

/* --------------------------------------------------------------------------------------------------- */
/* PRESS */
/* --------------------------------------------------------------------------------------------------- */

.press
{
	width: 620px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #D8D8D8;
	display: inline-block;
	display: -moz-inline-block;
}

.press h1
{
	cursor: pointer;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

.press .read
{
	font-size: 11px;
	float: right;
	font-weight: bold;
	color: #EC008C;
}

.press .hide
{
	font-size: 11px;
	float: right;
	font-weight: bold;
	color: #EC008C;
	visibility: hidden;
}

.press img
{
/* 	float: left; */
/* 	margin: 0 9px 9px 0; */
}

.linklist li
{
	list-style: none;
	padding-bottom: 5px;
}


/* --------------------------------------------------------------------------------------------------- */
/* BIO */
/* --------------------------------------------------------------------------------------------------- */

.bio
{	
	width: 620px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #D8D8D8;
	display: inline-block;
	display: -moz-inline-block;
}

/* --------------------------------------------------------------------------------------------------- */
/* BOOKINGS */
/* --------------------------------------------------------------------------------------------------- */

table.bookings
{
	width: 620px;
}

table.bookings td
{
	vertical-align: top;
	padding: 8px 10px 8px 0;
	border-bottom: 1px dotted #D8D8D8;
}

table.bookings td.headings
{
	
	padding: 14px 10px 0 0;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------------------------- */
/* SOLUTIONS */
/* --------------------------------------------------------------------------------------------------- */

.solution
{	
	width: 620px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #D8D8D8;
	display: inline-block;
	display: -moz-inline-block;
}

.solution .lh_pod_text_holder ul
{
	padding: 0 0 0 15px;
}

.solution .lh_pod_text_holder li
{
	list-style-type: disc;
	margin: 3px 0 0 0;
}

/* --------------------------------------------------------------------------------------------------- */
/* GIG */
/* --------------------------------------------------------------------------------------------------- */

.lh_pod_gig
{
	padding: 15px;
	display: inline-block;
	display: -moz-inline-block;
}

.lh_pod_gig .gig
{	
	width: 620px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #D8D8D8;
	display: inline-block;
	display: -moz-inline-block;
	
}

.textArea
{
	margin: 10px 0 0 0;
	text-align: left;

}

.imgWrapper
{
	margin: 10px 0px 0 0;
	padding-top: 10px;
	text-align: center;
}

/* --------------------------------------------------------------------------------------------------- */
/* FOOTER */
/* --------------------------------------------------------------------------------------------------- */

.footer
{
	width: 955px;
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #D8D8D8;
	float: left;
}

#caramel_creative
{
	float: right;
}