/* Reset Stuff */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}

@font-face {
	font-family: 'myriadpro';
	src: url('fonts/myriadpro.otf') format('opentype')
}

.font-name-normal{
	font-family: myriadpro, Tahoma, Arial;
	font-weight: normal;
	font-style: normal;
}

#logo-wrapper{
	padding-top: 90px;
}

#logo-wrapper-2{
	padding-top: 20px;
}

#logo{
	width: 400px;
	height: 20px;
	font-size: 52px;
	color: #ccd6dd;
	text-decoration: none;
	line-height: 0;
	letter-spacing: 0;
}

#logo2{
	text-decoration: none;
	color: #ccd6dd;
	text-decoration: none;
	line-height: 0;
	letter-spacing: 0;
}

html{
	font-family: MyRiadPro, Tahoma, Arial;
	font-size: 14px;
	text-align: center;
	color: #ccd6dd;
	background: #060200;
}

header {
	width: 100%;
	background: #141010;
	text-align: center;
	height: 200px;
}

body {
	line-height: 1;
}

#main-wrapper {
	width: 600px;
	height: 400px;
	margin: 0 auto;
	text-align: center;
	padding: 80px 0 0 0px;
}


#home-boxes-line {
	border-top: 1px solid #3F3232;
	/*border-bottom: 1px solid #3F3232;*/
}

.home-box-wrapper {
	text-decoration: none;
	height:160px;
	width:190px;
	padding:1px;
	float:left;
	position:relative;
	background: #141010;
	border-radius: 15px;
	margin-bottom: 0px;
	text-align: center;

    position:relative;
    display:block;

}


#home-boxes a {
	line-height:inherit;
	 -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}
#home-boxes a:hover {
	 -webkit-filter: grayscale(0%);
       -moz-filter: grayscale(0%);
         -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
            filter: grayscale(0%); 
	background-color: #141010;
}



#home-box-wrapper-twitter{
	background: url(logo/twitter.png) transparent no-repeat center center;
	background-size: 100px;
}

#home-box-wrapper-github{
	background: url(logo/github.png) transparent no-repeat center center;
	background-size: 140px;
}

#home-box-wrapper-mail{
	background: url(logo/gmail.png) transparent no-repeat center center;
	background-size: 120px;
}
#home-box-wrapper-linkedin{
	background: url(logo/linkedin.png) transparent no-repeat center center;
	background-size: 180px;
}
#home-box-wrapper-xing{
	background: url(logo/xing.png) transparent no-repeat center center;
	background-size: 140px;
}

#home-box-wrapper-gplus{
	background: url(logo/googleplus.png) transparent no-repeat center center;
	background-size: 100px;
}

#copyright-text{
	color: #3F3232;
	padding-top: 20px;
	padding-bottom: 20px;
}