@import 'html5-reset.css';

 
 *{ behavior: url(/scripts/iepngfix.htc); }

body {
  width: 100%;
  *zoom: 1;
}
body:before, body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}

body {
	background-color: #002454;
	background: url(/assets/background.jpg) no-repeat center top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/background.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/background.jpg', sizingMethod='scale')";
  height: 100%;
  font-family:Arial, Helvetica, sans-serif;
}
div.center {
  width: 1020px;
  margin: 0 auto;
  text-align: center;
}
header {
  float: right;
  padding-top: 20px;
  text-align:right;
  margin-right:0;
  background-image:url(../assets/logo.png);
  background-repeat:no-repeat;
  width:849px;
  height:140px;
  margin-top:20px;
}

#header-phone {
	float:right;
	margin-top:13px;
	margin-right:100px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

#header-phone p {
	display:block;
	float:left;
	margin-top:20px;
}

#header-phone img {
	display:block;
	float:left;
	margin-top:5px;
}

#nav {
	position:relative;
  width: 172px;
  height:454px;
  float: left;
  margin-top: 0px;
  text-align: right;
  background-color:#FFF;
  z-index:50;
}

#nav-bg {
	position:relative;
	float:left;
	height:454px;
	width:848px;
	margin-top:0px;
	background-color:#FFF;
	z-index:40;
}

div.content {
	position:relative;
  width: 790px;
  margin-top:-434px;
  margin-left:210px;
  margin-bottom:20px;
  float: left;
  background-color: #ffffff;
  border: 1px solid #969696;
  -moz-box-shadow: 0px 0px 10px #969696;
  -webkit-box-shadow: 0px 0px 10px #969696;
  box-shadow: 0px 0px 10px #969696;
  background: -moz-linear-gradient(left, #ffffff, #ebebeb);
  background: -webkit-gradient(linear, left center, right center, from(#ffffff), to(#ebebeb));
  z-index:45;
}
article {
  display: inline;
  float: left;
  padding-left:40px;
  padding-right:20px;
  padding-top:30px;
  padding-bottom:40px;
  width: 470px;
  color: #646464;
  text-align: left;
}

.slideshow {
	position:relative;
	width:460px;
	height:200px;
	 border:1px #FFF solid;
   -moz-box-shadow: 0px 0px 3px #969696;
  -webkit-box-shadow: 0px 0px 3px #969696;
  box-shadow: 0px 0px 3px #969696;
  margin-bottom:15px;
}

.imageholder {
	position:relative;
}

.imageholder img {
	position:relative;
	width:460px;
	height:200px;
	margin-top:-37px;
	z-index:46;
}

.title {
	position:relative;
	background-image:url(../assets/slideshow-title-bg.png);
	background-repeat:no-repeat;
	font-size:18px;
	padding-top:7px;
	font-weight:bold;
	color:#FFF;
	width:438px;
	height:30px;
	z-index:47;
	margin-left:2px;
	padding-right:20px;
	text-align:right;
}
	
article h1 {
  font-size: 22px;
  margin-bottom:20px;
}
article h2 {
  font-size: 18px;
  margin-top:20px;
  margin-bottom:10px;
}
article p {
  font-size: 14px;
  margin-bottom:20px;
  line-height:1.3em;
}
article img {
  display: block;
  border:1px #FFF solid;
   -moz-box-shadow: 0px 0px 3px #969696;
  -webkit-box-shadow: 0px 0px 3px #969696;
  box-shadow: 0px 0px 3px #969696;
  margin-bottom:15px;
}

#map {
  display: block;
  border:1px #FFF solid;
   -moz-box-shadow: 0px 0px 3px #969696;
  -webkit-box-shadow: 0px 0px 3px #969696;
  box-shadow: 0px 0px 3px #969696;
  margin-bottom:15px;
  width:480px;
}
article ul {
	margin-left:10px;
	margin-bottom:30px;
}
article li {
	list-style:disc;
  font-size: 14px;
  list-style-position:outside;
  margin-top:10px;
  margin-bottom:10px;
}

article a {
	color:#646464;
	font-weight:bold;
	text-decoration:none;
}

article table {
	 border:1px #FFF solid;
   -moz-box-shadow: 0px 0px 3px #969696;
  -webkit-box-shadow: 0px 0px 3px #969696;
  box-shadow: 0px 0px 3px #969696;
  margin-bottom:25px;
}

article td {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
}

article label {
	font-size:14px;
}
	

#divider {
	float:left;
	display:inline;
	width:2px;
	height:500px;
	background-color:#CCC;
	margin-top:30px;
	margin-bottom:50px;
	margin-right:15px;
	z-index:50;
}



aside {
  display: inline;
  float: left;
  width: 200px;
  padding-left:20px;
  padding-right:10px;
  padding-top:30px;
  padding-bottom:40px;
  color: #646464;
  text-align: left;
}
aside h2 {
  font-size: 18px;
  margin-bottom:8px;
}

aside ul {
	margin-left:10px;
	margin-bottom:30px;
}
aside li {
	list-style:disc;
  font-size: 14px;
  list-style-position:outside;
  margin-top:10px;
  margin-bottom:10px;
}
aside img {
 display: block;
  border:1px #FFF solid;
   -moz-box-shadow: 0px 0px 3px #969696;
  -webkit-box-shadow: 0px 0px 3px #969696;
  box-shadow: 0px 0px 3px #969696;
  margin-bottom:15px;
}

#gallery {
  display: inline;
  float: left;
  padding-left:40px;
  padding-right:20px;
  padding-top:30px;
  padding-bottom:40px;
  width: 670px;
  color: #646464;
  text-align: left;
}

