@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	padding: 0;
	background: #6b6969 url(http://leavethecamera.com/images/ltc_web_01.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	color: #333;
	text-align: center;
}
* {
	margin: 0;
	padding: 0;
}
p, h2, h3, h4 { margin-bottom: 15px; }

a {
	color: #4564b5;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#body #main_content li {
	margin: 0 0 10px 30px;
}
blockquote {
	margin: 0 0 20px 15px;
}
td { padding: 5px; }
td.header { background: #4564b5; color: #fff; }
table { margin-bottom: 20px; }
#notice {
	border: 2px solid #FF0000;
	color:#FF0000;
	background-color:#FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
}

div.stop {
	border: 2px solid #FF0000;
	background: url(http://leavethecamera.com/images/icons/stop.gif) no-repeat 10px 14px;
	padding: 10px 10px 10px 70px;
	margin: 10px 0px 10px 0px;
}

#nice_notice {
	border: 2px solid #006600;
	color:#006600;
	background-color:#FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
}
.field_label{
	vertical-align:top;
	padding-bottom:3px;
	padding-right:5px;
	padding-top:3px;
	text-align:right;
	font-size:12px;
}
.field_cell{
	vertical-align:top;
	padding-bottom:3px;
	padding-top:3px;
	text-align:left;
}

div.border_box{
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}

#container #body #main_content ul li.horizontal_list_left{
	text-align: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

#container #body #main_content li.shop{
	height: 175px;
	width: 220px;
}
#container #body #main_content div#shop_cart {
	position: absolute;
	width: 175px;
	left: 475px;
	top: 193px;
}

