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

* {
	margin: 0;
	padding: 0;
}
body {
	background: url(../images/bg_body.gif) #17294f repeat-x;
	font-family: 'Oxygen', sans-serif;
	color: #444e55;
}
.wrapper {
	width: 827px;
	margin: 27px auto -445px;
}

/********** HEADER **********/
.header {
	background: url(../images/bg_header.png) no-repeat;
	height: 333px;
}
#logo {
	float: left;
	position: absolute;
}

/********** TOP NAV **********/
.header .nav {
	margin: 18px 18px 0 0;
	font-size: 12px;
}
.header .nav ul li {
	display: inline;
	color: #b0cadb;
}
.header .nav ul li a {
	padding: 0 18px;
	font-weight: 400;
	color: #5181a1;
}
.header .nav ul li.current a, .header .nav ul li.current a:hover {
	color: #2b4455;
	cursor: default;
}
.header .nav ul li a:hover {
	text-decoration: none;
	color: #f24405;
} 

/********** LEFT NAV **********/
.section .nav {
	padding: 60px 65px 0 0;
	font-size: 14px;
}
.section .nav ul li {
	margin: 0 0 30px 0;
	padding: 0 0 0 35px;
}

.section .nav ul li a               { font-weight: 400; color: #b0cadb      }
.section .nav ul li:hover a         { text-decoration: none; color: #f2ac29 }
.section .nav ul li.current:hover a { cursor: default                       }
.section .nav ul li.current a, .section .nav ul li.current:hover a { color: #f24405 }


.section .nav ul li.about    { background: url(../images/nav_about.png)    left no-repeat }
.section .nav ul li.services { background: url(../images/nav_services.png) left no-repeat }
.section .nav ul li.offer    { background: url(../images/nav_offer.png)    left no-repeat }
.section .nav ul li.contact  { background: url(../images/nav_contact.png)  left no-repeat }

.section .nav ul li.about:hover,    .section .nav ul li.about.current    { background: url(../images/nav_about_current.png)    left no-repeat }
.section .nav ul li.services:hover, .section .nav ul li.services.current { background: url(../images/nav_services_current.png) left no-repeat }
.section .nav ul li.offer:hover,    .section .nav ul li.offer.current    { background: url(../images/nav_offer_current.png)    left no-repeat }
.section .nav ul li.contact:hover,  .section .nav ul li.contact.current  { background: url(../images/nav_contact_current.png)  left no-repeat }

/********** CONTENT **********/
.section {
	background: #fff;
	padding: 0 50px 0;
	min-height: 350px;
}
.article.content {
	float: right;
	width: 500px;
	margin-right: 25px;
}
.article.content ul li {
	background: url(../images/arrow.png) no-repeat;
	padding: 0 0 15px 30px;
	line-height: 1.5;
}
.article.left, .article.middle, .article.right {
	width: 215px;
	min-height: 289px;
	font-size: 12px;
	text-align: center;
}
.article.left {
	padding: 10px 20px 0 0;
}
.article.middle {
	background: url(../images/divider.png) no-repeat;
	float: left;
	padding: 10px 20px 0;
}
.article.right {
	background: url(../images/divider.png) no-repeat;
	padding: 10px 0 0 20px;
}
.map {
	background: url(../images/map.png) no-repeat;
}

/********** FOOTER **********/
.footer {
	background: url(../images/bg_footer.png) repeat-x;
	height: 258px;
	padding: 35px 65px 0;
}
#bottom {
	background: url(../images/clouds.jpg) center repeat-x;
	width: 100%;
	height: 445px;
	position: relative;
	bottom: 0px;
}

/********** GENERAL **********/
h1 {
	padding: 0 0 18px;
	font-weight: 300;
	font-size: 30px;
	color: #f2ac29;
	text-transform: uppercase;
}
h2 {
	padding: 0 0 18px;
	font-weight: 300;
	font-size: 24px;
	color: #f24405;
}
h5 {
	text-align: right;
	font-weight: 400;
	font-size: 10px;
	color: #5181a1;
}
p {
	padding: 0 0 20px;
	line-height: 1.5;
}
ul { list-style: none }
a {
	font-weight: 700;
	text-decoration: none;
	color: #f2ac29;
}
a:hover {
	text-decoration: underline;
	color: #f24405;
}
.left      { float: left  }
.right     { float: right }
a img      { border: none }
img.left   { padding: 0 15px 0 0 }
img.right  { padding: 0 0 0 15px }
img.at     { margin: -35px -50px 0 }
img.secure { position: absolute; right: 50px }
.clear     { clear: both  }
.top       { position: relative; z-index: 100 }