/* Basic styles */
body {
	background: black url(bg-dark.jpg) top left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	margin-top: 0px;	
	color: white; 
	font-size: 13px;

}
p {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
	line-height: 18px;
}
img {
	margin: 0;
	padding: 0;
}

/* sIFR header styles */
h1.pageTitleWhite, h1.pageTitleBlack {
	padding:  0;
	margin:  0;
	padding-top:  30px;;
	font-size: 1.6em;
	text-decoration: none;
	color: white;
	padding-bottom: 10px;
}
h1.pageTitleBlack {
	color: black;
}


/* Links */
a:link, 
a:visited,
a:hover, 
a:active { 
   background: transparent; 
   text-decoration: underline;
   padding: 1px; 
	color: white;
 }
a:visited {
}
a:hover {
   text-decoration: underline;
}
a:active {
   text-decoration: underline;
	color: #b2d38d;
}

a:link.inverted, 
a:visited.inverted,
a:hover.inverted, 
a:active.inverted { 
   background: transparent; 
   text-decoration: underline;
   padding: 1px; 
	color: black;
 }
a:visited.inverted {
}
a:hover.inverted {
   text-decoration: underline;
}
a:active.inverted {
   text-decoration: underline;
	color: #b2d38d;
}

/* Special items */
.overlogo, .overlogo-empty {
	background: transparent;
	position: relative;
	width: 189px;
	height: 81px;
	z-index: 20;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	left: 396px;
	top: 17px;
}
.overlogo {
	background: transparent url(logo-white-tm-trans.png) no-repeat top left;
}

.jump {
	background: transparent url(jump.png) top left no-repeat;
	width: 300px;
	height: 500px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 385px;
	padding-top: 244px;
	border:  1px solid red;
}
.jumplinks {
	width: 144px;
}

.jumplinks img {
	display: block; /* this is done to keep ie6 from adding padding to imgs */
}

.legal {
	background: transparent url(legal-trans.png) no-repeat top left;
	position: relative;
	width: 14px;
	height: 256px;
	border: 0px;
	z-index: 20;
	margin-left: auto;
	margin-right: auto;
	left: 458px;
	top: 210px;
}
#seealso {
/*	background: transparent url(logo-white.png) no-repeat top left;
*/	position: relative;
	width: 205px;
	height: 20px;
	z-index: 20;
	margin-left: auto;
	margin-right: auto;
	top: 282px;
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: -309px;
	width: 900px;
	height: 586px; /* 525 for the content, 25 for hte menu, 36 for the shadow*/
	/*position:  relative;*/
  }
.contentArea {
	height: 525px;
	width:  900px;
	background-color: black;
}

/* Home page defintions */
.contentAreaHome {
	background: black url(../home/01.jpg) no-repeat top left;
	height: 525px;
}

/* Investment page defintions */
.contentAreaInvestment {
	background: transparent url(bg-investment.jpg) no-repeat top left;
	height: 525px;
	width: 900px;
}
.investmentArea {
	float: left;
	margin-left:  60px;
	width:  410px;
}
.investmentInset {
	width:  340px;
	float: right;
	text-align: right;
	/*font-style: italic;*/
	margin-top: 160px;
	margin-top: 160px;
	margin-right: 20px;
	font: oblique 120%/200% Georgia, "Times New Roman", Times, serif;
}
h1.pageTitle p {
	padding-top:  10px;;
}
/* About Mike page defintions */
.contentAreaAbout {
	background: transparent url(bg-about.jpg) no-repeat top left;
	height: 525px;
	padding-left: 60px;
	padding-right: 390px;
}
.areaAbout {
	color: black;
	font-size: 12px;
}
.punchRight {
	float: right;
	font-size: 120%;
	width: 200px;
	position: relative;
	left: 90px;
	top: -7px;
	margin-left: -80px;
	font-family: Georgia;
	font-style: italic;
	line-height: 32px;
	border-left: 3px solid #b09b86;
	padding-left: 4px;
}
.italics {
	font-family: Georgia;
	font-style: italic;
	
}

