/* CSS Document */

/* zero out things that cause discrepancies ac
ross browsers */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, img, a {
	padding:0px;
	margin:0px;
}



a{
	text-decoration: none;
}

a img{
	border:none;
}


body{
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	margin:0;
}

	
h1 {
	font-size: 2em;
	text-decoration: none;
	letter-spacing: 5px;
	line-height: 3em;
	clear:left;
	color:#999999;
	}
	
h2{
	font-size: 1.2em;
	line-height: normal;
	font-weight: normal;
	clear:left;
	text-transform: uppercase;
	color:#666666;
	letter-spacing: 3px;
}


h2 span{
font-size: .5em;
letter-spacing:3px;

}


h3{
	font-size: 1em;
	line-height: normal;
	font-weight: normal;
	clear:left;
	text-transform: uppercase;
	color:#333333;
	letter-spacing: 3px;
}

h4{
font-size: .9em;
	line-height: normal;
	font-weight: normal;
	clear:left;
	text-transform: uppercase;
	color:#000000;
	letter-spacing: 3px;
	padding:0px;
	margin:0px;
	
	}
	
	
h5{
	font-size: .7em;
	line-height: normal;
	font-weight: normal;
	clear:left;
	text-transform: uppercase;
	color:#666666;
	letter-spacing: 3px;
	}
	
	
h5 a{
	color:red;
	}
	
	
h6{
	font-size: 0.7em;
	color:#666666;
	font-weight:lighter;
	text-align: left;
	}


p{
font-size:.8em;
color:#333333;


}	
#container{	
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:1700px;
	}





#wrapper {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	height: 1650px;
	width: 1000px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
}




/*===========================================================   N A V   B A R  =====================================================*/ 	
ul{
	list-style-type: none;
	list-style-image: none;
}

.nav_name a{
	line-height: 2em;
	font-size: 1.75em;
	font-size: 1.75em;
	letter-spacing: 4px;
	color:#A30707;
	padding-right:88px;


	}
	
.nav_name:hover{
	font-style: normal;
	font-weight: normal;
	color:black;
	text-decoration: none;
		}

.nav_name_home{
	line-height: 2em;
	font-size: 1.75em;
	font-size: 1.75em;
	letter-spacing: 4px;
	color:#A30707;
	padding-right:80px;

	}

li a {
	line-height: 2em;
	letter-spacing: 4px;
	font-size: .6em;
	padding-right:60px;
	color:#333333;

}

li a strong{
color:#000000;
background-color:#F9FC8B;
}
 
#nav_bar ul li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin-bottom: 8em;
}

li a:hover{
	font-style: normal;
	text-decoration: none;
	color:black;
		
		}
/*iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii I N D E X   P A G E  iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii*/		
		
#index_image{
	position:absolute;
	width: 560px;
	height: 567px;
	top:107px;
	left: 52px;
	}
	
	
	
	
#footer_index{
	position:absolute;
	top: 610px;
	left: 51px;
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	width: 101px;
}



/*bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb  B I O   P A G E   bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb*/

#bio_box {
	width: 745px;
	position: absolute;
	left: 53px;
	top: 100px;
	background-color:#E8E8E8;
	padding: 10px;
	
}

#bio_box li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	letter-spacing:normal;
	text-indent: -3em;
	line-height: normal;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	margin-top: 0em;
	margin-bottom: 1em;
	
	color:red;
}

.bio li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	letter-spacing:normal;
	margin-left: 3em;
	text-indent: -3em;
	line-height: normal;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	margin-top: 0em;
	margin-bottom: 1em;
	color:#000000;
}

#bio_box p{
font-size:.9em;
color:#0D7088;
padding:10px;
}




/* A AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA  A R T   P A G E S   AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA*/

#container_artpage{
	position:absolute;
top:70px
left:80px;
	width:861px;
	height:900px;
	left: 1px;
	top: 70px;
}

#container_artpage img{
float:right;
}

#container_artpage p span{
font-size: 1.2em;
color:#333333;
}

#container_artpage a{
color:#333333;
}


#main_artpage_box1{
position:absolute;
top:43px;
left:-43px;
width:229px;
height:111px;
padding:0px;
margin:0px;
}

#box1_descript{
position:absolute;
top:80px;
left:251px;
width:159px;
height:43px;
}


#main_artpage_box2{
position:absolute;
top:159px;
left:9px;
width:176px;
height:98px;
padding:0px;
margin:0px;
}

#box2_descript{
position:absolute;
top:192px;
left:251px;
width:200px;
height:29px;
}


#main_artpage_box3{
position:absolute;
top:273px;
left:78px;
width:109px;
height:82px;
padding:0px;
margin:0px;
}

#box3_descript{
position:absolute;
top:301px;
left:251px;
width:49px;
height:40px;
}

#main_artpage_box4{
position:absolute;
top:369px;
left:44px;
width:142px;
height:76px;
padding:0px;
margin:0px;
}

#box4_descript{
position:absolute;
top:386px;
left:251px;
width:146px;
height:33px;
}


#main_artpage_box5{
	position:absolute;
	top:452px;
	left:31px;
	width:156px;
	height:99px;
	padding:0px;
	margin:0px;
	bottom: -33px;
}

#box5_descript{
position:absolute;
top:479px;
left:251px;
width:214px;
height:32px;
}


#sub_artpage_box{
position:absolute;
top:165px;
left:-1px;
width:900px;
padding:0px;
margin:0px;
}


