@charset "UTF-8";
/* CSS Document */
/*456x27 - dimensions of the flash object */
*{
	margin: 0;
	padding:0;
	}

#wrapper {
/*position:relative;
margin:0 auto;
text-align:left;
width:936px;*/
position:absolute;
width: 915px;
height: 420px;
left: 50%;
margin-left: -457px;
}

html, body {
	background: url(../images/bg2.png) fixed no-repeat #FFFFFF;
	background-position: center 41px;
	margin: 0;
	padding: 0;
	color:#333333;
    font: small Arial;
	text-align:center;
}

a:link {  
	text-decoration: underline;
	color:#6FC017;
	}

a:visited { 
    text-decoration: underline;
	color:#6FC017;
	}

a:hover{ 
	text-decoration: underline; 
	color:#00CCFF;
	}

/* Header.................................. */

#header_swf {
    right: 75px;
	top:41px;
	width: 456px;
	height:27px;
	z-index : 2;
	position:absolute;
	text-align: left;
	/* border: thin dotted; */
}

/* Sub Head */
#subhead{
   top: 41px;
   width: 915px;
   height: 420px;
  /* background: url(../images/main.png) center top no-repeat; */
   position:relative;
   margin-left:auto;
   margin-right:auto;
   text-indent : -9999px;
   z-index:1;
   /* border: thin dotted; */
	  
}

/* Content */
#main{
    left: 75px;
	top:125px;
	width: 764px;
	height:265px;
	z-index : 2;
	position:absolute;
	text-align: left;
	/* border: thin dotted; */
	  
}


/* Footer */

#foot{
   text-align:right;
   color:#707070;
   right: 130px;
   bottom: 10px;
   width: 600px;
   height:15px;
   position:absolute;
   z-index: 2;
   /* border: thin dotted; */

}

#portfolio-nav{
	height:265px;
	vertical-align:middle;
	width: 150px;
	float:left;
}

#portfolio-content{
	height:265px;
	width:614px;
	float:right;
}

.nav-table{
	margin-left: 20px;
	margin-top: 80px;
}

.portfolio-design{
	margin-top: 50px;
	margin-left: 100px;
}

.portfolio-video{
	margin-top: 50px;
	margin-left: 70px;
}

.portfolio-clients{
	margin-top: 36px;
}