/* Connect page defintions */
.contentAreaConnect {
	background: transparent url(bg-connect.jpg) no-repeat top left;
	height: 525px;
}
.headerConnect {
    width: 510px;
	margin-left: 20px;
	padding-left:  40px;
}
.contactConnect {
	float: right;
	position: relative;
	margin-top: 438px;
	margin-right: 20px;
	text-align: right;
/*	font-size: 14px;*/
}
.contactConnectThanks {
	float: right;
	position: relative;
	margin-top: 330px;
	margin-right: 20px;
	text-align: right;
/*	font-size: 14px;*/
}
#formWrapper {
	padding-top: 0px;
    width: 550px;
	margin-left: 20px;
	float:  left;
	height: 390px;
/*	font-size: 13px;*/
}
.formOffsetArea {
	margin: 0px 0 0 150px;
	width:  275px;
	height: 50px;
	text-align: right;
	padding-top:  20px;
}
.formOffsetArea2 {
	margin: 0 0 0 150px;
	width:  275px;
	text-align: left;
}
.formCBLabel {
	padding-top:  3px;;
}

/* Portfolio page defintions */
.contentAreaPortfolio {
	background: transparent url(bg-gallery3.jpg) no-repeat top left;
	height: 525px;
	padding-left: 60px;
}
#weddingGalleryArea, #engagementGalleryArea {
	width: 360px;
	height:  434px;
	float:  left;
	padding:  2px;;
	padding-top:  10px;
	/*border: 1px solid red;*/
}
#engagementGalleryArea {
	/*width: 330px;*/
}
.iconColumn {
	float:  left;
	width:  92px;
	/*padding:  2px;;*/
	/*border: 1px solid yellow;*/
}
.titleColumn{
	width:  230px;
	float:  left;
	padding-left:  6px;
	/*padding:  2px;;*/
	/*border: 1px solid orange;*/
}
.iconArea {
	height:  60px;
	/*padding:  2px;;*/
	/*border: 1px solid purple;*/
}
.titleArea {
	height:  60px;
	width: 240px;
	/*padding:  2px;;
	border: 1px solid green;*/
}
.firstGallery {
	margin-bottom:  20px;
}
a img.portfolioIcon {
	text-align: left;
	border:  1px solid black;
}
a:hover img.portfolioIcon {
	border:  1px solid #b2d38d;
}
.galleryTitle a:link, 
.galleryTitle a:visited,
.galleryTitle a:hover, 
.galleryTitle a:active { 
	background: transparent; 
	text-decoration: none;
	padding:  0;
	margin:  0 0 0 5px;
	text-decoration: none;
	color: #ddd;
	font-size: 14px;
	padding-left:  5px;
	float: left;
 }
.galleryTitle a:visited {
}
.galleryTitle a:hover {
	color: white;
}
.galleryTitle a:active {
	color: #b2d38d;
}
.weddingLocation {
	color: #ccc;
	margin-left: 40px;
	font-size: 10px;
	float: left;
}

/* Thanks page defintions */
.contentAreaThanks {
	background: transparent url(bg-connect.jpg) no-repeat top left;
	height: 495px;
	padding-left: 60px;
	padding-top: 30px;
	padding-right:  500px;
/*	padding-left: 60px;
	padding-top: 30px;*/
}

.menuArea {
	height: 25px;
	background-color: black;
	color: black;
	padding-left:  10px;
	padding-right:  10px;
}
.menuArea a {
	margin:  0;
	padding:  0;
	color: black;
}
.shadowArea {
	height: 36px;
	background:transparent url(shadow40-trans.png) no-repeat top left;
	top: 10px;
}

/*General Classes and IDs*/

.go-right {
	float: right;
	text-align: right;
}
.go-left {
	float: left;
	text-align: left;
}
div.spacer {
  clear: both;
  }

/* Gallery Placement */

/* Form */
.contentAreaError {
	background: transparent url(bg-connect.jpg) no-repeat top left;
	height: 495px;
	padding-left: 100px;
	padding-top: 30px;
	width: 900px;
/*	padding-left: 60px;
	padding-top: 30px;*/
}
.contentAreaError p {
	width:  300px;
}
img#oopsIcon {
	position:  absolute;
	left:  80px;
	top:  88px;
	
}