html, body {height: 100%;}
body {background: fixed  repeat-x;}

#whitetop {position: absolute; height: 140px; background: #fff; width: 100%;}
#bg {background: #9bb4ce fixed  top center no-repeat; min-height: 100%;}

#header {position: relative; z-index: 1; height: 140px}

.container {min-height: 100%;}

input[type=text], input[type=password], input.text, input.title, textarea, select {font-size: 16px; width: 400px; padding: 3px;}

p + p { text-indent: 0; margin-top: -13px; }

p, ul, ul li {font-size: 14px; color: #222}

h1 {font-family: Helvetica, Arial, sans-serif;
font-size: 36px;
font-weight: bold;
letter-spacing: -2px;
color: #444;
margin: 15px 0 10px -1px}


h2 {font-size: 20px; margin: 15px 0 5px 0; text-transform: uppercase; color: #506E30; margin: 0;}
h3 {font-size: 22px; font-family: georgia; margin: 5px 0 10px 0; color: #2e373f}
h4 {font-size: 16px; margin: 5px 0 5px 0; color: #555; font-weight: bold}

p.big {font-size: 19px; font-family: georgia; font-weight: bold; margin: 5px 0 10px 0; color: #2e373f}
span.spot {color: #df2e00;}

form#contact {margin: 0;}
form#contact input.text {width: 200px; margin: 0}

div.boxes-50-50,div.boxes-70-30 {margin: 7px 0 12px 0}
div.boxes-50-50 div.top {background: url(../gfx/bg-boxes-50-50-corners.png); height: 10px;}
div.boxes-50-50 div.content {background: url(../gfx/bg-boxes-50-50.png); }
div.boxes-50-50 div.bottom {clear:both; background: url(../gfx/bg-boxes-50-50-corners.png) bottom; height: 10px;}

div.boxes-70-30 div.top {background: url(../gfx/bg-boxes-70-30-corners.png); height: 10px;}
div.boxes-70-30 div.content {background: url(../gfx/bg-boxes-70-30.png); }
div.boxes-70-30 div.bottom {clear:both; background: url(../gfx/bg-boxes-70-30-corners.png) bottom; height: 10px;}

div.photolist a {display: block; float: left; width: 126px; height: 86px;padding: 5px 3px; margin: 5px; border: 1px solid #bbb; text-align: center;}
div.photolist h4 {clear: both; padding: 15px 0 0 0}
/*colors*/
a {color: #024683}
a:hover {color: #001E3B; background: #fff}

HR {width: 92%; margin: auto;}

#topmenu {background: url(../gfx/bg-topmenu.png) no-repeat; margin: 12px 0; height: 35px;}
#topmenu ul {margin: 0px 30px 0 0px; list-style: none;}
#topmenu ul li {float: left; padding: 4px 20px}
#topmenu ul li a {color: #555; font-weight: normal; text-decoration: none; font-size: 18px}
#topmenu ul li a:hover {text-decoration: underline; color: #024683;}
	#topmenu div.share {float: right; width: 200px; text-align: right; font-size: 14px;}
	#topmenu div.share p {padding: 5px}
	#topmenu div.share p a {display: block; float: right; width: 30px}


/* gallery on page */
#gallery {
	position:relative;
	height:320px;
	margin-bottom: 12px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:0px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:10px;
		font-size: 14px;
	}

	#gallery .caption .content a { 
		margin: 3px 0 0 100px;
		font-size: 12px; color: #999;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#fff;
	}