/* @override http://localhost/instaproofs/marketing/css/temp.css */

html, body, td{
	font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #000;
}
img{
	border: 0;
}

table td,
table th{
	padding: 4px;
}
table th{
	width: 50%;
	text-align: left;
	font-weight: bold;
}
#page_wrapper{
	width: 920px;
	overflow: hidden;
	margin: 20px auto 0 auto;
	xbackground: url(../images/ProjectFileTall.jpg) -52px -40px;
}
h1#main_feature{
	width: 474px;
	height: 337px;
	float: left;
	background: url(../images/h1-bg-small.gif) no-repeat left top;
	position: relative;
}
h1#main_feature span.subheading{
	display: block;
	width: 402px;
	height: 120px;
	top: 160px;
	position: absolute;
	left: 29px;
}

#index h1#main_feature span.subheading{
	background-image: url(../images/h1-index.png);
}
#index h1#main_feature a:hover span{
	background-position: 0 -120px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#index h1#main_feature a.hover span{
	background-position: 0 -120px;
	background-repeat: no-repeat;
}


#contact h1#main_feature span.subheading{
	background-image: url(../images/h1-contact.png);
}

#looking h1#main_feature span.subheading{
	background-image: url(../images/h1-looking.png);
}

#found h1#main_feature span.subheading{
	background-image: url(../images/h1-looking.png);
}

#account-created h1#main_feature span.subheading{
	background-image: url(../images/h1-account_created.png);
}

h1#main_feature a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/main_image.jpg);
	
}


h1#main_feature .inner_wrapper{
	display: block;
	width: 100%;
	height: 100%;
	margin: 24px 10px 10px;
	background-repeat: no-repeat;
	background-position: left top;
}



#header{
	position: relative;
	margin-bottom: 60px;
}
#index #header,
#contact #header{
	margin-bottom: 70px;
}
#logo{
	position: absolute;
	left: 0;
	top: 0;
}
#navigation{
	overflow: hidden;
	text-align: right;
	padding-left: 292px;
	font-size: 13px;
	padding-top: 0px;
	padding-bottom: 0;
}
#navigation ul{
	margin-top: 9px;
}
#navigation li{
	display: inline;
	padding-right: 12px;
}
#navigation li a{
	color: #A72413;	
	text-decoration: none;
	font-weight: bold;
}

#navigation li a:hover{
	color: #c2403c;
}
#navigation li a:active{
	color: #fff;
}
#navigation li.selected a{
	color: #fff;
}
#body{
	xoverflow: hidden;
	position: relative;
}
/* @group Image Replacement */
h1#main_feature a,
h1#main_feature,
#how-it-works #step_1 .sidebar h3,
#subfooter,
#how-it-works h1,
#featured-photographers h1,
.button_visit-this-storefront,
#costs-and-features h1,
#raves h1,
#faqs h1,
#privacy-policy h1,
#visit_this_storefront{
	overflow: hidden;
	text-indent: -2000px;
}
/* @end */
/* @group Float Clearing */
#body:after,
#content_area:after,
.feature_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
/* @end */
.clearing{
	clear: both;
}

#index #content_area,
#contact #content_area,
#looking #content_area,
#found #content_area,
#login #content_area,
#account-created #content_area{
	float: left;
	width: 426px;
	padding-left: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom: 35px;
	font-size: 13px;
	line-height: 15px;
}
#contact #content_area{
	padding-bottom: 18px;
}
#found #content_area{
	position: relative;
}
#content_area{
	position: relative;
}
#index #content_area h2{
	font-weight: normal;
	font-size: 32px;
	margin-bottom: 7px;
	letter-spacing: -1px;
	line-height: 1em;
}
#index #content_area h3{
	margin-bottom: 8px;
}
#index #content_area .teaser{
	width: 37%;
	float: left;
	font-size: 1em;
	margin: 0 12px 0 0;
}
#index #content_area p{
	padding-right: 128px;
	margin-bottom: 13px;
}
#contact #content_area p{
	margin-bottom: 13px;
	padding-right: 55px;
}
#contact #content_area #message label{
	font-size: 16pt;
	margin-bottom: 16px;
	display: block;
}
#looking #content_area p,
#found #content_area p{
	padding-right: 90px;
}
a{
	color: #ff4c4c;
	
}
a:visited{
	color: #8a2929;
}
a:hover{
	color: #eb2121;
}
#footer{
	clear: both;
	padding: 20px 0;
	margin: 44px 0 20px;
	overflow: hidden;
	font-size: 12px;
	color: #808080;
}
#footer ul{
	float: left;
}
#footer p{
	font-size: 12px;
}
#footer a{
	color: #A72413;
}
#footer li{
	display: inline;
	float: left;
	padding: 0 8px 0 0;
}
#copyright{
	float: right;
}
#contact textarea{
	width: 412px;
	margin-bottom: 12px;
	height: 136px;
}
label{
	display: block;
}
#looking label,
#found label{
	font-size: 14px;
	margin-bottom: 5px;
}
#looking .text,
#found .text{
	font-size: 14pt;
}
#looking #content_area p,
#found #content_area p{
	padding-bottom: 17px;
	padding-right: 106px;
}
#event_search_submit{
	position: absolute;
	left: 260px;
	bottom: 44px;
}


