/* Lisa Pitchford Photography CSS Document */


html, body, h1, h2, h3, p, blockquote, cite, ol, ul, li, fieldset, form, label { margin:0; padding:0; border:0; }

body { background:url(../images/bg.gif) repeat-y center 0 #8abed2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; }

#container { width:876px; position:relative; margin:0 auto; border-top:2px solid #2a2a2a; padding:132px 22px 0 22px; }

.logo { background:url(../images/logo.gif) no-repeat; width:224px; margin:0 auto; padding:70px 0 0 0; height:0 !important; height /**/:70px; overflow:hidden; position:absolute; top:38px; left:558px; }

.skip-to { display:none; }



/*Body content
--------------------------------------------------------------------------*/
#content { width:100%; border-top:1px solid #929292; }

.left-col { width:567px; padding-bottom:30px; }
	.left-col h1 { font-size:2.1em; font-weight:normal; color:#2a2a2a; width:536px; padding:33px 0 8px 0; background:url(../images/header-line.gif) repeat-x 0 bottom; }
	.left-col h2 { font-size:1.6em; font-weight:normal; color:#a462aa; padding:18px 0 0 0; }
	.left-col p { font-size:1.3em; color:#2a2a2a; padding-top:11px; }
		.left-col a { color:#0898ee; text-decoration:none; }
		.left-col a:hover { text-decoration:underline; }
			.left-col .signature { padding-top:10px; }
				.left-col ul { padding-top:11px; list-style:none; }
				.left-col li { font-size:1.3em; color:#2a2a2a; }
				.left-col ul.links li { padding:4px 0 8px 0; font-size:1.2em; }

/*Form*/
.left-col form { padding:20px 0; }
	.left-col form p { float:left; clear:both; width:567px; }
	.left-col form label { float:left; padding:0 5px 0 0; text-align:right; width:130px; color:#0898ee; padding-bottom:3px; }
	.left-col form input { float:left; width:320px; border:1px solid #a462aa; }
	.left-col form textarea { float:left; width:320px; border:1px solid #a462aa; }
	.left-col form .submit-but { width:79px; height:16px; border:none; float:left; clear:both; padding:15px 0 0 135px; margin:0; }

.right-col { position:absolute; top:127px; right:15px; }
	.right-col img { float:left; clear:both; }
	.right-col p { float:left; clear:both; font-size:1.1em; color:#2a2a2a; padding:12px 0 0 14px; }
		.right-col .video { position:absolute; top:35px; left:13px; }
		.right-col .video p { padding:17px 0 0 0; }
			.right-col a { color:#0898ee; text-decoration:none; }
			.right-col a:hover { text-decoration:underline; }


/*Slider (home & testimonials)
--------------------------------------------------------------------------*/
/*.gallery-pos { position:absolute; top:-10px; left:0; }*/
#gallery { width:876px; height:460px; overflow:hidden; position:relative; margin-top:-6px; padding-bottom:30px; }
	#gallery .home-cell { float:left; width:438px; }
	#gallery .home-cell div { float:left; width:219px; }
		#gallery img { border:none; }
		#gallery h1 { font-size:1.9em; font-weight:normal; color:#2a2a2a; width:410px; padding:6px 0 8px 2px; background:url(../images/header-line.gif) repeat-x 2px bottom; }
		#gallery h2 { font-size:1.9em; font-weight:normal; color:#2a2a2a; width:200px; padding:6px 0 8px 2px; background:url(../images/header-line.gif) repeat-x 2px bottom; }
		#gallery p { font-size:1em; color:#2a2a2a; padding:7px 10px 0 2px; }
			#gallery p a { background:url(../images/go-to-the-gallery.gif) no-repeat 0 0; width:100%; margin:0 auto; padding:13px 0 0 0; height:0 !important; height /**/:13px; overflow:hidden; display:block; }
			#gallery p a.awards-link { background:url(../images/see-what-awards.gif) no-repeat 0 0; }
			#gallery p a.more-link { background:url(../images/learn-more.gif) no-repeat 0 0; }
			#gallery p a.blog-link { background:url(../images/read-my-blog.gif) no-repeat 0 0; }


/*Slider (portfolio)
--------------------------------------------------------------------------*/
/*.gallery-pos { position:absolute; top:-10px; left:0; }*/
#portfolio { width:876px; height:396px; overflow:hidden; position:relative; margin-top:15px; padding-bottom:30px; }
	#portfolio li { float:left; width:876px; list-style:none; }
	#portfolio li img { border:none; }


/*Slider (blog)
--------------------------------------------------------------------------*/
/*.gallery-pos { position:absolute; top:-10px; left:0; }*/
#blog { width:876px; height:740px; overflow:hidden; position:relative; margin-top:-6px; }
	#blog li { float:left; width:219px; position:relative; list-style:none; background:url(../images/blog-mid.gif) repeat-y 0 0; }
		#blog li p { font-size:1em; color:#777; padding:50px 22px 0 10px; background:url(../images/blog-top.gif) no-repeat 0 0; }
		#blog li h2 { font-size:1.9em; font-weight:normal; color:#2a2a2a; width:180px; margin:0 22px 0 9px; padding:6px 0 8px 0; background:url(../images/header-line.gif) repeat-x 2px bottom; float:left; clear:both; }
		#blog li em { font-size:1em; color:#2a2a2a; font-style:normal; padding:11px 0 0 9px; width:168px; float:left; clear:both; }
		#blog li a.comment { background:url(../images/comment.gif) no-repeat 0 0; width:100%; margin:0 auto; margin:0 0 0 9px; padding:13px 0 0 0; height:0 !important; height /**/:13px; overflow:hidden; display:block; float:left; clear:both; }
		#blog li strong { width:219px; background:url(../images/blog-bot.gif) no-repeat 0 bottom; padding:0 0 25px 0; float:left; clear:both; }
			#blog li .separator { float:left; clear:both; width:219px; }
			#blog li img { width:196px; padding:5px 0; }
			#blog li .blogger-post-footer { display:none; }
				#blog li a { color:#0898ee; text-decoration:none; }
				#blog li a:hover { text-decoration:underline; }



/*Footer
--------------------------------------------------------------------------*/
.footer { clear:both; width:100%; border-top:1px solid #7b7b7b; padding:9px 0 40px 0; }
	.footer p { font-size:1em; color:#666; }  
		.footer a { color:#666; text-decoration:none; }
		.footer a:hover { color:#0898ee; }
	
	.footer ul { float:right; list-style:none; }
		.footer li { float:left; padding:0 0 0 5px; }
			.footer li img { border:none; }



/*Sub navigation
--------------------------------------------------------------------------*/
#sub-navi { list-style:none; position:absolute; top:114px; left:17px; }
	#sub-navi li { font-size:1.1em; color:#2a2a2a; float:left; padding:0 10px 0 5px; background:url(../images/sub-navi-divide.gif) no-repeat right 0; }
	#sub-navi li.last { padding-right:0; background:none; }
	#sub-navi li.last-portfolio { padding:0 0 0 10px; background:none; }
	#sub-navi li.portfolio-nav { padding:0 20px 0 5px; background:url(../images/sub-navi-divide-2.gif) no-repeat right 0; }
		#sub-navi li a { color:#2a2a2a; text-decoration:none; }
		#sub-navi li a:hover, #sub-navi li a.active { color:#0898ee; }



/*Navigation
--------------------------------------------------------------------------*/
#main-navi { list-style:none; width:876px; position:absolute; top:55px; left:22px; }
	#main-navi li { float:left; overflow:hidden; }
	#main-navi li.last { float:right; }
		#main-navi a { display:block; padding:21px 0 0 0; height:0 !important; height /**/:21px; overflow:hidden; }
		#main-navi a:hover { background-position:0 -21px; }
		#main-navi a.active { background-position:0 -42px; }
			.navi-home { background:url(../images/navi-home.gif) no-repeat 0 0; width:79px; }
			.navi-lisa { background:url(../images/navi-lisa.gif) no-repeat 0 0; width:63px; }
			.navi-info { background:url(../images/navi-info.gif) no-repeat 0 0; width:116px; }
			.navi-portfolio { background:url(../images/navi-portfolio.gif) no-repeat 0 0; width:95px; }
			.navi-blog { background:url(../images/navi-blog.gif) no-repeat 0 0; width:67px; }
			.navi-contact { background:url(../images/navi-contact.gif) no-repeat 0 0; width:108px; }
			.navi-client { background:url(../images/navi-client.gif) no-repeat 0 0; width:105px; }



/*Clear fix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }