/* CSS Document */
body {
	padding: 0;
	margin: 0;
	background: #000000 url(../images/body_bg.jpg) top left repeat-x;
	text-align: center;
	font: 13px Arial, sans-serif;
	color: #5A7191;
}
.clear {
	clear: both;
}
/* layout */
#wrapper {
	margin: 0 auto;
	width: 980px;
}
#header {
	width: 980px;
	height: 200px;
	background: url(../images/header_bg.jpg) top left no-repeat;
}
#content {
	width: 980px;
	background: url(../images/content_bg.jpg) top left repeat-y;
	text-align: left;
}
#footer {
	width: 980px;
	height: 80px;
	background: url(../images/footer_bg.jpg) top left no-repeat;
	text-align: right;
}
/* navbar */
#navbar {
	width: 980px;
	height: 105px;
	background: url(../images/navbar_bg.jpg) top left no-repeat;
	text-align: left;
}
.nav {
	width: 468px;
	margin: 0 auto;
	padding: 0;
}
.nav li {
	list-style-type: none;
	float: left;
	padding: 0;
}
/* menu */
div.menu {
	width: 980px;
	height: 165px;
	background: url(../images/menu_bg.jpg) top left no-repeat;
	text-align: left;
  padding: 0;
}
div.menu a {
	font: 14px Arial, sans-serif;
	font-weight: bold;
	color: #28D6FE;
	text-decoration: none;
	width: 200px;
	display: block;
	background: url(../images/menu_li_bg.gif) bottom right no-repeat;
}
div.menu a:hover {
	color: #ffffff;
	text-decoration: none;
}
div.dots {
	background: url(../images/dots.gif) center repeat-x;
	height: 28px;
}
div.left {
	float: left;
	width: 200px;
	margin-left: 84px;
	padding: 0;
}
div.right {
	float: right;
	width: 200px;
	margin-right: 84px;
	padding: 0;
}
div.middle {
	width: 200px;
	margin-left: 391px;
	padding: 0;
}
/* content */
div.text {
	width: 450px;
	padding: 30px 0 50px 84px;
	%padding: 45px 0 60px 84px;
	float: left;
}
div.text a {
	color: #28D6FE;
	text-decoration: underline;
}
div.text a:hover {
	text-decoration: none;
}
div.text ul {
  padding: 0 0 5px 0;
  margin: 0;
}
div.text li {
  list-style-type: none;
  background: url(../images/li_bg.gif) 0 6px no-repeat;
	color: #5A7191;
	padding-left: 15px;
	margin-bottom: 15px;
}
div.text li strong {
  color: #35659E;
}
h1 {
  font: 24px Arial, sans-serif;
	color: #ffffff;
	margin-bottom: 20px;
}
h2 {
  font: 18px Arial, sans-serif;
	color: #35659E;
	margin-bottom: 15px;
	padding-top: 5px;
	border-top: 1px #10233A dotted;
}
div.map {
	width: 400px;
	background-color: #11233B;
  margin: 55px 84px 80px 0;
  padding: 10px 10px 5px 10px;
  float: right;
}
div.reference {
	width: 820px;
	padding: 30px 84px 50px 84px;
	%padding: 45px 84px 60px 84px;
}
.logos {
	width: 812px;
	margin: 15px 0 15px 0;
}
.logos td {
	width: 270px;
	height: 90px;
	vertical-align: middle;
	text-align: center;
}
.logos td.center {
	border-left: 1px #1a1a1a dotted;
	border-right: 1px #1a1a1a dotted;
}
/* fadegallery */
div.gallery {
	margin: 55px 84px 40px 0;
	%margin-right: 42px;
	float: right;
}
div.fadegallery {
	width: 300px;
	height: 225px;
	background-color: #11233B;
	padding: 10px;
}
div.fadegalleryhigh {
	width: 300px;
	height: 400px;
	background-color: #11233B;
	padding: 10px;
}
div.zoom {
  width: 320px;
  margin-top: 10px;
  text-align: center;
  display: block;
}
/* copyright */
.copyright {
	height: 25px;
	font: 11px Arial, sans-serif;
	color: #324259;
	padding-right: 44px;
	position: relative;
	top: 17px;
}
.copyright a {
	color: #417DC2;
	text-decoration: none;
	border-bottom: 1px #417DC2 dotted;
}
.copyright a:hover {
	border-bottom: 1px #417DC2 solid;
}
.separator {
	color: #181D30;
}
/* button */
.btn {
	float: left;
	padding-left: 84px;
	position: relative;
	top: -14px;
	%top: -29px;
}