/********************************************
   AUTHOR:  			The Design Liberation Group
   WEBSITE:   			http://www.thedlg.com/
   VERSION:          	1.0
   LAST MODIFIED:    	Aug-05-2009       	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #fff;
	background: #191919;
	text-align: center;		
}

/* links */
a { background: inherit; color: #fff; text-decoration: none; }
a:hover { background: inherit; color: #6dcff5; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #65944A; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 13px;
	padding: 0 15px;		
}

/* images */
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 13px;
	font: normal 11px/1.5em Tahoma, Geneva, sans-serif;
	letter-spacing: 0.04em;
}
tr {
	height: 12px;
}
td.time {
	padding-right: 11px;
	vertical-align: top;
	color: #6dcff5;
}
td {
	vertical-align: top;
}
/* end - table */

/* form elements */
form {
	margin:10px 15px; padding: 0;
}
label                       { width: 280px; display: block; }

input[type=text]  			{ width: 280px; outline: none; padding: 2px; }

input[type=text]:focus		{ background: #eee; }

textarea  					{ max-width: 290px; outline: none; display:block; }

textarea:focus				{ background: #eee; }

.rowElem 
label.error                 { float: none; font-style: italic; color: #999;
                              position: absolute; top: -21px; left: 50px; 
                              font-size: 10px; }                              

.rowElem                    { position: relative; clear: both; min-height: 23px; }
.rowElemSelect              { clear: both; min-height: 23px; }

.thanks                     { color: #6dcff5; font-weight: bold; }

input.button { 
	margin: 0; 
	font: icon 1.1em Tahoma, Geneva, sans-serif;
	background: url(../images/send.jpg) no-repeat;
	color: #fff;
	border: 0;
	width: 48px;
	height: 25px;
}


/***********************
	  LAYOUT
************************/

#header-content, #content, #footer-content {
	width: 900px;
}

/* header */
#header {
	height: 158px;
	text-align: left;
	background: #191919;
	border-bottom: 1px solid #38322d;
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}
#header-content #logo {
	position: absolute;
	width: 56px;
	height: 112px;
	margin: 0; padding: 0;		
	
	/* change the values of left and top to adjust the position of the logo */
	top: 30px; left: 0px;
}

/* header menu */
#header-content ul {
	position: absolute;
	left: 90px; top: 114px;
	font: normal 0.8em Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	list-style: none;
	margin: 0; padding: 0;		
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 	#header-content ul  { letter-spacing: 0.21em;  }
}

#header-content li {
	display: inline;	
}
#header-content li a {
	float: left;
	display: block;
	height: 33px;
	padding: 18px 11px 0 11px;
	color: #86d0e0;
	text-decoration: none;
	/*border-right: 1px solid #272727;*/
}
#header-content li a:hover, #header-content li a#current {
	background: transparent url(../images/nav_over.jpg) no-repeat top center;
	color: #FFF;
}
#header-content li.social a, #header-content li.social a:hover {
	float: left;
	display: block;
	padding: 5px 0 0 0;
	background: none;
}

/* header photo */
#headerphoto {
	width: 100%;
	height: 320px;
	margin: 0 auto;
	padding: 0;
	background: #2e1b0d url(../images/sky_bg.jpg) repeat-x center top;	
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #2e1b0d;
	padding: 40px 0 0 0;
}
#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;	
}

/* main */
#main {
	float: left;
	margin: 0 0 20px 85px; padding: 0;
	font: normal 11px/1.5em Tahoma, Geneva, sans-serif;
	letter-spacing: 0.04em;
	line-height: 200%;
}
#main h1 {
	padding: 10px 0px 0 0px;
	margin: 0 0 0 14px;
	font: normal 1.1em Tahoma, Geneva, sans-serif;
	letter-spacing: 0.08em;
	color: #6dcff5;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 	#main h1  { letter-spacing: 0.1em;  }
	#main  { letter-spacing: 0.08em;  }
}

#main ul {
	color: #6dcff5;
}
#main ul li {
	list-style-image: url(../images/bullet.jpg);
}
#main p {
	padding-bottom: 10px;
}
#main .blogpost {
	width: 45%;
	padding: 0 10px 10px 0;	
}
#main .col {
	width: 40%;
	padding: 0 10px 10px 0;	
}
#main .col2 {
	width: 52%;
	padding: 0 2px 10px 0;	
}
#main .col3 {
	width: 41%;
	padding: 0;	
}
#main .col4 {
	width: 46%;
	padding: 0 38px 0 0;	
}
span.map a {
	color: #379eb5;
}

span.map a:hover {
	color: #fff;
	text-decoration: none;
}
#main ul.blog {
	padding: 10px 13px; margin: 0;
}
#main ul.blog li {
	list-style: none;
}

/* footer */
#footer {
	clear: both;
	min-height: 119px;
	background: #191919;
	margin: 0; padding: 0;
	font: normal 0.86em/1.6em Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em; 
	color: #808080;
	text-align: left;		
	border-top: 1px solid #38322d;
}
*html #footer {
	height: 119px;
}

#footer p {	margin-left: 0;padding: 10px 0 0 93px;  }

#footer-content {
	margin: 0 auto;
	padding-left: 15px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }

/* Coda Silder */
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 10px 0;
	padding-bottom: 40px;
	position: relative;
	width: 890px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 180px; background: #2e1b0d; overflow: hidden;}
.csw .loading {margin: 80px 0 120px 0; text-align: center;}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 180px;
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	right: 12px;
	width: 900px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px 10px 10px 10px;
	margin: 0 auto;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 0;
}

.stripNav ul { /* The auto-generated set of links */
	position: absolute;
	left: 89px;
	top: -35px;
	font: normal 0.9em Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	list-style: none;
	margin: 0; padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 	.stripNav ul  { letter-spacing: 0.18em;  }
}

.stripNav ul li {
	float: left;
	display: inline;
}

.stripNav a { /* The nav links */	
	float: left;
	display: block;
	height: 20px;
	padding: 10px 11px 0 11px;
	color: #fff;
	text-decoration: none;
}

.stripNav li a:hover, .stripNav li a.current {
	color: #379eb5;
}