#gallery h1 {
  font-size: 22px;
  margin-bottom:10px;
}

#gallery img {
 display: block;
 height:100px;
  border:1px #FFF solid;
   -moz-box-shadow: 0px 0px 3px #969696;
  -webkit-box-shadow: 0px 0px 3px #969696;
  box-shadow: 0px 0px 3px #969696;
  margin-right:15px;
  margin-bottom:15px;
  margin-top:15px;
}

footer {
  float: left;
  width: 790px;
  margin-top: 30px;
  margin-bottom: 20px;
  text-align:center;
}
footer a{
	color:#BBBCBF;
	font-weight:normal;
	text-decoration:none;
	font-size:10px
}
footer a:hover{
	color:#999;
}
footer a:visited{
	color:#BBBCBF;
}
.clear {
  clear: both;
}


/*menu nav - side*/


/*ul.dropdown a:visited {
	 color:#FFF;
 }*/
 
ul.dropdown {
	position:relative;
  margin-top: 20px;
  width:210px;
  z-index:50;
}
ul.dropdown li {
  display: block;
  margin-top:20px;
  /* width:150px;
  height:34px;
 padding-top:10px;
  padding-right:15px;
  font-size: 22px;*/
}


ul.dropdown li a {
  
  color: #646464;
  text-transform:uppercase;
  text-decoration: none;
  font-weight: normal;
  width:150px;
  height:34px;
  padding-top:10px;
  padding-right:15px;
  font-size: 20px;
  
}

ul.dropdown li.selected a, ul.dropdown li a:hover  {
	color:#FFF;  
	background-image:url(../assets/menu-hover-bg.jpg);
  background-repeat:no-repeat;
  background-position:right;
  text-shadow: 1px 1px #333;
}

ul.dropdown li.hover, ul.dropdown li:hover, .selected {
  color: #FFF;

  
}



ul.dropdown a:link, ul.dropdown a:visited {
  text-decoration: none;
}

/*ul.dropdown li:hover a:link, ul.dropdown li:hover a:visited {
  color: #FFF;
}*/
ul.dropdown li:hover ul a:link {
  color: #646464;
}
ul.dropdown li:hover ul a:hover, ul.dropdown li:hover ul a.hover {
  color: #FFF;
}
/* -- level mark -- */
ul.dropdown ul {
  margin-top: -44px;
  margin-left:195px;
}
ul.dropdown ul ul {
  *margin-top: 0px;
}
ul.dropdown li ul {
  padding-left: 0;
}
ul.dropdown ul li {
  font-weight: normal;
  font-size: 18px;
  text-align: left;
  display: block;
  width: 160px;
  height:32px;
  margin-top:0px;
  border: 1px solid #646464;
  background-color: #ffffff;
  margin-left: -5px;
  padding: 3px;
  background-color:#fff;
  background: -moz-linear-gradient(left, #ebebeb, #ffffff);
  background: -webkit-gradient(linear, left center, right center, from(#ebebeb), to(#ffffff));
  -moz-box-shadow: 0px 0px 3px #969696;
  -webkit-box-shadow: 0px 0px 3px #969696;
  box-shadow: 0px 0px 3px #969696;
  text-shadow: 0px 0px #333;
}
ul.dropdown ul a {
	padding-top:7px;
  padding-left:15px;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
  list-style: none;
}
ul.dropdown {
  position: relative;
  z-index: 597;
}
ul.dropdown li {
  float: none;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  zoom: 1;
}
html:first-child ul.dropdown li {
  float: left;
  display: inline;
  margin-left: auto;
}
ul.dropdown li a {
  display: block;
}
ul.dropdown li ul li.hover, ul.dropdown li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
  text-shadow: 1px 1px #333;
  font-weight:bold;
}
ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  *top: -30px;
}
ul.dropdown ul li {
  float: none;
}
ul.dropdown ul ul {
  top: 1px;
  left: 99%;
}
ul.dropdown li:hover > ul {
  visibility: visible;
}


