body{
	color: #fff;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	font-family: Trebuchet, Helvetica, Tahoma,Verdana, Arial, sans-serif;
	background-color: #000;
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment:fixed;
	}
h2{ font-size: 18px; }
h4{ font-size: 13px; }
select { font-size: 11px; }
a{  color: #fff;}
#wrapper{
	
	width: 937px;
	margin: 0 auto 0 auto;

}

.navwrap{
	position: relative;
	width: 937px;
	height: 133px;
	

	}
	.navwrap #logo{
			position: absolute;
			top: 0px;
			left: 43px;
			width: 119px;
			height: 45px;
			}
	.navwrap .lh{
			position: absolute;
			top: 0;
			left: 0;
			height: 133px;
			width: 33px;
			background-image: url(../images/lefthandtopcorner.gif);
			background-repeat: none;
			background-position: top left;
			}
	.navwrap .rh{
			position: absolute;
			top: 0;
			left: 904px;
			height: 133px;
			width: 33px;
			background-image: url(../images/righthandtopcorner.gif);
			background-repeat: none;
			background-position: top left;
			}
	.navwrap .middle{
			height: 133px;
			width: 900px;
			margin-left: 20px;
			background-image: url(../images/navtile.gif);
			background-repeat: repeat-x;
			background-position: left top;
			}
	ul#mainNav{
		margin: 0;
		padding: 35px 47px 0 0;
		list-style: none;
		float: right;
		padding-bottom: 3px;
	}
	ul#mainNav li{ 
		float: left;
		padding-right: 18px;
		padding-left: 2px;
		background-image: url(../images/divider.gif);
		background-position: right -32px;
		background-repeat: no-repeat;
		}
	ul#mainNav li#nodivide{
		background-image: url();
		}
	#mainNav a{
		display: block;
		color: #fff;
		font-family: trebuchet,sans-serif,verdana,Arial, Helvetica;
		font-size: 12px;
		text-decoration: none;
		padding: 6px 0px 4px 3px;
		text-align: center;
		
		
	}
	#mainNav a#currentpage{
		color: #ccff33;
		font-weight: bold;
		
	}

#center_box{
		width: 937px;
		background-image: url(../images/slither01.gif);
		background-repeat: repeat-y;
		background-position: top left;
		background-color: #0d0d0d;
		padding-top: 8px;
		overflow: hidden;
		
		font-size: 11px;
		color: #fff;
	}
#center_box a{ 
		text-decoration: none;
		font-size: 11px;
		}
#center_box #paging{ width: 937px;
			text-align: center;
			padding-top: 4px;
			padding-bottom: 4px;
			color: #ccff33;
			font-weight: bold;
		 }

#paging2, #paging2 a{ 		width: 717px;
			text-align: right;
			padding-top: 4px;
			padding-bottom: 4px;
			background-color: #fff;
			height: 24px;
			line-height: 24px;
			color: red;
			font-weight: bold;
		 }
	#paging2 a#current{ color: #000; font-weight: bold;}
#gobutton{ float: right; }

