/* Basic styles */
body {
	background: #f6f6ed url(bg.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:  20px;
	font-size: 1.6em;
	text-decoration: none;
	color: white;
	padding-bottom: 10px;
}
h1.pageTitleBlack {
	color: black;
}

img#oopsIcon {
	position:  absolute;
	left:  40px;
	top:  75px;
	
}




/* 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: #333;
 }
a:visited.inverted {
}
a:hover.inverted {
   text-decoration: underline;
	color: #666;
}
a:active.inverted {
   text-decoration: underline;
	color: #b2d38d;
}

/* Structural items */
.overlogo, .overlogo-empty {
	background: transparent;
	position: relative;
	width: 210px;
	height: 100px;
	z-index: 40;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	left: 395px;
	top: 22px;
}
.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;
}
.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: 200px;
}
#seeAlso {
	position: relative;
	width: 219px;
	height: 22px;
	z-index: 20;
	margin-left: auto;
	margin-right: auto;
	margin-top:  -20px;
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: -321px;
	width: 944px;
	height: 592px;
	background: transparent url(frame.png) top left no-repeat;
	padding-left:  22px;
	padding-top:  22px;
	position:  relative;
  }
.wrapper-connect {
	margin-left: auto;
	margin-right: auto;
	margin-top: -321px;
	width: 944px;
	height: 592px;
	background: transparent url(frame.png) top left no-repeat;
	padding-left:  22px;
	padding-top:  22px;
	/*position:  relative;*/
  }
/*.mask {
	z-index: 30;
	background: transparent url(mask.png) top left no-repeat;
	position:  absolute;
	margin-left:  auto;
	margin-right:  auto;
	top: 57px;
	width:  900px;
	height:  525px;
	visibility: hidden;
}*/
.corner-ul, .corner-ll, .corner-ur , .corner-lr {
	z-index: 30;
	position:  absolute;
	width:  5px;
	height:  5px;
}
.corner-ul {
	top: 22px;
	left:  22px;
	background: transparent url(corner-ul-trans.png) top left no-repeat;
	/*border:  1px solid red;*/
}
.corner-ur {
	top: 22px;
	right:  44px;
	background: transparent url(corner-ur-trans.png) top left no-repeat;
	/*border:  1px solid green;*/
}
.corner-ll {
	bottom: 67px;
	left:  22px;
	background: transparent url(corner-ll-trans.png) top left no-repeat;
	/*border:  1px solid yellow;*/
}
.corner-lr {
	bottom: 67px;
	right:  44px;
	background: transparent url(corner-lr-trans.png) top left no-repeat;
	/*border:  1px solid blue;*/
}
.contentArea {
	height: 525px;
	width:  900px;
	background-color: grey;
	z-index: 200;
}
.menuArea {
	height: 27px;
	width:  900px;
}
.menuArea a {
	margin:  0;
	padding:  0;
}

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


/* Galleries page defintions */
.contentAreaGalleries {
	background: transparent url(bg-galleries.jpg) no-repeat top left;
	height: 525px;
	width: 900px;
	padding-left: 40px;
}
.galleriesArea {
	float: left;
	width:  600px;
	height:  450px;
	color:  #333;
}

/* Session page defintions */
.contentAreaSession {
	background: transparent url(bg-galleries.jpg) no-repeat top left;
	height: 525px;
	width: 900px;
	padding-left: 40px;
	color:  #333;
}

.sessionArea {
	float: left;
	width:  600px;
	height:  450px;
}
/*.investmentInset {
	width:  340px;
	float: right;
	text-align: right;
	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: 40px;
	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, .contentAreaThanks {
	background: transparent url(bg-connect.jpg) no-repeat top left;
	height:  525px;
}
.contentAreaThanks p, .contentAreaThanks h1{
	margin-left:  40px;
	width: 300px;
}
.headerConnect {
    width: 510px;
	margin-left: 40px;
}
/*.contactConnect {
	margin-left:  0px;
	float: left;
	position: relative;
	border:  1px solid yellow;
}*/
.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;
}
.formOffsetArea {
	margin: 0px 0 0 150px;
	width:  275px;
	height: 40px;
	text-align: right;
	padding-top:  20px;
}
.formOffsetArea2 {
	margin: 0 0 0 150px;
	width:  275px;
	text-align: left;
}
.formCBLabel {
	padding-top:  3px;;
}



