/*
Title: Linda Garrity - Soprano Opera Singer
Copyright: (c) 2009
Author: Brian McCormack
Company: McCormack Creative
*/


/* =all 
-------------------------------------*/
* { 
	margin:0;
	padding: 0;
	vertical-align: top;
}

body {
	background: #fff;
    text-align: left;
    width: 100%;
    font: normal 11.5px/120% helvetica, arial, sans-serif; 
    line-height: 15px; 
}

p {
	color: #6a6969;
    font: normal 11.5px/120% helvetica, arial, sans-serif; 
    line-height: 17px; 
}

/* @group background */
	
	#background {
		background: #fff url(../cutup/header/background.jpg) top left repeat-x;
		height: 360px;
		width: 100%;
		float: left;
		}
	
	#center {
		width: 925px;
		margin: 0 auto auto auto;
		}
		
	#container {
		float: left;
		}

/* @end */

/* @group header */

	/* =logo
	-------------------------------------*/
		h1.linda_logo a {
			display: block;
			width: 491px;
			height: 60px;	
			background: url(../cutup/header/lindagarrity_soprano.gif);	
			text-indent: -9999px;
			overflow: hidden;
			outline-style: none;
			font-size: 1%;
			float: left;
			}

	/* =nav
	-------------------------------------*/
	#nav{
		float: left;
		width: 925px;
		}	
	
	#primary_nav{
		float: left;
		margin: 2px 0 0 23px;
		display: inline;
		}
	
	#email_nav{
		float: right;
		text-align: right;
		margin-top: 1px;
		}
			
	#primary_nav ul{
		list-style-type: none;
		float: left;
		}
			
	#primary_nav ul li{
		margin-right: 26px;
		}

	#primary_nav ul li,
	#email_nav ul li{
		display: inline;
		}		
		
	#primary_nav ul li a,
	#primary_nav ul li a:visited,
	#email_nav ul li a,
	#email_nav ul li a:visited{
		outline-style: none;
		color:  #a4a3a3;
		text-decoration: none;
		letter-spacing: .1em;
		font: normal 11px/120% georgia, times, times new roman, serif;
		}
		
	#primary_nav ul li a:hover,
	#email_nav ul li a:hover{
		color: #fff;
		}
		
	#primary_nav ul li.current a{
		color: #fff;
		}	
	
	/* =image
	-------------------------------------*/
	#linda_img{
		position: relative;
		}
		
	#linda_img img{
		position: absolute;
		left: -112px;
		top:  79px;
		}
		
		
	/* =audio
	-------------------------------------*/
	#audio_container{
		position: relative;
		float: left;
		clear: both;
		}

	#audio{
		position: absolute;
		left: 550px;
		top:  40px;
		}

	h2.audio{
		font: normal 1.2em georgia, times, times new roman, serif;
		font-style: italic;
		color: #ebeaea;
		width: 375px;
		border-bottom: 1px solid #b2b2b2;
		padding-bottom: .3em;
		margin-bottom: 1.2em;
		}

	#first_song,
	#second_song,
	#third_song{
		position: relative;
		}

	#audioplayer_1{
		position: absolute;
		}
	
	#audioplayer_2{
		position: absolute;
		top: 25px;
		}

	#audioplayer_3{
		position: absolute;
		top: 25px;
		}
		
	#audio span{
		color: #b8b8b8;
		padding-left: 95px;
		}
		
	#songname1{
		margin-top: 22px;
		}
	
	#songname2{
		margin-top: 30px;
		}	

	#songname3{
		margin-top: 30px;
		}
			
/* @end */


