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




#Call_To_Action h1 {
	font-family: GothamRegular, Helvetica, Arial, Verdana, san-serif;	
	font-size:70px;
	color: black;
	margin:0px 0px 0px 0px;
	line-height:60px;
	font-weight:100;
	text-transform: capitalize; 
}

/* Main CSS */
.hidden{
	display:none;	
}
body{
	
	background-color:#fdfdfd /*#242424*/;
	margin:0px;
	/*background-image:url(../image/graphics/background-wood.jpg);*/
	background-repeat:repeat;
	font-family:GothamRegular, Helvetica, Arial, Verdana, san-serif;
	font-size:11px;
	color: #414141;
	font-weight: 200;
	
}
img {
	border:none;
}
a {
	/*color:red;*/
	text-decoration:none;
	font-family: Georgia;
	font-style:italic;
	color: #414141;
}
#Container {
	width:909px;
}
#HireMe {
	font-family: Georgia;
	text-transform: uppercase;
	background-color:black;
	color:gray;
	font-style:oblique;
	top:0px;
	height:30px;
	padding:1px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
#HireMe a {
	color:white;
	font-style:normal;
}
#Masthead {
	padding:30px 0px 0px 0px;
	width:909px;
}
#logo {
	margin: 50px 0px 0px 0px;
	display:inline;
	float:left;
	width:236px;
}
#logo img {
	float:right;
}
#Nav {
	display:inline;
	float:right;
	width:647px;
	padding: 5px 0px 0px 0px;
	font-family: Georgia;
	font-style:italic
	color: #a5a5a5;
	font-size:14px;
}
#nav a {
	color:#a9a3a3;
}
#nav a:visited { 
	color:#a9a3a3;
}

#nav a:active{ 
	color:#a9a3a3;
}
#Nav ul {
	margin:0;
	padding:0;
	
}
#Nav ul li {
	display:inline;
	
}
.Nav_Alpha {
	padding: 0px 150px 0px 0px;
	border-bottom: solid #efefef 4px;
		width:300px;

}
.Nav_Beta { 
	padding:0px 150px 0px 10px;
		width:198px;
}
.Nav_Gamma {
	padding:0px 150px 0px 10px;
		width:198px;
}
#Header {
	width:647px;
	padding:80px 0px 26px 266px;
}
#Header p {
	font-size:13px;
	line-height:20px;
}
#Introduction {
	padding:41px 0px 37px 0px;
}
#Introduction p {
	font-family: GothamRegular, Helvetica, Arial, Verdana, san-serif;
	font-size:18px;
	font-weight:200;
	line-height: 30px;
	margin:0px;
	color: black;
}

#Content_Header {
	height:35px;
	border-top:solid #efefef 1px;
	padding: 24px 0px 25px 0px;

}
#Content_Header h3 {
	font-family:  GothamRegular, Helvetica, Arial, Verdana, san-serif;
	font-size:37px;
	color:black;
	margin:0px;
	font-weight:100;
}
#Content_Header img {
	border:none;
}
.Individual_Projects {
	height:280px;
	padding-bottom:30px
}
.IP_Left {
	display:inline;
	float:left;
	border-top:solid #efefef 1px;
	padding-top:84px;
	width:236px;
}
.IP_Left h4 {
	font-family: GothamRegular, Helvetica, Arial, Verdana, san-serif;
	font-size:18px;
	text-align:right;
	color:#414141;
	margin:0px;
	font-weight:100;
}
.IP_Left img{
	float:right;
}
.IP_Left p, .IP_Right a {
	text-decoration:none;
	color:#FFF;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	color: #666666;
	margin:0px;
}
.IP_Right {
	display:inline;
	float:right;
	width:642px;
	/*position:relative;
	top: -90px;
	width:647px;
	padding-left:263px;*/
}
.IP_Right img {
	border: soild black 1px;
	border-top:solid black 4px;
}



.Individual_Projects_Next {
	height:200px;
	padding-bottom:30px
}
.IPN_Left {
	display:inline;
	float:left;
	width:236px;

}
.IPN_Left_Copy {
	width:200px;
	padding-left:36px;
}
.IPN_Left h4 {
	font-family: GothamRegular;
	font-size:18px;
	text-align:right;
	color:#414141;
	margin:0px;
	font-weight:100;
}
.IPN_Left img{
	float:right;
}
.IPN_Left p, .IPN_Right a {
	text-decoration:none;
	color:#414141;
	margin:0px;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
}
.IPN_Right {
	display:inline;
	float:right;
	width:642px;

}
.IPN_Right img {
	border: soild black 1px;
	border-top:solid black 4px;
}
.More_Link {
	text-align:right;
	text-decoration:none;
	font-color:#414141;
}
#Other_Projects{
	margin-top: 32px;	
}
.Row {
	height:81px;
}
.Row ul {
	padding: 0px 0px 0px 0px;
}
.Row ul li {
	display:inline;
	float:left;
	width: 136px;
	font-size:12px;
}
.Row ul li p {
	margin: 0px;
}
.Row_Alpha{
	margin: 0px 16px 0px 0px;

}
.Row_Beta{
	margin: 0px 16px 0px 16px;
	
}
.Row_Omega{
	margin: 0px 0px 0px 16px;
	
}
#Copy_Box {
	width: 216px;
	background-color:#f4f4f4;
	margin-left: 20px;
	border-top:solid black 4px;
	margin-bottom:20px;

}
#Copy_Box img {
	float:none;
		
}
#Copy_Area {
	padding:20px 20px 20px 20px;
}
#Copy_Area h2 {
	font-family: GothamRegular;
	color:#414141;
	margin: 0px 0px 0px 0px;
}
#Copy_Box p{
	text-align:left;
	padding: 0px 0px 10px 0px;	
}
#Copy_Box ul li {
	list-style-type:none;
}
#Copy_Box ul {
	padding:0px;
	padding:0px 0px 60px 0px;
}

