@charset "utf-8";
/* CSS Document */

/* GENERIC STYLES */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #E8E7E3;
    /*overflow: hidden;*/
}
#bg_menu_bar {
    margin:0 auto 0 auto;
    width: 100%;
    height: 143px;
	background-color: #F2F1ED;
    border-bottom: 1px solid #DBDAD6;
}
#main_menu_bar {
	z-index: 1;
	height: 167px;
	margin: 0 auto 0 auto;
	width: 1000px;
	background-color: #39393B; 
}
#bg_footer_bar {
	height: 540px;
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #39393B;
}
#footer_bar {
	height: 334px;
	margin: 0 auto 0 auto;
	width: 1000px; 
}
.left_menu {
	width: 610px;	/* with all elements: 300px; */
	margin: 40px 0px 0px 52px;
	text-align: left;
	font-family: abraham_lincolnregular;
	font-size: 58px;
	color: #FFF;
	float: left;
	position: relative;
}
.tall_blue {
	text-align: left;
	font-family: abraham_lincolnregular;
	font-size: 44px;
	color: #488C95;
}
.left_menu2 {
	width: 580px;	/* with all elements: 300px; */
	margin: -10px 0px 0px 52px;
	text-align: left;
	font-family: abraham_lincolnregular;
	font-size: 20px;
	color: #B2B2B2;
	float: left;
	position: relative;
}
.right_menu {
	width: 360px;	/* with all elements: 630px; */
	margin: -45px 0 0 0;
	text-align: left;
	font-family: abraham_lincolnregular;
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	float: left;
	position: relative;
}
.menu{
    width: 360px; 	/* with all elements: 630px; */
}
.menu ul{
    margin: 0; padding: 0;
    float: left;
} 
.menu ul li{
    display: inline;
}
.menu ul li a{
    float: left; text-decoration: none;
    color: white;
    padding: 10.5px 11px;
}
.menu ul li a:visited{
    color: white;
} 
.menu ul li a:hover, .menu ul li .current{
    color: #488C95;
	float: left; text-decoration: none;
    padding: 10.5px 11px;
}
.davy_foot {
	position: absolute; 
	bottom: 10px;
	padding-left: 150px;
}
.footer_titles {
	font-family: abraham_lincolnregular;
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFAFA;
}
.footer_left {
	width: 360px;
	margin: 50px 0px 0 52px;
	text-align: left;
	float: left;
	position: relative;
	
}
.footer_middle {
	width: 200px;
	margin: 50px 0px 0 0px;
	text-align: left;
	float: left;
	position: relative;
	
}
.footer_right {
	width: 360px;
	margin: 50px 0px 0 0px;
	text-align: left;
	float: left;
	position: relative;
	
}
a.footer:link, a.footer:visited, a.footer:active {
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
a.footer:hover {
	color: #488C95;
}
.footermate {
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #488C95;
}
.foot-phone {
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 16px;
	color: #FFF;
}
#copy_hole {
	margin:0 auto 0 auto;
	width: 1000px;
	text-align: center;
}
.copy_text {
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #999;
}
#sender {
	margin:0 auto 0 auto;
	padding: 10px;
	width: 980px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #FF0000;/*#488C95;*/
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
}
#cookie_plate {
    padding: 10px;
}
img { border: 0; }
.cf {
    position:relative;
	cursor: pointer;
}
.cf img {
    position:absolute;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
.cf img.top:hover {
    opacity:0;
}

.cf p {
    position:absolute;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
}
.cf p.top:hover {
    opacity:0;
}

#contact-form {
  background: #f0f0f0;
  border: 1px solid #ccc;
  padding: 15px;
  width: 515px;
}
#contact-form fieldset {
  border: none;
  position: relative;
  padding:0;margin:0;
}
#contact-form label {
  display: block;
  margin-bottom: 12px;
}
#contact-form input[type=text] {
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 4px;
  width: 392px;
}
#contact-form input#name {
  margin-left: 50px;
}
#contact-form input#email {
  margin-left: 51px;
}
#contact-form textarea#msg {
  border: 1px solid #ccc;
  margin-left: 30px;
  vertical-align: top;
  width: 400px;
  height: 120px;
}
#contact-form input[type=submit] {
  float: right;
  margin-right:27px;
}
#contact-form textarea#msg:focus, #contact-form input[type=text]:focus {
  background: #F4EDB6;
}
ul#testy { 
	list-style: none;
	margin: 0; padding: 0;
	position: relative;
	margin-top: 110px;
	margin-left: 10px;
	font-family: baqaregular;
	font-size: 20px;
	color: #333;
	text-align: center;
}
ul#testy li {
	list-style: none;
	opacity: 0;
	position: absolute;
}

