html, body{
	height: 100%;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	color: black;
	padding: 0px;
	margin: 0px;
}
/*html{
	overflow-y: scroll;
}*/

/*---Texts---*/
p{
	line-height: 1px; 
	margin: 0px;
	padding: 0px;
}
a{
	color: black;
	text-decoration: underline;
	outline: none;
}
h1{
	font-size: 12px;
	font-weight: normal;
}
h2{
	font-size: 12px;
	font-weight: bold;
}

/*--images--*/
img{
	border-style: none;
}

/*---General Divs---*/
#container{
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#top_container{
	background-color: #292929;
	width: 100%;
	height: 55px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#top{
	width: 935px;
	margin: 0 auto;
	padding: 0px;
}
#logo{
	width: 119px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#top_links{
	width: 635px;
	margin-top:27px;
	float: right;
}
.top_link{
	margin-right: 45px;
	color: #b3b3b3;
	float: left;
}
#top_link_last{
	margin-right: 0px;
	float: left;
	color: #b3b3b3;
}
.top_link a, #top_link_last a{
	color: white;
	text-decoration: none;
}
#content_container{
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#content{
	width: 935px;
	padding: 35px 0px 0px 0px;
	margin: 0 auto;
}
#page_title{
	width: 935px;
	margin-bottom: 40px;
	float: left;
}

/*---home---*/
#home_header_container{
	background: url(images/home/background_pixel.gif);
	width: 100%;
	height: 373px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#home_header{
	width:935px;
	height: 373px;
	margin: 0 auto;
	padding: 0px;
}
/*--columns--*/
#first_column{
	width: 265px;
	margin-right: 49px;
	float: left;
}
#second_column{
	width: 310px;
	margin-right: 49px;
	float: left;
}
#third_column{
	width: 260px;
	float: left;
}
.column_item{
	margin-bottom: 30px;
	float: left;
}
.first_column_header{
	background: url(images/home/stroke_pixel.gif);
	width: 265px;
	height: 20px;
	float: left;
}
.second_column_header{
	background: url(images/home/stroke_pixel.gif);
	width: 310px;
	height: 20px;
	float: left;
}
.third_column_header{
	background: url(images/home/stroke_pixel.gif);
	width: 260px;
	height: 20px;
	float: left;
}
.column_title{
	float: left;
}
/*--about--*/
#about_text{
	width: 265px;
	float: left;
	padding-top: 10px;
}
/*--links--*/
.link{
	padding: 10px 0px 0px 0px;
	float: left;
}
.link_title{
	width: 265px;
	float: left;
}
.link_description{
	width: 265px;
	padding-bottom: 10px;
	float: left;
}
.link_divider{
	background: url(images/home/divider_pixel.gif);
	width: 265px;
	height: 1px;
	float: left;
}
.link_category{
	width: 265px;
	font-size: 11px;
	color: #b3b3b3;
	float: left;
}
/*--showcases--*/
#portfolio_link{
	line-height: 12px;
	float: right;
}
.showcase{
	width: 310px;
	padding: 10px 0px 0px 0px;
	float: left;
}
.showcase_icon{
	float: left;
	margin-right: 5px;
}
.showcase_text{
	width: 260px;
	float: right;
}
.showcase_title{
	width: 255px;
	float: left;
}
.showcase_description{
	width: 260px;
	padding-bottom: 10px;
	float: left;
}
.showcase_divider{
	background: url(images/home/divider_pixel.gif);
	width: 310px;
	height: 1px;
	float: left;
}
/*--must see--*/
.must_see_item{
	padding: 10px 0px 0px 0px;
	float: left;
}
.must_see_title{
	width: 260px;
	float: left;
}
.must_see_description{
	width: 260px;
	padding-bottom: 10px;
	float: left;
}
.must_see_divider{
	background: url(images/home/divider_pixel.gif);
	width: 260px;
	height: 1px;
	float: left;
}
.must_see_picture{
	float: left;
}

/*--footer--*/
#footer_container{
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#footer{
	width:935px;
	height: 80px;
	padding: 30px 0px 10px 0px;
	margin: 0 auto;
	border-top: 1px solid black;
}
#int_footer{
	width:935px;
	height: 80px;
	padding: 30px 0px 10px 0px;
	margin: 0 auto;
}
#footer_links{
	float: left;
}
.footer_link{
	margin-right: 45px;
	float: left;
	color: #b3b3b3;
}
#footer_link_last{
	margin-right: 0px;
	float: left;
	color: #b3b3b3;
}
.footer_link a, #footer_link_last a{
	text-decoration: none;
}
#footer_credit{
	float: right;
}

