/* -------------------------------------------------------------- 
  
   EDITION STYLE SHEET
   Uses Boilerplate Screen Styles v0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

body { padding: 30px 10px 20px 10px}
#page { margin: 0 auto; width: 900px;}


/* Header
-------------------------------------------------------------- */

#header { margin: 0 12px 0 8px; overflow: hidden; height:55px;}

#logo {float: left}

#header ul { float:right; list-style: none; margin: 0}
#header ul li { float: left; list-style: none; font-size: 14px; font-family: Georgia; margin: 17px 0 0 22px}


/* Body
-------------------------------------------------------------- */

#content {margin: 0;}

.replace {
	margin: 0 0 40px 0;
	width: 900px; height: 55px;
	position: relative;
	}
	
.replace span {
	width: 100%; height: 100%;
	position: absolute;
	}
	
#about span {background: url(../images/banner1.gif);}
#clients span {background: url(../images/banner4.gif);}
#contact span {background: url(../images/banner6.gif);}
#partners span {background: url(../images/banner7.gif);}
#print span {background: url(../images/banner3.gif);}
#testimonials span {background: url(../images/banner5.gif);}
#validation span {background: url(../images/banner8.gif);}
#websites span {background: url(../images/banner2.gif);}

.homestrap { text-align: center; font-family: Georgia; font-weight: normal; font-size: 20px; margin-top:30px}

#article { float: left; width: 580px; margin: 0 80px 0 10px;}

#sidebar { float: left; width: 210px; font-size: 90%; color: #766; }


/* Footer
-------------------------------------------------------------- */
#footer { 
	margin: 20px 0 0 0;
	background: url(../images/footer.gif);
	width: 900px; height: 25px
	}
	
		
/* Misc
-------------------------------------------------------------- */
hr {
	color: #aaa;
	height: 1px;
	width: 100%;
	border: none;
	background-color: #aaa;
	margin: 0px 0 16px 0
	}

.alignleft {
	float: left;
	margin: 2px 12px 6px 0;
	}
	
.alignright {
	float: right;
	margin: 2px 0px 6px 12px;
	}

#article img {border: 1px #aaa solid}

#article .noborder {border: 0px none; 
	float: right;
	margin: 2px 0px 6px 12px;}
	
.clear {height:1px; line-height: 1px; clear: both; font-size: 0;}

#clients #content ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	}
		
#clients #content li {
	border-bottom: 1px solid #bbb;
	margin: 0;
	display: block;
	padding: 2px 1px 2px 2px;
	background-color: #eee;
	font-size: 0.9em;
	color: #000;
	width: 95%;
	line-height:normal;
	}