#sub_artpage_book_box{
	position:absolute;
	top:124px;
	left:1px;
	width:587px;
	padding:0px;
	margin:0px;
	height: 189px;
	bottom: -2px;
}


#sub_artpage_box img{
padding:10px;
margin:0px;
}


#sub_artpage_book_box img{
padding:10px;
margin:0px;
}


#book_box_descript{
position:absolute;
top:142px;
left:602px;
width:300px;
height:500px
}

#sub_title{
position:absolute;
top:84px;
left:-1px;
}



.artpage_description{
	padding:30px;
	clear:left;
	float:left;
}




/*--------------------------------------------------------  M A I N  P R O J E C T   P A G E   ----------------------------------------*/






#project1{
	position:absolute;
	left:1px;
	top:120px;
	width: 916px;
	height: 1200px;
}

#project1 .project_descript{
padding-top:100px;

font-size:10px;
}


#project1 img{
clear:left;
float:left;

padding-top:10px;
padding-bottom:0px;
padding-right:15px;
}



/*YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY  P R O J E C T   P A G E S   YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY*/

#individual_project_box{
position:absolute;
top:112px;
left:1px;
width:600px;
/*height:500px;*/
padding:0px;
margin:0px;
/*overflow: scroll;*/
}

#individual_project_box img{
padding:10px;
margin:0px;
float:right;
}

#individual_project_descript{
position:absolute;
top:200px;
left:700px;
width:400px;
height:600px;
}


#individual_project_descript p{
padding:10px;
}




/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm P A N E L S   P A G E mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/

#panels_descript{
	position:absolute;
	top:530px;
	left:8px;
	width:886px;
	height:116px;
	bottom: -96px;
}


/*-----------------------------------------------------------------   E N L A R G E M E N T   P A G E S  ----------------------------------------*/

#next_previous{
position:absolute;
top:72px;
left:0px;
height:29px;
}

#back_to a{
position:absolute;
top:84px;
left:127px;
font-size: 0.9em;
	width: 213px;
	margin:0px;
	padding:0px;
	color:#666666;
	height: 17px;	
}




#enlargement_box{
	position:absolute;
	top:135px;
	left:1px;
	height: 499px;
	width: 535px;
}
#caption{
position:absolute;
top:212px;
left:612px;
}



#page_turn a:link{
text-decoration:none;
color:#4D6676;
}




#page_turn a:visited{
text-decoration:none;
color:#4D6676;
}


/*-----------------------------------------------------------------   D E T A I L  E N L A R G E M E N T   P A G E S  ----------------------------------------*/
#detail_thumb_box{
position:absolute;
top:319px;
left:610px;
width:248px;
height:150px;
}


#detail_thumb_box img{

padding-bottom:10px;
padding-right:10px;
}


#back{
position:absolute;
top:338px;
left:618px;
width:150px;
height:150px;
}







/*---------------------------------------------------- B O O K    E N L A R G E M E N T   P A G E S  ----------------------------------------*/

#entire_book_box{
	position:absolute;
	top:102px;
	left:0px;
	width:760px;
	padding:0px;
	margin:0px;
	height: 571px;
	overflow: scroll;
}

#entire_book_box img{
float:right;
padding:10px;
margin:0px;

}


#caption_book{
	position:absolute;
	top:264px;
	left:814px;
	width: 274px;
}


#back_to_book a{
position:absolute;
top:73px;
left:129px;
font-size: 0.9em;
	width: 213px;
	margin:0px;
	padding:0px;
	color:#666666;
	height: 17px;	
}


#detail a{
	position:absolute;
	top: 193px;
	left: 736px;
	font-size: 0.9em;
	width: 140px;
	margin:0px;
	padding:0px;
	color:#666666;
	height: 14px;	
}





/*..............................................................C O N T A C T .....................................................................*/

#contact_box{
	width: 429px;
	position: absolute;
	left: 123px;
	top: 115px;
	padding: 50px;
	margin:10px;
	height:248px;	
	background-color:#E8E8E8;

}



#contact_box p{
font-size:1em;
padding-left:0px;
}



#contact_box A:link { text-decoration: none; color:#FF9900; }
#contact_box A:visited {text-decoration: none; color:#FF9900; }
#contact_box A:active { text-decoration: none; color:#FFFF00; }
#contact_box A:hover { text-decoration: none; color:#FF0000;}


#footer_contact{
position:absolute;
top:526px;
left:68px;
}

#footer_contact p{
font-size:.6em;
color:#999999;
}

/*..............................................................t e x t   .....................................................................*/

#text_box{
position:absolute;
top:140px;
left:1px;
width:855px;
height:700px;
}



#text_box_scroll{
position:absolute;
top:146px;
left:0px;
width:600px;
height:450px;
overflow:scroll;
}

#text_box_scroll_fiberart{
position:absolute;
top:160px;
left:1px;
width:800px;
height:450px;
overflow:scroll;
}

#caption_press{
position:absolute;
top:114px;
left:0px;
width:729px;
height:32px;
}

#caption_press p{
font-size:1em;
font-weight:bold;
}

#back_to_press a{
position:absolute;
top:73px;
left:-1px;
height:17px;
width:213px;
font-size: 0.9em;
	width: 213px;
	margin:0px;
	padding:0px;
	color:#666666;
	height: 17px;	
}

