/* INIT
---------------------------------------------- */
html {height: 100%;}
body {margin: 0; height: 100%; text-align: center; background: #000 url("images/layout/background-tall.gif") top repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666;
 scrollbar-face-color:#333; 
 scrollbar-shadow-color:#000;
 scrollbar-highlight-color:#333;
 scrollbar-3dlight-color:#000; 
 scrollbar-darkshadow-color:#000; 
 scrollbar-track-color:#000; 
 scrollbar-arrow-color:#000;}

a:visited,
a:link, a:visited {color: #f0050a; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 20px; padding: 10px 0 10px 0;}
	h1:first-child {padding-top: 0;}
h2 {font-size: 18px; padding: 20px 0 5px 0; margin-bottom: 10px; clear: both; border-bottom: 1px solid #067906; color: #fff;}

ul {list-style: square; margin-left: 16px;}
p {padding: 0 0 15px 0;}

blockquote {margin: 0; padding: 0 10px 20px 10px;}
blockquote cite {display: block; padding: 10px 0;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}

.image-right {float: right; margin: 20px 0 20px 30px;}
.image-left {float: left; margin: 10px 20px 10px 0;}
ul.ticklist {list-style: none; margin: 0; padding: 10px 0;}
ul.ticklist li {padding: 5px 0 5px 25px; background: url("images/icons/tick.png") left no-repeat;}

/* LAYOUT
---------------------------------------------- */
#background {text-align: center;}
	.container {margin: 0px auto; width: 960px; text-align: left; position: relative; z-index: 1;}
	
	.col-left {width: 581px; float: left;}
	.col-right {width: 376px; float: right; border-right: 1px solid #fff; border-left: 1px solid #fff;}
	
	#header {position: relative; background: url("images/layout/background-wide.gif") top left repeat-x;}
		#header>div {height: 129px;}
			#header #nav, #header #nav li {margin: 0; padding: 0; list-style: none;}

			#header #nav {padding-top: 95px;}
			#header #nav li {text-align: left; float: left;}
			#header #nav a { font-size: 12px; color: #fff; display: block; font-weight: bold; margin-right: 20px;  line-height:22px; padding:5px 10px 5px 10px; background:#000; border:1px solid #fff }
			#header #nav a:hover {color:#fff;  text-decoration: none; background:#E21717 }
			#header #nav a#active {color:#fff; text-decoration: none; background:#E21717}
			
			#header .col-left {width: 581px;}
			#header .col-right {text-align: center;}
						
	#body {clear: both;}
		#body>div {height: 378px;}
		#body .col-left {border-left: 1px solid #fff;}
			#flash-fader {position: relative; z-index: 5;}
		
		#body .col-right .padding {padding: 10px; overflow: auto; height: 358px;}
		
		#body .col-wide {border: 1px solid #fff; border-width: 0 1px; background: #000;}
		#body .col-wide .padding {padding: 20px; overflow: auto; height: 358px;}
		
	#body.gallery>div {height: auto;}
		#body.gallery .col-wide .padding {height: auto;}
		
		.gallery a img {border: 1px solid #067906; margin: 5px;}
		.gallery a:hover img {border: 1px solid #fff;}
		
	#footer {clear: both; padding: 0 0; border-top: 1px solid #fff;}
		#footer .col-left {border: 0; text-align: center;}
		#footer .col-right {font-size: 12px; text-align: center; color: #414141; padding-top: 10px;}
			#footer .col-right a:visited,
			#footer .col-right a:link {color: #414141;}
	
	
/* PAGE SPEC
---------------------------------------------- */
form .input {border: 1px solid #000; padding: 3px; margin-bottom: 3px; width: 150px; background:#666666}
form textarea {margin-left: 0px; font: inherit; height: 45px; background:#666666; width:150px}
form .button {margin-left: 0px; border: 1px solid #000; width: 65px}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}

.gallery {width: 100%; height: 100%;}
	.gallery td {text-align: center; vertical-align: middle;}
.photos { margin:5px; border: 1px solid #ccc}

#linebreak { margin:5px; border-bottom:1px dotted #333; width: 330px}

#body  a:hover img{	filter: alpha(opacity=80);	opacity: .8;}