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

* {
	margin: 0;
	padding: 0;
}

a:focus {
	outline: none;	
}

a:link, a:visited {
	color: black;	
}

a img {
	border: none;	
}

html, body {
     height: 100%;
 }
 
 
 .wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -107px;
	 background: url(../images/body_bg.gif) repeat-x 0px 20px;
 }


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #c3d1da;
	width: 100%;
	overflow-x: hidden;
}

#header_img {
	background: url(../images/header.png) repeat-x;	
	height: 92px;
	width: 100%;
	position: absolute;
	z-index: 1;
}


#container {
	width: 1010px;
	margin: 0 auto;
}



/*HEADER PROPERTIES*/
#header {
	height: 92px;
}

	#header h1 {
		background: url(../images/logo.png) no-repeat;
		width: 325px;
		height: 80px;
		text-indent: -9999px;
		float: left;
		margin-top: 2px;
		margin-left: 57px;
		z-index: 2;
		position: relative;
	}
	
	#navigation {
		position: relative;
		top: 38px;	
		left: 161px;
		z-index: 2;
		position: relative;
	}
	
	#navigation li{
		float: left;
		list-style-type: none;
	}
	
/*	#navigation li a {
		width: 100%;
		height: 100%;
		display: block;
		text-indent: -9999px;
	}*/
	
	/*#home_btn {
		background: url(../images/home_btn.png) no-repeat;
		width: 78px;
		height: 39px;
	}
	
	#home_btn:hover {
		background: url(../images/home_btn_hover.png) no-repeat;
	}*/
	
	/*#projects_btn {
		background: url(../images/projects_btn.png) no-repeat;
		width: 98px;
		height: 39px;
	}
	
	#projects_btn:hover {
		background: url(../images/projects_btn_hover.png) no-repeat;
	}
	
	#about_btn {
		background: url(../images/about_btn.png) no-repeat;
		width: 82px;
		height: 39px;
	}
	
	#about_btn:hover {
		background: url(../images/about_btn_hover.png) no-repeat;
	}
	
	#contact_btn {
		background: url(../images/contact_btn.png) no-repeat;
		width: 99px;
		height: 39px;
	}
	
	#contact_btn:hover {
		background: url(../images/contact_btn_hover.png) no-repeat;
	}*/
	
	#navigation a * {
	  display: none;
	}
	
	#navigation a,
	#navigation a .hover {
	  height: 37px;
		position: relative;
		display: block;
		background: url(../images/main_nav.png) 0 0 no-repeat;
	}
	
	/* individual navigation items */
	#navigation a.home {
	  background-position: 0 0;
	  width: 78px;
	}
	
	#navigation .highlight a.home:hover,
	#navigation a.home .hover {
	  background-position: 0 -36px;
	  width: 78px;
	}
	
	#navigation a.projects {
	  background-position: -79px 0px;
	  width: 97px;
	}
	
	#navigation .highlight a.projects:hover,
	#navigation a.projects .hover {
	  background-position: -79px -36px;
	}
	
	#navigation a.about {
	  background-position: -178px 0px;
	  width: 81px;
	}
	
	#navigation .highlight a.about:hover,
	#navigation a.about .hover {
	  background-position: -178px -36px;
	}
	
	#navigation a.contact {
	  background-position: -260px 0;
	  width: 98px;
	}
	
	#navigation .highlight a.contact:hover,
	#navigation a.contact .hover {
	  background-position: -260px -36px;
	}
		
	

	
	
/*MAIN CONTENT PROPERTIES	*/

