@charset "UTF-8";
/* CSS Document 
 * 
 * COLOR TEMPLATE
 * ORANGE #b06113
 * LIGHT BLUE #3a5871
 * 
 * */

@import url("reset.css");


body{
	margin: 0px;
	padding: 0; 
	background: #3a5871 url(../../images/bkgd.jpg) repeat-x 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #3a5871;
	line-height: 20px;
}

/* IDs
  ---------------------------------------------------------------------*/ 
#wrapper{
	position: relative;
	clear: both;
	width: 1054px;
	height:auto;
	margin: 0 auto;
}
#contentContainer{
	position: relative;
	float:left;
	width: 956px;
	height: auto;
	border-right: 2px solid #b06113;
	border-bottom: 2px solid #b06113;
	border-left: 2px solid #b06113;
	margin: 0px 48px 50px 46px;
}
#header{
	position: relative;
	float:left;
	width: 956px;
	height: 58px;
	border-bottom: 2px solid #b06113;
}
#headCode{
	position: relative;
	float: right;
}
#navContainer{
	position:relative;
	float: left;
	width: 956px;
	height: 44px;
	background: #ffffff url(../../images/nav-bkgd.png) repeat-x 0px 0px;
	border-bottom: 2px solid #b06113;
}
#nav li{
	position: relative;
	float: left;
	height: 44px;
	line-height: 44px;
}
#nav li a{display: block; height: 44px; line-height: 44px; background: url(../../images/nav-ov-bkgd.png) repeat-x 0px -44px; text-align: center; color: #4a4b4c; text-decoration: none !important;}
#nav li a:hover,#nav li a.current{display: block; height: 44px; line-height: 44px; background: url(../../images/nav-ov-bkgd.png) repeat-x; color: #fff;}
#nav a#home {width: 73px; background-position: 0px -44px;}
#nav a#home:hover,#nav a#home.current{width: 73px; background-position: 0px 0px;}
#nav a#portfolio {width: 113px; background-position: -75px -44px;}
#nav a#portfolio:hover,#nav a#portfolio.current{width: 113px; background-position: -75px 0px;}
#nav a#contact {width: 92px; background-position: -190px -44px;}
#nav a#contact:hover,#nav a#contact.current{width: 92px; background-position: -190px 0px;}
#nav a#resume {width: 93px; background-position: -285px -44px;}
#nav a#resume:hover,#nav a#resume.current{width: 93px; background-position: -285px 0px;}

#featuredProjects{
	position:relative;
	float: left;
	width: 956px;
	height: 282px;
	background-color: #fff;
}
#featuredList li{
	position:relative;
	float: left;
	clear: left;
	width: 364px;
	height: 92px;
	background-color: #fff;
	border-bottom: 2px solid #b06113;
	line-height: 16px;
	color: #333;
}
#featuredList li span{color: #3a5871;}
#featuredList li a{text-decoration:none; display: block;
	width: 344px;
	height: 32px;
	padding: 30px 10px;
	text-align: right;
	border-right: 2px solid #b06113;
	border-bottom: 2px solid #b06113;}
#featuredList li a.current{background: url(../../images/featured-bkgd.png);width: 346px;
	border-right: none;}
#featuredList li a.current span{color: #fff;}
#featuredItem{
	position:relative;
	float: right;
	width: 590px;
	height: 280px;
	border-bottom: 2px solid #b06113;
}
#bodyContainer{
	position: relative;
	float: left;
	width: 926px;
	height: auto;
	background: #f6f4f0 url(../../images/body-bkgd.png) repeat-x 0px 0px;
	border-bottom: 2px solid #b06113;
	padding: 15px 15px 30px 15px;
}
#homeContent{position: relative; float: left; display: block; height:auto; z-index: 100;}
#portfolioContent{position: relative; float: left; clear:both; height: auto;}
#aboutMe{position: relative; float:right; width:500px; padding: 0px 40px; margin: 34px 0px 0px 0px; background: url(../../images/line-numbers.png) no-repeat 20px 13px;}
#aboutMe p{margin: 15px 0px 15px 20px;}
#tweets{
	position: relative;
	float: left;
	clear: left;
	width: 336px;
	min-height: 245px;
	height: auto !important;
	height: 245px;
}
#tweets ul li{
	padding: 0px 0px 10px 51px;
	background:url(../../images/twitter-icon.png) no-repeat 0px 0px;
}
#footerContainer{
	position: relative;
	float:left;
	width: 956px;
	height: 28px;
	font-size: 11px;
	line-height: 28px;
	color: #b06113;
	text-align: center;
	background-color: #f6f4f0;
}
#pageslide-slide-wrap{
	position: relative;
	float: left;
	width: 350px;
	background: #f6f4f0 url(../../images/body-bkgd.png) repeat-x 0px 0px;
	border-right: 2px solid #b06113;
	margin-left: -2px;
	/*
border-right: 2px solid #b06113;
	border-bottom: 2px solid #b06113;
	padding: 15px 20px 30px 15px;
*/
}
#contactContainer{
	position: fixed; 
	top: 0px; 
	width: 350px;
	height: 100%; 
	margin-left: -400px;
	background: #f6f4f0 url(../../images/body-bkgd.png) repeat-x 0px 0px;
	padding: 15px 20px 30px 15px;
	border-right: 2px solid #b06113;
	z-index: 999;
}
#contactContainer form{position: relative; float: left; width: 100%; height: auto; background: url(../../images/address-book.png) no-repeat bottom; padding-bottom: 325px;}
#closeSlide{position:absolute; right: -15px; top: -1px;}
#contactContainer label, #contactContainer input, #contactContainer textarea{position: relative; float: left; width: 300px; margin: 5px 0px; clear: both; font-size: 14px; color: #3a5871; line-height: 16px;}
#contactContainer input, #contactContainer textarea{width: 100%; margin-top: 0px;border:1px solid #3a5871; background-color:#fff;}
#contactContainer span{color: #b06113; font-size: 12px;}
#contactContainer h1{margin: 10px 0px;}

