@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,700,800');
@import url('http://fonts.googleapis.com/css?family=Righteous');
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;	
}
a,
a:link,
a:hover,
a:focus{
	text-decoration:none;
	color:#2968a2;
}
h1{
	font-size:2.0em;
	font-weight:500;
	margin:20px;
}
h2{
	font-weight:500;
}
.top{
	height:135px;
	background:url(../images/top-bg.jpg) repeat-x;
}	
.top.home{
	height:450px;
}
.top-frame{
	width:1200px;
	margin:0 auto 20px;;
}
.logo{
	width:1200px;
	height:70px;
	padding-top:20px;
}
.spacer50{
	margin-right:50px;
	height:1px;
}
.phone{
	font-family: 'Righteous', cursive;
	float:right;
	width:300px;
	height:70px;
	font-size:30px;
	font-weight:bold;
	color:#20285c;
	text-align:right;
	text-shadow: 2px 2px #b4b2b2;
}

/** NAVIGATION **/
.navbar-full{
	background:#20285c;
	height:40px;
}
.nav{
	width:1070px;
	margin:0 auto;	
}
.nav li{
	float:left;
	padding:8px 20px;
	margin:0px 5px;
	list-style:none;
}
.nav li.smi{
	background:none;
	border:none;
	padding:2px;
}
.nav li.smi:hover{
	background:none;
}
.nav li a{
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	color:#ffffff;
	font-weight:600;
}
.nav li:hover{
	background:#4c57a5;
}

/* dropdown menu items */
.nav li ul{
	display:none;
	min-width:8em;
	background:#3a479a;
	z-index:99999;
	list-style:none;
}
.nav li:hover ul, .nav-menu li.hover ul {
   	display: block;
   	position: absolute;
   	margin: 8px 0;
   	padding: 0;
}
.nav li:hover li, .nav-menu li.hover li {
   	float: none; 
   	text-align:left;
}
.nav li:hover li a, .nav-menu li.hover li a {
	color: #ffffff;
    text-align:left;
	border-right:none;

}
.nav li li a:hover {
    color: #fffffff;
}
/***   ***/
/* NEW SLIDESHOW ************************************************/
.slideshow #frame{
	margin:0 auto;
	width:910px;
	padding:20px 0;
}	
.sub-pg-container{
	padding-bottom:50px;
	margin:-325px auto 0;
	width:1000px;
	padding:30px 0 0 0;
}	

/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/
.aviaslider{ 
border:10px solid #252525;
height:237px; 	/*this changes the height of the image slider*/
width:910px;
overflow: hidden;
position: relative;
background: #fff url(../images/layout/preload.gif) center center no-repeat;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
margin:20px auto 0 auto;
position: relative;
float:left;
}

.slidecontrolls a{
height:20px;
width:22px;
display:block;
cursor: pointer;
background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/layout/controlls.gif) center top no-repeat;
}

/* CONTENT*/
.content{
	width:1200px;
	padding:0 30px;
	position:relative;
	top:15px;
	margin:0 auto;
}
.content.home{
	top:-40px;
}
.center{
	text-align:center;
}
.section-home{
	width:1040px;
	margin:0 auto;
	text-align:center;
}
.section-footer{
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.section{
	margin:0 auto;
	text-align:center;
}
.left{
	text-align:left;
}
.cols3{
	width:300px;
	float:left;
	margin:0 20px;
	text-align:center;
}
.cols2{
	width:500px;
	float:left;
	text-align:left;
}
.cols2footer{
	width:600px;
	float:left;
	text-align:left;
}
.padright{
	margin-right:40px;
}
.padleft{
	margin-left:80px;
}	
.footer{
	background:#9a9b9d;
	padding:40px;
	border-top:5px solid #242526;
	color:#20275c;
}
.footer h2{
	font-size:1.2em;
	color:#20275c;
}
.copyright{
	padding:10px;
	background:#242526;
	text-align:center;
	color:#999;
	font-size:0.7em;
}
/* TABLE */
table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:0.8em;
	width:1200px;
}
th{
	margin:0;
	padding:5px;
	text-align:left;
	border:1px solid #cccccc;
	background:#434A48;
	color:#ffffff;
	font-weight:400;
}
th a{
	color:#ffffff !Important;
}
td{
	margin:0;
	padding:0 5px;
	text-align:left;
	border:1px solid #cccccc;
}
/* TABLE for KEY */
.tblkey{
	width:400px;
}
.tblkey th{
	text-align:center;
}

.key{
	float:right;
	margin:0 0 30px 0;
}
.workkey{
}

.small{
	font-size:0.7em;
	color:#333333;
	margin-left:20px;
}
.smallfooter{
	font-size:0.9em;
	color:#CCCCCC;
}
.results{
	margin:15px;
	font-size:1.1em;
}
.orange{
	color:#c87e48;
}
.orangeB{
	color:#c87e48;
	font-weight:bold;
}
.whiteB{
	color:#ffffff;
	font-weight:bold;
	font-size:1.0em;
}
.blue{
	color:#2968a2;
}
.blueB{
	color:#2968a2;
	font-weight:bold;
}
.about ul {
    padding:0;
    margin:0;
}

.about li { 
    list-style-type: none !important;
    padding-left: 1em; 
    text-indent: -1.4em;
	margin-right:10px;
	margin-bottom:20px;
}

.about li:before {
    content:url('../images/bullet.jpg');
    color: #bf7443;
}

.bullets2 li:before {
    content:url('../images/arrow-bullet.jpg');
    color: #bf7443;
}

.about .subheader{
	color:#20275c;
	font-weight:bold;
	padding-left:14px;
}

.about .suborange{
	color:#c87e48;
	font-weight:normal;
	padding-left:14px;
}
.about .suborangeB{
	color:#c87e48;
	font-weight:600;
	padding-left:14px;
}
.about .subblue{
	color:#2968a2;
	font-weight:normal;
	padding-left:14px;
}
.about .subblueB{
	color:#2968a2;
	font-weight:600;
	padding-left:14px;
}
.about li a,
.info a,{
  color:#c87e48;;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
.about li a:hover,
.info a:hover {
	color:#333333;
}	
.red{
	color:#ff0000;
}	
.redb{
	color:#ff0000;
	font-weight:bold;
}	
	
/* BUTTON */
.btn {
  background: #20275c;
  background-image: -webkit-linear-gradient(top, #3498db, #20275c);
  background-image: -moz-linear-gradient(top, #3498db, #20275c);
  background-image: -ms-linear-gradient(top, #3498db, #20275c);
  background-image: -o-linear-gradient(top, #3498db, #20275c);
  background-image: linear-gradient(to bottom, #3498db, #20275c);  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  color: #ffffff;
  font-size: 0.8em;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #fc9f3c;
  background-image: -webkit-linear-gradient(top, #20275c, #2980b9);
  background-image: -moz-linear-gradient(top, #20275c, #2980b9);
  background-image: -ms-linear-gradient(top, #20275c, #2980b9);
  background-image: -o-linear-gradient(top, #20275c, #2980b9);
  background-image: linear-gradient(to bottom, #20275c, #2980b9);  text-decoration: none;
  cursor:pointer;
}

/* back to top */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media (max-width:1260px){
.top-frame{
	width:800px;
}
.logo{
	width:800px;
}
.content{
	width:800px;
}
.section-home{
	width:800px;
}
.cols3{
	width:200px;
}
.cols3 p{
	font-size:0.8em;
}

}