#main_content{
}
	#welcome_line_1 {
		background: url(../images/welcome_line_1.png) no-repeat;
		width: 760px;
		height: 41px;
		margin-left: 105px;
		margin-top: 44px;
		text-indent: -9999px;
	}
	
	#welcome_line_2 {
		background: url(../images/welcome_line_2.png) no-repeat;
		width: 586px;
		height: 35px;
		margin-left: 122px;
		margin-top: 5px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	
	#featured_project {
		overflow: hidden;
		position: relative;
		top: -10px;
	}
	
	#featured_project h2 {
		background: url(../images/featured_project_title.png) no-repeat;
		width: 224px;
		height: 22px;
		margin-left: 121px;
		margin-top: 38px;
		text-indent: -9999px;
		float: left;
	}
	
	#my_projects {
		overflow: auto;	
	}
	
	#my_projects h2 {
		background: url(../images/my_projects.png) no-repeat;
		width: 148px;
		height: 23px;
		margin-left: 121px;
		margin-top: 38px;
		text-indent: -9999px;
		margin-bottom: 19px;
	}
	
	#about_me, #contact_me {
		overflow: auto;	
	}
	
	#about_me h2 {
		background: url(../images/about_title.png) no-repeat;
		width: 296px;
		height: 28px;
		margin-left: 121px;
		margin-top: 36px;
		text-indent: -9999px;
		margin-bottom: 14px;
	}
	
	#resume {
		float: right;	
	}
	
	#about_me h4 {
		background: url(../images/resume.png) no-repeat;
		width: 92px;
		height: 21px;
		text-indent: -9999px;
		position: relative;
		top: -33px;
		left: -207px;
	}
	
	#about_me a {
		position: relative;
		top: -77px;
		left: -111px;	
	}
	
	#contact_me h2 {
		background: url(../images/contact_title.png) no-repeat;
		width: 328px;
		height: 28px;
		margin-left: 121px;
		margin-top: 36px;
		text-indent: -9999px;
		margin-bottom: 14px;
	}
	
	#project_details {
		overflow: hidden;	
	}
	
	#project_details h2 {
		overflow: auto;
		margin-left: 114px;
		margin-top: 33px;
		text-indent: -9999px;
		float: left;
		height: 25px;
	}
	
	#vacation_showcase_title {
		background: url(../images/vacation_showcase_title.png) no-repeat;
		width: 373px;
	}
	
	#pro_print_title {
		background: url(../images/pro_print_title.png) no-repeat;
		width: 245px;
	}
	
	#cal_title {
		background: url(../images/cal_title.png) no-repeat;
		width: 495px;
	}
	
	#auction_title {
		background: url(../images/auction_title.png) no-repeat;
		width: 397px;
	}
	
	#order_title {
		background: url(../images/order_title.png) no-repeat;
		width: 438px;
	}
	
	#astair_title {
		background: url(../images/astair_title.png) no-repeat;
		width: 397px;
	}
	
	#project_preview_area {
		margin-left: 125px;	
	}
	
	.project_preview {
		width: 233px;
		float: left;
		margin-right: 38px;
		margin-bottom: 40px;
	}
	
	.preview_title {
		font-weight: bold;	
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.preview_description {	
		width: 209px;
	}
	
	/*#more_info_btn {
		background: url(../images/more_info_btn.png) no-repeat;
		width: 124px;
		height: 30px;
		display: block;
		float: right;
		margin-right: 116px;
		margin-top: 33px;
		text-indent: -9999px;
	}
	
	#more_info_btn:hover {
		background: url(../images/more_info_btn_hover.png) no-repeat;
	}*/
	
	
	.more_info_btn {
		position:relative;
		display:block;
		height: 30px;
		width: 124px;
		background:url(../images/more_info_btn_sprite.png) 0 0 no-repeat;
		float: right;
		margin-right: 116px;
		margin-top: 33px;
	}
	
	.more_info_btn * {
	  display: none;
	}
	
	.more_info_btn span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 124px;
		background:url(../images/more_info_btn_sprite.png) 0 -29px no-repeat;
	}
	
	#launch_site_btn {
		position:relative;
		display:block;
		height: 30px;
		width: 132px;
		background:url(../images/launch_site_btn_sprite.png) 0 0 no-repeat;
		float: right;
		margin-right: 116px;
		margin-top: 33px;
	}
	
	#launch_site_btn * {
	  display: none;
	}
	
	#launch_site_btn span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 132px;
		background:url(../images/launch_site_btn_sprite.png) 0 -29px no-repeat;
	}
	
	
	
	
	
	
	
	
	
	
