body
{
  margin:0;
  font-family:sans-serif;
  color: #CCCCCC;
  font-size:12px;
  background-color:#000000;
  background-image:url(images/background.png);
  background-position:top center;
  background-repeat:no-repeat;
}

h1
{
  color:#CCCCCC;
  font-size:20px;
  margin:0px;
}

h3
{
  color:#666666;
  font-size:14px;
  margin:0px;
}

hr
{
  border:0;
  color:#222222;
  background-color:#222222;
  width:100%;
}

img
{ 
	border:none;
}

a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: underline;
}

a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: underline;
	border:0px;
}

a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC9900;
	text-decoration: underline;
}

a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: underline;
}

a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}

#container
{
  width:960px;
  margin: 0 auto;
  padding:0px;
}

#home
{
  float:left;
  height:50px;
  width:240px;
}

.nav
{ 
  float:right;
	display:block; 
	height:59px; 
	width:100px; 
	overflow:hidden;
}

.nav:hover
{
  float:right;
	display:block; 
	text-indent:-100px; 
}

.clear
{
  clear:both;
  height:10px;
}

.vision
{
  width:300px;
  float:left;
  padding:10px;
}

#contact
{
  float:left;
}

#copyright
{
  font-size:9px;
  float:right;
}

#portfolio
{
  background-image:url(images/portback.png);
  background-repeat:no-repeat;
  padding-top:90px;
  min-height:400px;
  border-right:solid black 3px;
  border-left:solid black 3px;
}

#portcont
{
  float:left;
  width:700px;
  padding:10px;
}

#portside
{
  float:right;
  width:210px;
  min-height:400px;
  padding:10px;
  background:#000000;
}

.popup
{
  position: relative;
  z-index: 0;
}

.popup:hover
{
  background-color: transparent;
  z-index: 150;
}

.popup span
{ /*CSS for enlarged image*/
  position: absolute;
  background-color: white;
  padding: 5px;
  left: -1000px;
  border: 1px solid black;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.popup span img
{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.popup:hover span
{ /*CSS for enlarged image on hover*/
  visibility: visible;
  left: 110px; /*position where enlarged image should offset horizontally */
}

#contactpage
{
  background-image:url(images/contback.png);
  background-repeat:no-repeat;
  padding-top:90px;
  min-height:400px;
  border-right:solid black 3px;
  border-left:solid black 3px;
}

#contcont
{
  float:left;
  width:680px;
  padding:10px;
}

#contside
{
  float:right;
  width:230px;
  min-height:400px;
  padding:10px;
  background:#000000;
}

#aboutpage
{
  background-image:url(images/aboutback.png);
  background-repeat:no-repeat;
  padding-top:90px;
  min-height:400px;
  border-right:solid black 3px;
  border-left:solid black 3px;
}

#aboutcont
{
  float:left;
  width:680px;
  padding:10px;
}

#aboutside
{
  float:right;
  width:230px;
  min-height:400px;
  padding:10px;
  background:#000000;
}

.rightpic
{
  float:right;
}

.lefttext
{
  float:left;
  padding-right:5px;
}