/* CSS Document */


/*---------------the below css affects every page-----------*/
*{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:focus {
outline: none;
}
/*this gets rid of the border around the links*/

/*----------this ends the css for everything-------------------------*/

/*---------------------------below is the css for the index page-------------------------*/

html {
	background-color: #000000;
	}

#main_image {
	position: relative;
	background-image: url(images/pinkgradient.jpg);
	background-repeat: repeat-x;
	width: 800px;
	height: 600px;
	margin: 50px auto;
	}
	
/*below is the css for print and web links*/
	
#left_home_nav {
	position: absolute;
	top: 326px;
	left: 20px;
	height: 50px;
	width: 215px;
	}
	
ul#left_home_navigation {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	float: left;
	}
	
ul#left_home_navigation li {
	display: inline;
	}
	
ul#left_home_navigation a {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	display: block;
	float:left;
	padding: .1em 2.7em;
	text-decoration: none;
	color: #FFFFFF;
	z-index: 500;
	}
ul#left_home_navigation a:hover{
	color: #6699cc;
	}
/*this ends the css for the print and web links	*/

/*below is the css for the resume and contact links*/
#right_home_nav {
	position: absolute;
	top: 326px;
	left: 560px;
	height: 50px;
	width: 247px;
	}
	
ul#right_home_navigation {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	float: left;
	/*width: 100%;*/
	/*height:50px;*/
	}
	
ul#right_home_navigation li {
	display: inline;
	}
	
ul#right_home_navigation a {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	display: block;
	float:left;
	padding: .1em 2.7em;
	text-decoration: none;
	color: #FFFFFF;
	z-index: 500;
	}
ul#right_home_navigation a:hover{
	color: #6699cc;
	}
/*this ends the css for the resume and contact links	*/

	
/*----------------------------this ends the css for the index page----------------------------*/

/*--------------below is the css for the print portfolio page------------------------*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	}
	
#container {
	background-image: url(images/pinkgradient.jpg);
	background-repeat: repeat-x;
	width: 994px;
	height: 768px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	}
	
#white_top_nav {
	width: 1000px;
	height: 60px;
	position: absolute;
	left: 245px;
	top: 90px;
	}
	
	
#div_nav {
	position: absolute;
	top: 92px;
	left: 250px;
	height: 50px;
	width: 600px;
	}
	
ul#navigation {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	float: left;
	}
	
ul#navigation li {
	display: inline;
	font-size: 14px;
	}
	
ul#navigation a {
	display: block;
	float:left;
	padding: .11em 2.4em;
	text-decoration: none;
	color: #333333;
	z-index: 500;
	}
ul#navigation a:hover{
	color: #6699cc;
	}
		
#logo {
	position: absolute;
	left: 30px;
	margin: 0px;
	}
	
#thumbnails_div {
	position: absolute;
	width: 110px;
	height: 290px;
	top: 214px;
	left: 57px;
	z-index: 50;
	}
	
#white_left_nav {
	position: absolute;
	width: 190px;
	height: 370px;
	top: 189px;
	left: 33px;
	}
	
#big_white {
	position: absolute;
	width: 630px;
	height: 350px;
	top: 189px;
	left: 240px;
	}
	
#grey_text_box {
	position: absolute;
	background-image: url(images/grey_text_box.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 300px;
	top: 215px;
	left: 270px;
	z-index: 300;
	}
	
#print_text {
	position: absolute;
	width: 170px;
	height: 270px;
	left: 285px;
	top: 225px;
	font-size: 12px;
	line-height: 1.4em;
	z-index: 400;
	}
	
h1 {
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: .05em;
	}

#copyright {
	position: absolute;
	left: 410px;
	top: 607px;
	font-size: 9px;
	z-index: 200;
	}
	
#line_logo {
	position: absolute;
	top: 600px;
	left: 40px;
	}
	
#decordova {
	position: absolute;
	}
	
#bettyanne {
	position: absolute;
	top: 60px;
	}
	
#wiseman {
	position: absolute;
	top:120px;
	}
	
#film {
	position: absolute;
	top: 180px;
	}
	
#gman {
	position: absolute;
	top: 240px;
	}

#big_image {
	position: absolute;
	top: 215px;
	left: 500px;
	z-index: 100;
	}
	

/*-------------------this closes the css for the print portfolio page--------------------*/

