@charset "UTF-8";
/* CSS Document */

/* undohtml
------------------------------------------------------*/
:link,:visited { 
	text-decoration:none 
	}
ul,ol { 
	list-style:none 
	}
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; 
	}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
	{ margin:0; padding:0 }
a img,:link img,:visited img { 
	border:none 
	}
address { 
	font-style:normal 
	}

/* Standard tags
------------------------------------------------------*/
body {
	text-align: center;
	font-family: "Book Antiqua";
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/site_background.jpg) top center repeat;
	}
.clear { clear: both; }

/* Site Wrapper 
------------------------------------------------------*/	
#container {
	position: relative;
	width: 900px;
	text-align: left;
	margin: 0px auto 0px auto;
    padding: 0px;
    border: 0px none;
	}
/* logo branding
------------------------------------------------------*/
div#branding {
	position: relative;
	z-index: 3;
	width: 300px;
	height: 85px;
	}
div#branding h2 {
	z-index: 3;
	position: absolute;
	background-image: url(../images/kristens_name.png);
	width: 191px;
	height: 36px;
	top: 15px; left: 10px;
	text-indent: -9999px;
	}
div#branding h1 {
	z-index: 3;
	position: absolute;
	top: 45px; left: 140px;
	width: 307px; height: 69px;
	background-image: url(../images/logo.png);
	}
div#branding h1 a {
	display: block;
	width:307px; height:69px;
	text-indent: -9999px;
	}
/* Main Content 
------------------------------------------------------*/
div#contentBox {
	z-index: 2;
	position: relative;
	border: 0px none;
	width: 585px;
	height: 400px;
	top: 0px; left: 160px;
	background-image: url(../images/bg_centerdiv.png);
	overflow: hidden;
	padding: 35px 20px 25px 20px;
	}
#content {
	z-index: 2;
	position: relative;
	border: 0px none;
	width: 580px;
	height: 375px;
	overflow: auto;
	}
div#content h3 {
	margin: 5px 0px 0px 25px;
	font-size: large;
	font-style:oblique;
	}
div#content p {
	text-indent: 2em;
	margin: 0px 0px 0px 10px;
	color: #F7F7F7;
	font-style: oblique;
	font-size: medium;
	}	
div#content q {
	position: relative;
	float: left; 
	display: block;
	width: 319px; height: 85px;
	margin-left: 25px; 
	background-image: url(../images/quote.png);
	text-indent: -9999px;
	}
div#content a {
	color: #005fb8;
}
.video {
	background-image: url(../images/movie_bg.png);
	position: relative;
	width: 300px; height: 225px;
	padding:15px 16px;
	margin: 10px auto 0px auto;
	}

/* Packages 
----------------------------*/	
#weddingPackages {
	border: 2px solid #2D445C;
	background: #416184;
	padding: 0px 5px;
	margin-top: 5px;
	}
#specialPackages {
	border: 2px solid #2D445C;
	background: #418484;
	margin: 5px 0px;	
	padding: 2%;
	}
#addOns {
	background: #567;
	margin: 5px 0px;
	border: 2px solid #2d445c;
	padding: 5px;
	}
#featured {
	border: 2px dashed #BEDDFF;
	padding: 5px;
}
#thePackages h3 {
	color: #fff;
	font-size: small;
}
#thePackages dt {
	color: #BEDDFF;
	margin-top: 5px;
}
#thePackages dt strong {
	font-size: 18px;
	font-weight: bold;
	font-style:oblique;
	color: #fff;
	}
#thePackages dd {
	color: #DFFFF5;
	list-style: circle;
}

/* Portfolio
----------------------------------*/
.portfolio {
	position: relative;
	width:565px; height: 355px;
	margin: 0px auto -2px auto;
	overflow: hidden;
	}
#weddingVideos, #stillsToLife, #otherVideos { margin-top: 10px;}

.audioPlayer {
	position: absolute;
	left: 500px;
	width:40px;
	border: 2px solid #5C6984;
	}

#stlDescription {
	display: block;
	position: absolute;
	top: 50px; left: 50px;
	width: 400px;
	z-index: 10;
	border: 2px dashed #3D3DB8;
	padding: 5px;
	background: #6699CC;
	}
