*{padding:0; margin:0; border:0; text-decoration: none;}

.semibold{font-family: "jaf-facitweb", sans-serif; font-weight: 600; font-style: normal;}
.bold{font-family: "jaf-facitweb", sans-serif; font-weight: 700; font-style: normal;}

.biggest{font-size: 16pt;}
.bigger{font-size: 14pt;}

a{color:#f5f4fa; text-decoration: none;}
a:hover{color:#a9b730; text-decoration: underline;}

img{max-width: 100%}


body{background-color:#514f50; font-family: "jaf-facitweb",sans-serif;}

	div#container{width:100%;  padding:0; background-color:#f5f4fa;}
		
		div#header{margin:0 auto; max-width:800px;}
			div#header #color_strip{width:100%;  height:20px; background-color:#8f8a87; margin-bottom:5px;}
			div#header #hello_box{width:169px; height:61px; background:transparent url(../images/hello_bubble.png) no-repeat; margin-left:65px; margin-bottom:5px;}
				div#header #hello_box p{font-weight: 700px; font-style: italic; font-size: 18pt; padding:20px 0 0 50px; color: #f5f4fa; }
			div#header #intro_text{line-height:2em;}
				div#header #intro_text p{font-size: 12pt; text-shadow: 0.1em 0.1em 0.2em silver;}
			div#header #social_icons{padding:15px 0;}
				div#header #social_icons ul{list-style: none; margin: 0 auto; max-width:360px; width: 100%; padding:0; text-align: center;}
					div#header #social_icons ul li{width:59px; height:57px; float:left; margin:0 20px;}
						div#header #social_icons ul li.twitter{background:transparent url(../images/twitter_off.png) no-repeat;}
						div#header #social_icons ul li.linkedin{background:transparent url(../images/linkedin_off.png) no-repeat;}
						div#header #social_icons ul li.email{background:transparent url(../images/email_off.png) no-repeat;}
						div#header #social_icons ul li.twitter:hover{background:transparent url(../images/twitter_on.png) no-repeat;}
						div#header #social_icons ul li.linkedin:hover{background:transparent url(../images/linkedin_on.png) no-repeat;}
						div#header #social_icons ul li.email:hover{background:transparent url(../images/email_on.png) no-repeat;}
							div#header #social_icons ul li a{text-decoration: none; width:59px; height:57px; display: block;}
		div#content{clear: both; padding-top:10px; margin:0 auto; max-width:800px;}
			div#content #left_column{max-width:380px; width:100%; float: left; text-shadow: 0.1em 0.1em 0.2em silver;}
			div#content #right_column{max-width:380px; width:100%; float: left; text-shadow: 0.1em 0.1em 0.2em silver;}
				.category_box{max-width:380px; width:100%; min-height:100px; padding:18px 0; }
					.category_image{float:left; max-width:146px; padding-right:10px;}
						.category_image a img{border:3px solid #514f50; }
						.category_image a:hover img{border:3px solid #a9b730; }
					.category_text{float:left; max-width:220px; line-height: 1.5em;}
						.category_text p{font-size: 10pt;}
		div#footer{clear: both; padding-top:20px; color:#f5f4fa; background-color:#514f50;}
		div#footer #footer_content{margin:0 auto; max-width:800px; text-shadow: 0.1em 0.1em 0.2em black;}
			div#footer #footer_content #skills_box{width:220px; float:left; padding-bottom: 20px; margin-right:20px;}
				div#footer #footer_content #skills_box table.skills_table{width:220px; border:0; padding: 12px 0 5px 0;}
					div#footer #footer_content #skills_box table.skills_table tr{}
						div#footer #footer_content #skills_box table.skills_table tr .words{width:105px;}
							div#footer #footer_content #skills_box table.skills_table tr .words p{font-size: 10pt;}
						div#footer #footer_content #skills_box table.skills_table tr .stars{width:115px;}
							div#footer #footer_content #skills_box table#skills_table tr .stars img{padding-top:2px;}
							
			div#footer #footer_content #employment_box{width:320px; float:left; padding-right:20px;}
				div#footer #footer_content #employment_box .job_box{font-size:10pt; line-height: 1.7em; padding:15px 0 10px 0;}
			div#footer #footer_content #downloads_box{width:220px; float:left; }
				div.download{width:220px; padding:15px 0 10px 0; float:left;}
					div.download .download_image{float:left; width:60px; padding-right:10px;}
						div.download .download_text{float:left; width:140px;}
							div.download .download_text a{color:#f5f4fa; font-size: 10pt;}
								div.download .download_text a:hover{color:#a9b730; text-decoration: underline;}
							div.link_text a{color:#f5f4fa; font-size: 10pt;}
								div.link_text a:hover{color:#a9b730; text-decoration: underline;}