@charset "UTF-8";
/* CSS Document */
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #fff;
}


/********** HEADER & overall code here **********/

.h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, serif;
	font-size: 32px;
	font-style: bold;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	color: #606;
}

.h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #f63;
}

.h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, serif;
	font-size: 32px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	color: #969;
}

.h4 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
	color: #999;
}

.h5 {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	color: #555;
	text-decoration: none;
}

.h6 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color: #762376;
	text-decoration: none;
}


a:link { 
	color: #999;
	text-decoration: none;
	}
a:visited { 
	color: #999;
	text-decoration: none;
	}
a:hover { 
	color: #999;
	text-decoration: none;
	}
a:active { 
	color: #999;
	text-decoration: none;
	}
	
#logo {
	position:absolute;
	left:250px;
	top:175px;
	width:184px;
	height:195px;
	z-index:8;
}

.body {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: regular;
	text-align: left;
	color: #333;
}



.footercopy {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: regular;
	text-align: left;
	color: #666;
}


/********** Home Page 2 **********/

.home #homecontainer {
	background: #fff;
	padding: 0.5em;
	width: 990px;
	height: 650px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 10px;
	z-index: 1;
	background-color: #fff;
	left: 0px;
}

.homefooter #homefootercontainer {
	background: #fff;
	padding: 0.5em;
	width: 900px;
	height: 300px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 910px;
	z-index: 20;
	background-color: #fff;
	left: 0px;
}
	

#indexcopybox {
	position:absolute;
	left:470px;
	top:177px;
	width:283px;
	z-index: 11;
	height: 254px;
}



#indexphoto1 {
	position:absolute;
	left:347px;
	top:484px;
	width:339px;
	height:112px;
	z-index:18;
}


#indexfooterruler {
	position: absolute;
	width: 880px;
	height: 1px;
	left: 30px;
	rule-width:thin;
	color: #000;
	top: 880px;
	z-index: 21;
	background-color: #C0632A;
}

#indexfootercopybox {
	position: absolute;
	width: 721px;
	height: 81px;
	left: 31px;
	color: #666;
	text-align: left;
	top: 894px;
	z-index: 22;
	background-color: #fff;
}



/********** Home Page **********/

.home {
	text-align: center;
}

#hcontainer {
	padding:0.5em;
	width:900px;
	height:600px;
	background-color:#666; 
	background-image:url(images/ghost.jpg);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50px;
	z-index: 1;

}
	
	/********** Home Page Placements **********/

#logoh {
	position:absolute;
	left:150px;
	top:175px;
	width:184px;
	height:195px;
	z-index:8;
}

#verticalruleh {
	position: absolute;
	width: 1px;
	height: 195px;
	left: 345px;
	rule-width:thin;
	top: 175px;
	background-color: #ff6633;
	z-index: 4;
}

#copyh {
	position: absolute;
	left: 291px;
	top: 59px;
	width: 493px;
	z-index: 11;
	height: 402px;
}

/********** Pages Placements **********/

#logop {
	position: absolute;
	left: 94px;
	top: 59px;
	width: 184px;
	height: 195px;
	z-index: 6;
}

#verticalrulep {
	position: absolute;
	width: 1px;
	height: 475px;
	left: 279px;
	rule-width: thin;
	top: 59px;
	background-color: #ff6633;
	z-index: 7;
}

#verticalrulep2 {
	position: absolute;
	width: 1px;
	height: 475px;
	left: 788px;
	rule-width: thin;
	top: 150px;
	background-color: #ff6633;
	z-index: 7;
}

#copyp {
	position: absolute;
	text-align: right;
	left: 9px;
	top: 259px;
	width: 259px;
	height: 160px;
	z-index: 8;
}

/********** portfolio thumbs **********/

#webcopy {
	position: absolute;
	left: 291px;
	top: 29px;
	width: 179px;
	height: 25px;
	background-color: #fff;
	text-align: left;
}

#emailcopy {
	position: absolute;
	left: 781px;
	top: 29px;
	width: 174px;
	height: 25px;
	background-color: #fff;
	text-align: left;
}


