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

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#wrapper {
	border:#000 solid 0px;
	width:900px;
	background-image:url(images/tile.png);
	/*height:900px;*/
	margin:0 auto;
	position:relative;
}

#header {
	border:#000 solid 0px;
	width:900px;
	height:239px;
	margin:0 auto;
	position:relative;
	background-image:url(images/header.png);
	z-index:5;

}

#nav {
	border:#000 solid 0px;
	width:900px;
	margin-top:-30px;
	position:relative;
	background-image:url(images/navbkg.png);
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-position:55% 0%;
	color:#300;
	text-align:right;
	padding:20px;
	font-size:18px;
	float:right;
	z-index:3;

}

#maincontainer {
	border:#000 solid 0px;
	width:800px;
	/*height:600px;*/
	margin:0px 70px 70px 60px;
	position:relative;
	overflow: hidden;

}

#aboutimage {
	float:right;
	margin:0px 0px 20px 20px;
	border:#333 solid 1px;
}

#homeimage {
	margin:0px 0px 0px 100px;
	border:#333 solid 1px;
}

#portfolioimage {
		/*margin:0px 0px 20px 150px;*/
		border:#333 solid 1px;

}

#portfoliotable {
	margin:0px 0px 20px 165px;
	
}

.blockquote {
	font-size:30px;
	color:#300;
}

.quals {
	color:#300;
	font-size:16px;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

#nav a {
	color:#300;   /*#9d9d9d; */
	text-decoration:none;

}
#nav a:hover {
		color:#5ca6df;
		text-decoration:none;
}

#maincontainer a {
	color:#300;   /*#9d9d9d; */
	text-decoration:none;

}
#maincontainer a:hover {
		color:#5ca6df;
		text-decoration:none;
}