#looking #event_search,
#found #event_search{
	position: relative;
	padding-bottom: 19px;
}
#event_search .text{
	width: 250px;
}
#found .photographed_by a{
	color: #fff;
}

#found #content_area .result p{
	margin-top: 8px;
	font-size: 11pt;
	padding-bottom: 0;
}
#found #content_area .result .photographed_by{
	font-size: 9pt;
	margin-top: 5px;
}
#found #content_area .results{
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 10px;
}
/* @group How it Works Page */
#how-it-works #content_area,
#featured-photographers #content_area,
#costs-and-features #content_area,
#raves #content_area,
#faqs #content_area,
#privacy-policy #content_area{
	background: url(../images/title-background.gif) no-repeat;
}
#how-it-works #content_area h1,
#featured-photographers #content_area h1,
#costs-and-features #content_area h1,
#raves h1,
#faqs h1,
#privacy-policy h1{
	height: 309px;
	margin-bottom: 64px;
	width: 910px;	
	background: url(../images/main_image-how_it_works.jpg) no-repeat 0 26px;
}
#how-it-works #content_area #primary_content{
	padding-left: 99px;
	width: 733px;
}
#how-it-works #content_area #primary_content h2{
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	xmargin-top: 40px;
	margin-bottom: 0;
}
#how-it-works #content_area #primary_content p{
	margin-top: 10px;
}
#how-it-works #content_area .step{
	padding-right: 303px;
	position: relative;
	margin-bottom: 40px;
}
#how-it-works #content_area .step .sidebar{
	position: absolute;
	right: 0;
	top: 18px;
	width: 271px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}
#how-it-works #step_1 .sidebar h3{
	background-image: url(../images/title-uploading_files.gif);
	height: 32px;
	margin: 0;
}
#how-it-works .sidebar .thumb{
	float: left;
	margin-right: 18px;
}
h1 .subheadline{
	display: block;
	background: url(../images/h1-how_it_works_01.png) no-repeat;
	width:  497px;
	height: 117px;
	position: absolute;
	left: 99px;
	top: 127px;
	}
#featured-photographers h1 .subheadline{
	background-image: url(../images/h1-featured_photographers.png);
}
#costs-and-features h1 .subheadline{
	background-image: url(../images/h1-costs.png);
}
#raves h1 .subheadline{
	background-image: url(../images/h1-raves.png);
}
#faqs h1 .subheadline{
	background-image: url(../images/h1-faq.png);
}
#privacy-policy h1 .subheadline{
	background-image: url(../images/h1-privacy.png);
}
/* @end */
#subfooter{
	margin: 40px auto 0 auto;
	width: 720px;
	overflow: hidden;
	clear: both;
}
#primary_content{
	margin-bottom: 60px ;
}
#create_account_banner{
	background-image: url(../images/feature-create_account.jpg);
	width: 296px;
	height: 81px;
	float: left;
}
#create_account_banner a{
	display: block;
	width: 296px;
	height: 81px;
	float: left;
}
#subfooter #footer-raves{
	display: block;
	float: left;
	height: 81px;
	width: 283px;
	background-image: url(../images/feature-raves_page.gif);
}
#subfooter #footer-costs{
	display: block;
	float: left;
	height: 81px;
	width: 140px;
	background-image: url(../images/feature-feature_list.gif);
}