/* Layout Styles */
#container {
	width: 930px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
	position: relative;
}
	
	#header {
		height: 159px;
		width: 656px;
		/* border-right: 10px solid #fff; */
		border-bottom: 3px solid #7c8a2a;
		position: relative;
		/* background: #fff url(images/ltc_web_04.jpg) repeat-x; */
		background: #000 url(http://leavethecamera.com/images/ltc_web_header_back.jpg) no-repeat;
	}
		#header h1 {
			position: absolute;
			width: 284px;
			height: 124px;
			text-indent: -9999px;
			background: url(http://leavethecamera.com/images/ltc_web_03.gif) -10px 0;
			top: 0;
			left: 10px;
		}
		#header h2 {
			position: absolute;
			width: 328px;
			height: 30px;
			text-indent: -9999px;
			background: url(http://leavethecamera.com/images/ltc_web_10.gif);
			top: 82px;
			left: 326px;
		}
		
		#header ul#main_nav {
			position: absolute;
			width: 656px;
			height: 35px;
			top: 124px;
			left: 0;
			background: #fff;
		}
			#header ul#main_nav li {
				list-style: none;
				float: left;
				height: 35px;
			}
				#header ul#main_nav li a {
					display: block;
					height: 35px;
					text-indent: -9999px;
				}
				
				#header ul#main_nav li.home a { background: url(http://leavethecamera.com/images/ltc_web_nav_01.gif); width: 84px; }
				#header ul#main_nav li.home a:hover { background: url(http://leavethecamera.com/images/ltc_web_nav_01.gif) 0 -36px; width: 84px; }
				
				#header ul#main_nav li.pricing a { background: url(http://leavethecamera.com/images/ltc_web_nav_02.gif); width: 85px; }
				#header ul#main_nav li.pricing a:hover { background: url(http://leavethecamera.com/images/ltc_web_nav_02.gif) 0 -36px; width: 85px; }
				
				#header ul#main_nav li.how_it_works a { background: url(http://leavethecamera.com/images/ltc_web_nav_03.gif); width: 134px; }
				#header ul#main_nav li.how_it_works a:hover { background: url(http://leavethecamera.com/images/ltc_web_nav_03.gif) 0 -36px; width: 134px; }
				
				#header ul#main_nav li.contact_us a { background: url(http://leavethecamera.com/images/ltc_web_nav_04.gif); width: 112px; }
				#header ul#main_nav li.contact_us a:hover { background: url(http://leavethecamera.com/images/ltc_web_nav_04.gif) 0 -36px; width: 112px; }
				
				#header ul#main_nav li.faqs a { background: url(http://leavethecamera.com/images/ltc_web_nav_05.gif); width: 70px; }
				#header ul#main_nav li.faqs a:hover { background: url(http://leavethecamera.com/images/ltc_web_nav_05.gif) 0 -36px; width: 70px; }
				
				#header ul#main_nav li.our_photographers a { background: url(http://leavethecamera.com/images/ltc_web_nav_06.gif); width: 171px; }
				#header ul#main_nav li.our_photographers a:hover { background: url(http://leavethecamera.com/images/ltc_web_nav_06.gif) 0 -36px; width: 171px; }


		#header ul#top_nav {
			position: absolute;
			top: 36px;
			left: 665px;
			width: 270px;
		}
			#header ul#top_nav li {
				float: left;
				margin-right: 10px;
				list-style: none;
			}
				#header ul#top_nav li a { 
					color: #fff;
					display: block;
					padding: 5px 5px 3px 5px;
					font-size: 12px;
				}
				
	
	#body {
		width: 656px;
		background: #fff;
	}
	
		#body #main_content {
			padding: 10px 20px 50px 20px;
			
		}
			#body #main_content #s3slider { margin: -10px 0 20px -20px; }
			#body #main_content h2 { color: #4564b5; }
			
		
		#body #sidebar {
			position: absolute;
			top: 96px;
			left: 656px;
			width: 242px;
			background: #000;
			padding: 0 15px 0 15px;
			font: normal 12px Arial, Helvetica, sans-serif;
			color:#CCC;
		}
			#body #sidebar h2 {
				
				
				width: 272px;
				height: 48px;
				margin-left: -15px;
				margin-bottom: 40px;
			}
				#body #sidebar h2 a {
					display: block;
					text-indent: -9999px;
					background: url(http://leavethecamera.com/images/ltc_web_06.gif);
					width: 272px;
					height: 48px;
				}
			#body #sidebar div.news_block {
				border-bottom: 1px dashed #333;
				margin-bottom: 15px;
				padding-bottom: 15px;
			}
			#body #sidebar p { margin-bottom: 0; }
			#body #sidebar h3.news_headline { 
				color: #fff;
				font-size: 12px;
				font-weight: 100;
				margin-bottom: 5px;
			}
			
			#body #sidebar #sidebar_footer {
				background: url(http://leavethecamera.com/images/ltc_web_33.jpg);
				width: 272px;
				height: 35px;
				margin-left: -15px;
				position: relative;
			}
			#body #sidebar #sidebar_footer h3 {
				position: absolute;
				top: 40px;
			}
			#body #sidebar #sidebar_footer h3 a { color: #fff; }
			
		#body #footer {
			width: 656px;
			height: 100px;
			background: url(http://leavethecamera.com/images/ltc_web_35.jpg) repeat-x;
			position: relative;
			clear: both;
		}
			#body #footer ul#footer_nav {
				position: absolute;
				width: 666px;
				left: 10px;
				top: 10px;
			}
				#body #footer ul#footer_nav li {
				 	list-style: none;
					float: left;
					margin-right: 20px;
				}
				
			#body #footer ul#footer_info {
				position: absolute;
				width: 666px;
				left: 10px;
				top: 40px;
			}
				#body #footer ul#footer_info li {
				 	list-style: none;
					float: left;
					margin-right: 20px;
				}
				
				
				
/* Page Styles */

div#quick_contact {
	width: 200px;
	float: right;
}
div#contact_form {
	float: left;
	width: 400px;
}

#body #main_content ul.photographers li {
	list-style: none;
	float: left;
	padding: 10px;
	margin: 0 10px 20px 10px;
	background: #eee;
	height: 270px;
	width: 160px;
	text-align: center;
}
	#body #main_content ul.photographers li span{
		padding: 0 7px 0 7px;
	}
			

