/*
Cristinadesigns.com website CSS
*/


/* ===== MAIN TAGS ===== */

body{
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/body.jpg);
	background-repeat: repeat;
	margin: 0;
	}
	

p, h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color:#366B87;
	margin: 0;
	letter-spacing: -1px;
	}
	
h1{
	color: #fff;
	font-size:30px;
	text-align: right;
	letter-spacing: -1px;
	}

h2{
	font-size:14px;
	letter-spacing: -1px;
	}

h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	letter-spacing: -.1ex;
	}

/* ===== HEADER & TOP BACKGROUND IMAGES ===== */
	
div#outerDiv{
	width:1024px;
	margin:0 auto;
	height: 815px;
	position: relative;
	top: 0px;
	padding-bottom: 25px;
	}

#outerDiv a:link, #outerDiv a:visited {
	text-decoration: none;
	color: #366B87;
}

#outerDiv a:hover, #outerDiv a:active {
	color: #FF66FF;
	border-bottom: 1px dashed #FFFF66;
}	
	
#soapysoap{
	background: url(../images/topbanner.png) no-repeat;
	width: 960px;
	height: 204px;
	z-index: 8;
	margin: 0 auto;
	position: absolute;
}

div#hellobar{
	height:100px;
	width: 925px;
	background-color:#83d4fe;
	padding-right: 75px;
	padding-top: 25px;
	top: 25px;
	position: absolute;
		}


div#tiletop{
	background-image: url(../images/tiletop.png);
	width: 950px;
	height:438px;
	margin: 0 auto;
	background-position: top;
}		

/* ===== NAVIGATION ===== */

/* ===== bio ===== */	
		
	#bioButton{
	position:absolute;
	left:150px;
	top: 240px;
	}
	
	#bioButton a:link, #bioButton a:visited{
	background-image: url(../images/bio.png);
	height: 182px;
	display:block;
	text-indent: -1000em;
	width: 94px;
	}

	#bioButton a:hover, #bioButton a:active{
	background-position: left bottom;
	border-bottom: none;
	}

/* ===== portfolio ===== */	
	#portfolioButton{
	position:absolute;
	left:210px;
	top: 240px;
	}
	
	#portfolioButton a:link, #portfolioButton a:visited{
	background-image: url(../images/portfolio.png);
	width: 92px;
	height: 182px;
	display:block;
	text-indent: -1000em;
	}

	#portfolioButton a:hover, #portfolioButton a:active{
	background-position: left bottom;
	border-bottom: none;
	}

/* ===== contact ===== */	
	#contactButton{
	position:absolute;
	left: 270px;
	top: 240px;
	}
	
	#contactButton a:link, #contactButton a:visited {
	background-image: url(../images/contact.png);
	width: 92px;
	height: 182px;
	display:block;
	text-indent: -1000em;
	}

	#contactButton a:hover, #contactButton a:active{
	background-position: left bottom;
	border-bottom: none;
	}

/* ===== CRISTINA IN VECTOR ===== */	
	
div#me{
	background-image: url(../images/menomerge.png);
	width: 359px;
	height:568px;
	margin: 0 auto;
	position: absolute;
	top: 130px;
	left: 580px;
	z-index: 5;
	}


	#wordbubble{
	position:absolute;
	width: 135px;
	height: 40px;
	top: 59px;
	left: 14px;
	}
	
	#wordbubble p{
	font-size:100%;
	letter-spacing: -.1ex;
	text-align: center;
	font-style: italic;
	}	

/* ===== ABOUT THE SITE ===== */	
	#aboutsite p{
	position:absolute;
	left: 103px;
	height: 147px;
	width: 500px;
	top: 441px;
}

/* ===== BOTTOM BANNER ===== */	

	div#bottombanner{
	background-image: url(../images/bottombanner.png);
	width: 1024px;
	height:210px;
	margin: 0 auto;
	top: 600px;
	position: absolute;
	z-index: 2;
}

	div#bannerbg{
	width: 2000px;
	height: 250px;
	top: 600px;
	position: absolute;
	background-image: url(file:///Macintosh%20HD/Users/cristina/Desktop/cristinadesigns.com/images/bottombannerbg.png);
}

/* ===== networking ===== */	
	div#networkingsite{
	position: absolute;
	height: 100px;
	width: 319px;
	top: 25px;
	z-index: 4;
	left: 6px;
	}
	
/* ===== recent project ===== */	
	div#recentproject{
	position: absolute;
	height: 100px;
	width: 305px;
	top: 25px;
	z-index: 4;
	left: 360px;
	}	

/* ===== interesting distraction ===== */	
	div#interestingdistraction{
	position: absolute;
	height: 100px;
	width: 267px;
	top: 25px;
	z-index: 4;
	left: 750px;
	}

/* ===== NAV BAR BOTTOM ===== */	
	div#navbarbottom{
	position: absolute;
	left: 31px;
	top: 164px;
	width: 600px;
}	

	#navbarbottom p{
	color:#99afbb;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	}
	
	#navbarbottom  p a:link, #navbarbottom p a:visited {
	color:#99afbb;
	text-decoration: none;
	}
	
	#navbarbottom p a:hover, #navbarbottom p a:active{
	color:#30637F;
	}
	
/* ===== TIME ===== */
	#time{
	position: absolute;
	left: 750px;
	top: 165px;
	width: 268px;
	height: 40px;
	}
	
	#time p{
	color:#99afbb;
	font-size: 14px;
	}