body, 
html { 
width: 100%;
height: 101%;
margin-top: 5px;
background:#fff;
min-width:1000px;
} 

		

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
	text-align:justify;
	
}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 100%;
			margin: 0 auto;
			background: transparent;
			padding: 20px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			
		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			
		}
		
		
/*-------------Main Structure--------------*/


a {
color: #111; /*Controls the slide panel numbered links*/
font-family: Verdana, sans-serif;

font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
text-decoration: none;
border-style: none;
}

#content{
margin:0;
padding:0;
}
/*Header*/


#header {
width:92%;
height: 145px;
}

#header img{
border:none;
}



#address_bar{
margin-right:30px;
clear:both;
float:right;
height:20px;
}

#header span,#header h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 2.2em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
color:#888;
margin-bottom:20px;
}

#address_bar h2 {
font-family: Helvetica, sans-serif;
font-size: 0.78em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: normal;
color: #666;
text-align:justify;
}

#address_bar p,#address_bar a {
font-family: Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
text-align:justify;
margin-right:15px;
color:#464646;
text-decoration:none;
}

#address_bar a {
color: #005577;
}

#address_bar a:hover {
color: #eca014;
}
/*------------------nav menu-----------------*/

.jqueryslidemenu{
width: 650px;
float:left;
margin-left:215px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #fff; /*background of tabs (default state)*/
font-family: Verdana, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
padding: 3px 10px;
/*border-right: 1px solid #eca014;*/
text-decoration: none;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #000;
}

.jqueryslidemenu ul li a:hover{
background: #fff; /*tab link background during hover state*/
color: #eca014;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background:#fff;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 1em Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

color: #eca014;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*---------Top Panel information------------*/

#top_panel {
width:92%;
margin-top:60px;
overflow:hidden;
margin-bottom:15px;
}

#top_panel img{
float:left;
clear:both;
margin-right:80px;
}

#top_panel p{
font-family: Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em;
color:#444;
margin-right:80px;
padding-top:10px;
text-align:justify;
}

#top_panel h2{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: normal;
color:#555;
text-align:justify;
}

#top_panel a{
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em;
color:#005577;
text-align:justify;
}

#top_panel a:hover{
color:#e66c04;
}


/*--------Revealing Photo Slider----------*/

#js-container,
#js-container-2 {
	width:900px;
	height:100px;
	margin:30px auto; 
	position:relative;


}
.js-image {
	border:1px solid #666;
	background:#fff;
	font-size:1em;
	overflow:hidden;
	position:absolute;
	z-index:1;

}

.js-image:hover{
background:#ccc;
color:#e66c04;
}

.js-image a img,
a .js-overlay-image {
	border:none;
}
.js-image,
.js-image img,
.js-image.size-1,
.js-image.size-1 img,
.js-overlay-image {
	width:101px;
	height:101px;
	border:none;
}



#page-wrap {
padding: 10px;
margin-left:auto;
margin-right:auto;
	/*background: URL(../../images/turnkey_files/turnkey_mid_image2.jpg) no-repeat;*/
	
}



#page-wrap h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 3.5em;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em;
color:#999;
margin-left:30px;
text-align:justify;
}

#page-wrap span{
color:#777;
}
/*
#page-wrap h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em;
color:#777;
margin-left:30px;
margin-bottom:20px;
text-align:justify;
}*/
.col { float: left; width: 252px; margin: 0 30px 35px 60px;border-right:1px solid #ccc;padding-right:30px; }
	.col.last { float: right; margin-right: 100px; }
	
.col h2{
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;
color:#666;
}

.col h3{
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#333;
}

.col h4{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color:#555;
margin-bottom:20px;
}

.col p{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em;
color:#666;
margin-bottom:15px;
margin-top:10px;
}

.col a{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em;
color:#eee;
padding-top:4px;
padding-left:4px;
padding-right:130px;
padding-bottom:4px;
background-color:#333;
}

.col a:hover{
color:#e66c04;
}

.col img{
width:242px;
}



/*-----------------Footer-------------------*/
#footer {
width:92%;
	border-top: 5px solid #006699;
float:left;
}

#col_alpha {
width:28%;
height:370px;
float:right;
}

#col_alpha h3 {
font-family: Georgia, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #006699;
margin:12px;
}

#col_alpha ul li a:hover {
color:#e66c04;
}

/*--------------Random Quote in Footer------------*/

#quote-box-text div, #quote-author div {
 display: none;
 
}

#quote-author h3,#quote-author h4 {
font-family: Georgia, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #030303;
}

#quote-box-text p{
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #323232;
margin-right:14px;

}

#quote-box-text a {
font-family: Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #005577;
text-align:justify;
}

#quote-box-text a:hover {
color:#e66c04;
}

#col_bravo {
width:33.3%;
height:370px;
float:left;
margin-right:25px;
clear:both;
margin-bottom:20px;
}

#col_bravo h4 {
font-family: Georgia, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #006699;
margin:12px;
}

#col_bravo li.question,#col_bravo li {
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: italic;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #282828;
margin-left:18px;
list-style:none;
display:block;
}


#col_bravo ul li{
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #363636;
margin-left:19px;
list-style:none;
text-align:justify;
margin-bottom:5px;
}

#col_bravo ul li a{
color: #005577;
font-size:1em;

}

#col_bravo a:hover{
color:#e66c04;
}


#col_charlie {
width:100%;
height:60px;
	border-top: 4px solid #006699;
float:left;
}

#col_charlie p{
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #000;
margin:15px;
float:left;
}

#col_charlie a{
color: #005577;
}

#col_charlie a:hover{
color:#e66c04;
}

#col_charlie a img{
float:right;
margin-top:10px;
margin-right:30px;
border:0;
}

#col_charlie li{
display:inline;
}

#col_delta {
width:30%;
height:370px;
margin-left:15px;

float:left;
}

#col_delta ul{
margin-left:20px;
margin-right:15px;
}

#col_delta li a,#col_delta li{
display:inline;
font-size: 0.89em;
}

#col_delta ul li a:hover {
color:#e66c04;
}

#col_delta h4 {
font-family: Georgia, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #006699;
margin:12px;
}