body{background-image: url(../img/portfoliogradientbk.jpg); 
background-repeat: repeat-x;background-color:#c8daf2;margin:0;padding:0;}

.container{background-image:url(../img/portfoliobk.jpg); background-repeat:no-repeat; 
width:1084px;height:650px;margin:0 auto;background-color:#ffffff;}

.mainimg{float:left;width:400px;height:541px;padding:55px 0 0 0;}

.header{font:bold 17px Georgia, "Times New Roman", Times, serif;color:#006dff; padding:165px 0 0 40px; width:535px; float:left;}

.content{font-family:arial; font-size:11px; color:#666666; margin:5px;}

/*scroll area*/
div.scroll {margin:2px 0 10px 18px; width:500px; height:300px; overflow:auto; border:4px solid #ffffff; background-color:#ffffff; padding:8px; float:left;
}
/*scrollbar*/
html, body{scrollbar-face-color:#EBF5FF;scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;scrollbar-darkshadow-Color:#78AAFF;}

/*MENU*/
#menu{margin: 0 120px;padding: 0;}

#menu ul{margin: 15px 0 0 8px;margin-bottom: 1em;
padding-left: 0;float: left;font-weight: bold;width:230px;
}

* html #menu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;}

#menu ul li{display: inline;}

#menu ul li a{float: left;color: gray;font-weight: bold;padding: 2px 6px 4px 6px;text-decoration: none;}

#menu ul li a:hover{color: #006dff;border-bottom: 4px solid #124fa1;padding-bottom: 0;}

/*FOOTER*/
.footer{margin:-30px auto;text-align:center; font:normal 9px arial;color:gray; padding: -100px auto;}

.footer a{text-decoration:none;color:gray;}

.footer a:hover{text-decoration: underline;color: #86a32d;padding-bottom: 0;}

/*COLLUMNS/////////////////////////////////////////////////////*/
#leftcontent{width:109px;	padding:7px;	float:left; margin-top:10px;	background:#fff;}
	
#centerleftcontent{width:109px;	padding:7px; margin-top:10px;	float:left;	background:#fff;}
		
#centerrightcontent{width:109px;	padding:7px; margin-top:10px;	float:left;	background:#fff;}
		
#rightcontent{width:109px;	padding:7px; margin-top:10px;	float:left;	background:#fff;}
	
#contentheader {background:#fff}
	/*
#rightcontent, #centerrightcontent, #centerleftcontent, #leftcontent {		border:1px solid #000;		}
*/		
p,h1,pre {margin:-10px 10px 40px 10px;}
		
h1 {font:normal 10px arial; color:#006dff6; text-align:center; padding-top:-10px;}

h1 a{text-decoration: none; color:#006dff;}

h1 a:hover{text-decoration: none; color:#006dff; border-bottom: 4px solid #124fa1; padding-bottom: 0;}	

#centerrightcontent p {font-size:10px}

