/* CSS Document */


* {
	margin:0px;
	padding:0px;
	}



		
		
html{
          height: 100%;
          overflow: auto;
}

#flashcontent {
    margin: 0 auto;
	position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
      }

/*	
	div#topFlash {
		position:relative;
		margin: 0 auto;
		width:100%;
		height:100%;
		}

*/



body { 
	height: 100%;
	background-image:url(../images/stripes_bg.gif); 
	background-repeat:repeat;
	background-color:#ffffff;
	margin:0px;
	font-family: Helvetica, sans-serif;
	font-size:100%;
	
	}

div#mainBody {
	position:relative;
	margin: 0 auto;
	width:100%;
	height:100%;

}

#mainBodyContainer{
	
	
	position:relative;
	margin: 0 auto;
	width:800px;
	/*height:600px;*/





}

#mainHeader{
	width:800px;
	



}

.centerLogo{
	width:289px;
	float:left;
}

.centerLogo p{



}


.navigation{
	color:#000000;
	width:511px;
	float:left;
	text-align:right;
	height:66px;
	
}


.navigation ul{
	padding: 40px 10px 0px 0px;
	float:right;

}

.navigation li{
	float:left;
	list-style:none;
	padding:5px;
	font-size: 0.85em;



}

.navigation li a{
	color:#000000;
	text-decoration:none;
}

.navigation li a:hover{
	color:#FF0000;
	text-decoration:none;
	background-color:#FFFFFF;
}

.navigation li.flashVersion a{
	color:#990000;
	text-decoration:none;
}

.navigation li.flashVersion a:hover{
	color:#FF0000;
	text-decoration:none;
	background-color:#FFFFFF;
}


.navigation li .dot{
	padding:5px;
}

.onPage{
	color:#FF0000;
}


.navigation p{
		
	padding-top:20px;		


}



p{
	font-family:Helvetica, sans-serif;
	font-size:0.7em;
	

	


}




#mainContent{
	margin-top:1px;
	min-height:500px;
	
}



#mainContent p{
	font-size:.85em;
	color:#666666;
	text-align:justify;



}

#mainContent p.description{
	font-size:.80em;
	color:#CC0000;
	text-align:left;



}

.textBox{
	width:300px;

}




#leftColumn{
	
	padding:5px;
	width:279px;
}

#recentProjectModule{
	width:279px;
	min-height:300px;
}

.recentProjects{
	margin:2px;
	padding:5px 5px 5px 15px;
	width:255px;
	background-image:url(../images/blackArrows.png);
	background-repeat:no-repeat;
	background-position:left center;

}

.recentProjects:hover{
	background-image:url(../images/redArrows.png);
	background-repeat:no-repeat;
	background-position:left center;

}
.rpGrabs{
	float:left;
	padding:2px;
	width: 71px;
	
	
	}
	

.rpGrabs img{
	padding:1px;
	border:1px #CCCCCC solid;
	background-color:#333333;
	}
	
	
.rpInfo{
	padding:3px;
	float:left;
	width:164px;
}

#leftColumn .rpInfo p{
	color:#990000;
	padding:3px;
	font-size:.7em;
	
}

.rpLogos{
	padding:2px;	

}


#newsModule{
	font-size:.75em;
	text-align:justify;
	color:#666666;
	
	width:235px;
	padding:10px;
	min-height:240px;
}

h3
{
	width:60%;
	color:#99CCFF;
	font-size:1.0em;
	background-color:#FFFFFF;

}

#newsModule ul{
	margin-left:15px;

}

#newsModule li{
	padding:5px;
	list-style:url(../images/blackArrows.png);

}

#newsModule a{
	color:#990000;
	font-weight:bold;
	text-decoration:none;
}

#newsModule a:hover{
	color:#000000;
	font-weight:bold;
}



#rightColumn{
	width:511px;

}

#titleBox{
	color:#FFFFFF;
	width:511px;
	height:45px;
	
	


}

.green{
	background:#7b9a82;
	background-image:url(../images/stripes_bg3.gif);
	background-repeat:repeat-x;
}

.red{
	background:#ff0000;
	background-image:url(../images/stripes_red.gif);
	background-repeat:repeat-x;
}

.purple{
	background:#504d74;
	background-image:url(../images/stripes_purple.gif);
	background-repeat:repeat-x;
}

.timbergradient{
	background:#504d74;
	background-image:url(../images/stripes_gradient.jpg);
	background-repeat:repeat-x;
}

.sk{
	background:#504d74;
	background-image:url(../images/stripes_sk.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.olive{
	background:#504d74;
	background-image:url(../images/stripes_olive.gif);
	background-repeat:repeat-x;
}

.blue{
	background:#504d74;
	background-image:url(../images/stripes_blue.gif);
	background-repeat:repeat-x;
}

#titleBox h1{
	font-size:1.1em;
	padding: 22px 0px 2px 10px;


}

.black{
	background:#504d74;
	background-image:url(../images/stripes_bg2.gif);
	background-repeat:repeat-x;
}

#projectBox{
	color:#FFFFFF;
	width:509px;
	
	border:1px #FF0000 solid;
	background:#000000;
	background-image:url(../images/stripes_bg2.gif); 
	background-repeat:repeat;

	
}

