.image{float:left;}
   .fr_topleft, .fr_topright, .fr_bottomleft, .fr_bottomright{width:8px;height:8px;}
   .fr_top,.fr_bottom{height:8px;width:480px;}
   .fr_left, .fr_right{width:8px; height:628px;}


   .fr_topleft{background-image:url('img/fr_tl.gif');float:left; }
   .fr_top{background-image:url('img/fr_t.gif');float:left;}
   .fr_topright{background-image:url('img/fr_tr.gif');float:left;}
   .fr_right{background-image:url('img/fr_r.gif');float:left;}
   .fr_bottomright{background-image:url('img/fr_br.gif');float:left;}
   .fr_bottom{background-image:url('img/fr_b.gif');float:left;}
   .fr_bottomleft{background-image:url('img/fr_bl.gif');float:left;}
   .fr_left{background-image:url('img/fr_l.gif');float:left;}

   .previous{margin-left:415px;float:left;height:18px; width:60px; background-repeat:no-repeat; background-image:url('img/previous.gif')}
   .break{float:left;height:18px; width:9px; background-repeat:no-repeat; background-image:url('img/break.gif')}
   .next{float:left;height:18px; width:37px;background-repeat:no-repeat; background-image:url('img/next.gif')}





/*This website is designed and maintained by Guy Richardson, all images, content and webdesign are copyright*/

/*___________________BODY AND CONTAINER__________________________________*/
/*this sets up basic body properties*/
body{
	background-color:#444445; 
	margin: 0px; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#F2F2F2;
	}
	
	html, body {height: 100%;}
	
/*contains everything on every page and centers everything*/	
#container{
	background-color:#333333;
	min-height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
	border:0px;
	padding:0px;
	margin-top:0px;
	width:940px; 
	}
	
/*fix so that vertical scrollbar always shows in firefox*/
html {overflow-y: scroll;} 

h1{
font-size:18px;
color:#ffffff;
margin-bottom:-4px;
text-align:center;
}

h2{
font-size:14px;
color:#ffffff;
text-align:left;
}

h3{
font-size:14px;
color:#007790;
margin-top:-0px;
margin-bottom:-13px;
}
/*_________________________________________________________________________*/



/*____________________NAVIGATION BAR________________________________________*/
/*navigation bar styling*/
a:active, a:focus {outline: 0;}
a#banner{float:left;width:316px; height:67px;  background-image:url('img/banner.gif'); margin:5px 312px 0px 312px; background-repeat:no-repeat;}
a#gallery,a#prints,a#photographer,a#contact,a#links,a#guestbook{height:15px; float:left; background-repeat:no-repeat;background-position: 0px 0px; margin: 20px 0px 22px 30px} 
a#gallery{background-image:url('img/gallery.gif');width:78px; margin-left:177px}
a#prints{background-image:url('img/prints.gif');width:60px;}
a#photographer {background-image:url('img/about.gif');width:62px;}
a#contact{background-image:url('img/contact.gif');width:80px;}
a#guestbook{background-image:url('img/guestbook.gif');width:103px;}
a#links{background-image:url('img/links.gif');width:54px;}
a#gallery:hover,a#prints:hover,a#photographer:hover,a#articles:hover,a#contact:hover,a#guestbook:hover,a#links:hover{background-position: 0px -43px;}
/*_________________________________________________________________________*/

/*______________MAIN IMAGE PAGES_________________________*/
/*gallery arrow styling*/
a#rightarrow,a#leftarrow{width:20px;  height:80px; margin-top:210px;float:left;}
a#leftarrow{background-image:url('img/left.gif');}
a#rightarrow{background-image:url('img/right.gif');}	
a#leftarrow:hover,a#rightarrow:hover{background-position: 0px 80px;}
	
/*center main images-margin controls distance of image title from bottom of frame*/
#image{
    float:left;
    text-align:center;
    margin:15px 0px 4px 0px;
    width:940px;/*------------------------------------------------------760*/
	background-color:black;
	}

/*border used around the main gallery images*/	
img.border{	
	padding:34px;
	border: 1px solid #b0bfcc;
	}

/*centers the text beneath the main images*/
.centertext{
	text-align:center;
    font-size:16px; 
	color:#F2F2F2;
	}
	
/*link to buy prints beneath every image*/
a.buyprint{
	font-size:14px; 
	color:#8c8c8c;
	}
	
/*mouse hover of above*/
a.buyprint:hover{
	color:#F2F2F2;  
	}
/*_______________________________________________________*/



/*_______________SUB GALLERY PAGES________________________*/	
/*inner border around subgallery thumbnail images*/	
#sub_gallery_container{
	float:left;
	margin-top:24px;
	width:940px;  
	margin-left:20px;
	background-color:#333333; 
	}
	
.thumbbox{
	display: inline; /*this is to correct the IE6 double float margin bug*/
	float:left;
	text-align:center;
    background-color:#333333;
	margin: 5px 1px 1px 5px;
	width:180px;  
	height:145px; 
	border: 0px solid #b0bfcc;
	text-decoration: none; 
	}
	
/*border gets thicker on hover*/
.thumbbox:hover{
	border: 0px solid #688bac;
	}
	
/*outer border of the subgallery thumbnails*/
img.thumbs{	
	margin: 11px 11px 0px 11px;
	border: 0px solid #333333;
	}
/*_____________________________________________________*/	

/*.tutimgleft{
	float:left;
	text-align:center;
	}
.tutimgright{
	float:right;
	text-align:center;
	}*/