#center_box #paging a{ color: #ccff33; }

	#center_box #top_row{
				width: 937px;
				height: 10px;
				
				}
	#cb_corners{
				width: 937px;
				height: 19px;
				background-image: url(../images/slither01corners.gif);
				background-repeat: no-repeat;
				background-position: top left;
				}
	

	#gallery{
		width: 895px;
		height: auto;
		overflow: hidden;
		margin-left: 20px;
		background-color: #212121;
		margin-bottom: 10px;
		}
	#lh_column{
		float: left;
		width: 174px;
		height: auto;
		margin-bottom: 10px;
		color: #fff;
		font-size: 11px;
		overflow: hidden;
		}
	#lh_column a{
			color: #fff;
			font-size: 11px;
			text-decoration: none;
			}
	#lh_column #cart_box{
				width:178px;
				height: 102px;
				margin-bottom: 4px;
				background-image: url(../images/cart.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				color: #000;
				}
	#lh_column #cart_box #cinner{
					
					margin-left: 8px;
					width: 160px;
					height: 80px;

					}
	#lh_column #cart_box #cinner #chead{ 
						padding-top: 20px;
						margin-left: 34px;
						width: 124px;
						height: 10px;
						text-align: center;
						color: #fff;
					}
	#lh_column #cart_box #cinner #info{ 
						padding-top: 30px;
						width: 158px;
						height: 6px;
						text-align: center;
						
					}
					#buttons{
						width: 149px;
						height: 26px;
						padding-right: 9px;
						}
					#basket{
						padding-top: 10px;		
						padding-left: 10px;
						width: 707px;
						height: auto;
						background-color: #fff;
						color: #000;
						}
					#basket #intro{
						width: 703px;
						height: auto;
						margin-top: 10px;
						margin-bottom: 10px;
					}
					#cart_submit{ float: right; padding-top: 20px; font-weight: bold;}
					

	#lh_column ul#menu { padding-left: 12px; }
	#myselections{
				
				width: 157px;
				height: auto;
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 2px;
				margin-left: 0px;
				color: #000;
				
			}
	#rh_column{
		width: 718px;
		height: auto;
		margin-left: 177px;
		background-color: #000;
		}
		#rh_column #head_image{
		width: 717px;
		height: auto;
		text-align: center;
		background-color: #000;
		}
	#gallery_bar{
			width:709px;
			height: 19px;
			padding-top: 4px;
			padding-left: 10px;
			font-weight: bold;
			font-size: 12px;
			text-align: left;
			background-image: url(../images/gallery-bar.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			color: #fff;
			}
	#gallery_rgt{ float: right;
			margin-right: 12px;}
	#gallery_rgt a{ color: #ccff33;}
	#email_surround{
				position: relative;
				width: 800px;
				height: 460px;
				padding: 10px;
				padding-left: 40px;
				padding-right: 97px;
				color: #fff;
				font-size: 13px;
				background-color: #212121;
				background-image: url(../images/mail-box.jpg);
				background-repeat: no-repeat;
				background-position: 600px 40px;
				
				}
		#email_wrapper{
				width: 500px;
				height: 400px;
				}
	#about_surround{
				position: relative;
				width: 800px;
				height: auto;
				padding: 10px;
				padding-left: 40px;
				padding-right: 97px;
				color: #fff;
				font-size: 13px;
				background-color: #212121;
				}
	#shoot_surround,#shop_surround{
				width: 715px;
				height: auto;
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 2px;
				color: #000;
				background-color: #fff;
				}
	#shop_surround{
				background-color: #fff;
				}

	#general_surround{
				width: 695px;
				height: auto;
				padding: 10px;
				color: #fff;
				background-color: #000;
				}
	
	#email_surround2{	
				float: right;
				width: 284px;
				height: auto;
				margin-top: 16px;
				margin-right: 25px;
				}
	#services_surround{
				
				width: 860px;
				height: auto;
				padding: 10px;
				padding-left: 40px;
				padding-right: 37px;
				color: #fff;
				font-size: 13px;
				background-color: #212121;
				}
			#services_surround a{ text-decoration: none; font-size: 12px;}
	#test_surround{
				position: relative;
				width: 896px;
				height: auto;
				padding: 10px;
				padding-left: 40px;
				padding-right: 0px;
				color: #fff;
				font-size: 13px;
				background-color: #212121;
				}
	#test_divider{
			float: left;
			margin-left: 20px;
			width: 11px;
			height: 222px;
			background-image: url(../images/box-vertical-divider.gif);
			background-position: top left;
			background-repeat: repeat-y;

			}
	#test_inner1, #test_inner2{
			float: left;
			width: 400px;
			height: auto;
			color: #fff;
			font-size: 13px;
			}
	#test_inner2{
			
			margin-left: 20px;
			}

	.services_txt{
			width: 500px;
			height: 241px;
			font-size: 13px;
			
		}
	.services_txt .title{
				font-size:15px;
				color: #ccff33;
				font-weight: bold;
				}
	.services_img{
			float: right;
			width: 316px;
			height: 241px;
			
			
			}

	.testimonial{
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			}
	.testimonial_person{
				width: 100%;
				height: 20px;
				margin-bottom: 30px;
				color: #ccff33;
				font-weight: bold;
				}
	
	#rh_column .shoot_imgs,#rh_column #shoot_imgs2{	
				position: relative;
				float: left;
				width: 100px;
				height: 147px;
				padding: 4px;
				margin-left: 7px;
				margin-right: 0px;
				margin-top: 5px;
				margin-bottom: 5px;
				background-color: #fff;
	
				}

	#rh_column .shoot_imgs .txt{
					position: absolute;
					top: 110px;
					left: 0px;
					width: 100px;
					height: auto;
					color: #000;
					font-size: 11px;
					margin-left: 3px;
					text-align: center;
					
				}
	


	#myphotos_head{
				width: 180px;
				height: 58px;
				background-image: url(../images/My-photos-top.jpg);
				background-repeat: no-repeat;
				background-position: top left;
 
				}
	#myphotos_head #mph_title{padding-left: 58px; padding-top: 24px;color: #ccff33; font-weight: bold; }
	#myphotos_body{
				width: 180px;
				height: auto;
				background-image: url(../images/My-photos-middle.jpg);
				background-repeat: repeat-y;
				background-position: top left;
			}
	#myphotos_bottom{
				width: 180px;
				height: 25px;
				background-image: url(../images/My-photos-bottom.jpg);
				background-repeat: no-repeat;
				background-position: top left;
				}
	#myphotos_next{ 
			width: 180px;
			height: auto;
			text-align: center;
			}

	.photo_block{
			margin-top: 20px;
			margin-left: 120px;
			width: 520px;
			height: auto;
			
			}

	.pimg,.pref,.psize,.pframe,.pwallet{
				float: left;
				height: 50px; 
				width: 60px;
				text-align: center;
				}
	.pref,.psize,.pframe,.pwallet,{ padding-top: 12px; }
	.pref{ padding-top: 18px; width: 80px; }
	.psize{ width: 120px; padding-top: 14px;}
	.pframe{ width: 100px; padding-top: 14px; }
	.pwallet{ padding-top: 15px; }

	.pimg2,.pref2,.psize2,.pframe2,.pwallet2{float: left; height: 20px; text-align: center; width: 59px; }
	.pref2{ width: 80px; }
	.psize2{ width: 120px; }
	.pframe2{ width: 100px; }