label.error{width: 275px; color:#b06113!important; margin: 0px 0px 5px 0px!important;}

/* Project Details
  ---------------------------------------------------------------------*/
.moreProjInfo { position: relative; float: left;}
.projectDetails h3 { position: relative; float: left; display: block; width: 842px; height: auto; background: #F6F4F0; margin: 10px 0px 0px 0px; padding: 5px 10px; border: 3px dashed #b06113; color: #3a5871;}
.disclaimer{width: 845px; text-align: right; font-size: 8px; font-style: italic;}

/* Classes
  ---------------------------------------------------------------------*/
.zeroTopMargin{
	margin-top: 0px !important;
}
.floatLeft{
	position:relative;
	float: left;
}
.juitterAvatar{display: none;}
/*
.currentContent, .currentContent h1{color: red !important;}
*/
.lastInRow{margin: 10px 0px 21px 10px !important;}
#portfolioContainer{position:relative; float: left; clear: both; width: 926px; height: auto; margin: 30px 0px;}
.portfolioProject{
	position:relative;
	float: left;
	width: 280px;
	height: auto;
	display: block;
	/*padding: 10px;
	
border: 2px solid #b06113;
*/
	margin: 10px 21px 21px 10px;
	background: #b06113;
	/*
overflow: hidden;
*/
}
.portfolioProject img{
	position: relative;
	float: left;
	border: 2px solid #3a5871;
}
.portfolioProject p{float: right; display: block;clear: none !important;width: /*583*/0px !important; height:200px; color: #fff; background: #b06113; margin: 0px !important; overflow: hidden; }
.portfolioProject h2{clear:left; width: 280px; background: #3a5871; color: #fff; font-size: 14px; text-align: center; line-height:30px; height:30px;}
.selectedProject{width: 885px; z-index: 1000; display: block;}
.selectedProject p{clear: none !important; width: 583px !important; height: auto; display: block; padding: 10px;border: 2px solid #3a5871; border-left: 0px;}
.selected{margin-bottom: 0px!important; /*height:255px;*/background: #b06113;}
.selected img{border: 2px solid #b06113;} 
.selected h2{background: #b06113;}
.projectDetails{position: relative; float: left; display: none; clear:both; width: 882px; height: auto; background: #b06113; color: #fff; padding: 10px; margin: 0px 10px 11px 10px;}
.projectChoices{position: absolute; left: 2px; top: 2px; width:142px; height:76px; display: none; padding: 62px 67px;}
.projectOverlay{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #b06113; z-index: 1;}


/* Text
  ---------------------------------------------------------------------*/
h1{
	position: relative;
	float:left;
	width: auto;
	height: auto;
	clear: left;
	color: #b06113;
	font-size: 32px;
	font-weight: normal;
	line-height: 34px;
	letter-spacing: 1px;
}
h2{
	position: relative;
	float: left;
	display: block;
	width: auto;
	height: auto;
	color: #b06113;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	letter-spacing: 2px;
}
p{
	position: relative;
	float: left;
	display: block;
	clear: both;
	width: 100%;
	height:auto;
	margin: 5px 0px 5px 0px;
}
/* Links
  --------------------------------------------------------------------- */
  
a:link,
a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #b06113;
	line-height: 20px;
	text-decoration: none;
}
a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #b06113;
	line-height: 20px;
	text-decoration: underline;
}

.projectChoices a{position: relative; float: left; clear: left; width: 96px; height: 38px; display: block; background: url(../../images/project-choices-button.png) no-repeat 0px 0px; text-align: center; color: #fff !important; padding: 0px 34px 0px 12px; line-height: 38px; text-decoration: none; z-index: 2;}
.projectChoices a.moreInfo{background-position: -142px 0px;}
.projectChoices a:hover{background-position: 0px -38px;}
.projectChoices a.moreInfo:hover{background-position: -142px -38px;}

/*CSS rollover example
  --------------------------------------------------------------------- */
/*a.sideLinks{
	position: relative;
	float: left;
	width: 200px;
	height: 120px !important;
	background: url(../../images/side-btn-bkgd.jpg) no-repeat #fff 0px 0px;
	border: 1px solid #185427;
	margin: 0px 0px 12px 0px;
	text-indent: -9000px;
}
a.sideLinks img{
	position: absolute;
	left: 0px;
	top: 0px;
}
a.sideLinks:link,
a.sideLinks:visited,
a.sideLinks:active{
	width: 200px;
	height: 120px;
	background: url(../../images/side-btn-bkgd.jpg) no-repeat #fff 0px 0px;
}
a.sideLinks:hover{
	width: 200px;
	height: 120px;
	background: url(../../images/side-btn-bkgd.jpg) no-repeat #fff 0px -120px;
}*/