body
{
	background-color: #9a74e6;
	background-image: url(images/bkg.jpg);
	background-repeat: no-repeat;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5c5754;
	font-size: 12px;
}

.nav_home{
	display: block;
	position: absolute;
	left: 63px;
	top: 40px;
	width: 74px;
	height: 20px;
}


#nav_homeOverlay{
	display: none;
	position: absolute;
	left: 63px;
	top: 40px;
	width: 74px;
	height: 20px;
	border: 1px solid black;
	background-color:#f4e24a;
	-moz-opacity: 0.8;
	opacity:.30;
	filter: alpha(opacity=30);
}

a {
	color: #774fc6;
}

a.nav_about{
	display: block;
	position: absolute;
	left: 63px;
	top: 40px;
	width: 74px;
	height: 20px;
	text-decoration: none;
}

a.nav_whatido{
	display: block;
	position: absolute;
	left: 146px;
	top: 40px;
	width: 100px;
	height: 20px;
	text-decoration: none;
}

a.nav_resume{
	display: block;
	position: absolute;
	left: 253px;
	top: 40px;
	width: 65px;
	height: 20px;
	text-decoration: none;
}

a.nav_portfolio{
	display: block;
	position: absolute;
	left: 326px;
	top: 40px;
	width: 80px;
	height: 20px;
	text-decoration: none;
}

a.nav_contact{
	display: block;
	position: absolute;
	left: 411px;
	top: 40px;
	width: 66px;
	height: 20px;
	text-decoration: none;
}

a.nav_home{
	display: block;
	position: absolute;
	left: 488px;
	top: 42px;
	width: 43px;
	height: 20px;
	text-decoration: none;
}

a.nav_about:hover, a.nav_whatido:hover, a.nav_resume:hover, a.nav_portfolio:hover, a.nav_contact:hover, a.nav_home:hover{
	background-color:#f4e24a;
	-moz-opacity: 0.3;
	opacity:.30;
	filter: alpha(opacity=30);
}

h1{
	font-weight: bold;
	color: #c0cbcf;
	font-size: 45px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	display:block;
	position: absolute;
	left: 170px;
	top: 71px;
	letter-spacing: -4px;
	-moz-opacity: 0.20;
	opacity:.20;
	filter: alpha(opacity=20);
	z-index: 1;
}

h2{
	font-weight: bold;
	color: #7da5b2;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	display:block;
	position: absolute;
	left: 182px;
	top: 90px;
	letter-spacing: 17px;
	z-index: 2;

}

.contentarea{
	display: block;
	position: absolute;
	left: 182px;
	top: 120px;
	z-index: 3;
	width: 540px; 
}

.home_contentarea{
	display:block;
	position: absolute;
	left: 182px;
	top: 120px;
	z-index: 3;
	width: 300px; 
	border-right: 1px solid #a5c4ce;
	margin-right: 20px;
	padding-right: 20px;
}

.rp-header{
	display:block;
	position: absolute;
	left: 518px;
	top: 130px;
	z-index: 3;
}

.socialicons{
	display:block;
	position: absolute;
	left: 570px;
	top: 85px;
	z-index: 3;
}

.home_contentarea-right{
	display:block;
	position: absolute;
	left: 516px;
	top: 164px;
	z-index: 3;
	width: 200px; 
}

.contentarea_left{
	display:block;
	position: absolute;
	left: 182px;
	top: 120px;
	z-index: 3;
	width: 250px; 
	border-right: 1px solid #a5c4ce;
	padding-right: 10px;
}

.contentarea_right{
	display:block;
	position: absolute;
	left: 456px;
	top: 120px;
	z-index: 3;
	width: 250px; 
}


.contentarea-sample_left{
	display:block;
	position: absolute;
	left: 182px;
	top: 120px;
	z-index: 3;
	width: 290px; 
	border-right: 1px solid #a5c4ce;
	padding-right: 10px;
}

.contentarea-sample_right{
	display:block;
	position: absolute;
	left: 496px;
	top: 120px;
	z-index: 3;
	width: 210px; 
}



.contentarea-logo_left{
	display:block;
	position: absolute;
	left: 182px;
	top: 120px;
	z-index: 3;
	width: 160px; 
	border-right: 1px solid #a5c4ce;
	padding-right: 15px;
}

.contentarea-logo_right{
	display:block;
	position: absolute;
	left: 379px;
	top: 120px;
	z-index: 3;
	width: 300px; 
}


ul{
	padding-left: 18px;
	margin: 1px;
}

li { 
	list-style-image: url(images/arrow.jpg); 
	margin: 7px 0 7px 0;
}

.button, .buttonW{
	border: 1px solid #ccc; 
	padding: 5px;
	text-decoration: none;
	}

a.{
	color: #FFFFFF;
	}


.buttonIE{
	border: 1px solid #ccc; 
	padding: 5px;
	text-decoration: none;
	display: block;
	width: 120px;
	}


.buttonIEup{
	border: 1px solid #ccc; 
	padding: 5px 6px 5px 1px;
	text-decoration: none;
	display: block;
	width: 10px;
	float: right;
	margin: 0 3px 0 3px;
	}

.buttonIEforward{
	border: 1px solid #ccc; 
	padding: 5px 1px 5px 4px;
	text-decoration: none;
	display: block;
	width: 10px;
	margin: 0 3px 0 3px;
	}

