/* AUTHOR:	Sebastien Thiroux
			sebastien@mmaraudergraphics.com
			http://www.mmaraudergraphics.com
*/

/* RESETS & BASIC SETUP */
* { margin: 0px; padding: 0px; }
html { overflow-y: scroll; }
body {
	text-align: center;
	font: 80% "Helvetica", sans-serif;
	background: white url(../images/css-images/body-bg.png) repeat-x top left;
}
ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1em; }
a { outline: none; }
a img { border: none; }

h1 {
	font: 24pt "Clarendon", serif;
	text-indent: -9999px;
}

h2 { font: 50pt "Clarendon", serif; }

h3 {
	font: 13pt "Helvetica Neue Light", sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
}
/* END RESETS */


/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.separateur {
	background: url(../images/css-images/separateur-02.png) repeat-x left bottom;
}

/* END TOOLBOX */


/* STRUCTURE */
#homeArea {
	background: url(../images/css-images/cloud-bg.jpg) no-repeat center top;
	text-align: left;
	margin: auto;
	width: 1022px;
	padding-bottom: 100px;
}

/* HEADER */
#header {
	width: 700px;
	height: 340px;
	margin-left: 158px;
}
.logo {
	width: 203px;
	height: 46px;
	padding-top: 29px;
}
.logo h1 a {
	height: 46px;
	background: url(../images/css-images/logo-2.png) no-repeat top left;
	display: block;
}
.logo h1 a:hover {
	height: 46px;
	background: url(../images/css-images/logo-2.png) no-repeat bottom left;
}

/* --- NAV --- */ 
ul li {
	display: inline;
}
#header .nav li a {
	display: block;
	text-indent: -9999px;
	margin: 30px 0 4px 5px;
	float: right;
}
.nav .mainnav-clients a {
	width: 71px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat bottom left;
}
.nav .mainnav-clients a:hover {
	width: 71px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat top left;
}
.nav .mainnav-personal a {
	width: 86px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat bottom center;
}
.nav .mainnav-personal a:hover {
	width: 86px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat top center;
}
.nav .mainnav-contact a {
	width: 67px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat bottom right;
}
.nav .mainnav-contact a:hover {
	width: 67px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat top right;
}
.mininav-top a {
	width: 23px;
	height: 20px;
	background: url(../images/css-images/mini-menu-top2.png) no-repeat left bottom;
}
.mininav-top a:hover {
	width: 23px;
	height: 20px;
	background: url(../images/css-images/mini-menu-top2.png) no-repeat top left;
}
.activeClient a {
	width: 71px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat top left;
}
.activePerso a {
	width: 86px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat top center;
}
.activeContact a {
	width: 67px;
	height: 15px;
	background: url(../images/css-images/spriteClientsPersonalContact.png) no-repeat top right;
}

/* --- Badge --- */
#badge {
	border: 2px dashed gray;
	height: 180px;
	margin: 250px 0 0 450px;
	position: absolute;
	text-indent: -9999px;
	width: 250px;
}

/* END OF HEADER */

/* MAIN CONTENT AREA */
.main-content {
	width: 900px;
}
#greetings {
	width: 611px;
	height: 182px;
	background: url(../images/css-images/greetings.png) no-repeat top left;
	text-indent: -9999px;
	margin: 20px 0 10px 158px;
	padding: 0;
}
#greetings p {
	font-family: "Clarendon", serif;
	font-size: 20pt;
}
.more a {
	/* background: url(../images/css-images/more.png) no-repeat top left; */
	/*
border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
*/
	display: block;
	height: 26px;
	margin: 55px 0 0 437px;
	/* [if lte Gecko 1.8] margin-top: 50px; */
	opacity: 0;
	width: 98px;
}
.more a:hover {
	/* background: url(../images/css-images/more.png) no-repeat top left; */
	/*
background-color: #ddd;
	border: 1px solid grey;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s linear;
*/
}


/* FOOTER */
#homeFooter {
	width: 1022px;
	height: 500px;
	background: url(../images/css-images/footer-bg.png) no-repeat top left;
	margin-top: 50px;
}
#homeFooter a {
	width: 1022px;
	height: 115px;
	background: url(../images/css-images/footer-change-bg.png) no-repeat top left;
	display: block;
	
}
#homeFooter a:hover {
	background: url(../images/css-images/footer-change-bg.png) no-repeat bottom left;
	cursor: default;
}
#homeFooter p {
	line-height: 1px;
	font-size: 12px;
	margin-bottom: 20px;
	color: #dddddd;
}
#homeFooter #homeFootcontainer {
	width: 701px;
	margin: 110px 0 0 158px;
}
#homeFootcontainer ul {
	margin-bottom: 20px;
}
#homeFootcontainer a {
	width: 200px;
	height: 8px;
	text-decoration: none;
	color: white;
	-webkit-transition: color 0.3s linear;
}
#homeFootcontainer a:hover {
	text-decoration: none;
	color: #9dc44d;
	cursor: pointer;
}
#homeOthers {
	margin-left: 15px;
}
#homeExtra, #homeOthers, #homeFriends {
	background-color: #090909;
	border: 2px solid #111;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width: 205px;
	height: 100px;
	/* background: url(../images/css-images/footer-content-bg.png) no-repeat top left; */
	color: white;
	padding: 15px 0 0 15px;
}
#homeFriends h3, #homeOthers h3 {
	text-indent: -9999px;
}
#homeFriends h3 {
	background: url(../images/css-images/flickr.png) no-repeat top left;
}

#homeOthers h3 {
	background: url(../images/css-images/threadless.png) no-repeat top left;
	height: 33px;
}
#homeExtra ul li, #homeOthers ul li, #homeFriends ul li {
	display: block;
	height: 20px;
}
#copy {
	color: #666666;
	font-size: 10px;
	padding: 0 0 20px 15px;
}
/* END OF FOOTER */

/* END STRUCTURE */