@charset "utf-8";
/* CSS Document */

body {
background:url(../Images/bgMain.jpg) repeat-x center top;
width:100%;
background-color:#343434;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
margin:0;
padding:0;
}

img {
border:none;
}

a {
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
}

.clear {
clear:both;
}
/*-- Site --*/
#container {
width:960px;
margin:0 auto;
padding:0;
}

/*-- Nav --*/
#navbar {
width:525px;
margin:0 auto;
padding:135px 56px 0 0;
}

#navbar li {
display:inline;
float:right;
}

#navbar a{
display:block;
text-align:center;
margin-left:0px;
padding:6px 20px;
text-decoration:none;
font-size:14px;
}

#navbar a:hover {
background:#ae0000;
}

/*-- Content --*/

#contentContainer {
width:960px;
margin:0 auto;
padding:0;
}

#contentLeft {
width:450px;
margin:0 auto;
padding:25px 0 0 60px;
line-height:20px;
float:left;

}

#contentRight {
width:410px;
margin:0 auto;
padding:25px 0 0 0;
float:right;
}

#contentList li {
display:block;
width:290px;
list-style-type:none;
border-top:1px dotted #535353;
padding:10px 10px;
}

#contentList li:first-child {
border-top:medium none;
padding:0px 10px 10px 10px;
}

#pageTitle {
height:48px;
padding: 10px 50px 0 0;
clear:both;
}

	.portfolioPiece {
	background:url(../Images/portfolioPieceBg.jpg) no-repeat center;
	height:227px;
	width:960px;
	margin:auto 0;
	padding:20px 0;
	float:left;
	}

		.portfolioPieceImg {
		float:right;
		width:630px;
		margin-top:38px;
		}
		
		.portfolioPieceSum {
		width:255px;
		height:175px;
		padding:26px 0 0 40px;
		overflow:hidden;
		float:left;
		}
	
		.portfolioPieceSum p {
		margin:0;
		padding:0;
		}
	
	.contactCard {
	background:url(../Images/contactCardBg.jpg) no-repeat left;
	height:327px;
	width:450px;
	margin:auto 0;
	padding:30px 30px 0 0;
	float:left;
	}
	
		.contactDetails {
		font:14px Verdana, Geneva, sans-serif bold;
		width:170px;
		height:280px;
		padding:24px 0 0 35px;
		overflow:hidden;
		}
	
		.contactDetails .title {
		display:block;
		width:170px;
		height:60px;
		}
		
		.contactDetails p {
		margin:0;
		padding:0;
		}
	
		.contactDetails ul {
		margin:0;
		padding:0;
		list-style:none;
		}

		.contactDetails li {
		display:block;
		margin:5px 0 0 0;
		padding:5px 0 5px 0;
		} 	

		.contactDetails li span {
		font-weight:bold;
		}

		.contactDetails li a {
		text-decoration:none;
		font-weight:bold;
		}

		.contactDetails li a:hover {
		text-decoration:none;
		color:#8d8d8d;
		}
		
.title {
font-family:Verdana, Geneva, sans-serif;
font-size:24px;
font-weight:bold;
}

.date {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#999;
}

.sum {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}

/*--Footer--*/
#footerArea {
background:url(../Images/bgFooter.jpg) repeat-x center top;
width:100%;
font:11px Arial, Helvetica, sans-serif;
color:#999;
margin:auto 0;
padding:0;
clear:both;
}

#footer {
width:960px;
margin:0 auto;
padding:25px 0 0 0;
}
	
	#footer a {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	}
	
	#footer a:hover {
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	}
	
	img.footer {
	padding:0 50px 15px 50px;
	}

#footerLeft {
float:left;
margin-bottom:10px;
}

#footerRight {
float:right;
margin-bottom:10px;
}