html{
	height:100%;
}
body{
	background: #a9adb9 url(images/bg_fade.jpg) left top repeat-x fixed;
	height: 100%;
	padding:0;
	margin:0;
}
div,object,embed,p,body,ul,ol,html{
	padding:0;
	margin:0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
}
div.wrapper{
	margin-left: 10%;
	margin-right: 10%;
	margin-top:2%;
	margin-bottom:2%;
}
div.header{
	background: #a9adb9 url(images/header_bg2.jpg) left top repeat-x;
	width:100%;
	height:108px;
	text-align:center;
}
div.headerLink{
	text-align:center;
	color:#585859;
	position:absolute;
	font-size:.8em;
	padding:0;
	margin:0;
	width:100%;
	left:-3%;
	top:25px;
}
a.headerLinks:link,a.headerLinks:visited,a.headerLinks:active{ /*chaning the links at the top of the page (in the header) */
	color:#585859;
	text-decoration:none;
}
a.headerLinks:hover{
	text-decoration: underline;
	color:#585859;
}
a.links:link,a.links:visited,a.links:active{ /*chaning the links at the top of the page (in the header) */
	color:#585859;
	text-decoration:none;
}
a.links:hover{
	text-decoration: underline;
	color:#585859;
}
div.nav{
	background: #a9adb9 url(images/nav_bg.jpg) left top repeat-x;
	width:100%;
	height:47px;
	text-align:center;
	padding:0;
	margin:0;
}
table.navTable{
	width:100%;
	height:37px;
	margin-top:-2px;
}
a.navLinks:link,a.navLinks:visited,a.navLinks:active{
	color: #585859;
	text-decoration: none;
	font-weight: bold;
}
a.navLinks:hover{
	text-decoration: underline;
	color:#585859;
	font-weight: bold;
}
td.navTD{
	border-right:1px solid #2a2b2e;
}
div.body{
	background: #d6d7db url(images/body_bg_image.jpg) center fixed no-repeat;
	margin-top: 0px;
	padding-top: 0px;
	height: 100%;
	border: 1px solid #2a2b2e;
	padding-bottom:5%;
}
div.bodyImage{
	text-align:center;
	padding-top:5%;
	padding-bottom:30%;
	
}
div.contactForm{
	text-align:center;
	padding-top:10%;
	padding-bottom:10%;
}
table.formWrapper{
	border: thin solid #585859;
	width:65%;
	height:50%;
	padding-top:5%;
	padding-bottom:5%;
}
table.formInnerWrapper{
	height:50%;
}
p.contactText{
	text-align:left;
	margin-left:18%;
}
input.contactMeForm,textarea.contactMeForm{ /*styling the form fields */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
img.largeImages{
	position:absolute;
	z-index:2;
	border: medium solid #585859;
	left:28%;
	right:28%;
}
img.largeImageBg{
	position:absolute;
	z-index:0;
	border: medium solid #585859;
	left:28%;
	right:28%;
}
p.homeText{
	text-align:center;
	position:relative;
	top:25%;
}
p.authorText{
	text-align:center;
	position:relative;
	top:-20px;
	color: #585859;
}
p.extraSpacing{
	padding:10%;
}
p.headerText{
	text-align:center;
	font-size:2.5em;
}
p.subHeaderText{
	text-align:center;
}
table.homeTable{
	width:95%;
	
}
table.aboutTable{
	width:50%;
	
}
img.largePicture{
	border: medium solid #585859;
	margin-top:5%;
	margin-bottom:5%;
	
}
table.imageTable{
	width:100%;
	height:100%;
}
div.pictures{
	position:relative;
	left:20%;
	top:-45%;
}
img.pic{
	border: thin solid #585859;
	background: black;
	cursor:hand;
}
img.projectPics{
	border: thin solid #585859;
}
img.projectPicsPortrait{
	border: thin solid #585859;
	margin-left:10%;
}
div.imageFadeBg{
	position:relative;
	float:left;
	margin-right:2%;
	margin-left:2%;
	background:grey;
	margin-bottom:4%;
}

div.footer{
	background:  url(images/body_bottom.jpg) left top repeat-x;
	height:16px;
	margin-bottom:0;
	
}

/*The following will control the image carosel that displays when the user clicks on a thumbnail to 
view a larger image */

div.imageCarosel{
	background-color: black;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	position:absolute;
	display:none;
	width:100%;
	height:0;
	padding:0;
	margin:0;
	z-index:50000000000;
	top:0;
   left:0;
	bottom:0;
	right:0;
	bottom:auto;
	padding-right:0;
	margin-right:0;
}
div.caroselClose{
	text-align: center;
	visibility:hidden;
	position:absolute;
	z-index:60000000000;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
}
div.caroselImages{
	position:absolute;
	z-index:70000000001;
	visibility:hidden;
	padding-top:4%;
	padding-bottom:5%;
	text-align:center;
	height:100%;
	width:100%;
	margin-top:10%;
	margin-left:0;
	
}
a.lightLink,a.lightLink:link,a.lightLink:visited,a.lightLink:active{/*styling for the light box links */
	color:white;
}
div.imageFadeBg{
	position:relative;
	float:left;
	margin-right:2%;
	margin-left:2%;
	background:grey;
	margin-bottom:4%;
}
/*End of the carosel images */
p.nextLink{
	text-align:center;
}
div.nextLink{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
div.projectDetails
{
	padding:10%;
	border: thin solid #585859;
	position:relative;
	margin-left:10%;
	margin-right:10%;
}
span.projectHeading
{
	margin-left:5%;
}
a.modLink,a.modLink:link,a.modLink:visited,a.modLink:active{/*styling for the links for the show - hide */
	text-decoration:none;
	color:#585859;
}
a.modLink:hover{/*styling for the light box links */
	text-decoration:none;
	color:#585859;
}