/* Reset CSS
--------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
  border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	}
	
/* Reset CSS
--------------------------------------------- */


body, html {
	font-family: "Trebuchet MS", Arial, Georgia, Verdana, sans-serif;
	font-size: 62.5%;
	background: #fff;
	color: #000;
	margin:0;padding:0;
}

a{color: #28aae1; text-decoration: none;}
a:hover{text-decoration: underline;}
.left{float: left;}
.right{float: right;}

#wrapper {margin: 0 auto;  width: 800px;}

h1 a{ 
	display: block;
	width: 350px;
	height: 152px;
	background: url(images/sermo-consulting.png) no-repeat;
    text-indent: -9000px;
	margin: 65px 0 40px 0;
	outline: none;
	float: left;
}

.language{ 
	clear: right;
	float: right;
	margin: 110px 0 0 50px;
}

.language a{ 
	display: block;
	padding: 5px 15px;
	float: left;
	color: #dfdfdf;
	font-size: 4em;
	text-decoration: none;
	margin: 0 0 0 25px;
}

.language a.active{ 
	background: #2b2b2b;
	color: #fff;
}

.language a:hover{ 
	display: block;
	padding: 5px 15px;
	float: left;
	background: #dfdfdf;
	color: #fff;
	
}

h2{ 
	font-family: "Trebuchet MS";
	font-size: 3.7em;
	line-height: 165%;
	margin: 35px 0 35px 0px;
	font-weight: normal;
	clear: both;
}

h3{ 
	font-family: "Trebuchet MS";
	font-size: 2.6em;
	line-height: 165%;
	font-weight: bold;
	margin: 0px 0 20px 0;
}

p{ 
	font-size:2em;
	line-height: 150%;
	margin: 0 0 30px 0;
	width: 400px;
}