body {
	background: #333333;
}

p { color: #333333;}
a { color: #ff3333; text-decoration: none;}
a:hover { color: #333333; text-decoration: underline;}

#wrapper {
	background: #f4f4f4;
}


#header_band {
	background: url(../images/header_bg-xtile.jpg) repeat-x top;
	height: 141px;
}

#header {
	width: 935px;
	height: 123px;
	margin: 0 auto;
	padding: 18px 0 0 25px;
	position: relative;
}

#header ul.contact_info {
	list-style: none;
	top: 28px;
	right: 50px;
	position: absolute;
}

/* Main Navigation
----------------------------------*/

#header ul.navigation {
	display: block;
	list-style: none;
	margin: 26px 0 0;
}

#header ul.navigation li {
	display: inline;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-right: 22px;
}

#header ul.navigation li a {
	display: inline;
	font-size: 1.2em;
	text-decoration: none;
	color: #666666;
}

#header ul.navigation li a:hover {
	color: #333;
	border-bottom: 1px solid;
}

#header ul.navigation li.current a {
	color: #f89505;
	border-bottom: 1px solid;
}

/* Main 
----------------------------------*/
body.home #main_band,
#main_band {
	height: 70px;
	border-bottom: 1px solid #2d4b71;
	background-color: #247daa;
	background-image: url(../images/mainband_bg-xtile.jpg);
	background-repeat: repeat;
	background-position: top;
}

body.home #main_band {
	height: 213px;
}

body.home #main_photo,
#main_photo {
	width: 276 px;
	margin: 0 auto;
	height: 70px;
	position: relative;
	overflow: hidden;
}

body.home #main_photo {
	width:960px;
	height: 216px;
	background-image: url(../images/main_photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

body.home #caption,
#caption {
	width: 280px;
	height: 165px;
	padding: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}

body.home #caption {
	height: 165px;
	height: 165px;
	padding: 25px;
	position: absolute;
	left: 25px;
	background: url(../images/caption_bg.png) no-repeat;
	top: 25px;
}

#main_photo h1 {
	color: #a5b7ca;
	font-size: 1.4em;
	position: absolute;
	top: 30px;
	text-align: right;
	right: 360px;
}

#caption h1 {
	color: #FFF;
	font-weight: normal;
	font-size: 1.5em;
	text-align: left;
	margin: 0 0 10px;
	position: static;
}

#caption p {
	color: #FFF;
	font-size: 0.9em;
}

#caption a {
	height: 22px;
	width: 128px;
	padding: 5px 0 0;
	text-align: center;
	color: #333;
	background: url(../images/caption_btn.gif) no-repeat top;
	float:left;
	text-transform: uppercase;
}

#caption a.right {
	background: url(../images/caption_btn2.gif) no-repeat top;
}

#caption a:hover {
	background-position: bottom;
	text-decoration: none;
}

.right { float: right !important;}


/* Content
----------------------------------*/

#wrapper #container #content .article .frame .imagefade li {
	list-style-image: none;
	list-style-type: none;
	}
#container {
	background: url(../images/container_bg-xtile.jpg) repeat-x top;
}

#content {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 70px;
	background: #f4f4f4 url(../images/container_bg-xtile.jpg) repeat-x top;
}
.article {
	padding: 40px 0 0 0;
}

.text_left {
	float: left;
	width: 49%;
}

.text_right {
	float: right;
	width: 49%;
}
.text_right_cp {
	float: right;
	width: 45%;
}
.text_center {
	float: none;
	width: 100%;
}

h1 {
	font-size: 2.4em;
	margin-bottom: 25px;
	color: #231f20;
	font-weight: bold;
	font-style: italic;
}

#tabs ul {
	margin: 27px 0 0;
	height: 62px;
	width: 814px;
	padding: 0 73px;
	background: url(../images/tabbed_sprite.jpg) no-repeat top;
	overflow: hidden;
}

ul.imagefade {
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 281px !important;
}

ul.imagefade li {
	height: 281px !important;
}

#tabs ul li {
	margin: 0 !important;
	height: 62px;
	padding: 0 !important;
	list-style-position: outside;
}
#tabs ul li a {
	margin: 0;
	padding: 22px 0 0 0;
	height: 40px;
	font-size: 1.2em;
	color: #666666;
	cursor: pointer;
}

