/*========================================================

Global CSS file for Gina mellotte

Created by 2theedge.co.uk

=========================================================*/


body {
	background:#fff;
	font-family:helvetica,arial,verdana,georgia;
	margin:0;
	height:100%;
}

#wrapper {
	margin:10px auto;
	position:relative;
	width:950px;
	
}
#header {
	background:url("../cssimages/fade_header.jpg") repeat-x;
	margin:0px;
	height:109px;
}


#logo {
	background:url("../cssimages/logo.png") repeat-x;
	height:126px;
	left:43px;
	position:absolute;
	text-indent:-9999px;
	top:-30px;
	width:304px;
	z-index:1;
}

#spacer {
	background:#FFFFFF;
	height:30px;
	left:95px;
	position:absolute;
	text-indent:-9999px;	
	top:-8px;
	width:205px;
	z-index:0;
}

#contact_info {
	position:absolute;
	right:40px;
	top:-50px;
	font-size:1em;
	letter-spacing:1.2px;
}

#icon_container {
	width:754px;
	margin:50px auto;
}

#tv, #corporate, #radio {
	background:url("../cssimages/home_icons.jpg") no-repeat;
	height:285px;
	width:250px;
	float:left;
}

#tv {
	background-position:0 0;
}

#corporate {
	background-position:-255px 0;
}

#radio {
	background-position:-516px 0;
}

#menu {
	position:absolute;
	right:20px;
	top:-15px;
	background:#fff;
}

#menu li {
	list-style:none;
	float:left;
}
#menu li a.last_li {
	border:none;
}

#menu li a {
	border-right:1px solid #000000;
	color:#000000;
	display:block;
	float:left;
	font-size:1em;
	letter-spacing:-0.3px;
	padding:3px 25px;
}

#menu li a:hover {
	color:#B8DA2E;
}

#content_container {
	border:1px solid #B8DA2E;
	width:1000px;
}

#content {
	border:1px solid #000000;
	margin:10px;
	padding:90px 25px 0;
}

/*===================================================================
Scroll areas
===================================================================*/

#scroll ul{
	margin:10px 0;
}

#scroll a {
	color:#b8da2e;
	cursor:pointer;
}
#scroll a:hover {
	text-decoration:underline;
}

#scroll ul li {
	margin:0 17px;
	padding:3px;
}




/*===================================================================
About Page
===================================================================*/

body#about #scroll {
	background:url("../cssimages/about_scroll_area.jpg") no-repeat;
	height:357px;
	padding:10px;
	position:relative;
	width:547px;
	font-family:Comic Sans MS,verdana;
	float:left;
}

body#about #scroll_container {
	height:340px;
	padding:0 15px 0 0;
	width:390px;
	margin-left:75px;
}

#gina_polaroid {
/*	background:url("../cssimages/polaroid_aboutme.png") no-repeat;*/
	width:255px;
	height:243px;
	float:left;
	margin:0 0 0 30px;
/*	text-indent:-9999px;*/
}
#client_logos {
/*	background:url("../cssimages/about_client_logos.png") no-repeat;*/
	width:307px;
	height:80px;
	float:left;
	
}

/*===================================================================
Clients Page
===================================================================*/
body#clients #content {
	padding:90px 0 0;
}

body#clients #scroll {
	background:url("../cssimages/clients_scroll_area.jpg") no-repeat;
	height:357px;
	padding:10px;
	position:relative;
	width:330px;
	margin:0 auto;
	float:left;
	font-family:Comic Sans MS,verdana;
}

body#clients #scroll_container {
	height:340px;
	padding:0 15px 0 0;
	width:230px;
	margin-left:50px;
}

body#clients h2.title {
	background:url("../cssimages/my_clients_title.png") no-repeat;
	height:49px;
	left:71px;
	position:absolute;
	text-indent:-9999px;
	top:-40px;
	width:209px;
}

#scroll div#demolinks {
	margin:0 auto;
	width:130px;
}


#scroll div#demolinks a {
	display:block;
	float:left;
	height:36px;
	padding:0 3px;
	width:36px;
}

#scroll div#demolinks a:hover {
	background-color:#b8da2e;
}

#right_column, #left_column {
/*	width:324px;*/
	height:276px;
	float:left;
}

/*===================================================================
Listen
===================================================================*/

#demo_player {
	left:-10px;
	margin:0 0 15px;
	position:relative;
}

/*===================================================================
Studio Page
===================================================================*/
body#studio #scroll {
	background:url("../cssimages/studio_scroll_area.jpg") no-repeat;
	height:357px;
	padding:10px;
	position:relative;
	width:547px;
	font-family:Comic Sans MS,verdana;
	float:left;
}

body#studio #scroll_container {
	height:340px;
	margin-left:75px;
	padding:10px 15px 0 0;
	width:390px;
}

body#studio img.microphone {
	float:left;
}

body#studio #scroll_container p {
	line-height:1.3em;
}

/*===================================================================
Contact Page
===================================================================*/
body#contact #scroll {
	padding:10px;
	position:relative;
	width:547px;
	font-family:Comic Sans MS,verdana;
	float:left;
}

body#contact #scroll_container {
	float:left;
	margin-left:125px;
	padding:0 0;
	width:325px;
}

body#contact #scroll h2.title {
	color:#b8da2e;
}

body#contact #scroll ul {
	list-style:none;
}

body#contact #scroll ul li{
	margin:0;
	padding:1px 0;
}

body#contact img.microphone {
	padding:0 3px 7px 0;
	position:relative;
	top:11px;
}

/*===================================================================
Footer
===================================================================*/

#footer {
	background:url("../cssimages/fade_footer.jpg") repeat-x;
	margin:0px;
	height:109px;
}

#copyright {
	float:left;
}

#webdesign {
	float:right;
}