@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* End Reset */









html{

    background-image: url(../images/bg_image.png);
	background-repeat: no-repeat;
    background-color:#0f1215;
    margin: 0;
    padding: 0;
    height: 100%;

}

#container{
	width: 784px;
	min-height: 100%;
	margin: 0 auto;
	background-image: url(../images/bg_black.png);

}

/* Main Navigation */

#navigation{
	width: 784px;
	height: 47px;
	background: url(../images/nav_bg.png) repeat-x;
	border-top: solid 1px #484848;
	border-bottom: solid 1px #484848;
	margin:auto;
	
}

#navigation ul{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 14px;
	text-align: center;
	padding: 14px 0px 0px 0px;
}
#navigation ul li{
		display: inline;
		padding: 0 25px 0 25px;
}

#navigation a:link, a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 14px;
	text-decoration: none;
	
}
#navigation a:hover{
	color: #e38600;
}
/* End Main Navigation */

/* Logo & Quote */
#logo{
	width: 679px;
	height: 307px;
	margin: auto;
	padding-top: 93px;
}

/* Wedding */
#wedding{
	width: 784px;
	height: 666px;
	background:url(../images/wedding_bg.png) no-repeat;
	margin: 48px 0 0 0;
	border-bottom: solid 1px #b5c963;
	list-style: none;
	text-align: center;
}
#wedding ul {
	padding: 260px 0 0 34px;
	margin: 0 auto;
}


#wedding ul li{
	width: 109px;
	height: 109px;
	_height: 109px;
	display: inline-block;
	*display: inline;
	padding: 0 35px 22px 0;
}
#wedding img{
	border: solid 3px #dbe5af;
	_margin-bottom: 22px;
	*margin-bottom: 22px;
}

#wedding img a:hover{
	border: solid 3px #ffffff;
}
 
/* Portraits */
	#portraits{
	width: 784px;
	height: 542px;
	background:url(../images/port_back.png) no-repeat;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	overflow: hidden;
	}
	#portraits ul{
		padding: 175px 0 0 167px;
	}
	
	#portraits ul li{
	width: 107px;
	height: 107px;
	_height: 107px;
	display: inline-block;
	*display: inline;
	padding: 0 13px 13px 0;
}
#portraits img{
	border: solid 3px #eee2d0;
	_margin-bottom: 13px;
	*margin-bottom: 13px;
}

#portraits img a:hover{
	border: solid 3px #ffffff;
}
/* Commercial */
	#commercial{
	width: 784px;
	height: 578px;
	background:url(../images/comm_back.png) no-repeat;
	border-top: solid 1px #e7be83;
	border-bottom: solid 1px #61808a;       
	}
	#commercial ul{
		padding: 160px 100px 0 21px;
	}
	
	#commercial ul li{
	width: 107px;
	height: 107px;
	_height: 107px;
	display: inline-block;
	*display: inline;
	padding: 0 12px 27px 0;
}
#commercial img{
	border: solid 3px #bbcacf;
	_margin-bottom: 27px;
	*margin-bottom: 27px;
}
/* Sports */
	#sports{
	width: 784px;
	height: 787px;
	background:url(../images/sport_back.png) no-repeat;
	border-top: solid 1px #40545b;
	border-bottom: solid 1px #86a633;       
	}
	#sports ul{
		padding: 370px 0 0 55px;
	}
	
	#sports ul li{
	width: 107px;
	height: 107px;
	_height: 107px;
	display: inline-block;
	*display: inline;
	padding: 0 30px 30px 0;
	margin: 0 auto;
}
#sports img{
	border: solid 3px #373b2e;
	_margin-bottom: 30px;
	*margin-bottom: 30px;
}

#scrollingDiv {
	width: 38px;
	height: 200px;
	position: fixed;
	top: 125px;
	right: 0;
	z-index: 9999;
}
/* Footer */
#footer {
	width: 784px;
	background-image: url(../images/footer_back.png);
	background-repeat: repeat-x;
	margin: 0 auto;
	text-align: center;
	font-family: Helvetica;
	font-size: 8px;
	color: #e6f1a6;
	padding:70px 0 10px 0;


}