/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
	font-size: 10px;
	line-height:130%;
}


h3 {
	font-style: italic;
	font-weight: bold;
	font-size: 12px; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
}

td {
	font-size:10px;
}


p.p1 {
	font-size: 10px; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
}

p.p2 {
	font-size: 10px; 
	position:relative;
	left: 20px;
	letter-spacing: 1px; 
	margin-top: 2px; 
}

td.p1 {
	font-size: 10px; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	width: 100px;
}

td.p2 {
	font-size: 10px; 
	position:relative;
	left: 20px;
	letter-spacing: 1px; 
	margin-top: 2px; 
}

p.p3 {
	font-size: 10px; 
	position:relative;
	left: 20px;
	letter-spacing: 1px; 
	margin-top: 10px; 
}

#container {
	position: relative;
	top: 75px;
	border: 1px solid #999999;
	margin: 0 auto;
	width: 600px;
	min-height: 500px;
}

#logo {
	position: absolute;
	top: -20px;
	left: 260px;
	width:315px;
	height: 40px;
	cursor: hand;
	background: url(images/julia_logo.gif);
}

#menu {
	position: absolute;
	top: 100px;
	left: 599px;
	width: 95px;
	height: 132px;
	background: #ffffff;
}


#bind_off {background: url(images/bind_off.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#bind_on {background: url(images/bind_on.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#box_off {background: url(images/box_off.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#box_on {background: url(images/box_on.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#design_off {background: url(images/design_off.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#design_on {background: url(images/design_on.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#draw_off {background: url(images/draw_off.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#draw_on {background: url(images/draw_on.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#cv_off {background: url(images/cv_off.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#cv_on {background: url(images/cv_on.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#contact_off {background: url(images/contact_off.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}
#contact_on {background: url(images/contact_on.gif) no-repeat; text-indent: -5000px; width: 95px; height: 22px; display: block}


#frontImg {
	position: relative;
	width: 600px;
	height: 456px;
	background: url(images/frontImg.jpg) no-repeat center center;
}

#frontTag {
	position: relative;
	top: -50px;
	left:50px;
	width: 193px;
	height: 8px;
	background: url(images/frontTag.gif) no-repeat;
}

#bindBg {
	position: relative;
	top: 100px;
	left: 200px;
	height: 300px;
	width: 300px;
	border: #999999 1px solid;
}

#numbers {
	width: 300px;
	height: 200px;
	position:absolute;
	top: 410px;
	left: 200px;
	font-size: 10px; 	
	letter-spacing: 5px;
}

#numbers a,#numbers a:visited {
	color: #666666;
	text-decoration: none;
	letter-spacing: 0px;
}

#boxBg {
	position: relative;
	height: 500px;
	width: 300px;
}

#boxBg h3 {
	position: relative;
	display: block;
	height: 1px;
	text-indent: -1500px;
	font-size: 1px;
	line-height: 1px;
}

#designBg {
	position: relative;
	height: 500px;
	width: 300px;
}

#designBg h3 {
	position: relative;
	display: block;
	height: 1px;
	text-indent: -1500px;
	font-size: 1px;
	line-height: 1px;
}

#drawBg {
	position: relative;
	height: 500px;
	width: 300px;
}

#drawBg h3 {
	position: relative;
	display: block;
	height: 1px;
	text-indent: -1500px;
	font-size: 1px;
	line-height: 1px;
}

<!---- #productsBg {
<!----		position: relative;
<!----		height: 500px;
<!----		width: 300px;
<!----	}

<!--- #productsBg h3 {
<!---	position: relative;
<!---	display: block;
<!---	height: 1px;
<!---	text-indent: -1500px;
<!---	font-size: 1px;
<!---	line-height: 1px;
<!---   }


#artBg h3 {
	position: relative;
	display: block;
	height: 1px;
	text-indent: -1500px;
	font-size: 1px;
	line-height: 1px;
}


#fineBookBg {
	position: relative;
	height: 600px;
	width: 300px;
}


#designBg {
	position: relative;
	height: 830px;
	width: 300px;
}


#resumeBg {
	position: relative;
	height: 1350px;
	width: 300px;
}

#resumeImg {
	position: relative;
	top: 25px; left: 360px;
	margin: 0 auto;
	width: 150px; height: 210px;
}

#resumeText {
	position: absolute;
	top: 160px;
	left: 50px;
	width: 450px;
}


#artBg {
	position: relative;
	height: 450px;
	width: 300px;
}


#contactTag {
	position: absolute;
	top: 140px;
	left: 50px;
	width: 225px;
	height: 86px;
	cursor: hand;
	background: url(images/julia_contact.gif) no-repeat;
}

#contactImg {
	position: absolute;
	top: 240px; left: 50px;
	margin: 0 auto;
	width: 225px; height: 141px;
}

#contactBg {
	position: relative;
	height: 530px;
	width: 300px;
}

#spacer {
	position: relative;
	height: 100px;
	width: 600px;
}

#logo h1 {
display: none;
}

#frontTag h1 {
display: none;
}
#productsTag h3 {
display: none;
}
#productsPhotoTag h3 {
display: none;
}
#fineBookTag h3 {
display: none;
}
#bookRepairTag h3 {s
display: none;
}
#designTag h3 {
display: none;
}
#artTag h3 {
display: none;
}
#contactTag h3 {
display: none;
}