/*--------------------below is the css for both the print and web pag-----------------e*/

.first_paragraph {
	padding-bottom: 16px;
	/*this is the same spacing that the resume page has between paragraphs in #resume_text p*/
	}
	
a img {
	border-width: 0px;
	}
	
/*-----------------this closes the css for both the print and web page-------------------*/



/*-----------------below is the css specific fo the web portfolio page----------------*/

#esperanza {
	position: absolute;
	}
	
#vibraphone {
	position: absolute;
	top: 60px;
	}
	
#polarbear {
	position: absolute;
	top:120px;
	}
	
#photo {
	position: absolute;
	top: 180px;
	}
	
#pizza {
	position: absolute;
	top: 240px;
	}
	
/*--------------this closes the css specific for the web portfolio page-------------------*/

/*---------------below is the css specific for the resume page-------------------*/

#resume_pic {
	position: absolute;
	top: 215px;
	left: 670px;
	}
	
#grey_box_resume {
	position: absolute;
	top: 215px;
	left: 270px;
	z-index: 100;
	}
	
#resume_text {
	position: absolute;
	top: 225px; 
	left: 285px;
	z-index: 500;
	width: 320px;
	height: 270px;
	}
	
#resume_text h1 {
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: .05em;
	}
	
#resume_text p {
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 16px;
	}
	
#resume_downloads {
	position: absolute;
	width: 190px;
	height: 370px;
	top: 189px;
	left: 33px;
	}
	
#download_heading {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 12px;
	position: absolute;
	top: 215px;
	left: 57px;
	font-weight: bold;
	}
	
#resume_heading {
	font-size: 13px;
	color: #000000;
	margin-bottom: 12px;
	position: absolute;
	top: 260px;
	left: 57px;
	font-weight: normal;
	font-style: normal;
	
	}
	
#print_portfolio_heading {
	font-size: 13px;
	color: #000000;
	margin-bottom: 12px;
	position: absolute;
	top: 355px;
	left: 57px;
	font-weight: normal;
	font-style: normal;
	}
	

#adobe_heading {
	font-size: 13px;
	color: #000000;
	margin-bottom: 12px;
	position: absolute;
	top: 450px;
	left: 57px;
	font-weight: normal;
	font-style: normal;
	}
	
#print_portfolio_adobe {
	position: absolute;
	left: 57px;
	top: 378px;
	}
	
#resume_adobe {
	position: absolute;
	left: 57px;
	top: 283px;
	}
	
#resume_doc {
	position: absolute;
	left: 115px;
	top: 283px;
	}
	
#adobe_reader {
	position: absolute;
	left: 57px;
	top: 473px;
	}

/*-------------------this closes the css specific for the resume page---------------------------*/

/*----------------below is the css specific for the contact page-------------------------*/

#main_area_contact {
	position: absolute;
	top: 215px;
	left: 280px;
	font-size: 13px;
	line-height: 1.3em;
	}
	
th {
	text-align: left;
	padding-bottom: .85em;
	font-style: normal;
	font-weight: normal;
	}
	
#contact_image {
	position: absolute;
	top: 215px;
	left: 670px;
	}
	
/*---------------this closes the css specific for the contact page---------------------------------*/

/*----------below is the css just for the contact php page-----------------------------------------------*/

#thanks {
	position: absolute;
	top: 250px;
	left: 360px;
	}
	
	
	/*below is where you change the color to match the picture that I have on the contact.html page*/
#thanks_text {
	position: absolute;
	top: 485px;
	left: 434px;
	font-weight: bold;
	font-size: 14px;
	color: #88bfba;
	}

/*----------------------------this closes the css just for the contact php page-----------------------------------*/