/* ###########################################################################################################


				  Global CSS style sheet for Darcy Kiefel & Kiefel Photography website
						 Created by Ballas Creative (www.ballascreative.com)
								Copyright (C) 2010 Kiefel Photography.


########################################################################################################### */

/* GLOBAL SETTINGS */

body { width:100%; padding:0; margin:0; font:16px/24px "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif; color:#bcb0a2; text-shadow:#000 0 2px 0; background:#303030 url(../images/back-main.jpg) repeat-x; }
p { letter-spacing:0em; text-shadow:#000 0 1px 0; }
h1 { color:#fff; font:2.5em; margin-top:-3px; margin-left:2px; _margin-top:0; letter-spacing:-1.2px; }
h3 { font:14px/20px; font-style:italic; margin-top:-15px; }
a { color:#85bbe4; text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }
img { border:0; }

/* WRAPPERS & GLOBAL NAVIGATION */

#wrapper { width:1015px; height:auto; margin:auto; }
#wrapper #navigation { width:100%; height:130px; margin-top:-9px;}
#wrapper #navigation .logo { width:30%; height:70px; background:url(../images/dk-logo.png) no-repeat; float:left; margin-top:70px; }
#wrapper #navigation .nav-main { width:70%; #width:69%; height:130px; float:left; #margin-top:20px; }
#wrapper #navigation .nav-main ul { list-style-position:outside; float:right; }
#wrapper #navigation .nav-main ul li { display:inline; list-style-position:inside; }
#wrapper #devider { width:100%; height:2px; background:url(../images/back-subnav.gif) repeat-x; margin-top:9px; }

/* HOMEPAGE / FOCAL POINT / QUOTE / NOTE */

#wrapper #focalpoint { width:100%; height:auto; margin-top:30px; padding:0; }
#wrapper #focalpoint .fp-pod-1 { width:252px; height:360px; float:left; margin-left:-2px; overflow:hidden; }
#wrapper #focalpoint .fp-pod-2 { width:252px; height:360px; float:left; margin-left:3px; overflow:hidden; }
#wrapper #focalpoint .fp-pod-3 { width:252px; height:360px; float:left; margin-left:3px; overflow:hidden; }
#wrapper #focalpoint .fp-pod-4 { width:252px; height:360px; float:left; margin-left:3px; overflow:hidden; }
#wrapper #focalpoint .img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
#wrapper #focalpoint .img:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }

#wrapper #content { width:100%; height:auto; margin-top:30px; padding:0; }
#wrapper #quote { width:100%; height:160px; margin-top:40px; padding-top:30px; background:url(../images/back-quote.gif) repeat-x; }
#wrapper #note { width:100%; height:auto; margin-top:40px; padding:20px 0 20px 0; background:url(../images/back-line.gif) repeat-x; text-shadow:#000 0 1px 0; }
#wrapper #note .pods { float:left; padding-top:20px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
#wrapper #note .pods:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }

/* SUB-NAVIGATION */

#wrapper #subnav { width:100%; height:70px; background:url(../images/back-subnav.gif) repeat-x; position:relative; top:9px; padding-top:28px; margin-bottom:-40px; }
#wrapper #subnav ul { list-style-position:outside; float:right; margin:-26px 0 0 0; }
#wrapper #subnav li { display:inline; list-style-position:inside; }

/* FOOTER */

#wrapper #footer { width:100%; height:auto; font-size:12px; line-height:18px; padding-top:20px; text-align:center; background:url(../images/back-line.gif) repeat-x; }
#wrapper #footer p { letter-spacing:0em; color:#716658; }
#wrapper #footer ul { list-style-position:outside; }
#wrapper #footer ul li { display:inline; list-style-position:inside; padding-right:25px; }
#wrapper #footer ul li a { text-transform:uppercase; text-decoration:none; color:#928575; }
#wrapper #footer ul li a:hover { text-transform:uppercase; text-decoration:none; color:#fff; }
#wrapper #footer a.ballas { letter-spacing:0em; color:#716658; text-decoration:none; }
#wrapper #footer a.ballas:hover { letter-spacing:0em; color:#fff; text-decoration:none; }

/* MISC */

#clear { clear:both; }
#flashcontent { width:100%; height:100%; background:url(../images/back-line.gif) repeat-x; padding-top:8px; }
.img-right { float:right; border:3px solid #fff; margin:5px 10px 20px 20px; }