/* -----------------------------------------
   Shared Styles
----------------------------------------- */



* {
	padding:0;
	margin:0;
}

img { 
	border:none;
}

body { 
	background-color: black;
}

a{ 
	color:				#565656;
	text-decoration: 	none;
}

a:hover { 
	color: #999999;
}

.wrapper { 
	

	position:		relative;
	margin:0 		auto;
	width:			1024px;
	height:			2070px;
	text-align:		center;

	
}

#content { 
	position: relative;
	width:		540px;/*868px;*/
	height:		2070px;
}


#nav_bar{ 
	position: 	absolute;
	left:		264px;
	top:		0px;
	width:		483px;
	height:		35px;
}

#nav_button_01 { 
	position: absolute;
	left: 0px;

	background-image:	url(../images/nav_1.png);
	background-position:0px 0px;
	background-repeat: 	no-repeat;
	overflow: 			hidden;

}

#nav_button_02 { 
	position: absolute;
	left: 124px;

	background-image:	url(../images/nav_2.png);
	background-position:0px 0px;
	background-repeat: 	no-repeat;
	overflow: 			hidden;
	
}

#nav_button_03 { 
	position: absolute;
	left: 258px;
	
	background-image:	url(../images/nav_3.png);
	background-position:0px 0px;
	background-repeat: 	no-repeat;
	overflow: 			hidden;
}

#nav_button_04 { 
	

	position: absolute;
	left: 377px;



	background-image:	url(../images/nav_4.png);
	background-position:0px 0px;
	background-repeat: 	no-repeat;
	overflow: 			hidden;
	
}

.nav_button { 
	
	width: 				105px;
	height:				35px;

	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	overflow: 			hidden;

	cursor: 			pointer;

}

#logo { 
	position: absolute;
	left:				264px;
	top:				35px;
	width: 				483px;
	height: 			61px;
	background-image: 	url(../images/TheLabCibaLogo.gif);
	background-position: 0px 0px;
	background-repeat: 	no-repeat;

	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	overflow: 			hidden;
}

#ilfochrome { 
	position: absolute;
	left:				264px;
	top:				97px;
	width: 				482px;
	height: 			44px;
	background-image: 	url(../images/ilfochrome.png);
	background-position: 0px 0px;
	background-repeat: 	no-repeat;

	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	overflow: 			hidden;
}



#hero_shot { 
	position:	absolute;
	left:		273px;
	top:		140px;
	width:		463px;
	height:		587px;
	background-image: url(../images/jimi_14.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;

	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	overflow: 			hidden;
}


#lab_pic {
    position:	absolute;
	left:		100px;
	top:		190px;
	width:		800px;
	height:		521px;
	background-image: url(../images/FrankGreen_5093_800pxwide.jpg);
	border:2px solid red;

}


#photo_credit {
    position: 	absolute;
	left:		100px;
	top:		720px;
	width:		800px;

	color: 		#D9CBC2;
	text-align: right;

	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 		11px;
    
}

#statement{ 
	position: 	absolute;
	left:		100px;
	top:		750px;
	width:		800px;

	color: 		#D9CBC2;
	text-align: left;

	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 		14px;
}

#statement p{ 
	margin: 5px;
}

#pricing { 
	position:	absolute;
	left:		290px;
	top:		170px;
	width:		450px;
	height:		1050px;
	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;

}

#payment {
	color: #ff0000;
}

#contact {
	color: #D9CBC2;
}


#info_button { 
	position: 	absolute;
	left:		730px;
	top: 		676px;
	width:		50px;
	height:		51px;
	background-image: 		url(../images/infoButtonOffAndOver.jpg);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;

	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	overflow: 			hidden;
}

#story_image{ 
	position: 	absolute;
	left:		111px;
	top: 		125px;
	width:		773px;/*693px;*/
	height:		292px;
	background-image: 		url(../images/jimiStoryShot2.jpg);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;

	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	overflow: 			hidden;
}

#story_title{ 
	position: 	absolute;
	left:		111px;
	top: 		417px;/*402px;*/	
	width:		773px;/*693px;*/
	height:		123px;
	background-image: 		url(../images/jimiStory_title2.gif);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;

	
	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	
	overflow: 			hidden;
}

#story_body_wrapper{ 
	position: 	absolute;
	left:		149px;
	top: 		555px;
	width:		693px;
	height:		262px;

	
	
}


