/* General Styles */
body,h1,h2,h3,img,ul,ol,li
{
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	font: normal 73%/1.3em arial,verdana,sans-serif;
	color: #222;
}
p { text-align: justify; }
a,a:link { color: #333; }
a:hover { text-decoration: none; }
h1
{ 
	font-family: "Century Gothic", Tahoma, "Apple Gothic",sans-serif;
	font-size: 1.85em;
	color: #B72B4D;
	margin: 6px 0 30px 0;
}
h2
{
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.1em;
}
ul li
{
	list-style-type: square;
	margin: 0 0 0 19px;
	line-height: 1.3em;
}
body#gallery { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-gallery.jpg) no-repeat 100% 0; }
body#contact { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-contact.jpg) no-repeat 100% 0; }
body#coaching { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-coaching.jpg) no-repeat 100% 0; }
body#gigs { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-gigs.jpg) no-repeat 100% 0; }
body#home { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-home.jpg) no-repeat 100% 0; }
body#news { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-news.jpg) no-repeat 100% 0; }
body#links { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-links.jpg) no-repeat 100% 0; }
body#press { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-press.jpg) no-repeat 100% 0; }
body#shop { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-shop.jpg) no-repeat 100% 0; }
body#bio { background: url(http://www.newlightdesigns.co.uk/gloriagarcia/resources/images/bg-bio.jpg) no-repeat 100% 0; }

/* Page Layout */
#content-inner
{
	width: 615px;
	position: absolute;
	top: 220px;
	z-index: 11;
	padding: 0 0 12px 0;
	margin: 30px 456px 0 195px;
}
body#bio #content,
body#gigs #content,
body#coaching #content,
body#gigs #content
{
	height: 400px;
	width: 92%;
	overflow: auto;
	padding: 0 15px 0 0;
}
body#coaching #content,
body#bio #content
{
	width: 88%;
	height: 339px;
}
body#gigs #content
{
	width: 68%;
	height: 342px;
}
body#links #links li
{
	margin: 0 0 7px 0;
}
body#links #links li br
{
	margin: 0 0 7px 0;	
}
body#shop ul#social a
{
	margin: 0 22px 0 0;
}
/* Logo */
img#logo
{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}
/* Navigation Stuff */
#content-nav
{
	padding: 254px 0 1000px 26px;
	width: 135px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	background: #FE1271;
}
#content-nav ul,
#content-nav ul li
{
	position: relative;
	z-index: 1;
	list-style: none;
	list-style-type: none;
}
#content-nav ul li 
{ 
	margin: 0; 
	padding: 0;
}
#content-nav ul li a
{
	text-decoration: none;
	display: block;
	width: 125px;
	float: left;
	font: normal bold 1.45em "Century Gothic", Tahoma, "Apple Gothic",sans-serif;
	color: #FFF;
	padding: 4px 0;
}
#content-nav ul li.selected a,
#content-nav ul li a:hover
{
	color: #FE98F3;
}
#home-right
{
	float: right;
	width: 228px;
	margin: 0 0 0 20px;
	font-size: .9em;
}
/* Social websites (YouTube, Twitter, MySoace links etc) */
ul#social,ul#hoverbox,ul#press,ul#links,
ul#social li,ul#hoverbox li,ul#press li,ul#links li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style: none;
}
/* Image mouseovers - changing these will break the javascript! */
ul#hoverbox,
ul#hoverbox li
{
	float: left;
	margin: 0;
	padding: 0;
	line-height: 0;
}
ul#hoverbox
{
	position: relative;
	z-index: 10;
	width: 218px;
}
ul#hoverbox a 
{
	float: left;
	margin: 0;
	padding: 0;
	margin: 0 2px 2px 0;
}
ul#hoverbox a img
{
	border: #CCC solid 1px;
	width: 55px;
	height: 68px;
}
ul#hoverbox a:hover img
{
	border: #FFF solid 1px;
}	
/* The 'area' where the larger versions of gallery mouseovers appear */
div#preview
{
	float: right;
	width: 280px;
	height: 420px;
	padding: 8px;
	margin: -6px 95px 0 0;
}
div#preview img
{
	width: 280px;
	border: #EEEEEE solid 3px;
	padding: 8px;
}
ul#shows,
ul#shows li
{
	list-style-type: none;
	margin: 0;
}
ul#social
{
	margin: 15px 0 0 0;
	float: left;
}
ul#social li
{
	float: left;
}
ul#social li img
{
	display: block;
	width: 40px;
	height: 40px;
}
ul#social li a
{
	float: left;
	border: #333 solid 1px;
	margin: 0 2px 0 0;
}
ul#social li a:hover
{
	border: #EFEFEF solid 1px;
}
ul#links li a
{
	font-weight: bold;
}
ul#press,ul#press li
{
	list-style: none;
	list-style-type: none;
}
ul#press li
{
	float: left;
}
ul#press li a
{
	border: #666 solid 1px;
	float: left;
	height: 88px;
	margin: 0 5px 0 0;
}
ul#press li a:hover
{
	border: #EFEFEF solid 1px;
}
#player
{
	position: absolute;
	top: 574px;
	left: 20px;
	height: 70px;
}
/* contact form */
#contactForm
{
	position: absolute;
	z-index: 1012;
	top: -230px;
	left: 250px;
	width: 400px;
}
#contactForm .email,
#contactForm .submit
{
	margin: 0;
	padding: 0;
}
#contactForm .email
{
	font-size: 12px; 
	color: #CC0066; 
	border: 1px solid #000; 
	position: relative;
	top: -3px;
}
#contactForm p
{
	float: left;
	margin: 0 10px 0 0;
	padding: 1px 0 0 0;
	font-weight: bold;
	font-size: .9em;
	color: #AA0055;
}