#stlDescription strong {
	font-size: 18px;
	font-weight: bold;
	font-style:oblique;
	color: white;
	}
#stlDescription.title {
	display:block;
	width: 100%;
	height: 1.5em;
	background-color: #005fb8;
	
}

#fssDescription strong {
	font-size: 18px;
	font-weight: bold;
	font-style:oblique;
	color: white;
	}
#fssDescription {
	display: block;
	position: absolute;
	top: 50px; left: 50px;
	width: 400px;
	z-index: 10;
	border: 2px dashed #3D3DB8;
	padding: 5px;
	background: #6699CC;
}
#fssDescription.title {
	display:block;
	width: 100%;
	height: 1.5em;
	background-color: #005fb8;
	
}

#pfpDescription strong {
	font-size: 18px;
	font-weight: bold;
	font-style:oblique;
	color: white;
	}
#pfpDescription {
	display: block;
	position: absolute;
	top: 50px; left: 50px;
	width: 400px;
	z-index: 10;
	border: 2px dashed #3D3DB8;
	padding: 5px;
	background: #6699CC;
}
#pfpDescription.title {
	display:block;
	width: 100%;
	height: 1.5em;
	background-color: #005fb8;
	
}
/* Contact Page
--------------------------------------*/
#contactInfo {
	float: right;
	margin: 170px 10px 0px 0px;
	display: block;
	width: 183px;
	height:122px;
	background-image: url(../images/contact_info.png);
	text-indent: -9999px;
	}
	
/* Main Navigation 
---------------------------------------------------------*/
div#menu {
	z-index: 1;
	position: relative;
	width: 100%; height: 190px;
	}
div#menu ul {
	z-index: 3;
	list-style-type: none;
	position: relative;
	top: 0px;
	width: 100%;
	left: 225px;
	}
div#menu li#nm_1 {
	z-index: 2;
	position: absolute;
	top: 0px; left: 0px;
	width: 85px; height: 35px;
	background: url(../images/main_menu.png) no-repeat 0 0;
	}
div#menu li#nm_2 {
	z-index: 2;
	position: absolute;
	top: 0px; left: 101px;
	width: 85px; height: 35px;
	background: url(../images/main_menu.png) no-repeat -101px 0;
	}
div#menu li#nm_3 {
	z-index: 2;
	position: absolute;
	top: 0px; left: 205px;
	width: 110px; height: 35px;
	background: url(../images/main_menu.png) no-repeat -210px 0;
	}
div#menu li#nm_4 {
	z-index: 2;
	position: absolute;
	top: 0px; left: 325px;
	width: 85px; height: 35px;
	background: url(../images/main_menu.png) no-repeat -335px 0;
	}
div#menu li a {
	display: block;
	width:85px; height:35px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
li#nm_1 a:hover { background: url(../images/main_menu.png) no-repeat 0 -40px;}
li#nm_2 a:hover { background: url(../images/main_menu.png) no-repeat -101px -40px;}
li#nm_3 a:hover { background: url(../images/main_menu.png) no-repeat -210px -40px;}
li#nm_4 a:hover { background: url(../images/main_menu.png) no-repeat -335px -40px;}	
	
/* Main navigation "active item"
------------------------------------------------------------------*/
body#home-page li#nm_1 {
	background: url(../images/main_menu.png) no-repeat 0 -40px;
	}
body#home-page #largeImg {
		position: absolute;
		z-index: 1;
		top: -60px;
		width: 765px; height: 190px;
		background: url(../images/home_lg.png) no-repeat;
		}
body#about-page li#nm_2 {
	background: url(../images/main_menu.png) no-repeat -101px -40px;
	}
body#about-page #largeImg {
		position: absolute;
		z-index: 1;
		top: -60px;
		width: 765px; height: 190px;
		background: url(../images/about_lg.png) no-repeat;
		}
body#portfolio-page li#nm_3 {
	background: url(../images/main_menu.png) no-repeat -210px -40px;
	}
body#portfolio-page #largeImg {
		position: absolute;
		z-index: 1;
		top: -60px;
		width: 765px; height: 190px;
		background: url(../images/portfolio_lg.png) no-repeat;
		}
body#contact li#nm_4 {
	background: url(../images/main_menu.png) no-repeat -335px -40px;
	}