/* ------------------------------------------------------------ */
	#shop_buy{

		height: 60px;
		width: 340px;
		}
	
	#rh_column #shop_body{	
				width:717px;
				
				height: auto;
				background-color: #fff;
				color: #000;
				}
	#rh_column #map_body{	
				width:697px;
				height: auto;
				padding: 10px;
				background-color: #fff;
				color: #000;
				}
	#rh_column #shop_body #product_heading{
						margin-top: 24px;
						font-size: 13px;
						font-weight: bold;
						}	
		#rh_column #shop_body #shop_lh{ 
						width: 350px;
						height: 440px;
						padding: 4px;
						}
		#rh_column #shop_body #shop_rh{ 
						position: relative;
						float: right;
						width: 346px;
						height: 440px;
						padding: 4px;
						font-size: 11px;
						background-color: #fff;
						color: #000;
						}
		#rh_column #shop_body #shop_rh #shop_back{
							position: absolute;
							bottom: 0px;
							right: 0px;
							width: auto;
							height: 20px;
							}
		#rh_column #shop_body #shop_rh #shop_back2{
							float: right;
							position: absolute;
							bottom: 50px;
							right: 10px;
							width: auto;
							height: 20px;
							}
		#shop_back a,#shop_back2 a{color: #000; font-weight: bold;}

		#rh_column #shop_body #shop_rh #cinfo{
						float: right;
						margin-top: 6px;
						padding-right: 50px;
						font-size: 13px;
						width: 160px;
						height: 14px;
						font-weight: bold;
						color: red;
						display: none;
					
						}
/* ------------------------------------------------------------ */	

.product_hp,.product_hp_sml{ float:left;
		width: 282px; 
		height: 426px;
		background-color: #fff;
		padding-bottom: 10px;
		color: red;
		
		}
.product_hp_sml{ 
		width: 144px; 
		margin-right: 0;
		}