.story_body p{ 
	color: 		#D9CBC2;
	text-align: left;

	font-family: 	"Georgia", Times, serif;
	font-size: 		14px;

	padding: 15px;
}

.story_body h3{ 
	color: 		#D9CBC2;
	text-align: left;

	font-family: 	"Georgia", Times, serif;
	font-size: 		30px;
	font-weight: normal;

	padding: 15px;
}

#story_left_column { 
	position: 	absolute;
	left:		0px;
	top: 		0px;
	width:		355px;
	

}

#story_right_column { 
	position: 	absolute;
	left:		355px;
	top: 		0px;
	width:		355px;


}

#services{ 
	position:	absolute;
	left:		285px;
	top:		185px;
	width:		382px;
	height:		477px;

}

.service_title { 
	
	position: relative;;
	float: center;
	
	top: 		0px;
	width:		332px;
	height:		29px;

	color: 				black;
	text-indent: 		-9999px;
	line-height: 		1px;
	
	overflow: 			hidden;


}

.service_discription {  
	position: 	absolute;
	left:		10px;
	top: 		30px;
	width:		448px;

	color: 		#D9CBC2;
	text-align: left;

	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 		14px;
}
	

#services_prints { 
	position: 	absolute;
	left:		0px;
	top: 		0px;
	width:		448px;
	height:		110px;

	border: dotted 1px #990000;
}

#services_prints_title { 

	
	background-image: 		url(../images/Services_prints.png);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;

}



#services_prints_discription { 
	
	height:		72px;

	
}

#services_scans{ 
	position: 	absolute;
	left:		0px;
	top: 		135px;/*402px;*/	
	width:		448px;/*693px;*/
	height:		100px;

	border: dotted 1px #990000;
}

#services_scans_title { 

	
	background-image: 		url(../images/Services_scan.png);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;

}

#services_scans_discription { 
	
	height:		72px;

	
}


#services_retouching{ 
	position: 	absolute;
	left:		0px;
	top: 		260px;/*402px;*/	
	width:		448px;/*693px;*/
	height:		100px;

	border: dotted 1px #990000;
}


#services_retouching_title { 
	
	background-image: 		url(../images/Services_retouching.png);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;

}

#services_retouching_discription { 
	
	height:		20px;

	
}

#services_film{ 
	position: 	absolute;
	left:		0px;
	top: 		385px;/*402px;*/	
	width:		448px;/*693px;*/
	height:		100px;

	border: dotted 1px #990000;
}

#services_film_title { 
	
	background-image: 		url(../images/Services_film.png);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;
}

#services_film_discription { 
	
	height:		70px;

	
}



#services_mounting { 

	position: 	absolute;
	left:		0px;
	top: 		510px;	
	width:		448px;
	height:		150px;

	border: dotted 1px #990000;

}

#services_mounting_title { 
	background-image: 		url(../images/Services_mounting.png);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;
}

#services_mounting_discription { 
	height:			100px;
}

#services_shipping { 
	position: 	absolute;
	left:		0px;
	top: 		685px;	
	width:		448px;
	height:		100px;

	border: dotted 1px #990000;
}

#services_shipping_title { 
	background-image: 		url(../images/Services_shipping.png);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;
}

#services_payment { 
	position: 	absolute;
	left:		0px;
	top: 		810px;
	width:		448px;
	height:		100px;

	border: dotted 1px #990000;
}

#services_payment_title { 
	background-image: 		url(../images/Services_payment.png);
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;
}



#footer1{ 
	position: 	absolute;
	left:		240px;
	top:		750px;
	width:		540px;
	
	
}

#footer1 p{ 
	color:		#565656; /*gray*/
	text-align: center;

	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 		12px;
}

#footer2{ 
	position: 	absolute;
	left:		225px;
	top:		1025px;
	width:		540px;
	
	
}

#footer2 p{ 
	color:		#565656; /*gray*/
	text-align: center;

	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 		12px;
}

#footer3{ 
	position: 	absolute;
	left:		245px;
	top:		1150px;/*750px;*/
	width:		540px;
	
	
}

#footer3 p{ 
	color:		#565656; /*gray*/
	text-align: center;

	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 		12px;
}

#footer4{ 
	position: 	absolute;
	left:		250px;
	top:		550px;/*750px;*/
	width:		540px;
	
	
}

#footer4 p{ 
	color:		#565656; /*gray*/
	text-align: center;

	font-family: 	"Arial", Helvetica, sans-serif;
	font-size: 		12px;
}




