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


/****************************
*	Text Content
*****************************/
img#pageTitle{
	position:relative;
	
	clear:both;
	
	margin-top:19px;
	left:21px;
}

div.TextContent{
	position:relative;
	width:398px;
	
	margin-top:17px;
	margin-bottom:17px;
	left:21px;
	
	float:left;
	
	line-height:18px;
	
	padding-right:40px;
	
	font-size:13px;



}

/*****************************
* 	Samples Content
*****************************/

div.SamplesContent{
	position:relative;
	width:415px;


	
	top:0px;
	right:20px;
	
	float:right;
	
	margin-top:17px;
	margin-bottom:17px;
	
	z-index:10px;

	
	min-height:350px;



}

div.SampleBoxs{
	position:relative;
	margin-bottom:15px;

	
	clear:both;
	
}

div.SampleImage{
	position:relative;
}

img.SampleImage{
	position:relative;
	border:none;
}

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

a.DescriptionLink:hover{

}

/****************************
*	Back To Top
*****************************/

div#backBox{
	position:relative;
	float:right;
}

a#toTopLink{
	position:relative;
	clear:both;
	color:#000000;
	text-decoration:none;
	font-size:13px;
	margin-bottom:25px;
}

a#toTopLink:hover{
	color:#969696;
}

img#toTopImage{
	padding-top:5px;
	border:none;
}

/****************************
*	Archive Link
*****************************/

div#archiveBox{
	position:relative;
	float:left;
	padding-top:8px;
}

a#archiveLink{
	position:relative;
	clear:both;
	color:#000000;
	text-decoration:none;
	font-size:13px;
	margin-bottom:25px;
}

a#archiveLink:hover{
	color:#969696;
}


/*****************************
* 	Projects Content
*****************************/

div#displayProjects{
	position:relative;
	
	float:left;
	left:20px;
	margin:0px;
	padding:0px;

}

div.ProjectBoxs{
	position:relative;
	
	height:415px;
	margin-bottom:40px;

	clear:both;
	
	border-top:#969696 1px solid;
	
	
}
div.ProjectImage{
	position:relative;
	float:right;
	padding-top:20px;

}

div.ProjectSettings{
	position:relative;
}

div.ProjectContent{
	position:relative;
	margin-top:20px;
	
	width:394px;
	height:170px;
	
	padding-bottom:12px;
	
	overflow:hidden;
	
	border-bottom:#000000 1px solid;
	
	
	
}

div.Project{
	position:relative;
	width:860px;
	margin-bottom:15px;


	
	clear:both;

	
}


img.ProjectImage{
	position:relative;
	border:none;
}

div.ProjectDate{
	position:relative;
	color:#969696;
	font-size:11px;
	padding-top:20px;
}

div.ProjectTitle{
	position:relative;
	margin-top:13px;
	font-size:17px;
	font-weight:bold;
}

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

a.TitleLink:hover{

}


/**********************
*	Home Page
***********************/

div#homeImageBox{
	position:relative;
	width:235px;
	height:159px;
	
	margin-top:20px;
}

div#homeTextContent{
	position:relative;
	width:390px;
	height:195px;
	

}	

div#hpBox{
	position:relative;

	margin-top:28px;

}

div#hpTop{
	position:relative;
	margin:0px;
	padding:0px;
	
	padding-bottom:0px;
	
	clear:both;	

}

div#hpImageBox{
	position:relative;
	float:left;
	padding-left:20px;

	
}



div#previewArea{
	position:relative;
	clear:both;
	width:900px;

	padding-top:44px;

}

div.PreviewBox{
	position:relative;
	float:left;
	width:200px;
	height:345px;
	padding-left:20px;

	overflow:hidden;

}

div#preview_top{
	position:relative;
	float:left;
	height:165px;
	padding-left:20px;
	padding-top:0px;
	


}


div.PreviewTitle{
	position:relative;
	margin-top:0px;
}


div.PreviewImage{
	position:relative;
	margin-top:14px;
}

div.PreviewContent{
	position:relative;
	margin-top:14px;
	
	height:122px;

}

a.ReadMore{
	position:relative;
	color:#969696;
	text-decoration:none;
}

a.ReadMore:hover{
	text-decoration:underline;
}

div#hpContent{
	position:relative;
	width:365px;
	
	float:left;
	
	padding-left:20px;
	padding-right:20px;

}

div#homePreview{
	position:relative;
}	

div#homeReadMore{
	position:relative;
	display:none;

}