/* 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; }
#header ul#navMain,#header #contactDetails,#contentBox,#footer { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 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 #contactDetails { margin:10px; background-color:#FFFFFF; border:1px solid #999999; color:#222222; font-weight:bold; padding:7px 10px 10px; text-align:right; }
#header #contactDetails strong a { font-size:13px; line-height:20px; color:#000; text-decoration:none; display:block; }
#header #contactDetails strong 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:6px; 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:5px; -webkit-border-top-right-radius:5px; }
#header ul#navMain li:last-child a { -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: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 h1 { display:none; }
#splash img { width:285px; height:71px; position:relative; margin-top:-10px; }
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 { font-size:28px; letter-spacing:-1px; line-height:30px; padding:0; position:relative; text-indent:0; top:0; width:auto; }
body#home h1 { font-size:26px; letter-spacing:-1px; }
h2,h2 a { font-size:18px; letter-spacing:-.5px; line-height:30px; }
h3 { border-bottom:1px solid #999999; 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:0; }
#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:0; }

/* ---- 

		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; }