.tutcenter{
	margin:2px;
	padding:6px;
	float:left;
	width:80%;
	text-align:center;
	border: 1px solid #688bac;
	}
	
.tutline{
	margin:2px 5px 2px 0px;
	padding:6px;
	float:left;
	text-align:center;
	border: 1px solid #c6d2de;
	}
	
.tutleft{
	margin:2px 5px 2px 0px;
	padding:6px;
	float:left;
	text-align:center;
	clear:left;
	border: 1px solid #c6d2de;
	}
	
.tutright{
	margin:2px 0px 2px 5px;
	padding:6px;
	float:right;
	text-align:center;
	clear:right;
	border: 1px solid #c6d2de;
	}

/*_________________________HOMEPAGE__________________________*/
/*sets test on home page to only occupy half the page, useful for above if content changes*/
#home_content{
	display: inline; /*this is to correct the IE6 double float margin bug*/
    width:500px;
	padding:0px;
	border:0px;
	margin: 12px 0px 0px 20px;
	text-align: left;
	float:left;
	color:#F2F2F2; 
	background-color:#333333;
	}
	
/*"It's not what you..." on homepage*/	
#slogan{
	margin-bottom:30px;
	float:left;
	width:400px;  
	height:50px; 
	background-image:url('img/slogan.gif');
	}
	
/*__________________________________________________________________*/



/*stores the thumbs to various galleries*/
#gallery_content{
	display: inline; /*this is to correct the IE6 double float margin bug*/
    width:759px;
	margin: 20px 0px 0px 50px;
	text-align: left;
	float:left;
	color:#F2F2F2; 
	background-color:#333333;
	}
	
/*text styling, currently all the same but set to change*/	
#prints_content,
#photographer_content,
#articles_content,
#links_content{
	display: inline; /*this is to correct the IE6 double float margin bug*/
    width:820px;
	margin: 20px 20px 0px 50px;
	text-align: left;
	float:left;
	color:#F2F2F2; 
	background-color:#333333;
	}
	
#photographer_content{width:500px; margin-left:50px; margin-top:0px;}

#links_content{
	width:820px;
	margin-left:50px;
	}
    
#articles_content{
	width:500px;
	margin-left:50px;
	}
    

/*link styling on links page*/	
a.link{text-decoration:underline; }

/*default link styling*/
a, a img{
	color:#F2F2F2;		
	border:0px;
	border-style:none;
	text-decoration: underline; /*-----------------------------------------------------------------------------------------------------------------------*/
	margin:0;
	padding:0;
	}

/*line at the bottom of every page*/
#bottomline{float:left;
	width:940px; 
	height:20px;  
	margin-top:30px;
	}

	

img.galleryindex{
	border: 0px solid #b0bfcc;
	width:265px;
	height:140px;
	}
	
.indexthumb {
background-color:#333333;
display:inline;
float:left;
height:180px;
margin:1px 5px 10px 16px;
text-align:center;
text-decoration:none;
width:275px;
}


td.prints{
	width:130px;
	}
td.links1{
width:270px;
}
td.links2{
width:630px;
}


/*____________________________PHP______________________________________*/
	a:active, a:focus {outline: 0;}
	
    div#line{width:940px;  height:1px; float:left;background-image:url('img/line.gif');}	
	a#add_photos,a#tag_photos,a#edit_details,a#view_selections,a#edit_articles{height:15px; float:left; background-repeat:no-repeat; margin: 20px 0px 0px 25px;}	
	a#add_photos{background-image:url('img/add.gif');width:38px; margin-left:343px}
	a#tag_photos{background-image:url('img/tag.gif');width:37px;}
	a#edit_details{background-image:url('img/edit.gif');width:40px;}
	a#view_selections{background-image:url('img/view.gif');width:45px;}
	a#add_photos:hover,a#tag_photos:hover,a#edit_details:hover,a#view_selections:hover{background-position: 0px -43px;}	
	
/*_____________________________Add Photos____________________________*/
.imageadd{
    float:left;
    text-align:center;
    margin:15px 0px 15px 0px;
    width:500px;
	}

table.table_photo_add{
	float:left;
	margin: 0px 0px 0px 0px;
	}
	
td.td_photo_add{width: 100px;}
td.td_photo_add2{width: 100px;}

div.add_thumb_container{
	width: 200px;
	float:left;
	margin-left:140px;
	padding:10px;
	}
	
div.add_form_container{
	width: 300px;
	float:left;
	padding:10px;
	}

#center{
	position:relative;
	text-align:center;
	}

#center2{
	position:relative;
	text-align:center;
	float:left;
	margin: 30px 0px 30px 0px;
	width: 940px;
	height:20px;
	}
	
img.border_buy{	
    padding:30px; 
	margin-top:15px;
	border: 1px solid #b0bfcc;
	float:left;
	}
	
/*border used around the add photo images*/	
img.border2{	
	padding:20px;
	border: 1px solid #b0bfcc;
	float:right;
	margin: 3px;
	}
	
.addcontainer{
	float:left;
	width:900px;
	margin:10px;
	background-color:#333333; 
	}
	
#buy_print_details{
	float:left; 
	margin:15px 0px 0px 10px; 
	width:380px; 
	text-align:left; 
	background-color:#333333;
	}
	
table.buy_table{width:390px;margin-top:15px;}
tr.buy_row{height:24px;}
td.inch{width:100px;}
td.mm{width:130px;}
td.price{width:50px;}
td.buy{width:110px;}

.edit_box{width:360px;}