/* CSS Document */

body {
font-size:15px;
background-color:#CCCCCC;
text-align:center;
font-family:Calibri, "Century Gothic", Arial, sans-serif;
}
.clear { clear:both; line-height:4px; height:4px;}
.container {
width:930px;
margin: 0px auto;
}

.header {
width:930px;
background-image: url(bg.jpg);
margin: 0px 0px 0px 0px;
}

.shadow {
width: 915px;
margin:0px 10px 0px 0px;
padding-left:15px;
text-align:left;
background-image: url(bg.png);
background-repeat:y-repeat;
background-position:left;
}

.footer {
background-image: url(footer.jpg);
background-repeat:no-repeat;
background-position:left;
height:40px;
text-align:left;
padding-left:55px;
}

.content {
width:820px;
margin: 0px 0px 0px 0px;
padding:20px 40px 20px 40px;
text-align:left;
background-color:#FFFFFF;
min-height:350px;
}

.contentArea {
background-color:#EEEEEE;
padding:8px 8px 10px 8px;
margin-top:0px;
}

.contentArea p {padding-left:7px;}

.imgr {
background-color:#F3F3F3;

}

h1 {font-size:24px; font-family:Calibri, "Century Gothic", Arial, sans-serif;}
h2 {font-size:22px; font-family:Calibri, "Century Gothic", Arial, sans-serif;}
h3 {
font-size:20px;
font-family:Calibri, "Century Gothic", Arial, sans-serif;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
background:top repeat-x url(img/bg.jpg);
line-height:35px;
padding-left:8px;
margin:0px 0px 0px 0px;
}
h4 {font-size:18px; font-family:Calibri, "Century Gothic", Arial, sans-serif; margin:5px 0px 0px 0px; padding-left:8px;}

.pphoto {float:left; margin-right:10px; border:1px solid #CCC; padding:2px; background-color:#EEE;}

#navigation, #content2,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#content2{
	overflow:hidden;
	width:640px;
	background-color:#EEE;
	position:relative;
	height:260px;
	float:left;
}
	#content2 h2{
		color:#EC0404;
		margin:20px 0pt;
		font-size:18px;
		border-bottom:#85A5FA 1px solid;
	}
	#content2 a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation{
	float:left;
	width:180px;
	height:260px;
	background-color:#FFF;
}
	#navigation .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation a{
			color:#333;
			font-weight:bolder;
			text-decoration:none;
			text-shadow:#00F 0 0 5px;
			opacity: 0.9;
		}				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation a.scrolling{
			color:#EC0404;
		}
.section{
	width:2900px;
	position:relative;
}
	.section ul {list-style-type:none; margin:0; padding:0;}

	.section .sub{
		position:relative;
		float:left;
		padding:9px 21px 42px 18px;
		width:587px;
		height:212px;
	}
		.section .sub p{
			/*width:550px;*/
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.section .sub p strong {font-size:14px;}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.section .next{
			right:30px;
		}
		.section .prev{
			left:30px;
		}

.otherProjects ul li {margin-bottom:10px;}