#Project_Content {
	border-top:solid black 4px;
	margin-bottom: 70px;
	width:640px;
	font-family:Arial, Helvetica, sans-serif;	
}
#Project_Content img {
	border: none;
}
.Project_Content_Additional {
	color:black;
	padding: 0px 10px 0px 10px;
	font-size:12px;
	line-height: 15px;
}
#Project_Content_Additional img {
	border:none;
}
.Launch_Div {
	border-top: solid Black 1px;
	width:176px;
	padding: 7px 0px 0px 0px;
}
.Launch_Div img{
	padding: 0px 5px 0px 5px;	
}
#prevNext {
	float:right;
	padding-top: 0px;
	padding-bottom:10px;
}
.jFlowPrev {
	float:left;
	padding-right:10px;
	color:black;
	font-family:Georgia;
	font-style:italic;
}
.jFlowNext {
	float:right;
	padding:0px 5px 0px 10px;
	color:black;
	font-family:Georgia;
	font-style:italic;
}
#Contact_Area {
	margin-top:20px;
	width:640px;
	height:141px;
}
.Contact_Button {
	height:141px;
	display:inline;
	float:left;
}


.Contact_Alpha {
	margin-right:30px;	
}
.Contact_Beta {
	margin:0px 30px 0px 30px;
}
.Contact_Omega {
	margin-left:30px;
}
#About_Content {
	font-size:13px;
	margin-bottom: 30px;
	
	width:640px;
	font-family:Arial, Helvetica, sans-serif;	
}
#About_Content img {
	border: none;
}
#About_Me_Image {
	margin-bottom:30px;
}
#About_Site_header img{
	border:none;
	padding: 30px 0px 20px 0px;
}
#About_Site_Header h3 {
	font-family:DINOT;
	padding: 30px 0px 20px 0px;	
}
#Footer{
	background-color: none/*#f4f4f4*/;
	color:black;
	padding: 10px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	font-family: Gotham;
}
#footer a {
	color:white;
}
#FooterContent {
	width:640px;
	margin:0px 0px 0px 260px;
}	
#FooterPortrait {
	float:left;
	padding: 0px 0px 15px 20px;
}

#FooterAboutMe {
	margin:10px 9px 0px 170px;
}
#FooterAboutMe h1 {
	font-family:Geogria;
	font-style:italic;
	font-weight:100;
	margin-bottom:10px;
}
#FooterSocialContact ul li {
	display:inline;
	list-style-type:none;
	float:right;
	padding-right:7px;

}
#FooterIntro {
	border-top: solid gray 1px;
	font-size:13px;
	line-height:20px;
	padding-bottom:30px;
	font-weight:100;
}
#FooterIntro p {
	font-family:GothamRegular, Helvetica, Arial, Verdana, san-serif;
}
#FooterContactInfo ul {
	list-style-type:none;
	padding-left:0px;
	
}
#FooterContactInfo ul li {	
	display:inline;
	padding-right:27px;
	font-family:Georgia;
	font-style:italic;
}
#FooterContactIntro ul li a {
	color:white;
}


/* For img Animation */
.boxgrid{  
    width: 640px;  
    height: 182px;  
    margin:0px;  
    float:left;  
    background:#161613;   
    overflow: hidden;  
    position: relative; 
	border: solid black 0px;
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}

.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%; 
	padding: 0px 10px 0px 10px;
    opacity: .9;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  
} 
.boxcaption h2 {
	font-family: Georgia;
	font-style:oblique;
	font-weight:100;
	text-transform: normal;
	color: white;
	margin: 1px 0px 0px 0px;
}
.boxcaption img{
	margin: 4px 0px 40px 10px;
}
.Teaser_Copy {
	margin:10px 0px 0px 0px;
	font-size:12px;
	line-height:15px;
}
.Teaser_Copy {
	color:white;
}
	
/* Animation Start Position */	
.captionfull .boxcaption {  
    top: 155px;  
    left: 0px;  
}  
.caption .boxcaption {  
    top: 150px;  
    left: 0px;  
}