/*
========================================

 CSS Document for JHardcastle Photography
 Website by Manyfold
 Design by Charles Cohen

========================================
*/

/*	@group Reset */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* @end */

/*	@group General */
	html, body, #global { height: 100%; margin: 0; padding: 0; }
	body > #global { height: auto; min-height: 100%; }
	
	body {
		background:#fff; 
		font-size: 13px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-weight:normal;
		color: #333333;
		line-height: 24px;
	}

	img { background:url('elements/loader.gif') 50% 50% no-repeat; }

	body.section-1 { }
	body.section-2 { }
	body.section-3 { }
	
	/* Links */
	a:link, a:active, a:visited, a:hover { text-decoration: none; }
	
	/* Headings */
	h1 {   display:none; }
	h2 {   font-size: 24px; }
	h3 {   font-size: 16px; }
	h4 {   font-size: 12px; }
	
	/* Clearfix */
	.clearfix:before,.clearfix:after {
	content: '.';
	display: block;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	}
	.clearfix:after {clear: both;}
	
	/* Selection */
	::selection {background: #E0EFDE; color: #333;}
	::-moz-selection {background: #E0EFDE; color: #333;}
	img::selection { background: #E0EFDE; color: #333; }
	img::-moz-selection	{ background: #E0EFDE; color: #333; }
	
	/* Global */
	#global {
		width:1024px;
		padding: 0px 0px 30px 0px;
		margin: 0 auto;
		position: relative;
	}
/* @end */

/*	@group Header */
	#header {
		width:1024px;
		margin: 30px auto 0px auto;
	}

	#logo { 
		background: url(elements/logo.png) no-repeat;
		width: 370px;
		height:50px;
	}

	#logo a {
		display: block;
		width: 330px;
		height: 100px;
		text-indent: -9999px;
	}
	
	
	.Banners { display:none; }
	
	.Banners img { border-top:1px solid #ccc; border-bottom:1px solid #ccc; 
	width:1024px;
	height:400px; 
	}

	.Banners .caption .line-1 {
		width:320px;
		color:#EEFBFF;
		position:absolute;
		top:250px;
		height:auto;
		right:0px;
		padding:8px 20px 20px 8px; background:url(elements/bg_overlay.png) repeat;
		text-align:left;
		letter-spacing:0px;
		font-size:12px; font-weight:normal;
		line-height:16px; 
	}

	.Banners .caption .line-1 span {
		color:#fff;
		text-transform:uppercase; 
		text-shadow: 1px 1px 0em #aaa;
	}

	.Banners .caption .line-1 span:after { content:" — "; } 

	.Banners .line-2 {
		text-transform:uppercase;
		color:#fff;
		text-shadow: 1px 1px 0em #000;
		position:absolute;
		top:380px;
		right:2px;
		text-align:right; 
		font-size:10px;
		font-weight:normal;
	}

	
	/* Navigation */
	#action_menu {
		position: absolute; right:6px; top:-4px; margin:0px; 
	}
	#menu {
		width:490px;
		position: absolute; 
		top:0px; 
		right:30px;
	}
	#action_menu ul.navigation,	#menu ul.navigation { text-align:right; }
	#action_menu ul.navigation li, #menu ul.navigation li {display: inline;}

	#action_menu ul.navigation li a.disabled, #action_menu ul.navigation li a:hover.disabled { cursor:default; background:#eee; color:#ccc; }
	
	#action_menu ul.navigation li a, #menu ul.navigation li a {
		color:#999;
		font-size: 14px;
		margin-left: 10px;
		margin-right:20px;
		text-transform:uppercase; 
		padding-bottom:15px; padding-right:20px;
	}
	
	#menu ul.navigation li a:hover {
		color:#666;
	}                                   
                                        
	#menu ul.navigation li.active a {   
		color:#000;                  
	}

#menu #menu-contact a { margin-right:0px; padding-right:0px; }

/* @end */

/*	@group Content */
	#content {
		width:1024px;
		margin: 0 auto;
		padding-bottom:120px;
		padding-top:10px;
	}

	#content img {max-width:900px;}

	/* Text Layout */
	#content h2 { 
	margin:0px 0px 12px 0px; }
	#content h3 { 
	margin:0px 0px 8px 0px; }

	#content p {margin-bottom:10px;}
	
	#content ol {
		margin-bottom: 10px;
		list-style-type: lower-roman;
	}
	#content ol li { margin-left:40px !important;}
	#content li { margin-left:20px; list-style-type:square; }
	
	#content a { text-decoration:none; border-bottom:1px dotted #fff; color:#fff; }
	#content a:hover { text-decoration:none; border-bottom:1px solid #333; color:#333; }
	
	#content #img-container { margin:0px; } 

	iframe.google-maps { position:absolute; margin-left:410px; margin-top:-300px; display:block; float:right; border:3px solid #ccc; }
/* @end */

/*	@group Footer */
	#footer {
		width: 930px;
		margin: 0 auto;
		height: 120px;
		position: absolute;
		bottom: 0;
		padding: 10px 15px 0px 15px;
		color: white;
		font-size: 12px;
	}

	#footer p { margin-bottom:10px;}
	#footer a {color:#fff; font-weight:normal; }
	#footer a:hover {color:#E79722;}
	#footer span { font-size:10px; color:#C3E8FF; float:left; } 
	#footer strong a:first-child {float:left;}

	#footer_colophon {float:left; width:660px;}
	#footer_colophon span {font-size:11px; } 
	#footer_social { width:160px; float:right; }
	#footer_social .facebook { float:right; text-indent:-9999px; display:block; width:63px; height:20px; margin-left:10px; background:url('elements/facebook.png') 0% 0% no-repeat; } 
	#footer_social .twitter  { float:right; text-indent:-9999px; display:block; width:63px; height:20px; background:url('elements/twitter.png') 0px 1px no-repeat; } 
	#footer #site_by_manyfold { opacity:.4; color:#C9FBD5; display:block; position:absolute; bottom:35px; right:15px; font-family:Arial, Helvetica, Sans Serif, sans-serif; font-size:10px; } 
	#footer #site_by_manyfold a { color:#fff; } 
	#footer #site_by_manyfold a:hover { color:#000; } 
	
	#footer ul li {display: inline;} 
	#footer ul li:after { content:"|"; }
	#footer ul li:first-child:before { content:"•"; margin-left:10px;}
	#footer ul li:last-child:after { content:""; }
	#footer ul li a {padding:0px 10px; }
	#footer li.active a {color:#6788a9;}
/* @end */

/*	@group Miscellaneous */
	.hidden {display: none;}
	.strong {font-weight: 600;}
	acronym { border-bottom:1px dotted #999; cursor:help; }
/* @end */