html{
background: transparent url('images/Water-BG.png') left top no-repeat;
			-moz-background-size: cover;
			background-size: cover;
			background-attachment:fixed;
			width:100%;
         overflow-y: scroll;

}
body {
background: transparent url('images/bg-fade3.png') -50% 0 repeat-x;
margin:0;
padding:0;
  color: #222;
  font: 12px Helvetica, Arial, sans-serif;
}

/* Provides the background image effect */
@media only all and (max-width: 1024px) and (max-height: 768px) { /* Important: 1024x768px has the same ratio as 1280x960px */
html {	
	-moz-background-size: 1024px 768px;
	background-size: 1024px 768px;
}
}

a img, img{
border:none;
}


.service-img{
float:left;
margin: 0 30px 30px 0;
height:220px;
width:370px;
border:1px solid #999;
}

/* TEXT STYLES */

p{
line-height:140%;
  margin:0 0 20px;
}
p,
ul {
  padding: 0;
}
#Services p{
font-size:14px;
}
h2, h3, #nav a{
	 color: #000;
    font-family: "league-gothic-1","league-gothic-2",Impact,sans-serif;
    font-weight: normal;
}
h1{
margin:0;
padding:30px;
}
h2{
	color: #fff; /*The color of the text in the navigation bar*/
    font-size: 30px;
    margin: 0;
    letter-spacing:2px;
	text-transform:uppercase;
}
#message h2{
color:#7abfcd;
font-size:40px;
}
h3{
font-size: 50px;
    line-height: 65px;
    margin: 100px 0 100px  0;
    /*text-transform:uppercase;*/
    color: rgba(17,103,165,0.55)
    
}
#Services h3{
font-size:50px;
line-height:normal;
clear:both;
border-bottom:1px dotted #333;
border-top:1px dotted #333;
color:#333;
}
p.intro{
font-size:16px;
font-weight:bold;
}
p.big{
font-size:22px;
}
h2.SectionHead{
font-size:60px;
display:none;
}

/* FRONT PAGE STYLES */


#fronttagline{
width:700px; float:left;
margin: 10px;
}
#frontintro{
width:330px;float:right;
color: #000;
}
#bizinfo{
display:block;
overflow:hidden;
padding-top:20px;
border-top:1px dotted #fff;
margin-top:20px;
color: #000;
}


/* NAVIGATION STYLES */

ul#nav {
	list-style: none;
	width:940px;
	clear:both;
	overflow:hidden;
	margin:0;
}
#nav li.btn{
	background:#333;
}
#nav li {
	text-align:left;
	border-bottom-style: inset;
	border-bottom-color: rgba(17,103,165,0.15);
	border-bottom-width: 1px; 
	float:left;
	display:inline;
	width: 1200px;
	background: rgba(255, 255, 255, 0.65);

}
#nav a {
	width:188px;
	font-size: 30px;
	margin: 0 -1px 0 0;
	letter-spacing:2px;
	line-height:30px;
	display: block;
	padding: 10px 0;
	text-decoration: none;
	text-transform: uppercase;
	border-style:solid;
	border-color: #999;
	border-width: 0 0 0 1px;
}
#nav a.first, #nav a#branding{
	border:none;
}

#nav a#branding {
	height:290px;
	display:block;
	background:('images/RJE_Logo_1.png') no-repeat left top;
	text-indent:-2000px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	width: 353px;
	cursor:pointer;
}


/* FOOTER STYLES */

#footer{
	color:#444;
	border-top:1px solid #999;
	padding:10px 20px;
	background: rgba(255,255,255,.25);
	display:block;
	position:relative;
	height:15px;

}

#container {
	overflow:hidden;
	clear:both;
  background:transparent url('images/grid-trans.png') repeat;
}


.section {
  position:relative;
  padding:30px;
  overflow:hidden;
  text-align:justify;
}
#About{
	background:url('images/handshake_about.png') no-repeat top right;
	padding-right:330px !important;
}