#featured-photographers .photographer_column ul{
	width: 215px;
}
#featured-photographers #photographer_content{
	width: 420px;
}
#featured-photographers #photographer_content,
#featured-photographers .photographer_column,
#featured-photographers .photographer_column li{
	float: left;	
	
}

#featured-photographers .photographer_column li:hover,
#featured-photographers .photographer_column li.hover{
	cursor: pointer;
	opacity: .8;
}

#featured-photographers .photographer_column{
}
#photographer_content{
	margin: 0 20px;
	width: 415px;
}

#featured-photographers .photographer_column li h3{
	font-size: 12px;
	width:  187px;
	height:  187px;
	padding: 10px;
	position: relative;
}

#featured-photographers h2{
	text-align: center;
}
#featured-photographers .photographer_column li{
		background-repeat: no-repeat;
}

#photographer_content h3{
	font-size: 16pt;
	font-weight: normal;
	margin-top: 29px;
	margin-bottom: 9px;
}
#featured-photographers h2{
	font-size: 20pt;
	font-weight: normal;
	margin-bottom: 10px;
}
#featured-photographers h2 .address{
	display: block;
	font-size: 14pt;
	margin-top: 5px;
}
#featured-photographers h2 .joindate{
	display: block;
	font-size: 10pt;
	margin-top: 5px;
}
.button_visit-this-storefront{
	width: 288px;
	height: 83px;
	background-image: url(../images/visit.gif);
	margin: 20px auto 28px;
}
.button_visit-this-storefront a{
	display: block;
	width: 100%;
	height: 100%;
}




#featured-photographers .photographer_column li{
	width: 207px;
	height: 207px;
	xposition: relative;
	margin-bottom: 20px;
	float: left;
	
}

#featured-photographers .photographer_column li
 {
	padding: 10px;
}

#featured-photographers .photographer_column li table
 {
	width: 187px;
}
#featured-photographers .photographer_column li td{
	background-color: transparent;
	padding: 0;
}
#featured-photographers .photographer_column li tr.header td{
	background-image: url(../images/background-featured_photographer-top.png);
	height: 10px;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
}
#featured-photographers .photographer_column li tr.footer td{
	background-image: url(../images/background-featured_photographer-bottom.png);
	height: 10px;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
}
#featured-photographers .photographer_column li tr td a{
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	display: block;
	padding: 0 10px ;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
}
#featured-photographers .photographer_column li tr.body td{
	xbackground-image: url(../images/background-featured_photographer.png);
	overflow: hidden;
	background-image: url(../images/background-featured_photographer.png);
}

#costs-and-features #in_page_navigation{
	width: 235px;
	float: left;
	font-weight: bold;
	Xposition: fixed;
}
#costs-and-features #in_page_navigation li,
#costs-and-features #in_page_navigation li a{
	display: block;
	padding: 4px 0;
	text-decoration: none;
	color: #fff;
	padding-left: 29px;
}
#costs-and-features #in_page_navigation li a{
	padding-left: 0;
}
#costs-and-features #in_page_navigation li a:hover{
	color: #ff4c4c;
}
#costs-and-features #in_page_navigation li.selected{
	background: url(../images/side_arrow-red.gif) no-repeat 12px center;
}
#costs-and-features #in_page_navigation li.selected a{
	color: #ff4c4c;
	
	
}
#costs-and-features #primary_content{
	float: left;
	width: 633px;
	Xmargin-left:  287px;
	margin-top: 15px;
}
#costs-and-features #primary_content h2{
	font-size: 31px;
	font-weight: normal;
	line-height: 43px;
	margin-bottom: 15px;
	height: 52px;
	padding-top: 8px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
