/*
	DO NOT REMOVE
------------------------------------------------------------------------------------------ */

div, ul, ol, li {
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
}

/*
	Tags
------------------------------------------------------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	background: #2B475D url(../images/backgroundGrad.jpg) repeat-x center top;
}

h1 {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	color: #fff;
	font: bold 18px/22px Arial, Helvetica, sans-serif;
}
p {
	margin: 1em 0px 0px 0px;
	font: 14px/20px Arial, Helvetica, sans-serif;
}
a {
	color: #CCC;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
/*
	Classes
------------------------------------------------------------------------------------------ */

.boxed {
	margin: 5px;
	padding: 12px 12px;
	background: #182837 url(../images/boxed_bg.jpg) repeat-y center top;
	border: 1px #3D606D solid;
}

/*
	Layout
------------------------------------------------------------------------------------------ */

#backgroundImg {
	min-height: 608px;
	background: transparent url(../images/backgroundImg.jpg) no-repeat center top;
}
	#navWrap {
		margin: 0px auto;
		width: 1000px;
		background: transparent url(../images/topCap.png) no-repeat center bottom;
	}
		#nav {
			position: relative;
			margin: 0px auto;
			padding: 108px 0px 0px 0px;
			width: 1000px;
			min-height: 43px;
			text-align: center;
			background: transparent url(../images/navHover.png) no-repeat -900px 107px;
		}
			#logo {
				position: absolute;
				top: 0px;
				left: -28px;
				border: 0px;
				z-index: 1;
			}
			#nav li {
				position: relative;
				display: inline;
				padding: 0px 16px;
				color: #000;
				font: 16px/30px Arial, Helvetica, sans-serif;
				list-style: none outside none;
				z-index: 50;
			}
				#nav a {
					color: #000;
					font-weight: normal;
					text-decoration: none;
				}
				#nav a:hover {
					color: #000;
					font-weight: normal;
					text-decoration: none;
				}

/*
	NAV CLASSES				BACKGROUND-POSITION: HORIZONTAL VERTICAL;
------------------------------------------------------------------------------------------ */
		#nav.home {
			background-position: 100px 107px;
		}
		#nav.photography {
			background-position: 200px 107px;
		}
		#nav.commercial {
			background-position: 323px 107px;
		}
		#nav.blogNews {
			background-position: 439px 107px;
		}
		#nav.services {
			background-position: 544px 107px;
		}
		#nav.contact {
			background-position: 640px 107px;
		}
		#nav.store {
			background-position: 742px 107px;
		}

/* ------------------------------------------------------------------------------------------ */
	#wrapper {
		margin: 0px auto;
		width: 1000px;
		min-height: 300px;
		background: transparent url(../images/wrapper.png) repeat-y center top;
	}
	#footer {
		margin: 0px auto;
		width: 1000px;
		min-height: 95px;
		color: #fff;
		font: 10px/14px Arial, Helvetica, sans-serif;
		text-align: center;
		background: transparent url(../images/bottomCap.png) no-repeat center top;
	}
		#bottomNav {
			padding: 35px 0px 0px 0px;
		}
			#bottomNav li {
				display: inline;
				padding: 0px 10px;
				color: #fff;
				list-style: none outside none;
			}
				#bottomNav a {
					 color: #fff;
					 text-decoration: none;
				}
				#bottomNav a:hover {
					text-decoration: underline;
				}

/*
	Home
------------------------------------------------------------------------------------------ */

#homeTop {
	margin: 0px auto;
	padding: 4px 9px;
	width: 940px;
	min-height: 305px;
	background: transparent url(../images/homeTop.jpg) no-repeat center top;
}
#homeMid {
	clear: both;
	position: relative;
	margin: 0px auto;
	width: 958px;
	background: transparent url(../images/homeMid.jpg) repeat-y center top;
}
	#homeMid .wrap {
	padding: 10px 20px 20px 30px;
	min-height: 177px;
	background: transparent url(../images/homeMid_top.jpg) no-repeat center top;
	}
	#homeMid .btmCap {
		height: 20px;
		background: transparent url(../images/homeMid_btm.jpg) no-repeat center bottom;
	}
#homeBottom {
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 20px 15px 20px 30px;
	width: 913px;
	min-height: 176px;
	background: transparent url(../images/homeMid.jpg) repeat-y center top;
}
	#homeBottom .topCap {
		height: 20px;
		background-color: #000;
		background: transparent url(../images/homeBottom_top.jpg) no-repeat center bottom;
	}
	#homeBottom .btmCap {
		height: 20px;
		background-color: #000;
		background: transparent url(../images/homeBottom_btm.jpg) no-repeat center bottom;
	}
	#hbRight {
		float: right;
		padding-top: 20px;
		width: 500px;
		height: 115px;
	}
	#hbLeft {
		margin-right: 515px;
	}
	
	.topCap {
		top: 0px;
	}
	.btmCap {
		bottom: 0px;
	}
	.topCap,
	.btmCap {
		display: block;
		position: absolute;
		left: 0px;
		width: 958px;
	}
/*
	Interior
------------------------------------------------------------------------------------------ */

#interiorTop {
	margin: 0px auto;
	padding: 4px 9px;
	width: 940px;
	min-height: 310px;
	background: transparent url(../images/homeTop.jpg) no-repeat center top;
}
#galleryTop {
	margin: 0px auto;
	padding: 24px 9px 0px 9px;
	width: 940px;
	min-height: 482px;
	background: transparent url(../images/galleryTop.jpg) no-repeat center top;
}
	.galleryBox {
		margin: 0px auto;
		width: 900px;
		min-height: 548px;
		background-color: #101B26;
		border: 1px #3D606D solid;
	}
#contents {
	float: left;
	padding: 0px 50px 0px 50px;
}
#leftCol {
	 float: left;
	 padding: 0px 0px 0px 50px;
	 width: 525px;
	 background: transparent url(../images/leftCol.jpg) no-repeat 21px top;
}
#rightCol {
	margin: 0px 21px 0px 581px;
	padding: 20px 32px 0px 36px;
	min-height: 438px;
	background: transparent url(../images/rightCol.jpg) no-repeat right top;
}
#clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}