/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } 

/*   wp reset  */
.aligncenter,
.alignleft,
.alignright { float:right }


div, ul, li { position:relative } 
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }


#header ul#navMain,
#header ul#contactDetails,
#contentBox,
#footer
	{ 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-webkit-box-shadow:00px 00px 2px rgba(0,0,0,0.7);			
	}

body {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));
	color: #222;
	font-family: Helvetica; 
    font-size: 14px;
	}
	
#wrapper {
	width:320px;
	}

#header ul#contactDetails {
margin: 10px;
background-color: #FFFFFF;
border: 1px solid #999999;
color: #222222;
font-size: 17px;
font-weight: bold;
padding: 12px 10px;
text-align:right;
}
#header ul#contactDetails li a:hover {
color: #00a996;
}




#header #homeLink {
background:url("../images/charanga-logo-mobile.png") no-repeat scroll 0 0 transparent;
height:50px;
left:16px;
overflow:hidden;
position:absolute;
text-indent:-9999px;
top:9px;
width:120px;
}

#header ul#navMain {
margin: 10px;
}
#header ul#navMain li a {
background-color:#FFFFFF;
border:1px solid #999999;
color:#222222;
display:block;
font-size:17px;
font-weight:bold;
margin-bottom:-1px;
padding:12px 10px 12px 60px;
text-decoration:none;
overflow: hidden;
}

#header ul#navMain li a[title^="Home"] { background: #fff url(../images/mobile-logos.png) 0 0 no-repeat; }
#header ul#navMain li a[title^="Charanga"] { background: #fff url(../images/mobile-logos.png) 0 -44px no-repeat; }
#header ul#navMain li a[title^="inspira®"] { background: #fff url(../images/mobile-logos.png) 0 -88px no-repeat; }
#header ul#navMain li a[title^="Millionaire"] { background: #fff url(../images/mobile-logos.png) 0 -132px no-repeat; }
#header ul#navMain li a[title^="Music Coach"] { background: #fff url(../images/mobile-logos.png) 0 -176px no-repeat; }

	
#header ul#navMain li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
#header ul#navMain li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
#header ul#navMain li a:active,
#header ul#navMain li.current_page_item a {
color: #00a996;
}


				
	
#contentBox,
#footer {
	margin: 10px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	color: #222222;
	font-size: 17px;
	padding: 12px 10px;
	}
#contentMain {
border-top:1px solid #999;
padding-top: 10px;
	}	
#splash img {
	width:285px;
	height: 89px;
	}
	
body.home #contentSup p {
	padding-bottom:0;
	}
#contentSup p {
	padding-bottom:0;
	}
#contentSup h2 {
	padding-bottom:0;
	}
#contentSup blockquote p {
	padding-bottom:0;
	}
#contentSup p img {
	float: right;
	padding-left:0;
	}
#footer {
	padding: 5px 10px 0;
	}		
#footer span {
	display: block;
	}
#footer strong,
#footer strong a {
	color: #000;
	text-decoration: none;
	}		
#footer span a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}
#footer span a:active {
	color: #00a996;
	}
#footer span.org {
	font-weight: bold;
	margin: 2px 0;
	padding: 2px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}	
	
#footer span.fn {
	clear:left;
	padding-top: 5px;
	}
#footer span.adr,
#footer span.fn {	
	text-align: left;
	} 	
	
#footer span.coNum {
	position: absolute;
	bottom: 10px;
	right: 11px;
	text-align:right;
	}
#footer span.coNum {
	clear: left;
	}
#footer strong {
	padding-bottom: 5px;
	}
#footer span.iphoneHide {
	display: none;
	}
#footer {
	text-align: right;
	}
#footer  img.photo {
float:left;
left:-5px;
position:relative;
top:1px;
	}
/* ---- 
		Typography 
					---- */	
					
#header ul li a, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
	font-family: Helvetica Neue, Helvetica, sans-serif;
	color: #111;
	text-decoration: none;
	font-weight: bold;
	}
	
h1 {
position: absolute;
text-indent: -9999px;
	}
h2, h2 a {
font-size:18px;
letter-spacing:-0.5px;
line-height:30px;
	}
h3  {
	border-bottom:1px solid #222222;
	clear:both;
	padding:10px 0;
	} 
h3, h3 a {
	font-size:17px;
	letter-spacing:0;
	line-height:20px;
	}
	
h3 a:hover {
		color: #00a996;
		}



p, li {
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, sans-serif;
	}

p {
	padding-bottom: 10px;
	}
	
a {
	outline: none;
	}
	

ul.content > li,	
ul.content ul {
	width:100%;
	float: none;
	}

ul.content > li {
	padding-bottom: 10px;
	}
	
ul.content ul li.title {
	font-weight: bold;
	}
	
	
ul.content ul li a,
#contentMain p a,
#contentSup p a {
	color: #000;
	border-bottom: 1px dashed #aaa;
	line-height: 19px;
	text-decoration: none;
	}
#header ul li.current_page_item a,
body#charanga-music table td a:hover,
ul.content ul li a:hover,
#contentMain p a:hover,
#contentSup p a:hover {
	color:#00a996;
	}
	
ul.content:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	position: relative;
	}

#contentSup blockquote {
	padding-left: 10px;
	border-left: 10px solid #e0e0e0;
	margin-top: 5px
	}
#contentSup blockquote p {
	padding: 0px;
	}	

#contentSup p {
	padding-top: 5px;
	padding-bottom: 20px;
	}

/* ---- 

		individual page styles:
		
		* home 
								---- */	
ul#charangaBrands {
	padding-bottom: 10px;
	}

ul#charangaBrands li {
	list-style: square inside;
	}	
ul#charangaBrands li a {
	color: #222;
	}
body#home #contentSup {
	overflow: auto;
	border-top: 1px solid #999;
	padding-top: 10px;
	}	
body#home #contentSup p {
	clear:both;
	padding: 0px;
	}

/* ---- 

		individual page styles:
		
		* charanga music 
								---- */	
								
body#charanga-music table {
	width:auto !important;
	display: none;
	}
	tr {
	width: 220px;
	overflow: hidden;
	}
body#charanga-music table tr.alt1 {
	background: #eee;
	}
body#charanga-music table tr th,
body#charanga-music table tr td:first-child {
	display: none;
	}
	
body#charanga-music table td {
	padding: 0;
	height: 20px;
	}
	
body#charanga-music table td,
body#charanga-music table td a {
	font-size: 11.4px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #222;
	}
	
	
body#charanga-music h2 {
clear:both;
padding:5px 0;
display: none;}