/* HOME PAGE SPECIFIC */

#bg_top_content_bar {
	height: 362px;
	margin: 0 auto 0 auto;
	width: 100%;
	position: relative;
}
#top_content_bar {
	z-index: 1;
	height: 362px;
	margin: 0 auto 0 auto;
	width: 1000px; 
}
#bg_main_content_bar {
	height: 724px;
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #F2F1ED;
    border-top: 1px solid #DBDAD6;
	position:relative;
}
#main_content_bar {
	height: 724px;
	margin: 0 auto 0 auto;
	width: 1000px; 
	
	background-image: url('images/TrainStorm_wavyDavy_ref.jpg') no-repeat;
	background-attachment: relative;
	background-position: 98px -1px;
	z-index: 1;
}
.davy_top {
	position: absolute; 
	bottom: -10px;
	padding-left: 98px;
}
.quote_top {
	margin-top: 110px;
	margin-left: 450px;
	font-family: baqaregular;
	font-size: 20px;
	color: #333;
	text-align: center;
}
.quote_bottom {
	margin-top: 30px;
	margin-left: 150px;
	font-family: baqaregular;
	font-size: 20px;
	color: #333;
	text-align: center;
}
.content_left {
	width: 470px;
	margin: 50px 0px 0 52px;
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #39373A;
	float: left;
	position: relative;
	padding-right: 50px;
    border-right: 1px solid #DBDAD6;
}
.content_right {
	width: 320px;
	margin: 50px 0px 0 30px;
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #39373A;
	float: left;
	position: relative;
}
.services ul li{
	list-style: none;
	margin: 0;
	padding: 0;
} 

/* WEBSITE PAGE SPECIFIC */

#bg_top_web_content_bar {
	height: 382px;
	margin: 0 auto 0 auto;
	width: 100%;
	position: relative;
}
#top_web_content_bar {
	z-index: 1;
	height: 382px;
	margin: 0 auto 0 auto;
	width: 1000px; 
}
.web_content_left {
	width: 620px;
	margin: 50px 0px 0 52px;
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #39373A;
	float: left;
	position: relative;
	padding-right: 0px;
    border-right: 0px solid #DBDAD6;
}
#bg_web_content_bar {
	height: 480px;
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #F2F1ED;
    border-top: 1px solid #DBDAD6;
	position:relative;
}
#web_content_bar {
	height: 480px;
	margin: 0 auto 0 auto;
	width: 1000px; 
	text-align: center;
	
	background-image:url('images/TrainStorm_Davy_sign_ref.jpg');
	background-repeat: no-repeat;
	background-attachment: relative;
	background-position: 690px -1px;
	z-index: 1;
}
.davy_web {
	position: absolute; 
	bottom: -10px;
	padding-left: 700px;
}
.web_quote_bottom {
	margin-top: 30px;
	margin-left: 0px;
	font-family: baqaregular;
	font-size: 20px;
	color: #333;
	text-align: center;
}

/* PORTFOLIO PAGE SPECIFIC */

#bg_top_port_content_bar {
	height: 182px;
	margin: 0 auto 0 auto;
	width: 100%;
	position: relative;
}
#top_port_content_bar {
	z-index: 1;
	height: 182px;
	margin: 0 auto 0 auto;
	width: 1000px; 
}
.port_content_left {
	width: 620px;
	margin: 50px 0px 0 52px;
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #39373A;
	float: left;
	position: relative;
	padding-right: 0px;
    border-right: 0px solid #DBDAD6;
}
#bg_port_content_bar {
	height: 3430px;
	margin: 0 auto 0 auto;
	width: 100%;
	background-color: #F2F1ED;
    border-top: 1px solid #DBDAD6;
	position:relative;
}
#port_content_bar {
	height: 3430px;
	margin: 0 auto 0 auto;
	width: 1000px; 
	text-align: center;
}
.port_left_content_bar {
	width: 470px;
	margin: 50px 0px 0 52px;
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #39373A;
	float: left;
	position: relative;
	padding-right: 50px;
    border-right: 0px solid #DBDAD6;
}
.port_right_content_bar {
	width: 320px;
	margin: 50px 0px 0 30px;
	text-align: left;
	font-family: euphemia_ucasregular;
	font-size: 14px;
	color: #39373A;
	float: left;
	position: relative;
}
.all {
	margin: 0px 0px 10px 0px;
}