/*===================================	
	layout.css
	www.juliendecaudin.com    
    by Julien Decaudin http://www.juliendecaudin.com
    22/08/2010
===================================*/

html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
}

body
{
    background-repeat: repeat-x;
    background-position: left top;
}

/*--------------------------------------------------=> HEADERS */
/* H1 */
h1
{
    padding-bottom:35px;
}

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Global */
.content_holder
{
	padding:10px 0 0px 0px;
}

/*-------------> Paragraph */
p
{
    padding-bottom: 10px;
    margin: 0;
}

#copyright
{
	padding-top:5px;
}

/*-------------> Sprites */
.sprite
{
	opacity:0;
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;	
	top:0;
	left:0;
}

.sprite a
{
	display:block;
}

.spr_cloud_1
{
	width:105px;
	height:65px;
}

.spr_cloud_2
{
	width:95px;
	height:60px;
}

.spr_cloud_3
{
	width:95px;
	height:55px;
}

.spr_cloud_1_small
{
	width:63px;
	height:39px;
}

.spr_cloud_2_small
{
	width:57px;
	height:36px;
}

.spr_cloud_3_small
{
	width:57px;
	height:33px;
}

.spr_cloud_x,
.spr_cloud_x a
{
	width:95px;
	height:55px;
}


/*--------------------------------------------------=> MASTER LAYOUT */
#page
{
	position:relative;
	width:960px;
	min-height:100%;	
	margin:0 auto;
}

#page .content_holder
{
	padding-top:210px;
}


#footer
{    
	width:960px;
	position:relative;
	margin:-35px auto 0 auto;
	height:35px;
	clear:both;
}

/*--------------------------------------------------=> NAVIGATION */
#main_nav
{	
	float:left;
	margin:0 auto;
	padding-left:347px;
}

#main_nav li
{
	float:left;		
}

#main_nav li a
{
	display:block;
	background-repeat:no-repeat;
	background-position:0 -32px;
	height:32px;
}

#main_nav li a:hover
{	
	background-position:0 0px;
}

#nav_illo
{
	padding-right:70px;
}

#nav_illo a
{
	width:88px;		
}

#nav_webdev a
{
	width:134px;		
}

/*--------------------------------------------------=> UTILITY CLASSES */
.clearer
{
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
}