#frontintro{
  text-align:justify;	
  padding-left: 50px;
}

#bizinfo{
  text-align:justify;
}

#Tagline{
	color:#fff;
	background:transparent url('images/grid-trans.png') repeat;
	border: none;
	padding-bottom: 20px;
	text-align:left;

}
#History{
background: url('images/about-left.png') no-repeat bottom left;
padding: 0;
}
#History #wing{
background: url('images/about-right.png') no-repeat bottom right;
padding:50px 150px;
}
#Tagline p{
	margin:0;
}

#Affiliations{
  background:#efefef url('images/grid-blank.jpg') repeat;
}

.affiliation-logos{
display:block;
overflow:hidden;
padding-top:20px;
border-top:1px dotted #666;
margin-top:20px;
text-align:center;
}
.affiliation-logos img{
padding:0 20px;
}

#map{
float:left;
padding:10px;
background:#fff;
border:1px solid #999;
margin-bottom:20px;
}
#contact_info p{
margin-bottom: 10px;
clear:right;
}


.highlight{
background:#2F97FF; /*C0D75B*/
padding:2px;
font-weight:bold;
}





.clear{
line-height:0;
width:100%;
padding:0;
margin:0;
clear:both;
display:block;
visibility:hidden;
height:0;
overflow:hidden;

}










/* FORM STYLES */


#contact_info{ 
	width:440px;
	overflow:hidden;
	float:left;
}
#contact_form{ 
	width:360px;
	float:right;
}
form fieldset{ 
	border:0;
	display:block;
	margin:0;
	padding:0;
}
label{ 
	font-size:90%; 
	display:block;
}
label.error{ 
	padding:10px 0; 
	background:url('images/alert-arrow.gif') no-repeat 20px 0;
}
label.error span{ 
	display:block;
	font-weight:normal;
	color:#fff;
	background:#CC3300;
	text-align:left;
	width:140px; 
	padding:10px; 
}
input{
	border:1px solid #fff;
	padding:10px;
	margin-bottom:15px;
	width:330px;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
textarea{
	border:1px solid #fff;
	margin-bottom:15px;
	width:330px;
	padding-left:10px;
	padding-right:10px;
	clear:both;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
input:focus,textarea:focus{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#contact_form p{
	margin:0;
}
input.button{
	opacity: .7;
	padding: 15px;
	width: 115px;
	border:2px solid #fff; 
	margin:20px 0px 0px 0px; color:#fff; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#999;
	cursor:pointer;
}

input.button:hover { 
	background:#ffffff none repeat scroll 0% 0%; 
	color:#333;
	cursor:pointer; 
}



.featured{
	width:100%;
	position:relative;
	border-color:#999999 #CCCCCC #CCCCCC;
	margin:0 auto;
	width:940px;
	-moz-box-shadow: 0 0 12px #000;
	-webkit-box-shadow: 0 0 12px #000;
	box-shadow: 0 0 25px #777;
}
#page{
padding-bottom:50px;
}
.featured .ui-tabs-hide{
display:none;
}


.featured li.ui-tabs-selected{ /*Selected tab style*/
}
.featured ul.ui-tabs-nav li.btn.ui-tabs-selected a,.featured ul.ui-tabs-nav li.btn.ui-tabs-selected a:hover{
color:#fff;
background:#7abfcd; /* for non-css3 browsers */

background: -webkit-gradient(linear, left top, left bottom, from(#7abfcd7abfcd), to(#7abfcd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #7abfcd,  #7abfcd); /* for firefox 3.6+ */ 

}


#navwrap{
float:left;
width:100%;
overflow:hidden;
position:relative;
}
div.expandit{
display:none;
}
/*
.expandit{
    position: fixed;
    top:100px;
    right:0;
    text-indent:-2000px;
    width:30px;
    height:30px;
	background:url('images/expander.png') no-repeat 0 0;
}
.expandit.collapser{
background-position:right top;
}*/





#nav.stick {
  position: fixed;
  top: 0;
  z-index: 8889;
  }