#projectBox2{
	color:#FFFFFF;
	width:509px;
	
	border:1px #FF0000 solid;
	background:#000000;
	background-image:url(../images/stripes_bg2.gif); 
	background-repeat:repeat;

	
}


#projectBox img,
#projectBox2 img,
#projectBox .qt{
	border:0px;
	padding:4px 3px 3px 3px;
		
}

#projectBox iframe{
	border:0px;
	padding:4px 0px 0px 3px;
		
}


#projectRightText p.first:first-letter {
	
	font-family:Helvetica, sans-serif;
	
	font-size:larger;
	
	line-height:20px;
	padding:2px 2px 2px 2px;
	}

.leftProjectImage{
	margin:2px;
	float:left;
	width:305px;
}

.rightProjectThumbs{
	margin:4px 0px 0px 50px; 
	float:left;
	width:95px;

}

#projectBox h1{
	font-size:1.1em;
	padding: 70px 0px 0px 10px;


}

#projectIphone{
	z-index:10;
	position:absolute;
	left: 644px;
	top: 84px;
	height: 275px;
	width:156px;
	
}

.bethRader{
	background-image:url(../images/projects/bethrader/beth_iphone.png);
	background-repeat:no-repeat;
}

.six17{
	background-image:url(../images/projects/617studios/617_iphone.png);
	background-repeat:no-repeat;
}

.envirseIphone{
	background-image:url(../images/projects/envirse/envirse_iphone.png);
	background-repeat:no-repeat;
}

#projectTitleBox{
	margin: 1px 0px 0px 0px;
	color:#FFFFFF;
	width:511px;
	height:27px;
	background:#631711;
}

#projectTitleBox p{
	font-size:.85em;
	padding: 0px 5px 0px 5px;


}

#leftProjectInfo{
	
	color:#FFFFFF;
	height:27px;
	width:311px;
}


#leftProjectInfoFull{
	
	color:#FFFFFF;
	height:27px;
	width:511px;
}

#leftProjectInfo p{
	color:#FFFFFF;
	padding-top:6px;
	text-align:center;
}

#leftProjectInfoFull p{
	color:#FFFFFF;
	padding:6px 0px 0px 10px;
	text-align:left;
}

#rightProjectUrl{
	height:27px;
	width:200px;
	background-image:url(../images/stripes_bg.gif);
	background-repeat:repeat;
	background-color:#FFFFFF;

}
#leftUrl{
	height:27px;
	width:17px;
	background-image:url(../images/leftUrl.png);
	background-repeat:no-repeat;
}
#rightUrl{
	height:27px;
	width:17px;
	background-image:url(../images/rightUrl.png);
	background-repeat:no-repeat;
}

#middleUrl{
	height:27px;
	width:166px;
	background-image:url(../images/middleUrl.png);
	background-repeat:repeat-x;
}

#middleUrl p {
		padding-top:6px;
		text-align:center

}

#middleUrl a {
		color:#990000;
		text-decoration:none;

}

#middleUrl a:hover {
		color:#FF0000;
		text-decoration:none;

}

#projectTextBox{
	margin: 1px 0px 0px 0px;
	
	width:511px;
	min-height:300px;
	background-color:#FFFFFF;
	
	
}

#projectLeftText{
	width:211px;
}

#projectLeftText p{
	text-align:center;
}


#projectRightText{
	width:250px;
	padding:25px 10px 85px 30px;
}

#projectRightTextFull{
	padding:5px 20px 65px 20px;
	width:471px;
	background-color:#FFFFFF;
}


#projectRightTextFull h3,
#projectRightText h3{
	color:#99CCFF;
	width:100%;
	
	background-color:#FFFFFF;


}




#projectRightTextFull p
{
	
	font-size:.85em;
	padding:5px 10px 10px 5px;
}

#projectRightText .name{ 
	font-size:1.0em;
	color:#990000;

}

#projectRightText .title{ 
	font-size:.65em;
	color:#990000;

}

#projectRightText .address{ 
	font-size:0.75em;
	color:#990000;

}

#projectRightText .small{ 
	font-size:0.75em;
	color:#990000;

}


#projectRightText a{ 
	padding:3px;
	font-size: 1.0em;
	color:#990000;
	text-decoration:none;
}

#projectRightText a:hover{ 
	padding:3px;
	font-size: 1.0em;
	color:#ffffff;
	background-color:#99CCFF;
	text-decoration:none;
}



#projectRightText p

{
	font-size:.85em;
	padding:0px 10px 10px 0px;
}


#projectRightText ul{
	padding: 15px 0px 20px 30px;

}


#projectRightText li{
	color:#990000;
	font-size:.7em;
	list-style:url(../images/blackArrows.png);


}

#footer{
	position:relative;
	margin: 0 auto;
	width:757px;
	
}

div#footer p{
	color:#333333;
	text-align:right;



}

.float{
	float:left;
	}
	
	
.clear{
	clear:both;
	}