/* Table of Contents 
=======================
	* - Global
    1 - Header
    2 - Structure
    3 - Nav
    4 - Search
    5 - Headings
    6 - Lists
    7 - Forms
    8 - Links
    9 - Misc
=======================
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	background-color: #363636;
	font-size: 10px;
}

/* 1- Header
----------------------------------------------- */


/* 2- Structure
----------------------------------------------- */

div#wrapper {
	width: 963px;
	margin: 25px auto;
	padding-bottom: 25px;
}

div#wrapper  div.wrapper-header, div#wrapper div.wrapper-middle, div#wrapper div.wrapper-footer {
	width: 100%;
	float: left;
}

div#wrapper .wrapper-header {
	background: url(../img/top.png) top center no-repeat;	
	height: 23px;
}

div#wrapper .wrapper-middle {
	background: url(../img/middle.png) center repeat-y;
}

div#wrapper .wrapper-middle .content {
	min-height: 450px;
	z-index: 1;
	position: relative;
	margin: 0px 31px;
	top: -3px;
	overflow: hidden;
}

div#wrapper .wrapper-footer {
	background: url(../img/bottom.png) top center no-repeat;
	height: 60px;
	position: relative;	
	margin: 0px;
	top: -6px;
	
}

#maps {
	text-align: right;
	color: white;
	padding: 0px;
	position: relative;
	width: 50px;
	margin-left: 10px;
	bottom: 10px;	
}

ul#title{
	margin: 0px;
	position: relative;
	font-weight: 800;
	color: #DEDEDE;
	font-size: 3.2em;
	list-style: none;
}
	
ul#title li {display: inline;}

#left-col {
	width: 544px;
	overflow: hidden;
	float: left;
} 

#left-col #slider-wrapper {
	height:483px;
	width: 100%;
	overflow:hidden;
	position:relative;
}

#left-col #slider-wrapper #slider {
	position: absolute;
	width: 4526px;	
}

#left-col #slider-wrapper #slider img {
	position : relative;
	z-index: 0;
	float: left;
}

#right-col {
	width: 315px;
	height: 443px;
	position: relative;
	float: right;
	padding: 10px;
	background: #FFF;
	margin: 10px;
	margin-right: 12px;
}

#right-col a {
	color: #FF0000;
}

#right-col p {
	font-size: 10.5pt;
	color: #464343;
}

#right-image {
	width: 314px;
	overflow: hidden;
}

#footer {
	position: relative;
	padding-top: 16px;
	text-align: left;
	width: 100%;
}

#footer li {	
	display: inline;
	list-style: none;
	margin-right: 10px;	
}

#footer-social {
	position: relative;
  padding-left: 16px;
	padding-top: 16px;
	text-align: left;
}

#social-links li {	
  display: block;
  float: left;
  list-style: none;
  margin-right: 10px;	
}

#social-links li a {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
}

#social-links li a span {
  display: none;
  position: absolute;
  left: -9999px;
}

#social-links li a.facebook {
  background: transparent url(/img/social/facebook-icon-hover.png) no-repeat top left;
}

#social-links li a.facebook:hover {
  background: transparent url(/img/social/facebook-icon.png) no-repeat top left;
}

#social-links li a.twitter {
  background: transparent url(/img/social/twitter-icon-hover.png) no-repeat top left;
}

#social-links li a.twitter:hover {
  background: transparent url(/img/social/twitter-icon.png) no-repeat top left;
}

#social-links li a.vimeo {
  background: transparent url(/img/social/vimeo-icon-hover.png) no-repeat top left;
}

#social-links li a.vimeo:hover {
  background: transparent url(/img/social/vimeo-icon.png) no-repeat top left;
}

#social-links li a.flickr {
  background: transparent url(/img/social/flickr-icon-hover.png) no-repeat top left;
}

#social-links li a.flickr:hover {
  background: transparent url(/img/social/flickr-icon.png) no-repeat top left;
}

#links {
	font-size: 30px;
	color: red;
}
	