/*--portfolio--*/
#portfolio_container{
	background-color: #8bba00;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#portfolio_content{
	width: 935px;
	padding: 15px 0px 0px 0px;
	margin: 0 auto;
	color: white;
}
#portfolio_content a{
	color: white;
}
#left_column{
	width: 200px;
	margin-right: 45px;
	float: left;
}
.project_item{
	width: 200px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	float: left;
}
.project_item a{
	text-decoration: none;
	font-weight: normal;
}
.project_item_divider{
	background: url(images/portfolio/divider_pixel.gif);
	width: 200px;
	height: 1px;
	float: left;
}
#page_illustration{
	width: 202px;
	height: 285px;
	margin-top: 80px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
}
#right_column{
	width: 690px;
	float: left;
}
#project_preview{
	background-color: #a2c833;
	width: 670px;
	margin-bottom: 20px;
	padding: 10px;
	float: left;
}
#project_description{
	width: 670px;
	float: left;
}
#project_link{
	background-color: #5c7b00;
	width: 670px;
	padding: 10px;
	font-weight: bold;
}

/*--about me--*/
#about_container{
	background-color: #ff3399;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#about_content{
	width: 935px;
	padding: 15px 0px 0px 0px;
	margin: 0 auto;
	color: white;
}
#about_content a{
	color: white;
}
#about_left_column{
	width: 570px;
	margin-right: 55px;
	float: left;
}
#about_right_column{
	width: 310px;
	float: left;
}
#faq_header{
	background: url(images/about_me/stroke_pixel.gif);
	width: 310px;
	height: 20px;
	float: left;
}
#faq_title{
	float: left;
}
.faq_item{
	padding: 10px 0px 0px 0px;
	float: left;
}
.faq_item_title{
	font-weight: bold;
	width: 265px;
	float: left;
}
.faq_item_description{
	width: 310px;
	padding-bottom: 10px;
	float: left;
}
.faq_divider{
	background: url(images/about_me/divider_pixel.gif);
	width: 310px;
	height: 1px;
	float: left;
}
#about_illustration{
	width: 312px;
	height: 352px;
	margin-top: 50px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
}
/*--recommendations-*/
#rec_container{
	background-color: #ad069f;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#rec_content{
	width: 935px;
	padding: 15px 0px 0px 0px;
	margin: 0 auto;
}
.recommendation{
	width: 935px;
	margin-bottom: 30px;
	float: left;
}
.rec_top{
	width: 935px;
	height: 25px;
	float: left;
}
.rec_content{
	background-color: #f7e7f6;
	width: 895px;
	padding: 0px 20px 0px 20px;
	float: left;
}
.rec_bottom{
	width: 935px;
	height: 93px;
	float: left;
}
/*--contact me--*/
#contact_container{
	background-color: #ffcc00;
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
#contact_content{
	width: 935px;
	padding: 15px 0px 0px 0px;
	margin: 0 auto;
}
#contact_left_column{
	width: 500px;
	margin-right: 50px;
	float: left;
}
#contact_right_column{
	width: 381px;
	float: right;
}
#contact_illustration{
	width: 381px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
	vertical-align: bottom;
	height: 359px;
}
#left_form{
	width: 100px;
	text-align: right;
	margin-right: 5px;
	float: left;
}
#right_form{
	width: 300px;
	float: left;
}
.form_row{
	width: 450px;
	float: left;
}
.inputtext{
	width: 100px;
	margin-bottom: 10px;
	float: left;
}
.inputfield{
	width: 300px;
	margin-bottom: 3px;
	float: left;
}
textarea{
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
}

/*--tumblr--*/
#tumblr_preview{
	width: 260px;
	float: left;
}	
#tumblr_image{
	width: 250px;
	margin-bottom: 5px;
}
#tumblr_caption{
	width: 250px;
	margin-bottom: 15px;
}
#tumblr_caption p{
	line-height: 18px;
}
#tumblr_link{
	width: 250px;
	margin-bottom: 15px;
}

/*--IE6--*/
*html #home_header_container {
	background-repeat: repeat-x;
}
*html .link_divider, .must_see_divider, .showcase_divider, .project_item_divider, .faq_divider{
	background-repeat: repeat-x;
}
*html #right_column{
	width: 680px;
}
*html #left_column{
	width: 180px;
	margin-right: 35px;
}
*html .project_item{
	padding: 0px;
}
*html #about_left_column{
	width: 560px;
	margin-right: 45px;
}
*html #about_right_column{
	width: 315px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
*html #page_illustration, #about_illustration, #contact_illustration{
	overflow: hidden;
}
