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

a {
	font-family:calibri, Arial;
	font-decoration: underline;
	color: #9FF
}

a:hover {
    background-color: #333;
}

.nav {
	font-family: calibri, Arial;
	font-size: 1em;
	font-variant:small-caps;
}

.content {
	font-family:calibri, Arial;
	font-size: 1.2em;
	color: #FFF;
}

.footer1 {
	font-family: calibri, Arial;
	color: white;
	font-size: 0.6em;
}

.footer2 {
	font-family: calibri, Arial;
	color: white;
	font-size: 0.8em;
	font-variant:small-caps;
}

.footer3 {
	font-family: calibri, Arial;
	color: white;
	font-size: 0.8em;
}

#content {
	position: absolute; 
	top: 30px; 
	left: 160px; 
	width: 1017px;
	height: 595px;
  	z-index: 1;
}

#content-container {
	position: absolute; 
	top: 160px; 
	left: 210px; 
	width: 860px;
	height: 330px;
	border-style: solid;
    border-width: thin;
	border-color: #CCC;
  	z-index: 5;
}

#content-text {
	position: absolute; 
	top: 160px; 
	left: 210px; 
	width: 840px;
	height: 320px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
  	z-index: 5;
}

#scroll-container {
	position: absolute;
	top: 160px;
	left: 212px;
	width: 490px;
	height: 330px;
	padding-left: 2px;
	overflow: hidden;
	z-index: 5;
}

#scroll-content {
	position: relative; 
	top: 0;
	height: auto;
	width: 450px;
	z-index: 5;
}

#scroll-container_gallery {
	position: absolute;
	top: 159px;
	left: 214px;
	width: 850px;
	height: 330px;
	padding-left: 2px;
	overflow: hidden;
	z-index: 5;
}

#scroll-content_gallery {
	position: relative;
	top: 1px;
	left: -4px;
	height: auto;
	width: 813px;
	z-index: 5;
}

#logo {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 3;
}

#nav {
	position: absolute; 
	top: 0px; 
	left: 900px; 
	z-index: 3;
}

#photo-services {
	position: absolute; 
	top: 160px; 
	left: 710px; 
	width: 360px;
	height: 330px;
	border-style: solid;
    border-width: thin;
	border-color: #CCC;
  	z-index: 5;
}

#footer {
	position: absolute;
	top: 493px;
	left: 15px;
	width: 1252px;
	height: 131px;
	z-index: 2;
}

#scroll-controls {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 330px;
	width: 32px;
	z-index: 7;
}
#scroll-controls a.up-arrow {
	display: block;
	height: 45px;
	width: 32px;
	background: transparent url('i/up.png') no-repeat scroll left top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 7;
}

#scroll-controls a.up-arrow:hover {
	background: transparent url('i/up-hover.png') no-repeat scroll left top;
	z-index: 7;
}

#scroll-controls a.down-arrow {
	display: block;
	height: 45px;
	width: 32px;
	background: transparent url('i/down.png') no-repeat scroll left top;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 7;
}

#scroll-controls a.down-arrow:hover {
	background: transparent url('i/down-hover.png') no-repeat scroll left top;
	z-index: 7;
}

#gallery_img1 {
	postion: relative;
	top: 0;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	border-style: solid;
	border-color: #CCC;
	border-width: thin;
	z-index: 8;
}

#gallery_img2 {
	postion: relative;
	top: 0;
	left: 430px;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	border-style: solid;
	border-color: #CCC;
	border-width: thin;
	z-index: 8;
}

#gallery_img3 {
	postion: relative;
	top: 0;
	left: 430px;
	height: auto;
	width: auto;
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	border-style: none;
	border-color: #CCC;
	border-width: thin;
	z-index: 8;
}