#costs-and-features #primary_content .feature_section p{
	margin-top: 8px;
}
.feature_section{
	clear: both;
	margin-bottom: 44px;
	
}
.feature_section .clearing{
	padding-top: 22px;
}
.feature{
	font-size: 13px;
	line-height: 15px;
	width: 280px;
	float: left;
	margin-right: 36px;
}
#primary_content #security h2{
	xbackground: url(../images/icon-security.gif) no-repeat 3px;
	xright: 13px;
}
#primary_content #costs h2{
	background-image: url(../images/icon-coins.gif);
}
#primary_content #security h2{
	background-image: url(../images/icon-lock.gif);
}
#primary_content #marketing_tools h2{
	background-image: url(../images/icon-stamp.gif);
}
#primary_content #branding_tools h2{
	background-image: url(../images/icon-star.gif);
}
#primary_content #customer_service h2{
	background-image: url(../images/icon-heart.gif);
}
#primary_content #ease_of_use h2{
	background-image: url(../images/icon-mouse.gif);
}
.top_link{
	clear: both;
	font-size: 12px;
	margin-top: 40px;
	text-align: right;
	padding-right: 36px;
}
.top_link a{
	color: #601d1d;
}
#column1, #column2{
	margin-right: 25px;
}
#raves .column{
	width: 287px;
	float: left;
	font-size: 14px;
	line-height: 16px;
}
#raves .column p{
	margin-top: 6px;
}
#raves .column .credit{
	font-weight: bold;
}

#raves .column .rave{
	margin-bottom: 58px;
}

#how-it-works #step_5 .sidebar img{
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 1em;
}

#main_image_credit{
	position: absolute;
	top: 287px;
	right: 19px;
	font-size: 11px;
	color: #a9a9a9;
}
#main_image_credit a{
	color: #a72413;
}

#contact #main_image_credit,
#index #main_image_credit,
#looking #main_image_credit,
#found #main_image_credit,
#login #main_image_credit,
#account-created #main_image_credit {
	right: 455px;
	top: 311px;
}

#visit_this_storefront{
	background-image: url(../images/visit.png);
	width: 288px;
	height: 83px;
	margin: 0 auto;
}
#visit_this_storefront a{
	display: block;
	width: 100%;
	height: 100%;
}

#looking label{
	margin-top: 1em;
}

#advanced_search{
	padding-top: 10px;
}

#event_search{
}

#login label{
	padding-top: 10px;
	padding-bottom: 5px;
}

.checkbox{
	position: relative;
}
.checkbox input.checkbox{
	float: left;
	top: 13px;
	position: relative;
}
.checkbox label{
	padding-left: 19px;
	line-height: 1.3em;
}
#login_submit{
	margin-top: 10px;
}

#login #sign_in_section{
	background-color: #1a1a1a;
	padding: 20px 40px 40px;
	width:	60%;
}

#login .text{
	font-size: 16pt;
}

#login h1{
	font-size: 28px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 18px;
	line-height: 22px;
}

#account-created #content_area p{
	margin: 1em 0;
}

#content_area p.important{
	background-color: #1a1a1a;
	padding: 10px;
}


#faqs #primary_content{
	width: 447px;
	margin: 0 auto;
	clear: both;
	position: relative;
}

#faqs h2{
	font-size: 29px;
	font-weight: normal;
	margin-top: 32px;
	margin-bottom: 19px;
}

#faqs h4{
	font-weight: bold;
	font-size: 16px;
	xmargin-top: 36px;
	margin-bottom: 7px;
	position: relative;
}
#faqs #questions ul{
	margin-bottom: 36px;
}
#answers p,
#answers h4,
#answers table,
#faqs #questions ul li{
	margin-left: 30px;
	position: relative;
}

#answers .a,
#answers .q,
#faqs #questions ul li .q{
	position: absolute;
	left: -30px;
	top: 0;
}

#faqs #questions ul li{
	padding: 2px;
}
#faqs #questions ul li .q{
	top: 2px;
}



#faqs #questions li a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	border-bottom: 1px solid #333;
}

#faqs #questions li a:visited,
#faqs #questions li a.visited{
	color: #656565;
}

#faqs #questions li a:hover{
	color: #c2403c;
	xtext-decoration: underline;
	border-color: #c2403c;
}

#faqs #answers li{
	margin-top: 41px;
	margin-bottom: 10px;
	font-weight: bold;
	
}

#faqs .unanswered_questions{
	padding: 20px;
	background-color: #131313;
	margin: 30px 0;
}

#questions li{
	font-size: 16px;
}


#faqs #questions li{
	padding-left: 0;
}

#faqs table{
	width: 100%;
	white-space: nowrap;
}