/* jQuery Styles */

 #s3slider {
   width: 656px; /* important to be same as image width */
   height: 363px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: -30px;
}

#s3sliderContent {
   width: 656px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

#body #main_content li.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style: none;
   	margin-left: 0;
   
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: normal 12px "Trebuchet MS", Arial;
   padding: 10px 13px;
   width: 250px;
   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 */
   top: 0;

   /*
       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
   */
}
.s3sliderImage span.top {
	top: 0;
	left: 0;
}
.s3sliderImage span.bottom {
	bottom: 0;
    left: 0;
}
.s3sliderImage span.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 363px;
}
.s3sliderImage span.right {
	left: 456px;
	bottom: 0;
	width: 200px !important;
	height: 35px;
}

.clear {
   clear: both;
}



#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:252px;
	height:770px;
	overflow:hidden; 
	}
span#prevId, span#nextBtn {
	position: absolute;
	z-index: 101;
	top: 48px;
}
span#prevId{
	display: block;
	float: left;
	width: 104px;
	height: 30px;
	left: 30px;
}
	span#prevId a {
		display: block;
		text-indent: -9999px;
		background: url(http://leavethecamera.com/images/ltc_web_29.gif);
		width: 104px;
		height: 30px;
	}
span#nextBtn{
	display: block;
	float: left;
	width: 101px;
	height: 30px;
	left: 148px;
}	
	span#nextBtn a {
		display: block;
		text-indent: -9999px;
		background: url(http://leavethecamera.com/images/ltc_web_27.gif);
		width: 104px;
		height: 30px;
	}	


/* MyAccount Styles */

div.column_two {
	float: right;
	width: 195px;
}
div.column_one {
	float: left;
	width: 385px;
	border-right: 1px solid #ccc;
	padding-right: 15px;
}

#account_nav{
	padding-top: 10px;
	font-size: 14px;
	font-weight:bold;
	border-bottom: 3px solid #6FA555;
}
	#account_nav a{
		padding: 0px 5px 0px 5px;
		margin: 0px 0px 0px 5px;
		color:#FFFFFF;
		text-decoration: none;
		background-color:#8ABC69;
		border: 1px solid #6FA555;
	}
	#account_nav a:hover{
		padding: 0px 5px 0px 5px;
		margin: 0px 0px 0px 5px;
		color:#FFFFFF;
		text-decoration: none;
		background-color:#A5D883;
		border: 1px solid #6FA555;
		
	}
	
	
li.photographer_states{
	width: 65px;
	height: 40px;
}
li.photographer{
	width: 320px;
	height: 50px;
	padding: 5px;
	background-color:#FFFFCC;
	border: 2px dashed #CCCCCC;
	margin-left: 10px;
	margin-bottom: 10px;
}
#mapContainer { 	 
	  height: 325px; 	 
	  width: 810px;
	  margin-bottom: 25px;
	}
	
div.mycapture_login_box{
	padding: 3px;
	background-color:#FFFFFF;
	color:#2E2295;
	background-image:url(images/ltc_web_28.gif);
	background-repeat:repeat-x;
	overflow: hidden;
	border: 1px solid #BCFD33;
}

ul.photo_gallery_ul {
	margin-left: -10px;
}

#body #main_content li.photo_gallery{
	font-size:9px;
	border: 1px solid #ccc;
	margin: 0 5px 15px 0;
	padding: 3px;
	list-style: none;
	float: left;
}

div.welcome_message{
	padding: 10px;
	background-color:#FFFFCC;
	border: 2px solid #FFCC66;
	margin-bottom: 20px;
}
div.welcome_player{
	background-color:#FFCC66;
	margin: 10px 0px 10px 0px;
}

ul.vertical_list_no_style li{
	list-style: none;
	margin: 0 0 15px -25px;
	padding: 0;
}
ul.vertical_list_no_style {
	margin: -25px;
	padding: 25px 0 0 0;
}
.mycapture_login_box {
	margin-bottom: 20px;
}


/* tool tip styles */

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	text-align: left;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}