@charset "utf-8";
body {
	font: 100%/1.125em  Arial, Helvetica, sans-serif;
	background: #fffdf4 url(../images/sogni_bg1.jpg) repeat-x;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}
<!--[if !IE]>-->
body {    font-size:16px;}
<!--<[endif]-->

*{margin:0;	padding:0;}
img{border: none;}
a {color:#ff3c08; text-decoration:none;}
a:hover {color:#000000;}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/sogni_banner.jpg) top  no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}
/* banner styles */
#head{width: 960px;}
#head .col1{
	width:413px;
	float:left;
	padding:20px 0 0 20px;
	}
#head .col1 h1{ font:bold 2.4em Georgia, "Times New Roman", Times, serif; margin:0}
#head .col1 h2{ font:bold 1.6em Georgia, "Times New Roman", Times, serif; margin:0}
#head .col1 p{ font:1.1em Georgia, "Times New Roman", Times, serif;}
#head .col2{
	width:315px;
	float:left;
	}
#head .col3{
	width:212px;
	float:left;
	}
.flags{padding:20px 20px 0 0; height:50px;}
.flags img{
	float:right;
	padding:5px 0 0 10px;
	}
/* quote div styles */
#quote{	width:960px; padding:0 20px;}
#quote .colq1{width:780px; float:left; padding:0;}
#quote .colq1 p{font-size:0.875em; margin:0 5% 0 0; }
#quote .colq2{width:140px; float:right;}

/* sample chapter div styles */
#sample{width:960px; padding:0; margin:0; color:#380a03}

#sample h2{color:#FFFFFF; margin:0.1em 0 0.7em 20px;}

.leftWrapperSample { float: left; width: 640px; background:#FFFFFF; padding:10px; margin:0 0 0 20px; }

.rightWrapperSample { float: right; width:216px; background:#FFFFFF; padding:10px; margin:0 20px 0 0; }

.colOneSample { float: left; width: 205px; margin-right: 10px; }

.colTwoSample { float: left; width: 205px; margin-right: 10px; }

.colThreeSample { float: left; width: 205px; margin-right: 0px; }

.colFourSample { float: left; width: 155px; }

.colFiveFooter { float: right; width: 220px; color: #555; line-height: 1.8em; }

/* preface div styles */
#preface{width:960px; padding:0; margin:0 0 20px 0; color:#380a03}

.leftPreface { float: left; width: 640px; padding:0; margin:0 0 0 20px; color:#380a03 }

.leftPreface p {font-size:0.875em; color:#380a03 }

.rightPreface { float:right; width:216px; padding:0 20px 0 0; margin:0 20px 0 0; }

/* footer div styles */
#footer{width:960px; padding:0; margin:0 0 20px 0; color:#380a03}
#footer p {font-size:0.875em; color: #813A38; margin:0.7em 20px; }
/*------------------------------------------------------------clear floats*/
.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}
hr {
	margin:0 0 0 20px;
	border-top: 1px dotted #380a03;/*the border*/
	width: 98%;
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}