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


/* ------------------------------------------------------
HTML 
------------------------------------------------------ */

body {  
	margin: 0;
	text-align: left;
	padding: 0;
	font-family: Georgia, Palatino, serif;
	letter-spacing: 2px;
	color: #AAA;
	font-size: 10px;
	line-height: 10px;
}


A:visited {
	color: #333;
}		
			
A:link {
	color: #333;
}
		
A:active {
	color: #333;
}
					
A:hover {
	color: #333;
}
	
p {
	margin-top: 0px;
	margin-bottom: 0px;
}


ul {
	padding-left: 15px;
	margin-top: 0px;
	font-size: 10px;
}
	
/* ------------------------------------------------------
Text 
------------------------------------------------------ */
.title {
	color: #333;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.5;
}

.bio {
	line-height: 19px;
}
.contact_media {
	width: 191px;
	float: right;
	padding-left: 8px;
	margin-top: 36px;
}

.contact_media a {
	text-decoration: none;
	color: #666;
	line-height: 22px;
}

.nav_column {
	width: 91px;
	float: right;
	border-left: 1px dotted #999;
	padding-left: 8px;
}

.nav_column_wide {
	width: 191px;
	float: right;
	border-left: 1px dotted #999;
	padding-left: 8px;
}

.formlabel {
	font-weight: normal;
	line-height: 2;
}
	
/* ------------------------------------------------------
Images
------------------------------------------------------ */	
	
.media_icon {
	position: relative;
	top: 3px;
	margin-right: 8px;
}

/* ------------------------------------------------------
Dotted Rule
------------------------------------------------------ */	
.dots {
height:1px;
background-image:url(images/dots.gif);
background-repeat:repeat-x;
margin-top:5px;
margin-bottom:5px;
}
		
/* ------------------------------------------------------
Outer Container
------------------------------------------------------ */
#OuterContainer {
	width:100%;
	background-color: #ffffff;
}

/* ------------------------------------------------------
Wrapper
------------------------------------------------------ */
#Wrapper {
	width:820px;
	background-color: #FFFFFF;
	margin:0px auto;
}

/* ------------------------------------------------------
Navigation
------------------------------------------------------ */
/* This controls the surrounding div */
#Navigation {
	width:820px;
	height:60px;
	margin-top: 20px;
}

/* Navigation Top Menu */
#Navigation_TopMenu {
	width:400px;
	height: 40px;
	margin: 10px;
	float: right;
}

/* Navigation Top Logo */
#Navigation_TopLogo {
	width:205px;
	height: 40px;
	margin: 10px;
	float: left;
}

/* ------------------------------------------------------
Intro
------------------------------------------------------ */
/* This controls the surrounding div */
#Intro {
	width:820px;
	min-height:340px;
	overflow: visible;
}
/* Intro Columns */
#Intro_Left {
	width:400px;
	height: 310px;	
	float: left;
	clear: right;
	margin-top: 10px;
	margin-right: 11px;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;
	background-image: url(images/splash.jpg);
	background-repeat: no-repeat;

}
#Intro_Right {
	width:400px;
	float: left;
	margin-top: 10px;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;
}
/* ------------------------------------------------------
Content
------------------------------------------------------ */

/* Content Container */
#Content_Main {
	width:820px;
	min-height:130px;
	/*min-height:410px; float: left;
	clear: right;	left: 0px;
	top: 0px;	*/
	font-size:1em;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	overflow: auto;
	/*border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666; */
}

/* Content Container */
#Content_Contact {
	width:820px;
	min-height:130px;
	/*min-height:410px; float: left;
	clear: right;	left: 0px;
	top: 0px;	*/
	font-size:1em;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	overflow: auto;
	/*border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666; */
}

/* Content Columns */
#Content_Left {
	width:120px;
	float: left;
	clear: right;
	margin-top: 10px;
	margin-right: 11px;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;
}

#Content_Middle {
	width:120px;
	float: left;
	clear: right;
	margin-top: 10px;
	margin-right: 11px;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;	
}

#Content_Right {
	width:120px;
	float: left;
	clear: right;
	margin-top: 10px;
	margin-right: 11px;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;	
}

#Content_Thanks {
	width:400px;
	float: left;
	clear: right;
	margin-top: 10px;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;	
}

#Content_Image {
	width:375px;
	float: left;
	clear: right;
	margin-top: 10px;
	margin-right: 36px;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;	
}


/* ::: END ::: CONTENT ::: */

/* ------------------------------------------------------
Portfolio
------------------------------------------------------ */

/* Content Container */
#Folio_Wrapper {
	width:820px;
	overflow: auto;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 17px;
	color: #666;
}

.project_thumb {
	float:left;
	height:170px;
	margin-right:5px;
	position:relative;
	width:200px;
}

.project_thumb a {
	text-decoration: none;
}

.project_label {
	font-size: 11px;
	letter-spacing: 0px;
	margin-left: 10px;
	margin-top: 2px;
	color: #666;
}


.project_title {
	color: #666;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 14px;
	letter-spacing: 0px;
}

.thumb_title {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 14px;
	letter-spacing: 0px;
	margin-left: 10px;
}

.cardimgcrop { 
	width:200px;
	height:134px; 
	overflow:hidden; 
	position:relative; 
	text-align:center;
}


/* ------------------------------------------------------
Footer
------------------------------------------------------ */
#Footer {
	width:820px;
	height:20px;
	text-align: center;
	vertical-align: middle;
	color: #333;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	/*border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666; */
}

#Footer a {
	color: #666;
	text-decoration: none;
} 

#Footer a:active, #Footer a:hover {
	color: #666;
}