* {
margin:0;}


html, body{text-align:center; height:100%; padding:0; margin:0 auto; background-color:#0f0f0f;}

#outershell {
	position:relative; 
	width:900px; 
	height:100%; 
	height:auto !important; 
	min-height:100%; 
	background:#000000;
	margin:0 auto; 
	text-align:left; 
	overflow:auto;
}

h2 {
font-family:Georgia, Arial, Verdana, sans-serif;
font-size:28pt;
color:#f5f5f5;
font-weight:normal;
margin:0 0;
}

h3 {
font-family:Georgia, Arial, Verdana, sans-serif;
font-size:36pt;
color:#c5c5c5;
font-weight:normal;
padding-top:16px;
padding-left:28px;
}

#jmplogocorner {
	float:left; 
	margin-left:5px; 
	margin-top:5px;
}

#navsection {
float:left;
width:900px;
margin-top:10px;
}

#topright {
float:right;
}

#currentpage {
text-align:right;
font-family:Georgia, Arial, Verdana, sans-serif;
font-size:20pt;
color:#fff;
margin-right:20px;
margin-top:10px;
}

#mainnavigation {
width:654px;
height:47px;
background: url('navbg.png') no-repeat;
margin-top:12px;
}

#fpcontent {
float:left;
width:900px;
margin-top:45px;
}

#content {
float:left;
width:900px;
margin-top:25px;
}

#leftframe {
float:left;
font-family:Century Gothic, Georgia, Arial, Verdana, sans-serif;
font-size:11pt;
line-height:22pt;
color:#fff;
}

#pagesleftframe {
float:left; 
margin-left:40px; 
width:330px; 
font-family:Century Gothic, Georgia, sans-serif; 
font-size:10pt; 
color:#fff; 
line-height:15pt;

}

#rightframe {
float:right;
margin-right:20px;
border:1px solid black;
}

#pagesrightframe {
float:right;
width:465px;
margin-right:20px;

}

/****************************** FRONT PAGE SPECIFIC *****************************/
#fpfooter {
margin-left:20px;
font-family:arial, helvetica, verdana, sans serif;
font-size:8pt; 
color:#dfdddd;
line-height:10pt;
}

#footer {
float:left;
font-family:arial, helvetica, verdana, sans serif;
font-size:8pt; 
color:#dfdddd;
line-height:10pt;
border:1px solid black;
}

a.footer:link {
	font-family:Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size:8pt;
	color:#8e0000;
	text-decoration:none;
}

a.footer:visited {
	font-family:Century Gothic, Arial, Helvetica, Verdana, sans-serif;
	font-size:8pt;
	color:#8e0000;
	text-decoration:none;
}

a.footer:hover {
	color:#dfdddd;
}

a.bodylink:link {
	font-family:Century Gothic, Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size:11pt;
	color:#b00101;
	text-decoration:none;
}

a.bodylink:visited {
	font-family:Century Gothic, Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size:11pt;
	color:#b00101;
	text-decoration:none;
}

a.bodylink:hover {
	color:#dfdddd;
}

a.pricelink:link {
	font-family:Century Gothic, Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#b00101;
	text-decoration:none;
}

a.pricelink:visited {
	font-family:Century Gothic, Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size:10pt;
	color:#b00101;
	text-decoration:none;
}

a.pricelink:hover {
	color:#cc0204;
}

/******************************* MAIN NAVIGATION HOVERS *************************/
/** TOP NAV **/

		ul#topnav li {
			display:block;
			float:left;
			}
			ul#topnav li a {
				display:block;
				outline:none;
				width:72px;height:24px;
				background:transparent url('mainnav2.png') no-repeat 0 0;
				text-indent:-9009px;
				margin-right:30px;
				}
			
				ul#topnav li a:hover {background-position:0 -24px}
			
			ul#topnav li#families a {
				width:63px;
				background-position:-72px 0;
				}
				ul#topnav li#families a:hover {
					background-position:-72px -24px
					}
			ul#topnav li#portraits a { 
				width:69px;
				background-position:-135px 0;
				}
				ul#topnav li#portraits a:hover {
					background-position:-135px -24px
					}
			ul#topnav li#events a { 
				width:52px;
				background-position:-204px 0;
				}
				ul#topnav li#events a:hover {
					background-position:-204px -24px
					}
			ul#topnav li#aboutus a { 
				width:68px;
				background-position:-256px 0;
				}
				ul#topnav li#aboutus a:hover {
					background-position:-256px -24px
					}
			ul#topnav li#contactus a { 
				width:77px;
				background-position:-324px 0;
				}
				ul#topnav li#contactus a:hover {
					background-position:-324px -24px
					}

/************************** WEDDINGS SUBNAV ****************************/
#subnavlist li {
display: inline;
list-style-type: none;
padding-right: 30px;
}

a.wedsubnav:link {
font-family:Century Gothic, Verdana, Arial, sans-serif;
font-size:8pt;
text-transform:uppercase;
color:#fff;
text-decoration:none;
}

a.wedsubnav:visited {
font-family:Century Gothic, Verdana, Arial, sans-serif;
font-size:8pt;
text-transform:uppercase;
color:#fff;
text-decoration:none;
}

a.wedsubnav:hover {
color:#b00101;
}