/* YitL individual definitions */
.contentAreaChristian {
	background: transparent url(bg-christian.jpg) no-repeat top left;
	height: 525px;
	padding-left: 40px;
}
.contentAreaEdalia {
	background: transparent url(bg-edalia.jpg) no-repeat top left;
	height: 525px;
	padding-left: 40px;
}
.contentAreaGriffin {
	background: transparent url(bg-griffin.jpg) no-repeat top left;
	height: 525px;
	padding-left: 40px;
}
.contentAreaSamantha {
	background: transparent url(bg-samantha.jpg) no-repeat top left;
	height: 525px;
	padding-left: 40px;
}


/* YitL page defintions */
.contentAreaYitl {
	background: transparent url(bg-yitl.jpg) no-repeat top left;
	height: 525px;
	padding-left: 40px;
	width:  860px;
}

.contentAreaYitl p {
	width:  575px;
	color: white;
}
/*#weddingGalleryArea, #engagementGalleryArea {
	width: 330px;
	height:  434px;
	float:  left;
	padding:  2px;
	padding-top:  10px;
	border: 1px solid red;
}
#engagementGalleryArea {
	width: 330px;
}*/
#galleryAreaChristian {
	width: 820px;
	height:  434px;
	float:  left;
	/*padding:  2px;*/
	padding-top:  10px;
	/*border: 1px solid red;*/
}
#galleryAreaEdalia {
	width: 560px;
	height:  434px;
	float:  left;
	/*padding:  2px;*/
	padding-top:  10px;
	/*border: 1px solid red;*/
}
#galleryAreaGriffin {
	width: 560px;
	height:  434px;
	float:  left;
	/*padding:  2px;*/
	padding-top:  10px;
	/*border: 1px solid red;*/
}
.iconColumn {
	float:  left;
	width:  92px;
	/*padding:  2px;;*/
	/*border: 1px solid yellow;*/
}
.titleColumn{
	width:  166px;
	float:  left;
	padding-left:  6px;
	/*padding:  2px;;*/
	/*border: 1px solid orange;*/
}
.titleColumnNarrow{
	width:  110px;
	float:  left;
	padding-left:  6px;
	/*padding:  2px;;*/
	/*border: 1px solid orange;*/
}
.iconArea {
	height:  54px;
	/*padding:  2px;;*/
	/*border: 1px solid purple;*/
}
.titleArea {
	height:  60px;
	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, 
.galleryTitleDark a:link, 
.galleryTitleDark a:visited,
.galleryTitleDark a:hover, 
.galleryTitleDark a:active { 
	background: transparent; 
	text-decoration: none;
	padding:  0;
	margin:  0 0 0 5px;
	text-decoration: none;
	color: #ddd;
	font-size: 16px;
	padding-left:  5px;
	float: left;
 }
.galleryTitle a:visited {
}
.galleryTitle a:hover {
	color: white;
}
.galleryTitle a:active {
	color: #b2d38d;
}

.galleryTitle a:link {
	color:  #444;
	
}
.galleryTitleDark a:visited {
}
.galleryTitleDark a:hover {
	color: #111;
}
.galleryTitleDark a:active {
	color: #b2d38d;
}
.weddingLocation, .weddingLocationDark {
	color: #ccc;
	margin-left: 10px;
	font-size: 10px;
	float: left;
}
.weddingLocationDark {
	color: #444;
}

/* 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;*/
}

/*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 */