@charset "UTF-8";
/*Dave Zumbek Photograpy CSS Document 
**Developed By Dave Zumbek - Site Version 2.0
------------------------------------------------------------------*/
* {	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    font-size:100%;
    margin:0;
    outline:0 none;
    padding:0;
    vertical-align:baseline;
}
body { line-height:1; border:0 none; margin:0; padding:0; font:normal 1.2em 'PlayBold', Lucida Sans Unicode, Lucida Grande, sans-serif; overflow-x:hidden; max-width:100%;
	/***Pseudo Anti-Aliasing***/
	text-shadow:0 0 1px rgba(0,0,0,0.3); }

	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, a, li { display:block; }
ul { list-style:none outside none; }
img { border:none; }
html { background:url("images/DZP_BG4.jpg") repeat-x 50% 4.7em; overflow-x:hidden; max-width:100%; }


/*Fonts, headings, paragraphs, and links
------------------------------------------------------------------*/
@font-face {
    font-family: 'PlayRegular';
    src: url('fonts/Play-Regular-webfont.eot');
    src: url('fonts/Play-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Play-Regular-webfont.woff') format('woff'),
         url('fonts/Play-Regular-webfont.ttf') format('truetype'),
         url('fonts/Play-Regular-webfont.svg#PlayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlayBold';
    src: url('fonts/Play-Bold-webfont.eot');
    src: url('fonts/Play-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Play-Bold-webfont.woff') format('woff'),
         url('fonts/Play-Bold-webfont.ttf') format('truetype'),
         url('fonts/Play-Bold-webfont.svg#PlayBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pulsarjsregular';
    src: url('fonts/pulsarjs-webfont.eot');
    src: url('fonts/pulsarjs-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pulsarjs-webfont.woff') format('woff'),
         url('fonts/pulsarjs-webfont.ttf') format('truetype'),
         url('fonts/pulsarjs-webfont.svg#pulsarjsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3 { color:#888888; text-transform:uppercase; }
h1 { font-size:1.8em; font-weight:normal; margin-bottom:.2em; color:#888;}
h1 span { display:list-item; list-style-type:none; color:#666; margin-top:-.2em; }
h2 { font-size:1.5em; font-weight:normal; }
h3 {font-size:1.35em; font-weight:normal; }
p { color:#343434; line-height:1.3em; text-align:justify; font-family:'PlayRegular',arial; margin-bottom:.7em; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.light { color:#999; }


/*Mater Page Styles
------------------------------------------------------------------*/

header, footer, footer section { width:100% }
section { width:85%; height:auto; margin:0 auto; max-width:1200px; }


/*Header
------------------------------------------------------------------*/

header { position:fixed; top:0; z-index:20; background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.95); height:4.5em; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#333333')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#333333'); box-shadow:0 8px 15px #333; }
nav { margin:0 2em; width:60%; height:4.5em; float:right; }
nav a { float:right; font-size:1em; margin-left:1.13em; text-transform:uppercase; color:#999; height:4.5em; padding-top:1.13em; border-top:.44em solid #FFF; border-top:.44em solid rgba(255, 255, 255, 0.55); }
nav a:hover { padding-top:1.13em; color:#333; border-top:.44em solid #99CCFF; text-decoration:none; }
#Contact { cursor:pointer; } 

.about #about { border-top:.44em solid #CCC; }
.about #about:hover { border-top:.44em solid #99CCFF; }

#packages { display:none; }

.logo { height:100%; margin:0; padding:.95em 2.18em; float:left; }
a.logo:hover { opacity:0.7; filter:alpha(opacity=70); }	
#menu{ display:none; font:1.8em 'pulsarjsregular'; color:#777; float:right; width:auto; padding:0; margin-right:.3em; }
#menu:hover, #menu:active { text-decoration:none; }


/*Footer
------------------------------------------------------------------*/

footer { background:#666; height:auto; box-shadow:#555 0 8px 8px inset; }

#form { height:26em; margin:0 auto; padding:0; }
#form h2 { color:#666; margin:.8em auto ; font-size:1.9em; width:99.5%; }
		
footer form { float:left; color:#555; background:#BBB; height:26em; width:46%; line-height:1.5em; padding:.5em 2em; box-shadow:#777 0 8px 8px inset; }
#response { display:none; float:left; color:#FFF; background:#BBB; height:26em; width:40%; line-height:1.5em; padding:.5em 2em; margin-left:7%; box-shadow:#777 0 8px 8px inset; }
#success { width:100%; padding:1em 2em; background:#006511; border-radius:1em; margin-top:.8em; }
#success h3 { color:#FFF; }
#success p { color:#DDD; }
fieldset { float:left; padding:0;; width:100%; margin:.8em auto; }
label { display:none; }
#phone { display:none; }
input, textarea { width:100%; font:bold 1em Play, Lucida Sans Unicode, Lucida Grande, sans-serif; background-color:#FFF; border:.05em solid #666; border-radius:.5em; padding:.1em .7em; box-shadow:1px 1px 5px #333 inset; display:list-item; list-style-type:none; margin-bottom:1.3em; }
input { height:2em;}
textarea { height:8em; padding-top:.5em; resize:none; }
input.button { background:#555; border:2px solid #CCC; color:#DDD; text-transform:uppercase; width:50%; max-width:200px; box-shadow:0 1px 5px #444, 0 0 8px #999 inset; margin-top:1em; }
input:focus, textarea:focus { background:#99CCFF; color:#333; }
input.button:hover { background-color:#99CCFF; border:2px solid #333; box-shadow:0.5px 0.5px 8px #444 inset; color:#333; cursor:pointer; }
::-webkit-input-placeholder { color:#777; font:bold 1em Play, Lucida Sans Unicode, Lucida Grande, sans-serif; }		
input:-moz-placeholder { color:#777; font:bold 1em Play, Lucida Sans Unicode, Lucida Grande, sans-serif; }
textarea:-moz-placeholder { color:#777; font:bold 1em Play, Lucida Sans Unicode, Lucida Grande, sans-serif; }
div.error { background:#CC0000; border-radius:.5em; box-shadow:0.2em 0.2em 0.8em #333; color:#FFF; font-size:.8em; margin-top:-1.6em; padding:0 1em; position:absolute; width:auto; }

#footer-right { float:left; width:53%; height:26em; }
#social { width:100%; height:auto; }
#social h2 { margin:.8em auto .6em auto; width:85% }
#social ul { width:85%; height:4.1em; margin:0 auto; }
#social li { width:auto; float:left; margin:0 1% 0 0;}
#social li a { opacity:0.7; filter:alpha(opacity=70); }
#social li a:hover { opacity:1.0; filter:alpha(opacity=100); }

#call { width:100%; height:auto; }
#call h2 { margin:.8em auto .3em auto; width:85%; }
#call a { font-size:2.5em; color:#444; margin:0 auto; width:85%; }

#footer { background:#333; height:3.2em; box-shadow:0 3px 5px #999 inset; color:#FFF; font-size:.8em;  margin:0 auto; padding:.3em 0; max-width:100%; }
#footer_list { float:right; margin-top:11px; }
#footer_list li { float:left; margin-right:1.5em; font-weight:300; }
#footer_list a { color:#00CCFF; display:inline-block; }


/*Home Page Styles
------------------------------------------------------------------*/

#home_banner { padding-top:4.05em; }
#home_text { margin-bottom:2.5em; }
#home_text article { padding:1em; }

/*About Page Styles
------------------------------------------------------------------*/
section.about {	background:rgb(255,255,255); background:rgba(255,255,255,.8); padding:2.2em 2em 3em; margin:4.5em auto; border-radius:0 0 2em 2em; box-shadow: 0 8px 15px #555; overflow:auto; }
section.about article { width:55%; float:left; margin-right:5%; padding:0 .8em; }
section.about aside { background:#CDCDCD; border-radius:1em; float:left; padding:1em; width:40%; }
.about h1 { border-bottom:0.05em solid; color:#666; font-size:2.3em; margin-bottom:.5em; padding:0.2em 0.5em; }
.about h2 { font-size:1.5em; margin-top:0.5em; padding:0.3em 0; }
.about h2:first-child { margin-top:0; padding-top:0; }
#headshot { background:url(images/DaveZumbekHeadshot.jpg); border-radius:50%; width:300px; height:300px; margin:0 auto;}

/*Tablets
------------------------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width:1180px) {
	html { background-position:50% 3em; }
	section { width:95%; }	
	footer form, #response { margin-left:2%; padding:.5em 1.2em; width:52%; }
	#footer-right { padding-left:1.2em; width:45%; }
	#social li { width:14%; margin:0;}
	#social img { width:99% }
	#social h2, #social ul, #call h2 { width:98%; }
	#call a { width:98%; font-size:1.7em; }
	
	.logo { margin:0; padding:.95em 1em; float:left; width:30%; height:100% }
	nav { margin:0 .5em; height:100%; width:62%; }
	nav a { height:100%; font-size:.8em; border-left:.1em dashed #BBB; padding:1.7em 0.9em; margin:0; }
	nav a:hover { padding:1.7em 0.9em; background:#CCC; }
	nav a:first-child { border-right:.1em dashed #BBB; }
	#home_banner { padding-top:5em; }
	
	.about #about { border-top:.44em solid #CCC; background:#CCC; color:#555; }
}

@media screen and (min-width: 768px) and (max-width:1180px) and (orientation:portrait) {
	html { background-position:50% 0; }
	nav a { padding:1.7em .4em; }
	nav a:hover { padding:1.7em 0.4em; background:# CCC; }
	section.about article { width:100%; margin:0; }
	section.about aside { width:100%; margin-top:1em; }
}

@media screen and (min-width: 320px) and (max-width:767px) {
	html { background:url("images/DZP_BG4-M.jpg") repeat-x 50% -1em; }
	h1 { font-size:1.2em; line-height:1em; }
	h1 span { margin:0; }
	p { font-size:.9em; text-align:left;}
	section { width:99%; }	
	header { background:rgba(255, 255, 255, 1.0); height:2.9em; padding:.5em 0 .2em 0; margin:0; position:fixed; }
	.logo { margin:0; padding:0 0 0 .5em; float:left; height:85%; }
	.logo img { height:100%; }
	nav { display:none; width:100%; float:none; margin:0; position:absolute; border-top:0.1em solid #999; box-shadow:0 1em .5em #333; box-shadow: 0 5px 10px #333; height:auto; top:2.7em;}
	nav a { float:none; width:100%; height:2.3em; background:#999; color:#FFF; border-top:0.1em solid #DDD; border-bottom:0.1em solid #666; margin:0; padding:.5em 0; text-align:center; text-shadow:-1px -1px 1px #666, 1px 1px 1px #CCC;  }
	nav a:hover { height:2.3em; padding:.5em 0; background:#888; color:#FFF; border-top:0.1em solid #DDD; border-bottom:0.1em solid #666 }
	.about #about, .about #about:hover { border-top:0.1em solid #DDD; }
	
	#menu { display:block; }
	#prints { display:none;}
	#home_banner { padding-top:2em; margin-top:2em;}
	.flexslider { border:0; margin:0 auto 2em; width:98%; }
	.flex-control-nav { display:none; }
	
	#home_text article { padding:.8em; }
	
	section.about { padding:1em 0.5em; margin: 3em auto 2em; box-shadow:none; background:rgba(255,255,255,1.0); width:100%; }
	section.about article { width:100%; margin:0; }
	section.about aside { width:100%; margin-top:1em; }
	#headshot { width:200px; height:200px; background:url(images/headshot2x.jpg); }
	.about h1 { font-size:2em; }
	.about h2 { font-size:1.1em; }
	
	#form { height:45em; }
	footer form, #response { float:none; width:100%; margin:0; padding:.5em 1em; }
	#success { padding:1em; }
	input.button { width:100%; }
	
	#footer-right { float:none; width:100%; height:auto; }
	#social h2, #social ul, #call h2, #call a { width:90%; }
	#social li { width:14%; margin:0;}
	#social img { width:99% }
	#call a { font-size:2em;  color:#00AAFF; }
	#footer_list li { margin-right:.5em; }
	.socialButton{ display:none; }
}

@media screen and (min-width: 320px) and (max-width:767px) and (orientation:landscape) {
	#home_banner { margin-top:.8em;}
	.flexslider{ width:93%;}
	section { width:98%;}
	#menu { display:block; }
}