/* @group content */
	
	#content{
		position: relative;
		}
	
	#content h2.content_title{
		font: normal 1.2em georgia, times, times new roman, serif;
		font-style: italic;
		color: #4a4a4a;
		border-bottom: 1px solid #4a4a4a;
		padding-bottom: .3em;
		margin-bottom: .7em;
		}
	
	#content_leftcol h2{
		width: 469px;		
		}	
		
	#content_leftcol{
		position: absolute;
		top: 385px;
		left: 25px;
		width: 469px;
		}
	
	#content_leftcol a,
	#content_leftcol a:visited{
		outline-style: none;
		color: #6a6969;
		text-decoration: none;	
		border-bottom: 1px dotted #6a6969;
		padding-bottom: .2em;
		}
	
	#reslink {
		margin: 1.5em 0 3em 0;	
		}
	
	#content_leftcol a:hover{
		color: #333;		
		}
		
	#content_rightcol{
		position: absolute;
		top: 385px;
		left: 550px;
		width: 375px;
		}

	#content_rightcol h2{
		width: 375px;		
		}	

	/* =slideshow
	-------------------------------------*/	
	
	#slideshow {
	    position:relative;
	    height:275px;
	    margin-bottom: 2em;
		}
	
	#slideshow IMG {
	    position:absolute;
	    top:0;
	    left:0;
	    z-index:8;
		}
	
	#slideshow IMG.active {
	    z-index:10;
		}
	
	#slideshow IMG.last-active {
	    z-index:9;
		}
		
		/* =elsewhere
	-------------------------------------*/		
	#content_rightcol img{
		margin-bottom: 1em;
		outline-style: none;
		border: 0;		
		}

	/* =contact info
	-------------------------------------*/		
	#contact_info{
		list-style-type: none;
		color: #6a6969;
		}
			
	#contact_info li{
		margin-bottom: .5em;
		}
	
	#contact_info li a,
	#contact_info li a:visited{
		outline-style: none;
		color: #6a6969;
		text-decoration: none;	
		border-bottom: 1px dotted #6a6969;
		padding-bottom: .2em;	
		}
		
	#contact_info li a:hover{
		color: #333;
		}


	/* =resume
	-------------------------------------*/	
	
	#resume{
		position: absolute;
		left: 25px;
		top: 385px;
		width: 570px;
		}
		
	#content table{
		margin-top: 1.5em;
		}
				
	#content th{
		padding-bottom: .4em;
		}
		
	#content .t1_col1{
		width: 150px;
		}
	
	#content .t1_col2{
		width: 140px;
		font-style: italic;
		}
		
	#content .t1_col3{
		width: 180px;
		}

	#content .t2_col1{
		width: 230px;
		}	

	#content .t2_col2{
		width: 130px;
		}	
					
	#content .t3_col1{
		width: 180px;
		}
		
	#content .t3_col2{
		width: 180px;
		}

	#content .t3_col3{
		width: 115px;
		}		
		
	#content .t4_col1{
		width: 220px;
		}	

	#content .t4_col2{
		width: 260px;
		}	
	
	#teachers,
	#coaches,
	#conductors{
		float: left;
		margin-right: 5em;
		}
	
	#resume {
		color: #6a6969;
   	 	font: normal 11.5px/120% helvetica, arial, sans-serif; 
		}
	
	#download_resume{
		position: absolute;
		left: 645px;
		top: 385px;
		width: 280px;
		}	

	#download_resume img{
		margin-top: 1em;
		outline-style: none;
		border: 0;
		xborder-bottom: 1px dotted #6a6969;
		xpadding-bottom: .5em;		
		}
		
/* @end */


/* @group footer */

	#footer {
		clear:  both;
		position: relative;
		}		
	
	#footer_group_home{
		position: absolute;
		border-top: 1px solid #8f8f8f;
		width: 901px;	
		top:  640px;
		left:  25px;
		}

	#footer_group_res{
		position: absolute;
		border-top: 1px solid #8f8f8f;
		width: 901px;	
		top:  1300px;
		left:  25px;
		}
		
	#footer p {
		font-size: 11px;
		color: #6c6c6c;
		margin: 8px 0 15px 0;	
		}

	#rights p {
		float:  left;
		}
	
	#footer_mc{
		float: right;
		}
	
	#footer a,
	#footer a:visited{
		outline-style: none;
		color: #6a6969;
		text-decoration: none;	
		border-bottom: 1px dotted #6a6969;
		padding-bottom: .2em;			
		}
	
	#footer a:hover{
		color: #333;
		}

/* @end */