/* CSS by Brandon Ratzlaff
   www.omgbrandon.com */

html { height:100%; }
body { background:#310d00 url(../images/contentBg.jpg) center 120px no-repeat; color:#310d00; font-family:Arial,Helvetica,sans-serif; font-size:0.625em; margin:0; width:100%; height:100%; }
img { border:none; }
em { font-style:italic; }
strong { font-weight:bold; }
a { color:#b3591b; text-decoration:none; }
sup, sup a { font-size:.5em; font-weight:bold; line-height:1.2em; vertical-align:top; }

#primaryWrap { width:100%; position:relative; min-height:100%; height:auto !important; height:100%; margin:0 auto -86px; }

#headWrap { background:transparent url(../images/headerBg.jpg) center top repeat-x; width:100%; height:120px; }
#headSwatch { background:transparent url(../images/headerSwatch.jpg) center top no-repeat; width:100%; height:120px; }
	#header { margin:0 auto; position:relative; width:960px; height:120px; }
		#legacyLogo span { position:absolute; left:0px; top:0px; width:146px; height:120px; }
		#legacyLogo span a { background:transparent url(../images/legacyLogo.png) top left no-repeat; border:none; cursor:pointer; display:block; text-indent:-9999px; width:146px; height:120px; }
			#legacyLogo span a:hover { background-position:0 -120px; }
		#primaryNav { float:right; position:relative; top:37px; right:0px; }
			#primaryNav li { display:inline; }
			#primaryNav li a { border:none; display:block; float:left; font-size:1em; margin:0 0 0 20px; text-decoration:none; text-indent:-9999px; height:34px; }
				#primaryNav li a:hover, #primaryNav li.selected a { background-position:0 -34px; }
				li#navHome a { background:transparent url(../images/navHome.png) 0 0 no-repeat; width:66px; }
				li#navGallery a { background:transparent url(../images/navGallery.png) 0 0 no-repeat; width:73px; }
				li#navAbout a { background:transparent url(../images/navAbout.png) 0 0 no-repeat; width:148px; }
				li#navArt a { background:transparent url(../images/navArt.png) 0 0 no-repeat; width:78px; }
				li#navContact a { background:transparent url(../images/navContact.png) 0 0 no-repeat; width:80px; }

#contentWrap { background:transparent; clear:both; position:relative; width:100%; }
#contentIn { margin:0 auto; overflow:hidden; position:relative; width:960px; }
	#tagline { background:transparent url(../images/artOfPhotography.png) left top no-repeat; display:inline; float:left; margin:23px 0 21px 10px; position:relative; text-indent:-9999px; width:243px; height:26px; }
	#primaryContent { clear:both; display:inline; float:left; margin:0 0 0 10px; width:940px; }
		#primaryIn { background:#310d00 url(../images/sideBrownDk.gif) left top no-repeat; display:inline; float:right; position:relative; width:310px; height:400px; }
			#primaryIn h1 { display:block; margin:28px 0 20px 20px; text-indent:-9999px; height:24px; }
				h1#theStudio { background:transparent url(../images/theStudioH1.gif) left top no-repeat; }
				h1#seniors { background:transparent url(../images/seniorsH1.gif) left top no-repeat; }
				h1#children { background:transparent url(../images/childrenH1.gif) left top no-repeat; }
				h1#weddings { background:transparent url(../images/weddingsH1.gif) left top no-repeat; }
				h1#babies { background:transparent url(../images/babiesH1.gif) left top no-repeat; }
				h1#families { background:transparent url(../images/familiesH1.gif) left top no-repeat; }
				h1#fineArt { background:transparent url(../images/fineArtH1.gif) left top no-repeat; }
				h1#contactUs { background:transparent url(../images/contactUsH1.gif) left top no-repeat; }
			#primaryIn p { color:#c8b692; font-size:12px; line-height:1.5em; margin:0 0 1em; padding:0 20px; }
			span.swirlBtmRt { background:transparent url(../images/swirlBtmRt.gif) left top no-repeat; display:block; position:absolute; bottom:20px; right:18px; width:28px; height:13px; }
			#galleryNav { width:310px; height:400px; }
				#galleryNav li { display:inline; }
				#galleryNav li a { display:block; font-size:1em; height:80px; text-decoration:none; text-indent:-9999px; width:310px; }
				#galleryNav li a:hover { background-position:0 0; cursor:pointer; }
					li#galleryNavSr a { background:transparent url(../images/galleryNavSr.jpg) 0 -80px no-repeat; }
					li#galleryNavChild a { background:transparent url(../images/galleryNavChild.jpg) 0 -80px no-repeat; }
					li#galleryNavWed a { background:transparent url(../images/galleryNavWed.jpg) 0 -80px no-repeat; }
					li#galleryNavBaby a { background:transparent url(../images/galleryNavBaby.jpg) 0 -80px no-repeat; }
					li#galleryNavFam a { background:transparent url(../images/galleryNavFam.jpg) 0 -80px no-repeat; }
		#secondaryIn { background:transparent; display:inline; float:left; padding:0 0 85px; width:630px; }
			#secondaryIn h1 { display:block; margin:28px 0 19px 30px; text-indent:-9999px; height:25px; }
				h1#aboutArtists { background:transparent url(../images/aboutArtistsH1.png) left top no-repeat; }
				h1#tipsGuys { background:transparent url(../images/tipsGuysH1.png) left top no-repeat; }
				h1#tipsGirls { background:transparent url(../images/tipsGirlsH1.png) left top no-repeat; }
			#secondaryIn h2 { display:block; margin:28px 0 19px 30px; text-indent:-9999px; height:25px; }
				h2#halfPrice { background:transparent url(../images/halfPriceH2.png) left top no-repeat; }
			#secondaryIn h3 { font-weight:bold; font-size:1.4em; padding:0 30px; text-transform:lowercase; }
			#secondaryIn .short { background:transparent url(../images/lightBgSm.jpg) left top no-repeat; overflow:hidden; width:630px; height:400px; }
				#secondaryIn .short p { font-size:1.2em; line-height:1.5em; margin:0 0 1em; padding:0 30px; }
			#secondaryIn .long { background:transparent url(../images/lightBgLg.jpg) left top no-repeat; overflow:hidden; width:630px; height:auto; }
			#swatchBtm { background:#fff; width:630px; height:85px; margin:0 0 -85px; }
		
.push { height:86px; }

#footWrap { background:transparent url(../images/footerBg.jpg) center top repeat-x; width:100%; height:86px; }
#footSwatch { background:transparent url(../images/footerSwatch.jpg) center top no-repeat; width:100%; height:86px; }
	#footer { margin:0 auto; width:960px; }
		#footer ul { display:inline; float:left; margin:35px 0 0 10px; }
		#footer li { color:#efe0b7; display:block; float:left; font-size:12px; }
			#footer li span { margin:0 15px; }