/*	#launch_site_btn {
		background: url(../images/launch_site_btn.png) no-repeat;
		width: 132px;
		height: 30px;
		display: block;
		float: right;
		margin-right: 116px;
		margin-top: 33px;
		text-indent: -9999px;
	}
	
	#launch_site_btn:hover {
		background: url(../images/launch_site_btn_hover.png) no-repeat;
	}*/
	
	#slideshow_img {
		width: 771px;
		height: 196px;
	}
	
	#project_details img {
		width: 771px;
		height: 196px;
	}
	
	#aboutme_img {
		width: 771px;
		height: 196px;
		margin-left: 122px;
		margin-top: 0px;
	}
	
	#aboutme_area {
		margin-left: 123px;
		overflow: auto;
		margin-bottom: 30px;
	}
	
	#aboutme_par_1 {
		width: 385px;
		float: left;
	}
	
		#aboutme_par_1 h3{
			background: url(../images/aboutme_line_1.png) no-repeat;
			width: 171px;
			height: 21px;
			margin-left: -5px;
			margin-top: 20px;
			text-indent: -9999px;
			margin-bottom: 10px;	
		}
		
		#aboutme_par_1 p{
			width: 288px;
			margin-bottom: 10px;
		}
		
	#aboutme_par_2 {
		width: 407px;
		float: left;
	}
	
		#aboutme_par_2 h3{
			background: url(../images/aboutme_line_2.png) no-repeat;
			width: 327px;
			height: 25px;
			margin-left: -10px;
			margin-top: 20px;
			text-indent: -9999px;
			margin-bottom: 10px;	
		}
		
		#aboutme_par_2 p{
			width: 357px;
			margin-bottom: 10px;
		}
	
	
	
	
	.first_column {
		width: 400px;
		margin-left: 123px;
	}
	
	.second_column {
		width: 402px;
	}
	
	#project_title {
		float: left;
		margin-top: 23px;
		margin-bottom: 40px;
	}
		#project_title h3 {
			background: url(../images/auction_title_small.png) no-repeat;
			width: 322px;
			height: 19px;
			margin-left: -6px;
			margin-top: 0px;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		#project_title p {
			width: 294px;	
		}
		
	#project_description {
		float: left;
		margin-top: 23px;
		margin-bottom: 54px;
	}
	
		#project_description h3 {
			background: url(../images/project_description.png) no-repeat;
			width: 195px;
			height: 18px;
			margin-left: -3px;
			margin-top: 0px;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		#project_description p {
			width: 360px;	
		}
		
	#my_role {
		float: left;
		
	}
	
		#my_role h3 {
			background: url(../images/my_role.png) no-repeat;
			width: 79px;
			height: 17px;
			margin-left: -3px;
			margin-top: 0px;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		#my_role p {
			width: 294px;	
		}
		
	#special_features {
		float: left;
		margin-top: 23px;
	}
	
		#special_features h3 {
			background: url(../images/special_features.png) no-repeat;
			width: 166px;
			height: 19px;
			margin-left: -3px;
			margin-top: 0px;
			text-indent: -9999px;
			padding-bottom: 10px;
		}
		
		#special_features p {
			width: 360px;
		}




	#first_column_details {
		width: 365px;
		float: left;
		margin-left: 123px;
	}
	
	#second_column_details {
		width: 402px;
		float: left;
	}



	#project_description_details {
		margin-top: 23px;
	}
		#project_description_details h3 {
			background: url(../images/project_description.png) no-repeat;
			width: 195px;
			height: 18px;
			margin-left: -3px;
			margin-top: 0px;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		#project_description_details p {
			width: 294px;
			padding-bottom: 25px;
		}
		
		
		
	
		
		
		
	#my_role_details {
		
	}
	
		#my_role_details h3 {
			background: url(../images/my_role.png) no-repeat;
			width: 79px;
			height: 17px;
			margin-left: -3px;
			margin-top: 0px;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		#my_role_details p {
			width: 294px;	
			padding-bottom: 25px;
		}
		
	#special_features_details {
		margin-bottom: 35px;
	}
	
		#special_features_details h3 {
			background: url(../images/special_features.png) no-repeat;
			width: 166px;
			height: 19px;
			margin-left: -3px;
			margin-top: 0px;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		#special_features_details p {
			width: 294px;	
			padding-bottom: 25px;
		}

	#technologies_used_details {
		margin-top: 23px;
		margin-bottom: 20px;
	}
		#technologies_used_details h3 {
			background: url(../images/technologies_used.png) no-repeat;
			width: 201px;
			height: 23px;
			margin-left: -3px;
			margin-top: 0px;
			text-indent: -9999px;
			margin-bottom: 10px;
		}	
		
		#technologies_used_details ul {
			margin-left: 35px;
			line-height: 25px;
			list-style-image: url(../images/bullet.png);
		}