.buttonIEforward2{
	border: 1px solid #ccc; 
	padding: 5px 1px 5px 4px;
	text-decoration: none;
	display: block;
	width: 10px;
	margin: 0 3px 0 3px;
	float: right;
	}

.buttonIEnext{
	border: 1px solid #ccc; 
	padding: 5px;
	text-decoration: none;
	display: block;
	width: 70px;
	float: right;
	}

.buttonIEprevious{
	border: 1px solid #ccc; 
	padding: 5px;
	text-decoration: none;
	display: block;
	width: 96px;
	float: right;
	margin: 0 3px 0 3px;
	}


.resumeNavigation{
	width: 340px; 
	position: absolute; 
	top: 420px; 
	left: 352px;
	display: block;
	z-index: 6;
	}


.portfolioNavigation{
	width:300px;
	position: absolute; 
	top: 400px; 
	left: 380px;
	display: block;
	z-index: 6;
	}


.portfolio-right{
	position: absolute; 
	top: 155px; 
	left: 505px;
	display: block;
	z-index: 6;
	}

.banners-right{
	position: absolute; 
	top: 110px; 
	left: 480px;
	display: block;
	z-index: 6;
	}



.company {
	float:left;
	width: 350px;
	font-weight: bold;
}

.description{
	margin-bottom: 5px;
}

.date{
	font-style: italic;
}

.title{
	margin: 4px 0 5px 0;
}

p{
	margin-top: 0px;
	line-height: 17px;
	margin-bottom: 9px;
}

.addsidebar{
	margin-top: 10px;

}

.contactwidth{
	width: 220px;
}


.samples td{
	font-style: normal; 
	padding: 3px 10px 3px 0px; 
	margin-right: 5px;
	color: #666666; 
	border-bottom: 1px solid #b2b2c8;
	}

.Container {
	height: 140px;
	border: 1px solid #a19ba4;
	}

#Scroller-1 { 
  	color: #666666; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	line-height: 17px;
	font-weight: normal;  
	position: absolute; 
  	overflow: hidden;
 	width: 89%;
 	height: 140px;
	}

#Scroller-1 p {
	margin: 0 0 10px 0;
	}

.Scroller-Container {
  	position: absolute;
  	top: 0px; left: 0px;
 	width: 100%;
	}

.Scrollbar-Up {
 	cursor: pointer;
	display:none;
	z-index: 500;
	}
		
.Scrollbar-Down {
	cursor: pointer;
  	display: block;
  	z-index: 500;
	}

.sitelist li{
	padding: 4px 4px 4px 60px;
	list-style: none;
	border-bottom: 1px solid #c8c8df;
}	

.on{
	background-color: #dbdbec;
}	

	
.d-d-e{
	background-image: url(images/icon_d-d-e.gif);
	background-repeat: no-repeat;
}
	
.d-x-x{
	background-image: url(images/icon_d-x-x.gif);
	background-repeat: no-repeat;
}
	
.d-d-x{
	background-image: url(images/icon_d-d-x.gif);
	background-repeat: no-repeat;
}

.x-d-x{
	background-image: url(images/icon_x-d-x.gif);
	background-repeat: no-repeat;
}

.x-x-e{
	background-image: url(images/icon_x-x-e.gif);
	background-repeat: no-repeat;
}

.d-x-e{
	background-image: url(images/icon_d-x-e.gif);
	background-repeat: no-repeat;
}

.x-d-e{
	background-image: url(images/icon_x-d-e.gif);
	background-repeat: no-repeat;
	}

.x-x-x{
	background-image: url(images/icon_x-x-x.gif);
	background-repeat: no-repeat;
}

.web{
	background-image: url(images/icon_web.gif);
	background-repeat: no-repeat;
	float:right;
	width: 15px;
}

.print{
	background-image: url(images/icon_print.gif);
	background-repeat: no-repeat;
	float:right;
	width: 15px;
}

.ad{
	background-image: url(images/icon_ad.gif);
	background-repeat: no-repeat;
	float:right;
	width: 15px;
}

.key { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	line-height: 18px; 
	padding: 2pt; 
	color: #666666; 
	font-size: 9px;
	}

	
.listdivider{
	line-height: 10px;
	font-size: 10px;
	border-bottom: 1px solid #c8c8df;
	background-color: #c8c8df;
	color: white;
	font-weight: bold;
	}

.col{
	position: relative;
	width: 160px;
	height: 120px;
	margin: 2px;
}

.coltext{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	line-height: 10pt;
	color: #666666;
	font-size: 8pt;
	width: 160px;
	height: 60px;
	margin: 2px 8px 0 2px;
	display: block;
	float: left;	
}


#lightbox1 {
	color: #000;
	display: none;
	position: absolute;
	top: 15%;
	left: 50%;
	width: 250px;
	height: 455px;
	text-align: left;
	z-index:2001;
	overflow: hidden;
	padding: 0;
}

.lightbox1[id]{  
	position:fixed;    
}



#lightbox {
color: #000;
display: none;
position: absolute;
top: 5%;
left: 20%;
width: 547px;
height: 455px;
text-align: left;
z-index:2001;
overflow: hidden;
padding: 0;
}

.lightbox[id]{  
position:fixed;    
}

#overlay{	
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
background-color: #000;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
overflow-y: hidden;
overflow: hidden;
}

#overlay[id]{
position:fixed; 
z-index: 2000;   
}


.popup{
opacity: 1;
filter: alpha(opacity=100);
padding: 0px;
}