@charset "utf-8";

@import url("styles.css");

body {
	background-image: url(../images/bg-header.gif);
	background-repeat: no-repeat;
	margin: 0px;
	background-color: #FFFFFF;
	background-position: center top;
}

#container {
	width: 841px;
	margin: 0px auto;
}

/* HEADER */
#header {
	width: 841px;
}
#logo {
	width: 358px;
	float: left;
}
#nav {
	width: 440px;
	height: 23px;
	float: right;
	margin: 72px 0px 0px 0px;
}
#welcome {
	width: 300px;
	padding: 12px;
	float: left;
}
#toll {
	width: 450px;
	padding: 10px 0px 0px 0px;
	float: right;
}

/* -----------------------CONTENT--------------------------------- */
#contentarea {
	width: 841px;
}

/* DEFINE YOUR OWN WIDTH BOXES */
#leftbox {
	float: left;
}
#rightbox {
	float: right;
}
/* END DEFINE YOUR OWN WIDTH BOXES */

#left {
	width: 196px;
	float: left;
}
#bottom {
	width: 156px;
	padding: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/bg-left.gif);
	background-position: center bottom;
	text-align: center;
	background-repeat: repeat-x;
}

#right {
	width: 633px;
	float: right;
}
#howitworkscontent {
	width: 240px;
	background-image: url(../images/bg-how-it-works-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
}
#services {
	width: 593px;
	background-image: url(../images/bg-services.jpg);
	background-repeat: no-repeat;	
	padding: 20px;
}
/* -----------------------END CONTENT------------------------------ */


/* FOOTER */
#footercontainer {
	width: 841px;
	height: 95px;
	background-image: url(../images/logo-footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto;
}
#footer {
	width: 700px;
	text-align: center;
	padding: 22px 0px 0px 0px;
	float: right;
}











/* OTHERS */
#spacer {
	clear: both;
}