/*** Main ***/


html {	
}


body {
	margin: 0;
	padding: 0;
	font-family: "adelle-1","adelle-2", Georgia, serif;
	font-size: 62.5%;
	font-weight: 300;
	line-height: 1.6em;
	text-align: center;
	background: #b7c4c7 url(img/background-cube.png);
}

#wrapper {
	width: 480px;
	margin: 0 auto;
	padding: 0;	
	text-align: left;
}


h1 {

}

h2 {
	margin: 0;
	padding: 5px 10px 4px;
	display: block;
	width: 198px;
	font-size: 1.2em;
	font-weight: 500;
	color: #222;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px;
    background: url(img/overlay-50.png) repeat-x center left;
	border: 1px solid #fff; 

}

p {
	margin: 60px 0;
	padding: 0 10px;
	width: 460px;
	font-size: 2.2em;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	line-height: 1.5em;
	color: #06161a;
	
}

#infos-contact {
	margin: 0 0 30px;
	padding: 0;
	display: block;
	float: left;
	width: 480px;
	list-style-type: none;
	background: #fff;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px;
    -webkit-box-shadow: #000 3px 3px 10px;
	-moz-box-shadow: #000 3px 3px 10px;
	box-shadow: #000 3px 3px 10px
	
}


#infos-contact #portfolio {
	margin: 0;
	padding: 10px;
	display: inline;
	float: left;	
	width: 219px;
	border-right: 1px solid #aaa;
}

#infos-contact #contact {
	margin: 0;
	padding: 10px;
	display: inline;
	float: left;	
	width: 219px;
	border-left: 1px solid #fff;
}

#infos-contact li a {
	margin: 0;
	padding: 10px 0;
	display: block;
	width: 219px;
	text-align: center;
	font-size: 1.3em;
	font-weight: 700;
	color: #444;
}

#infos-contact li a:hover {
	color: #888;
	background: url(img/halo.png) no-repeat center center;
}

#content {
	margin: 0 0 30px;
	padding: 0;
	width: 480px;
	display: block;
	float: left;
	background: #222;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px;
    -webkit-box-shadow: #000 3px 3px 10px;
	-moz-box-shadow: #000 3px 3px 10px;
	box-shadow: #000 3px 3px 10px	
}

#online, #coming-soon {
	margin: 0;
	padding: 10px;
	display: block;
	float: left;
	width: 219px;
	font-size: 1.3em;
	color: #efefef;
}

#online {
	border-right: 1px solid #333;	
}

#coming-soon {
	border-left: 1px solid #222;
}

#online a, #coming-soon a {
	color: #efefef;
	text-decoration: none;
	border-bottom: 1px dotted #efefef;
}

#online a:hover, #coming-soon a:hover {
	color: #45ecff;
	text-decoration: none;
	border-bottom: 1px dotted #45ecff;
}

#online ul, #coming-soon ul {
	margin: 0;
	padding: 0 0 15px;
	list-style-type: square;
	list-style-position: inside;
}

#online ul li, #coming-soon ul li {
	margin: 15px 0 0;
	padding: 0 10px;
}


#footer {
	display: block;
	float: left;
	width: 480px;
	margin: 0 0 30px;
 	font-size: 1.2em;	
}