.product_heading, .product_heading_sml{
		width: 282px;
		height: 19px;
		padding-top: 3px;
		padding-left: 10px;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		background-image: url(../images/gallery-bar.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		overflow: hidden;
		}
.product_heading_sml{ width: 141px; }
.product_splitter{
			margin-top: 30px;
			float: left;
			width: 1px;
			height: 398px;
			background-color: #c8c8c8;
		}

.product{	
				position: relative;
				float: left;
				width: 100px;
				height: 180px;
				margin-left: 26px;
				margin-right: 0px;
				margin-top: 18px;
				background-color: #fff;

				}
.pcat_imgs{	
				position: relative;
				float: left;
				width: 100px;
				height: auto;
				
	
				}
.text{
				width: 100px;
				height: auto;
				color: #000;
				font-size: 11px;
				text-align: center;
				}
	
	.pcat_imgs .text2{
					position: absolute;
					bottom: 3px;
					left: 0px;
					width: 100px;
					height: auto;
					color: red;
					font-size: 11px;
					margin-left: 3px;
				}
		.price{
				position: absolute;
				bottom: 32px;
				margin-top: 3px;
				text-align: center;
				width: 100px;
				height: 16px;
				font-weight: bold;
				font-size: 13px;
				color: red;
			}	
		.more_info{
				position: absolute;
				bottom: 0;
				text-align: center;
				width: 100px;
				height: 30px;
			}
	.pcat_imgs .text2 a{color: red; }
	#tags{ width: 314px; height: 75px; margin-left: 20px;}
/* ------------------------------------------------------------ */
#main_img{
	position: relative;
	width: 880px;
	height: 483px;
	padding-left: 20px;

}
	#main_imgContent{ 	
			margin: 0; 
			padding: 0;
   			width: 900px; /* important to be same as image width or wider */
   			position: absolute; /* important */
   			top: 0; /* important */
			list-style-type: none;
			}

	.main_imgImage{
			float: left; /* important */
   			position: relative; /* important */
   			display: none; /* important */
			}

	 .main_imgImage span {
   			position: absolute; /* important */
   			font: 14px/15px Arial, Helvetica, sans-serif;
   			padding: 10px 13px;
   			width: 874px;
   			background-color: #000;
   			filter: alpha(opacity=70); /* here you can set the opacity of box with text */
  			-moz-opacity: 0.7; /* here you can set the opacity of box with text */
   			-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   			opacity: 0.7; /* here you can set the opacity of box with text */
   			color: #fff;
   			display: none; /* important */
   			

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#foot{
	position: relative;
	width: 905px;
	height: 96px;
	
	padding-right: 32px;
	}
	#foot #lh{
			position: absolute;
			top: 0;
			left: 0;
			height: 95px;
			width: 33px;
			background-image: url(../images/left-bottom.gif);
			background-repeat: none;
			background-position: top left;
			}
	#foot #rh{
			position: absolute;
			top: 0;
			right: 0;
			height: 95px;
			width: 33px;
			background-image: url(../images/right-bottom.gif);
			background-repeat: none;
			background-position: top left;
			}
	#foot #middle{
			width: 895px;
			height: 96px;
			margin-left: 10px;
			background-image: url(../images/middle-bottom.gif);
			background-repeat: repeat-x;
			background-position: top left;
			}

	#foot #paypal{
			position: absolute;
			top: 8px;
			left: 20px;
			height: 74px;
			width: 92px;
			background-image: url(../images/pay-pal-logo.jpg);
			background-repeat: none;
			background-position: top left;
			}
	#rss,#terms,#email,#about,#news,#returns,#delivery{
				float: right;
				margin-top: 6px;
				padding-top: 48px;
				margin-left: 22px;
				height: 10px;
				width: auto;
				background-repeat: no-repeat;
				background-position: top center;
				text-align: center;
				color: #fff;
				font-size: 10px;
			}
	#rss{
			background-image: url(../images/rss-icon.jpg);
			
		}
	#terms{
			background-image: url(../images/Terms_Cons-icon.jpg);
			
		}
	#email{
			background-image: url(../images/Email-icon.jpg);
			
		}
	#about{
			background-image: url(../images/About-icon.jpg);
			
		}
	#news{
			background-image: url(../images/Newsletter-icon.jpg);
			
		}
	#returns{
			background-image: url(../images/Returns-icon.jpg);
			
		}
	#delivery{
			background-image: url(../images/Delivery-icon.jpg);
			
		}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    	left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}

#topframe{
		width: 937px;
		height: 10px;
		background-image: url(../images/topframe.jpg);
		background-position: top left;
		background-repeat: no-repeat;

	}
#bottomframe{
		width: 937px;
		height: 6px;
		background-image: url(../images/bottomframe.jpg);
		background-color: #000;
		background-position: top top;
		background-repeat: no-repeat;
		

	}
