@charset "utf-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
	overflow: scroll;
}

#container {
	width: 778px;
	margin: auto;
}

/* HEADER */

div#header {
	width: 778px;
	height: 140px;
}

body#home div#header {
	background-image: url(../img/b_home.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

body#team div#header {
	background-image: url(../img/b_team.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

body#candidates div#header {
	background-image: url(../img/b_candidates.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

body#clients div#header {
	background-image: url(../img/b_clients.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

body#contact div#header {
	background-image: url(../img/b_contact.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

div#header img {
	border: none;
}

/* MENU */

ul#menu {
	width: 778px;
	list-style: none;
	display: block;
	margin: 0 auto;
	padding: 0;
}

ul#menu li {
	display: inline;
	width: 154px;
}

/* CONTENT */

div#content {
	width: 736px;
	min-height: 320px;
	margin: 2px auto;
	padding: 20px;
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
}

#contact #content {
	height: 320px;
	background-image: url(../img/map.png);
	background-repeat: no-repeat;
	background-position: 301px 70px;
}

#contact #content p {
	display: block;
	width: 220px;
	text-align: center;
	padding: 15px 15px 0 15px;
	margin: 0 6px 0 6px;
}

#contact #content p img {
	padding: 25px 0 20px 0;
}

/* FOOTER */

div#footer {
	width: 778px;
	margin: auto;
}

/* CLEARS */

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;
}