#port1 {
	position: absolute;
	left: 291px;
	top: 59px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port2 {
	position: absolute;
	left: 411px;
	top: 59px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port3 {
	position: absolute;
	left: 531px;
	top: 59px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port4 {
	position: absolute;
	left: 651px;
	top: 59px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port17 {
	position: absolute;
	left: 770px;
	top: 59px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port21 {
	position: absolute;
	left: 890px;
	top: 59px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port5 {
	position: absolute;
	left: 291px;
	top: 184px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port6 {
	position: absolute;
	left: 411px;
	top: 184px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port7 {
	position: absolute;
	left: 531px;
	top: 184px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port8 {
	position: absolute;
	left: 651px;
	top: 184px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port18 {
	position: absolute;
	left: 770px;
	top: 184px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port22 {
	position: absolute;
	left: 890px;
	top: 184px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port9 {
	position: absolute;
	left: 291px;
	top: 309px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port10 {
	position: absolute;
	left: 411px;
	top: 309px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port11 {
	position: absolute;
	left: 531px;
	top: 309px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port12 {
	position: absolute;
	left: 651px;
	top: 309px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port19 {
	position: absolute;
	left: 770px;
	top: 309px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port23 {
	position: absolute;
	left: 890px;
	top: 309px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port13 {
	position: absolute;
	left: 291px;
	top: 434px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port14 {
	position: absolute;
	left: 411px;
	top: 434px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port15 {
	position: absolute;
	left: 531px;
	top: 434px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port16 {
	position: absolute;
	left: 651px;
	top: 434px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port20 {
	position: absolute;
	left: 770px;
	top: 434px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

#port24 {
	position: absolute;
	left: 890px;
	top: 434px;
	width: 100px;
	height: 100px;
	background-color: #fff;
}

/********** photography thumbs **********/

#photo1 {
	position:absolute;
	left:340px;
	top:150px;
	width:100px;
	height:100px;
	z-index: -101;
	background-color: #fff;
}

#photo2 {
	position:absolute;
	left:460px;
	top:150px;
	width:100px;
	height:100px;
	z-index: -102;
	background-color: #fff;
}

#photo3 {
	position:absolute;
	left:580px;
	top:150px;
	width:100px;
	height:100px;
	z-index: -103;
	background-color: #fff;
}

#photo4 {
	position:absolute;
	left:700px;
	top:150px;
	width:100px;
	height:100px;
	z-index: -104;
	background-color: #fff;
}

#photo5 {
	position:absolute;
	left:340px;
	top:275px;
	width:100px;
	height:100px;
	z-index: -105;
	background-color: #fff;
}

#photo6 {
	position:absolute;
	left:460px;
	top:275px;
	width:100px;
	height:100px;
	z-index: -106;
	background-color: #fff;
}

#photo7 {
	position:absolute;
	left:580px;
	top:275px;
	width:100px;
	height:100px;
	z-index: -107;
	background-color: #fff;
}

#photo8 {
	position:absolute;
	left:700px;
	top:275px;
	width:100px;
	height:100px;
	z-index: -108;
	background-color: #fff;
}

#photo9 {
	position:absolute;
	left:340px;
	top:400px;
	width:100px;
	height:100px;
	z-index: -109;
	background-color: #fff;
}

#photo10 {
	position:absolute;
	left:460px;
	top:400px;
	width:100px;
	height:100px;
	z-index: -110;
	background-color: #fff;
}

#photo11 {
	position:absolute;
	left:580px;
	top:400px;
	width:100px;
	height:100px;
	z-index: -111;
	background-color: #fff;
}

#photo12 {
	position:absolute;
	left:700px;
	top:400px;
	width:100px;
	height:100px;
	z-index: -112;
	background-color: #fff;
}

#photo13 {
	position:absolute;
	left:340px;
	top:525px;
	width:100px;
	height:100px;
	z-index: -113;
	background-color: #fff;
}

#photo14 {
	position:absolute;
	left:460px;
	top:525px;
	width:100px;
	height:100px;
	z-index: -114;
	background-color: #fff;
}

#photo15 {
	position:absolute;
	left:580px;
	top:525px;
	width:100px;
	height:100px;
	z-index: -115;
	background-color: #fff;
}

#photo16 {
	position:absolute;
	left:700px;
	top:525px;
	width:100px;
	height:100px;
	z-index: -116;
	background-color: #fff;
}

#photo20 {
	position:absolute;
	left:700px;
	top:525px;
	width:100px;
	height:100px;
	z-index: -116;
	background-color: #fff;
}


#contactslider {
	position:absolute;
	left:319px;
	top:700px;
	width:337px;
	height: 160px;
	z-index: 11;
}