#links li {
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/plus.gif);
	color: #FFFFFF;
}

li#floor{
	width: 500px;
	height: 349px;
	overflow:hidden;		
}

li#floor a {
	border: none;
	margin: 0px;
	padding: 0px;
	display: compact;	
} 

#blurb {
	font:bolder 10px/14px Arial, Helvetica, sans-serif;
	position: relative;
	width: 250px;
	height: 50px;
	color:  #333;
	margin: 0px;
	padding: 0px;
}

#blurb p {
	position: absolute; 
	opacity: 0;
}

#connect {
	margin-top: 80px;
	}

#twitter{
	position: relative;
	margin: 0px;
	right: 15px;
	width: 320px;
	height: 80px;
	float: right;
	font-weight: bolder;
	display: block;
}

#twitter h4{
	font-size: 13pt;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	color: #FF0000;
}

#twitter ul {
	list-style-type: none;
	font-size: 10pt;
	margin: 0px;
}

#twitter a {
	color: #FF0000;
}

#contact h4 {
	border-bottom: 2px solid black;
	padding-bottom: 2px;
}

#directory {
		padding: 10px;
		padding-left: 0px;
}

#directory h4{
	font-size: 20px;
	margin: 0px !important;
	padding: 0px !important;
	font-weight: 400;

}

#directory a {
	color: #7e8285;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -5px;
}

#directory p {
	margin: 0px;
}

/* 3 - Navigation
----------------------------------------------- */

#nav {
	text-align: left;
	color: #FFFFFF;	
	margin: 0px;
	font-size: 10px;
	position: relative;
	left: 15px;	
	bottom: 20px;
}

#right-nav {
  position: relative;
  left: 15px;	
  bottom: 5px;
}

#nav li, #right-nav li {	
	display: inline;
	list-style: none;
	margin-right: 5px;	
}

#nav li a.title {
  position: static;
  margin: 0px;
  color: #ed1c24;
  margin: 0px;
}

/* 4 - Search
----------------------------------------------- */

/* 5 - Headings
----------------------------------------------- */

h1{
	float: left;
	margin-top: 170px;
	margin-left: 20px;
	font-size: 28pt;
	position: absolute;
	font-weight: 200;
	z-index: 4;
	color: white;
}

h2 {
	margin: 10px;
	font: bold 21px Arial;
	background: url(../img/plus.gif) 0 24% no-repeat;
	padding-left: 20px;
	color: #666666;
	display: block;
}

h3{
	font: bold 24px Arial;
	color: #464343;
	margin: 0px;
	padding: 7px 0 2px 7px; /*31px is left indentation of header text*/
	border-bottom: 3px solid #464343;
	font-weight: 400;
	cursor: pointer;
	background-color: #898989;
}

h3.dots{
	background: url(../img/dots.gif) 2% 50% no-repeat #898989;
	padding-left: 50px;
}

h4 {
	margin: 10px;
	font: bold 14px Arial;
	padding-left: 20px;
	color: #666666;
}

a.title{
	font-size: 18pt;
	font-weight: bolder;
	position: relative;
	margin: 0px;
	color: #ed1c24;
	margin-left: 23px;
	bottom: 20px;
}

/* 6 - Lists
----------------------------------------------- */

/* 7 - Links
----------------------------------------------- */

a {
	color: #FFFFFF;
	text-decoration: none;
}
	
a:hover{
	color: #DDDDDD;
}

a.pdf {
	background: url(../img/pdf.gif) center left no-repeat;
	padding-left: 50px;
	height: 32px;
	display: block;
	margin: 10px;
}

/* 9 - Misc
----------------------------------------------- */

.red {
	color: #ed1c24 !important;
	font-weight: bolder;
}

.hide {
	display: none;
}

.left {
	float: left;
	display: block;
}

.right {
	float: right;
	display: block;
	margin: 10px;
	text-align: left;
}

/* 10 - Errors
----------------------------------------------- */

/* 11 - Admin
----------------------------------------------- */