body#contact #largeImg {
		position: absolute;
		z-index: 1;
		top: -60px;
		width: 765px; height: 190px;
		background: url(../images/contact_lg.png) no-repeat;
		}

/* Secondary Menu
---------------------------------------------------------*/
div#secondaryMenu {
	z-index: 3;
	position: relative;
	width: 100%; height: 30px;
	overflow: hidden;
	}
div#secondaryMenu ul {
	z-index: 3;
	list-style-type: none;
	position: relative;
	width: 100%;
	left: 25px;
	}
	
/* About Menu
---------------------------------------------------------*/
ul#aboutMenu li#nma_1 a {
	z-index: 3;
	position: absolute;
	top: 0px; left: 0px;
	width:60px; height: 25px;
	background: url(../images/about_menu.png) no-repeat 0px 0;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
ul#aboutMenu li#nma_2 a {
	z-index: 3;
	position: absolute;
	top: 0px; left: 101px;
	width: 85px; height: 25px;
	background: url(../images/about_menu.png) no-repeat -110px 0;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
ul#aboutMenu li#nma_3 a {
	z-index: 3;
	position: absolute;
	top: 0px; left: 220px;
	width: 115px; height: 25px;
	background: url(../images/about_menu.png) no-repeat -245px 0;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
ul#aboutMenu li#nma_4 a {
	z-index: 3;
	position: absolute;
	top: 0px; left: 370px;
	width: 117px; height: 25px;
	background: url(../images/about_menu.png) no-repeat -400px 0;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}

ul#aboutMenu li#nma_1 a:hover { background: url(../images/about_menu.png) no-repeat 0px -28px;}
ul#aboutMenu li#nma_2 a:hover { background: url(../images/about_menu.png) no-repeat -110px -28px;}
ul#aboutMenu li#nma_3 a:hover { background: url(../images/about_menu.png) no-repeat -245px -28px;}
ul#aboutMenu li#nma_4 a:hover { background: url(../images/about_menu.png) no-repeat -400px -28px;}

/* Portfolio Menu
---------------------------------------------------------*/
ul#portfolioMenu li#nmb_1 a {
	z-index: 3;
	position: absolute;
	top: 0px; left: 40px;
	width:135px; height: 25px;
	background: url(../images/portfolio_menu.png) no-repeat 0px 0;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
ul#portfolioMenu li#nmb_2 a {
	z-index: 3;
	position: absolute;
	top: 0px; left: 195px;
	width: 125px; height: 25px;
	background: url(../images/portfolio_menu.png) no-repeat -175px 0;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
ul#portfolioMenu li#nmb_3 a {
	z-index: 3;
	position: absolute;
	top: 0px; left: 330px;
	width: 115px; height: 25px;
	background: url(../images/portfolio_menu.png) no-repeat -320px 0;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}

ul#portfolioMenu li#nmb_1 a:hover { background: url(../images/portfolio_menu.png) no-repeat 0px -28px;}
ul#portfolioMenu li#nmb_2 a:hover { background: url(../images/portfolio_menu.png) no-repeat -175px -28px;}
ul#portfolioMenu li#nmb_3 a:hover { background: url(../images/portfolio_menu.png) no-repeat -320px -28px;}
		
/* Popup notes
---------------------------------------------------------*/
.note { 
	border: 0px none; 
	font: 14px caption; font-weight: bold; 
	background: none; 
	text-decoration: none;
	font-style:oblique; 
	color: #00498F;
	}
a.note { 
	text-decoration: none; 
	}
.notebody { 
	display:block; 
	border: 1px solid #666666; 
	color: #FFFFFF; 
	background: #3370BB; 
	position:absolute; 
	z-index: 10; width:300px; 
	padding: 2px; left: 100px; 
	font-size: 14px;
	}
.notetitle { 
	font-weight: bold; 
	background: #3370BB; 
	color: #000000; 
	border-bottom: 1px dashed #83A9FB; 
	padding: 1px; width: 100%; margin: 0px;  
	font-size: 13px;
	}
.notehidden { 
	display: none; 
	}
.notevisible { 
	display: block; 
	position:absolute; 
	z-index: 10; 
	left:0px;
	}		
	
/* Footer
---------------------------------------------------------*/
div#footer {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: -50px;
	}