* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-family: tahoma, sans-serif;
	background-repeat: no-repeat;
	list-style: none;
	font-size: 11px;
	color: #fff;
}

body {
	width: 1024px;
	background-color: #191919;
	background-image: url('../images/bg.jpg');
	background-position: center 84px;
	margin: 0 auto;
	padding: 28px 0;
}


/* top - logotype, menu */
#top {
	width: 983px;
	height: 56px;
	padding-left: 41px;
}

#top img.logo {
	float: left;
	margin-right: 71px;
}

#top ul {
	height: 31px;
	float: left;
}

#top ul li {
	line-height: 31px;
	float: left;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.home a {width: 157px; display: block;}
.home a:hover { background-image: url('../images/menu.gif'); background-position: 0 -31px;}

.portfolio a {width: 117px; display: block;}
.portfolio a:hover { background-image: url('../images/menu.gif'); background-position: -157px -31px;}

.about a {width: 87px; display: block;}
.about a:hover { background-image: url('../images/menu.gif'); background-position: -274px -31px;}

.offert a {width: 92px; display: block;}
.offert a:hover { background-image: url('../images/menu.gif'); background-position: -361px -31px;}

.contact a {width: 92px; display: block;}
.contact a:hover { background-image: url('../images/menu.gif'); background-position: -453px -31px;}

/* slogan */
#slogan {
	height: 227px;
	width: 1024px;
	background-image: url('../images/backgroundSlogan.jpg');
	display: block;
}

#slogan img {
	float: right;
	margin-top: 10px;
}


/* content - news, profiles */
#content {
	width: 978px;
	padding-left: 46px;
}

#contentLeft {
	width: 505px;
	float: left;
	margin-bottom: 13px;
}

h1 {
	width: 100%; 
	height: 26px;
	text-align: right;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	background-image: url('../images/blueLine.gif');
	background-position: bottom left;
	margin-bottom: 22px;
}

p.news {
	color: #c0c0c0;
	padding: 0 24px;
	text-align: justify;
	line-height: 20px;
	text-indent: 20px;
}

#sidebar {
	width: 396px;
	float: right;
	margin-top: 23px;
	margin-bottom: 13px;
}

h2 {
	width: 100%; 
	height: 26px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	background-image: url('../images/greyLine.gif');
	background-position: bottom left;
	margin-bottom: 20px;
}


/* style for main page sidebar */
#pages li {
	padding-left: 10px;
	line-height: 30px;
	width: 100px;
	background-image: url('../images/arrowRight.gif');
	background-position: left center;
	margin-left: 10px;
	float: left;
}

/* style for portfolio */
dl#portfolio {
	padding: 0 24px;	
}

dl#portfolio dt img {
	border: 2px solid #fff;
}

dl#portfolio dt {
	width: 304px;
	height: 104px;
	border: 2px solid #0ca5a3;
	margin: 20px 0 7px;
}

dl#portfolio dd {
	display: none;
	margin-bottom: 30px;
}

dl#portfolio dd a {
	color: #0ca5a3;
}

/* style for profiles on page "about" */
#profilesContent {
	width: 287px;
	height: 46px;
	margin: 0 auto;
	background-color: #212121;
	border-style: solid;
	border-width: 3px;
	border-color: #2f2f2f;
	padding: 7px 10px;
}

#profilesContent img.arrowLeft {
	float: left;
	margin-right: 21px;
	margin-top: 18px;
}

#profilesContent img.arrowRight {
	float: left;
	margin-left: 9px;
	margin-top: 18px;
}

#profilesContent ul {
	width: 240px;
	line-height: 46px;
	float: left;
}

#profilesContent ul li {
	float: left;
	margin-right: 12px;
}

/* style for page "offert" */
#offert {
	color: #c0c0c0;
	padding: 0 24px;
	text-align: justify;
	line-height: 20px;
}

#offert dt {
	color: #fff;
}

#offert dd {
	color: #c0c0c0;
	margin-left: 15px;
}

#offert dd a {
	width: 70px;
	margin-left: 15px;
	display: block;
	color: #c0c0c0;
}

#offert dd a:hover {
	color: #0ca5a3;
}

/* style for profiles on page "contact" */
#contact li {
	padding-left: 10px;
	line-height: 20px;
	color: #0ca5a3;
}

#contact li a {
	color: #fff;
}

#contact li a span {
	color: #0ca5a3;
	text-transform: uppercase;
}


/* style for form on page "contact" */
#contactForm {
	padding: 0 24px;	
}

#contactForm input {
	display: block;
	background-color: #2c2c2c;
	border: 1px solid #363636;	
	padding: 2px 5px;
}

#contactForm select {
	display: block;
	background-color: #2c2c2c;
	border: 1px solid #363636;	
	padding-left: 5px;
}

#contactForm #subject {
	display: none;
}

#contactForm input.text, #contactForm select {
	width: 150px;
	margin-bottom: 5px;
}

#contactForm textarea {
	display: block;
	width: 350px;
	height: 100px;
	margin-bottom: 7px;
	background-color: #2c2c2c;
	border: 1px solid #363636;
	padding: 5px;
}


/* footer - copyright, bottom menu */
#footer {
	width: 937px;
	margin: 46px;
	clear: both;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #313131;
	padding-top: 13px;
	padding-bottom: 3px;
}

#footer li {
	float: right;
	color: #5f5f5f;
}

#footer li a {
	color: #5f5f5f;
	margin: 0 18px;
}

#footer li a:hover {
	color: #838383;
}