/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/body-bg.gif); text-align:center;}
#main { width:980px; margin:0 auto; text-align:left; background:url(images/main-bg.gif) top no-repeat; border:solid 1px #353a3f; border-top:none;}

#header {height:109px;}
#footer { height:78px;}

.column-1, .column-2, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

.column-1{ width:789px;}
.column-2{ width:190px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.5625em; line-height:1.667em; color:#767b80;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ff9a00;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
h3{
	color:#ff9a00;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:solid 1px #4f5255;
	padding-bottom:10px;
	margin:0 15px 5px 0
}
strong{ color:#ff9a00; font-weight:normal; text-transform:uppercase; }

.column-2{ border-left:solid 1px #353a3f; background:url(images/column2-bg.gif);}

/* ============================= main layout ====================== */
.imgindent {margin:0 15px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.margin1{ margin-bottom:10px;}
.padding1{ padding-top:18px;}
.padding2{ padding-top:5px; display:block;}
.padding3{ padding-top:40px;}

/* ============================= header ====================== */
#header .logo{ padding:37px 0 0 51px;}
#header .column-2{ height:109px;}
#header .menu{ float:right; padding:28px 25px 0 0;}
#header .menu li{ padding-bottom:1px;}
#header .menu a{ text-transform:uppercase; color:#ffffff; text-decoration:none; display:block; padding:2px 15px 2px 10px;}
#header .menu span{ background:url(images/menu-marker.gif) no-repeat 0 3px; padding-left:7px;}
#header .menu a:hover, #header .menu .active{ background:#ff9a00; color:#202426;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-marker-act.gif) no-repeat 0 3px;}

#header .column-2 .menu{ float:left; padding:28px 0 0 25px;}

/* ============================= content ====================== */
#content{ height:565px;}

/* ============================= page1 ====================== */
#content{ position:relative; background:url(images/content-tail.gif) right repeat-y;}

.page{ background:url(images/tfile_gallery_b111.png) top left no-repeat; margin:0 0 0 46px; height:539px; width:907px; }
#page2 .page{ background:url(images/tfile_gallery_b211.png) top left no-repeat; margin-left: 46px;}
#page3 .page{ background:url(images/tfile_gallery_b311.png) top left no-repeat; margin-left: 46px;}

.button{ position:absolute; right:18px; top:2px;}
.page .column-1{ width:744px;}
.page .column-2{ width:163px !important; background:none; border:none; font-size:0px; line-height:0px;}
.gallery{
	padding:26px 5px 10px 5px;
	overflow: hidden;
	height: 518px;
}
#pg1, #pg2, #pg3, #pg4{
	float: left;
}
.gallery a{ display:block; margin-bottom:4px;}
.date{ color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif}
.scroll, .scroll2{ overflow:hidden; height:180px; position:relative; margin-bottom:30px;}
.scroll2{ height:350px;}
.scroll-wrap {
	padding-right:23px;
}
.awards img{ margin-right:13px;}

.content{ background:url(images/content-bg.gif) left top no-repeat; margin:22px 0 0 24px; height:483px; padding:31px 60px 0 40px; position:relative;}
.content .col-1{ width:286px; }
.content .col-2{ width:286px; margin-left:46px;}

.link{ display:inline-block; text-transform:uppercase; color:#ffffff; margin-top:12px;}
.pagination{ float:right; color:#5c6874; padding:6px 53px 0 0;}
.pagination li{ float:left; padding-left:6px;}
.pagination a{ color:#5c6874; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:6px;}
.pagination a:hover, .pagination .active{ color:#ffffff;}
.pagination .first a{ color:#ffffff; margin-right:10px;}
.pagination .last a{ color:#ffffff; margin-left:4px;}
.pagination .first a:hover, .pagination .last a:hover{ color:#5c6874;}

/* ============================= footer ====================== */
#footer{ background:url(images/content-tail.gif) right repeat-y; text-transform:uppercase; color:#5c6874;}
#footer a{ color:#ffffff; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer .text{ padding:30px 0 0 45px;}

/* ============================= forms ============================= */
#ContactForm label{ display:block; height:30px}
#ContactForm input{ border:solid 1px #767b80; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#767b80; padding:5px 0 5px 10px; width:260px; text-transform:uppercase;}
#ContactForm textarea{ border:solid 1px #767b80; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#767b80; padding:5px 0 5px 10px; width:260px; text-transform:uppercase; height:80px; overflow:hidden;}
#ContactForm .link{ display:inline-block; margin:15px 10px 0 5px; float:right;}
#version {
	position: absolute;
	top: 150px;
	right: 0px;
	float: right;
	z-index: 0;
}