@charset "UTF-8";
/* CSS Document */
/*christinaruiz.com Stylesheet
Written by: Lee Gillentine
May 1st, 2008
www.fishburd.com
Free for all to learn from and break*/


/*---------Site-wide elements here--------------*/

body {
	background-image: url(siteimgs/blue-wallpaper-bgd.jpg);
	background-repeat: repeat;
	padding-top:32px;
	padding-bottom:0px auto;
	margin-right:0;
	margin-left:0;
	overflow:hidden;
	text-align:center;
	}
	
#header{
	position:absolute;
	text-indent:-9000px;
	height:32px;
	padding:0px;
	margin:0px;
	}
	
#footer{
	position:absolute;
	text-indent:-9000px;
	}

/*-------------Wrapper and MainContents------------*/

#wrapper{
	background-color:#FFFFFF;
	height:550px;
	padding-top:-100px;
	}
#wrapper .mainContent{
	position:relative;
	background: #FFF url(siteimgs/background-fixed.png);
	margin:0px auto;
	padding:0px;
	height:550px;
	width:800px;
	border-left:thin, #999999;
	border-right:thin, #999999;
	z-index:90;
	text-align:left;
	
	}
	
#wrapper .mainContent #logo{
	position:absolute;
	background: url(siteimgs/logo.png) no-repeat;
	width:318px;
	height:117px;
	text-decoration:underline;
	float:left;
	z-index:100;
	}
	
.mainContent ul {
	position:absolute;
	margin:0px;
	width:800px;
	float:left;
	z-index:90;
	margin-left:270px;
	margin-top:35px;
	text-decoration:none;
	list-style:none;
	}

.mainContent ul li{
	float:left;
	text-decoration:none;
	}

/*----------------Elements for the Contact Page-------------*/

.contact{
	position:relative;
	background:#FFF url(siteimgs/contact/contact2.png) no-repeat;
	width:341px;
	height:401px;
	top:130px;
	left:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	}
.contact #phone{
	padding-top:187px;
	padding-left:150px;
	padding-bottom:13px;
	}
.contact #fax{
	padding-left:140px;
	
	}
.contact #email{
	padding-top:50px;
	padding-left:70px;
	}
.contact #email a{
	text-decoration:none;
	color:#000000;
	}
.contact #email a:hover{
	color:#0285B1;
	}

#phonePic img{
	position:relative;
	top:-175px;
	left:436px;
	}

/*------------------Elements for the Portfolio and Reel Flash-pages-----------*/
	
.flash{
	position:relative;
	left:10px;
	top:51px;
	border:0px;
	background:#FFFFFF;
	z-index:1;
	padding-left:0px;
	padding-top:0px;
	width:700px;
	height:498px;
	}	


/*--------------Elements for the Personal Styling Page------------------*/
.styling{
	background: url(siteimgs/styling/larger-styling-bkground.png) no-repeat;
	position:relative;
	width:525px;
	height:508px;
	top:105px;
	left:20px;
	padding:2px;
	border:0px;
	margin:0px;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	}
.styling #stylingLogo{
	position:relative;
	background: url(siteimgs/styling/personal-styling.png) no-repeat;
	width:238px;
	height:58px;
	left:12px;
	text-indent:-9000px;
	}
.styling #stylingText{
	font-size:12px;
	width:505px;
	margin-right:16px;
	margin-left:14px;
	padding-top:0px;
	}
.styling #stylingIcon{
	position:relative;
	float:left;
	background: url(siteimgs/styling/icon.png) no-repeat;
	width: 145px;
	height: 352px;
	left:550px;
	top:-352px;
	}
	
/*------------------------------Elements for the Resume Page-------------------------------*/

.resumeContent{
	background: url(siteimgs/resume/resume-background2.png) no-repeat;
	position:relative;
	width:516px;
	height:422px;
	top:96px;
	left:270px;
	}
.resumeContent #resumeIcon{
	background: url(siteimgs/resume/feather-pen.png) no-repeat;
	width:244px;
	height:362px;
	top:80px;
	right:240px;
	position:relative;
	text-indent:-9000px;
	}
.resumeContent #resumeText{
	position:relative;
	text-align:left;
	bottom:352px;
	width:490px;
	height:412px;
	padding-left:14px;
	overflow-y:scroll;
	overflow-x:hidden;
	}
.resumeContent #resumeText a{
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.resumeContent #resumeText a:hover{
	color:#D460A7;
	}
	
.resumeContent .product, .director, .company {
	width:150px;
	float:left;
	font-size:12px;
}

.resumeContent .other {
float:left;
width:480px;
font-size:12px;
}

.resumeContent .other em{
font-size:14px;