#lowerbox{
		position: relative;
		height: 278px;
		width: 937px;
		background-image: url(../images/slither03.gif);
		background-position: top left;
		background-repeat: repeat-x;
		margin: 0 auto 0 auto;

	}
	
	#divider{
			position: absolute;
			top: 20px;
			left: 470px;
			width: 11px;
			height: 240px;
			background-image: url(../images/box-vertical-divider.gif);
			background-position: top left;
			background-repeat: no-repeat;

			}
	#inner1, #inner2{
			position: absolute;
			top: 18px;
			left: 35px;
			width: 410px;
			height: 230px;
			color: #fff;
			font-size: 13px;
			}
	#inner2{
			left: 500px;
			}
#bottombox{
		position: relative;
		height: 243px;
		width: 937px;
		background-image: url(../images/slither04.gif);
		background-position: top left;
		background-repeat: repeat-x;
		margin: 0 auto 0 auto;
	}
	#bottombox #map_title{
				position: absolute;
				top: 27px;
				left: 32px;
				width: 544px;
				height: 139px;
				background-image: url(../images/mjm_map.jpg);
				background-position: top left;
				background-repeat: no-repeat;
				padding-top: 65px; 
				padding-left: 8px;
				color: #fff;
				font-size: 11px;
				}
	#bottombox #map_contact{
				position: absolute;
				top: 27px;
				left: 588px;
				width: 206px;
				height: 139px;
				background-image: url(../images/contact.jpg);
				background-position: top left;
				background-repeat: no-repeat;
				padding-top: 65px; 
				padding-left: 8px;
				color: #fff;
				font-size: 11px;
				}

	#bottombox #iphone{
			position: absolute;
			top: 16px;
			right: 10px;
			width: 124px;
			height: 212px;
			background-image: url(../images/iphone.jpg);
			background-position: top left;
			background-repeat: no-repeat;
		}
#foot_bar, #foot_bar a{
		width: 937px;
		
		color: #fff;
		text-decoration: none;
		font-size: 11px;
		margin-bottom: 6px;
	}
table#map th{ font-weight: bold;
		color: #ccff33;
		padding-right: 30px;
	}
table#map td{
	padding-right: 30px;
	
	}
table#map td a{
		color: #fff;
		text-decoration: none;
		}


table#map2 th{ font-weight: bold;
		color: #000;
		padding-right: 30px;
	}
table#map2 td{
	padding-right: 30px;
	
	}
table#map2 td a{
		color: #000;
		text-decoration: none;
		}


table#cart_items{  margin-top: 20px; margin-left: 10px;}
table#cart_items th.prod_img{ width: 60px; }
table#cart_items th{ color: red; font-weight: bold; height: 30px;}
table#cart_items th.qty{ color: red; font-weight: bold; height: 30px; text-align: center;}
table#cart_items th.cost{ width: 80px; text-align: right;}

table#cart_items td.title{ width: 200px; height: 30px;}
table#cart_items td.qty{ width: 80px; text-align: center;}
table#cart_items td.unit_cost{ width: 50px; text-align: right;}
table#cart_items td.order_total{ color: red; font-weight: bold; width: 50px; text-align: right;}

ul.shoots,ul.selections{ padding-left: 18px;}

ul.selections li{ height: 50px;}
.sel_del{ margin-bottom: 11px; margin-left: 10px;}
ul.sublist li{ padding-top: 2px; }
ul#menu a:hover { color: #ccff33; }
ul#menu li a.gh{ color: #ccff33;}
/* ------------------------------------------------ */

.lblA{ float: left;
	width: 60px;
	font-weight: bold;
	color: #ccff33;
	}
.lblB{ float: left;
	padding-top: 3px;
	width: 120px;
	}
.checkbox{ margin: 0;padding: 0; }

.page_heading { color: #ccff33; font-weight: bold; font-size: 14px; margin-bottom: 10px;}
.green_heading{ color: #ccff33; font-weight: bold; }
.red_heading{ color: red; font-weight: bold; }
.green{ color: #ccff33; }
.red{ color: red; }
		
.email_form{ margin-bottom: 10px;}
#msgbox{ width: 230px;}

.lean{ margin: 0; padding: 0;}
.error{ color: red; font-weight: bold;}
.fltrgt{ float: right; }
.fltlft{float: left; }
.invisible{display: none;}
.clr {
   clear: both;
}

.link_block{
	width: 860px;
	height: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	}
.link_title{
	width: 850px;
	height: auto;	
	margin-bottom: 10px;
	}
.link_image{
		width: 120px;
		height: auto;	
		}
.link_text{
		float: right;
		width: 730px;
		height: auto;	
		}
.terms_head{
		font-size: 14px;
		font-weight: bold;
		}
