/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    sheri bodnaruk
email:     info@picainteractive.com
website:   http://www.picainteractive.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* =Containers
-----------------------------------------------------------------------------*/

body {
	background-color:#000;
}

#wrapper {
	background:url(../images/topBackground.gif) top left repeat-x;
	float:left;
	width:100%;
}

#innerWrapper {
	margin:0 auto;
	width:800px;
}

#header {
	text-align:center;
	padding-top:25px;
	width:800px;
	height:160px;
}

#container, #containerHome {
	width:800px;
	float:left;
}

#containerHome {
	background:#000 url(../images/homeImage1.jpg) top center no-repeat;
}

#containerGallery {
	width:800px;
	float:left;
}

#content {
	width:800px;
	float:left;
	background:url(../images/containerBG.gif) top left repeat-y;
}

#sideContainer {
	width:300px;
	float:left;
	background-color:#0F0F0F;
	margin-bottom:40px;
}

#contentContainer {
	width:450px;
	float:right;
	color:#7B7B7F;
	text-align:left;
	padding:10px 0;
}

#containerGallery #contentContainer {
	padding-top:0;
}

.homeFooter {
	min-height: 300px;
	max-height: 1000px;
}


#footer {
	text-align:center;
	font-size:80%;
	background: url(../images/bottomBackground.gif) top left repeat-x;
	width:100%;
	padding-top: 50px;
	padding-bottom:50px;
	float:left;
}



/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 82.5%/1.6 "Century Gothic", Arial, Helvetica, sans-serif;
  color:#424243;
}

h1 {
	font-size:130%;
	font-weight:normal;
	letter-spacing:.05em;
	background-color:#0F0F0F;
	padding:0 0 0 10px;
}

h2 {
	font-size:110%;
	font-weight:normal;
	letter-spacing:.05em;
	background-color:#0F0F0F;
	padding:0 0 0 10px;
}

h3 {
	font-size:100%;
	color:#D2C8A1;
	font-weight:normal;
	padding:0 0 0 10px;
}

#containerGallery #contentContainer h1 {
	margin-top:0;
}

strong {
	letter-spacing: .05em;
}

ul.noBullets {
	list-style:none;
}


/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
a {
	color:#264157;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#contentContainer a {
	color:#999;
}



/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav {
	width:800px;
	padding-left:10px;
}
#mainNav ul {
	list-style:none;
	text-align:center;
	float:left;
	margin-bottom:0;
	margin-top:13px;
	#margin-top:15px;
}

#mainNav ul li {
	float:left;
	background:url(../images/navSquare.gif) left center no-repeat;
	padding: 0px 10px;
}

#mainNav a {
	color:#D2C8A1;
	width:90px;
  	display:block;
	height:35px;
	line-height:34px;
	padding: 0 5px;
	margin-left:7px;
	text-align:center;
}

#mainNav a:hover, #mainNav a.selected {
	background:url(../images/rollover.gif) top center repeat;
	text-decoration:none;
}




/* =Sub Nav
-----------------------------------------------------------------------------*/
ul.subMenu {
	list-style:none;
	float:left;
	background-color:#101010;
	height:29px;
	line-height:29px;
	width:800px;
}

ul.submenu li {
	float:left;
	background:url(../images/gallerymenuDivider.gif) top right no-repeat;
}

ul.portraits li {
	float:left;
	padding: 0 26px 0 22px !important;
	padding: 0 24px 0 20px;
	background:url(../images/gallerymenuDivider.gif) top right no-repeat;
}

ul.weddings li, ul.fineArt li {
	float:left;
	padding: 0 46px 0 42px !important;
	padding: 0 44px 0 40px;
	background:url(../images/gallerymenuDivider.gif) top right no-repeat;
}

ul.subMenu li a {
	text-decoration:none;
	color:#D2C8A1;
	display:block;
	padding:0 22px;
	text-align:center;
}

ul.subMenu li a:hover, ul.subMenu li a.selected {
	text-decoration:none;
	color:#D2C8A1;
	background:url(../images/subMenubackground.gif) top center repeat;
}


/* =Main Content
-----------------------------------------------------------------------------*/

p.contact {
	height:20px;
	line-height:20px;
	margin-bottom:10px;
	#margin-bottom: 6px;
}

#contentContainer p {
	padding-left:10px;
}

span.Hsquare {
	background:url(../images/hollowSquare.gif) left center no-repeat;
	padding-left:15px;
}

#header a.RHsquare {
	background:url(../images/hollowSquare.gif) right center no-repeat;
	padding-right:15px;
}

.blue {
	color:#264157;
}

#sideContainer img {
		padding:40px 0 0px 0;
}

#contentContainer ul {
	margin-left:35px;
}


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

span.square {
	background:url(../images/blueSquare.gif) left center no-repeat;
	padding-left:15px;
}

.Rsquare {
	background:url(../images/blueSquare.gif) right center no-repeat;
	padding-right:15px;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =frames
-----------------------------------------------------------------------------*/
iframe {
	border:0;
	background-color:#000;
	margin:0 0 50px 50px;
}


/* =Misc 2
-----------------------------------------------------------------------------*/