/************************ THUMBNAIL ZONE ******************************/
#gardenpatch {
float:left;
width:325px; 
height:400px;  
margin-top:20px;
background:url('smallframe.png') no-repeat;
}

#innergardenpatch {
float:left; 
width:300px; 
height:375px; 
margin-left:15px; 
margin-top:15px; 
overflow-y:scroll;
font-family:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
font-size:9pt;
color:#fff;
}

#gardenpatchul {
list-style-type:none;
padding:0;
}

.thumbright {
margin-left:10px;
}

a.thumbnail:link, visited {
border:none;
text-decoration:none;
color:#000;
}

a.thumbnail:hover {
border:none;
text-decoration:none;
color:#000;
}

/**************************** CONTACT PAGE ************************************/
#contactform {
background:transparent url(formframe.png) no-repeat left top;
width:440px;
height:692px;
font-family:Century Gothic, Verdana, Arial, sans-serif; 
font-size:10pt; 
color:#fff; 
text-transform:uppercase;
}

.inputland {
font-family:Century Gothic, Arial, Verdana, sans-serif;
font-size:15pt;
color:#333;
width:400px;
height:32px;
background:transparent url(inputlandbg.jpg) no-repeat left top;
border:none;
padding-left:5px;
margin-top:6px;
padding-top:6px;
}

select {
font-family:Century Gothic, Arial, Verdana, sans-serif;
font-size:12pt;
color:#333;
width:400px;
height:32px;
background:#fff url(inputlandbg.jpg) left top;
border:none;
padding-left:5px;
margin-top:6px;
padding-top:4px;
}

.questionbox {
font-family:Century Gothic, Arial, Verdana, sans-serif;
font-size:15pt;
line-height:24pt;
color:#333;
width:400px;
height:180px;
background:transparent url(questionboxbg.jpg) left top;
border:none;
padding-left:5px;
margin-top:6px;
}

.contactconf {
font-family:Century Gothic, Arial, Verdana, sans-serif;
font-size:22pt;
color:#f5f5f5;
font-weight:normal;
margin:0 0;
text-transform:none;
}



/******************************* ABOUT PAGE ********************************/
/** ABOUT PHOTOGRAPHER LINK **/
		ul#photog li {
			display:block;
			float:left;
			}
			ul#photog li a {
				display:block;
				outline:none;
				width:212px;height:24px;
				background:transparent url('aboutus/photog.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#photog li a:hover {background-position:0 -24px;}

/** ABOUT US LINK **/
		ul#abtus li {
			display:block;
			float:left;
			}
			ul#abtus li a {
				display:block;
				outline:none;
				width:212px;height:24px;
				background:transparent url('aboutus/abtus.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#abtus li a:hover {background-position:0 -24px;}

/** WHERE WE SHOOT LINK **/
		ul#shoot li {
			display:block;
			float:left;
			}
			ul#shoot li a {
				display:block;
				outline:none;
				width:212px;height:24px;
				background:transparent url('aboutus/shoot.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#shoot li a:hover {background-position:0 -24px;}

#aboutbox {
float:left;
width:325px; 
height:160px;  
margin-top:0px;
background:url('aboutus/abtbox.png') no-repeat;
}

#inneraboutbox {
float:left; 
width:300px; 
height:140px; 
margin-left:15px; 
margin-top:15px; 
}


/***************************************** PRICING PAGE ********************************************/
/** FAMILIES LINK **/
		ul#famp li {
			display:block;
			float:left;
			}
			ul#famp li a {
				display:block;
				outline:none;
				width:213px;height:21px;
				background:transparent url('pricing/famp_full.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#famp li a:hover {background-position:0 -21px;}

/** SENIORS LINK **/
		ul#seniorp li {
			display:block;
			float:left;
			}
			ul#seniorp li a {
				display:block;
				outline:none;
				width:213px;height:21px;
				background:transparent url('pricing/seniorp_full.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#seniorp li a:hover {background-position:0 -21px;}

/** FASHION PORTRAITURE LINK **/
		ul#fashionp li {
			display:block;
			float:left;
			}
			ul#fashionp li a {
				display:block;
				outline:none;
				width:213px;height:21px;
				background:transparent url('pricing/fashionp_full.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#fashionp li a:hover {background-position:0 -21px;}

/** WEDDINGS LINK **/
		ul#weddingsp li {
			display:block;
			float:left;
			}
			ul#weddingsp li a {
				display:block;
				outline:none;
				width:213px;height:21px;
				background:transparent url('pricing/weddingsp_full.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#weddingsp li a:hover {background-position:0 -21px;}

/** EVENTS LINK **/
		ul#eventsp li {
			display:block;
			float:left;
			}
			ul#eventsp li a {
				display:block;
				outline:none;
				width:213px;height:21px;
				background:transparent url('pricing/eventsp_full.png') no-repeat 0 0;
				text-indent:-9009px;
				}
			
				ul#eventsp li a:hover {background-position:0 -21px;}


#pricebox {
float:left;
width:330px; 
height:205px;  
margin-top:0px;
background:url('pricing/pricingbox.png') no-repeat;
}

#priceinnerbox {
float:left; 
width:325px; 
height:185px; 
margin-left:15px; 
margin-top:15px; 
}