/*FOOTER PROPERTIES	*/
 .footer, .push {
     height: 107px;
 }
 .footer {
	background: url(../images/footer.png)repeat-x; 
 }

	#footer_container {
		width: 1010px;
		margin: 0 auto;
	}

	.footer h4 {
		background: url(../images/contact_links_title.png) no-repeat;
		width: 178px;
		height: 19px;
		text-indent: -9999px;
		text-align: center;
		margin-bottom: 10px;
		margin-left: 12px;
	}
	
	#contact_links {
		float: right;
		width: 190px;
		margin-right: 115px;
		padding-top: 10px;
	}
	
	#footer_nav {
		width: 300px;
		margin: 0 auto;
	}
	
	#footer_nav li {
		list-style-type:none;
	}
	


	
	#blogspot, #flickr, #linkedin {
		position:relative;
		display:block;
		height: 37px;
		width: 36px;
		float: left;
		margin-left: 24px;
	}
	
	#blogspot *, #flickr * {
  		text-indent: -9999px;
	}
	
	#blogspot span.hover, #flickr span.hover, #linkedin span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 37px;
		width: 36px;
	}
	
	/*LinkedIn Button*/
	#linkedin {
		background:url(../images/social_buttons_sprite.png) -72px 0 no-repeat;	
	}
	
	#linkedin span.hover {
		background:url(../images/social_buttons_sprite.png) -72px -37px no-repeat;	
	}
	
	#linkedin_txt {
		width: 59px;
		height: 17px;
		margin-top: 41px;
		margin-left: -10px;
	}	
	
	
	
	/*Flickr Button*/
	#flickr {
		background:url(../images/social_buttons_sprite.png) -36px 0 no-repeat;	
	}
	
	#flickr span.hover {
		background:url(../images/social_buttons_sprite.png) -36px -37px no-repeat;	
	}
	
	#flickr_txt {
		width: 33px;
		height: 10px;
		margin-top: 44px;
		margin-left: 2px;
	}
	
	
	/*Blogspot Button*/
	#blogspot {
		background:url(../images/social_buttons_sprite.png) 0 0 no-repeat;	
	}
	
	#blogspot span.hover {
		background:url(../images/social_buttons_sprite.png) 0 -37px no-repeat;	
	}
	
	#blogspot_txt {
		width: 59px;
		height: 17px;
		margin-top: 40px;
		margin-left: -10px;
	}
	
	



/*Slideshow Area Properties*/
.slideshow_area {
	width: 771px;
	height: 196px;
	margin-top: 80px;
	margin-left: 122px;
}

/*Slideshow Button Properties*/
.nextbtn, .prevbtn, .feat_nextbtn, .feat_prevbtn {
	position: relative;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
}

.nextbtn, .feat_nextbtn {
	top:-177px;
	left: 719px;
	width: 53px;
	height: 157px;
}

.prevbtn, .feat_prevbtn {
	top:-334px;
	left: 0px;
	width: 53px;
	height: 157px;
}

.nextbtn:hover {
	background: url(../images/hover_next2.png) no-repeat;
}

.prevbtn:hover {
	background: url(../images/hover_prev2.png) no-repeat;
}

.feat_nextbtn:hover {
	background: url(../images/hover_next_light.png) no-repeat;
}

.feat_prevbtn:hover {
	background: url(../images/hover_prev_light.png) no-repeat;
}