#tabs ul li a.tab1 {
	width:129px;
	padding-left: 77px;
	background: url(../images/tabbed_sprite.jpg) no-repeat -73px top;
	float: left;
}
#tabs ul li.ui-tabs-selected a.tab1,
#tabs ul li a.tab1:hover {
	background-position: -73px bottom;
	color: #f89505;
}

#tabs ul li a.tab2 {
	width:120px;
	padding-left: 90px;
	background: url(../images/tabbed_sprite.jpg) no-repeat -279px top;
	float: left;
}
#tabs ul li.ui-tabs-selected a.tab2,
#tabs ul li a.tab2:hover {
	background-position: -279px bottom;
	color: #f89505;
}

#tabs ul li a.tab3 {
	width:129px;
	padding-left: 80px;
	background: url(../images/tabbed_sprite.jpg) no-repeat -489px top;
	float: left;
}
#tabs ul li.ui-tabs-selected a.tab3,
#tabs ul li a.tab3:hover {
	background-position: -489px bottom;
	color: #f89505;
}

#tabs ul li a.tab4 {
	width:109px;
	padding-left: 80px;
	background: url(../images/tabbed_sprite.jpg) no-repeat -698px top;
	float: left;
}
#tabs ul li.ui-tabs-selected a.tab4,
#tabs ul li a.tab4:hover {
	background-position: -698px bottom;
	color: #f89505;
}

.frame {
	width: 417px;
	height: 313px;
	background: url(../images/tabbed-frame.png) no-repeat;
	float:left;
	margin: 0 20px 20px 0;
	padding: 25px 0 0 28px;
}

.frame img {
	border: 1px solid #474747;
}

h2 {
	color: #f89505;
	font-size: 1.5em;
	line-height: 1.3em;
}


#team_message {
	width: 812px;
	margin: 25px auto 0;
	border: 1px solid #999999;
	background: #eceaea;
	padding: 10px;
	color: #999999;
}

#team_message div {
	background: #f4f1f1;
	border: 1px solid #dfdcdc;
	padding: 20px;
}

#team_message h3 {
	color: #999999;
}

#team_message p {
	font-size: 1.6em;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}

#team_message .logo {
	display: block;
	text-align: right;
}

/* Footer
----------------------------------*/

#footer_band {
	background: #333333 url(../images/footer_bg-xtile.gif) repeat-x top;
}

#footer {
	width: 960px;
	margin: 0 auto;
	font-size: 1.1em;
}

#footer p {
	text-align: center;
	color: #f69f21;
	margin-top: 10px;
}

#footer ul.navigation {
	list-style: none;
	padding: 15px 0 0;
	width: 960px;
	text-align: center;
}

#footer ul.navigation li {
	display: inline;
	color: #f69f21;
}

#footer a,
#footer ul.navigation li a {
	color: #f69f21;
	text-decoration: none;
}

#footer a:hover,
#footer ul.navigation li a:hover {
	color: #ffbf39;
}

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 48px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*Contact Form*/

.contactform {
	width: 300px;
	margin-top: 12px;
	color: #696969;
	border: 5px solid #d2d3ce;
	background: #dfe0d9;
	padding: 10px;
}

.contactform div {
	margin: 0 auto 2px;
}

.success {
	background: #f18024;
	border: 2px solid #d87321;
	padding: 5px;
	color: #FFF;
	font-size: .9em;
	margin: 0 0 10px;
}

.contactform .left input,
.contactform .right input {
	width: 100%;
}

.contactform .left {
	width: 47%;
	float: left;
	color: #666;
}

.contactform .right {
	width: 47%;
	float: left;
	margin-left: 10px;
}

.contactform select {
	margin: 5px 0
}

.contactform label.choice {
	font-size: .8em;
}

.contactform label.desc {
	font-size: .9em;
}

.contactform .body {
	margin-top: 5px;
}
#slideshow {
	width:640px;
	height:263px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
#slideshow #slidesContainer {
	width:560px;
	height:260px;
	overflow:auto; /* allow scrollbar */
	position:relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
#slideshow #slidesContainer .slide {
	width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:260px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:260px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
	top:0;
	left:0;
	background-color: transparent;
	background-image: url(../img/control_left.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#rightControl {
	top:0;
	right:0;
	background-color: transparent;
	background-image: url(../img/control_right.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

 
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}