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

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=News+Cycle);
@import url(http://fonts.googleapis.com/css?family=Lato);

body{margin:0; background:url(../images/bg.jpg) repeat; }

#wrapper{width:1002px; margin:auto; border:0px solid #dedede; }
#main-wrapper{width:100%; float:left; border:1px solid #dedede; background-color:#ffffff; }
#blue-bar{width:100%; height:10px; background-color:#2bbfd9; float:left;}

#container{width:926px; margin:auto;}
#head{width:100%; float:left;padding:20px 0px;}
#logo{width:358px; float:left;}
#top-right-links{width:550px; float:right; margin-top:15px; }
#top-icons{width:100%;float:left; text-align:right;}
#top-links{width:100%; float:left; text-align:right;}

#linksbox{width:100%; float:left; border:1px solid #CCC;}
#banner{width:100%; float:left; border:1px solid #CCC; margin-top:15px; }
#banner-inner{width:100%; float:left; border:1px solid #CCC; margin-top:15px; }

#blue-grd-bg{width:100%; float:left; background:url(../images/bg-blue.jpg) repeat-y; text-align:center; padding:10px 0px;  margin-top:15px; margin-bottom:30px;}

#mid-boxes{width:100%; float:left; text-align:center;}

#box1{width:215px; float:left;}
#box-icon{width:100%; float:left;}
#box-suhead{width:100%; float:left; padding-top:8px;}
#box-content{width:100%; float:left;}
#box-morebutton{width:100%; float:left;}

#box2{width:215px; float:left; margin-left:20px; margin-right:10px;}
#box3{width:215px; float:left; margin-left:20px;}
#box4{width:215px; float:right;}

#services-boxes{width:100%; float:left; padding:0px 0px 30px 0px;}
#services-subhead{width:100%; float:left; text-align:center; border:1px solid #eeeeee; margin-bottom:30px; margin-top:35px; height:40px;} 

#service-box1{width:205px; float:left; border:1px solid #dddddd;}
#services-pict{width:100%; float:left;}
#services-content{width:100%; float:left; text-align:center; padding:10px 0px 10px 0px;}

#service-box2{width:205px; float:left; border:1px solid #dddddd; margin-left:27px; margin-right:10px; }
#service-box3{width:205px; float:left; border:1px solid #dddddd; margin-left:27px;}
#service-box4{width:205px; float:right; border:1px solid #dddddd;}

#footer{width:100%; float:left; background:#2bbfd9; text-align:center; padding:4px 0px;}

#link1{width:79px; float:left; border-right:1px solid #CCC; text-align:center;}
#link2{width:90px; float:left; border-right:1px solid #CCC; text-align:center;}
#link3{width:100px; float:left; border-right:1px solid #CCC; text-align:center;}
#link4{width:150px; float:left; border-right:1px solid #CCC; text-align:center;}
#link5{width:150px; float:left; border-right:1px solid #CCC; text-align:center;}
#link6{width:150px; float:left; border-right:1px solid #CCC; text-align:center;}
#link7{width:100px; float:left; border-right:1px solid #CCC; text-align:center;}
#link8{width:100px; float:left; border-right:0px solid #CCC; text-align:center;}


/* styles inner */

#maintext-container{width:100%; float:left; padding:20px 0px;}

#blue-grd-bg-inner{width:100%; float:left; background:url(../images/bg-blue.jpg) repeat-y; text-align:center; padding:10px 0px;  margin-top:18px; margin-bottom:0px;}

#left-panel{width:180px; float:left; }
#left-panel-container{width:180px; float:left; border:1px solid #eeeeee; padding:10px 10px 20px 10px; background:#f8f8f8;}
#left-spacer{width:180px; float:left; border:0px solid #eeeeee; padding:10px 10px 20px 10px;}
#left-panel-small-img{width:195px; float:left; border:1px solid #eeeeee;}

#right-panel{width:690px; float:right; border:1px solid #eeeeee;}
#right-panel-container{width:95%; margin:auto; padding:10px 10px 10px 10px; }
#left-panel-subhead{width:100%; float:right; border-bottom:1px solid #41c5dc; margin-bottom:10px; text-align:right;}

#blueline-subhead{width:100%; float:right; border-bottom:1px solid #eeeef5; margin-bottom:10px; text-align:left; padding:10px 0px;}

#left-link{width:100%;float:left; border-bottom:1px solid #e7e7e7; line-height:20px; text-align:right;}
#left-link-wu{width:100%;float:left; border-bottom:0px solid #e7e7e7; line-height:20px; text-align:right;}




/* CSS Classess */

.normaltext{font-family: 'Open Sans', sans-serif; font-size:12px; color:#293848; line-height:18px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal;}

.normalashtext{font-family: 'Open Sans', sans-serif; font-size:12px; color:#293848; line-height:21px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal;}

.normalbluetext{font-family: 'Open Sans', sans-serif; font-size:12px; color:#30b5cc; line-height:21px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-shadow:0px 0px 0px #cccccc;}

.whitetext{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ffffff; line-height:18px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal;}

.whitetext-md{font-family: 'News Cycle', sans-serif; font-size:17px; color:#ffffff; line-height:25px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal;}

.ashtext-sub{font-family: 'News Cycle', sans-serif; font-size:21px; color:#293848; line-height:35px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:bold;}

.bluetext-sub-small{font-family: 'News Cycle', sans-serif; font-size:20px; color:#06869f; line-height:35px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-transform:uppercase; padding:10px 0px;}

.ashtext-sub-small{font-family: 'News Cycle', sans-serif; font-size:20px; color:#41c5dc; line-height:35px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-transform:uppercase; padding:0px 0px;}

.ashtext-sub-nb{font-family: 'News Cycle', sans-serif; font-size:19px; color:#2ebed9; line-height:35px; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-transform:uppercase;}

.bluetext-md{font-family: 'Lato', sans-serif; font-size:18px; color:#06869f; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal;}

.ashtext-sm{font-family: 'Lato', sans-serif; font-size:18px; color:#293848; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal;}

a.mainlinks{font-family: 'Open Sans', sans-serif; font-size:12px; color:#293848; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-transform:uppercase;}
a.mainlinks:hover{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ffffff; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-transform:uppercase;}

a.bluelink{font-family: 'Open Sans', sans-serif; font-size:10px; color:#018da6; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-transform:uppercase;}
a.bluelink:hover{font-family: 'Open Sans', sans-serif; font-size:10px; color:#333333; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; text-transform:uppercase;}

.divider{font-family: 'Open Sans', sans-serif; font-size:10px; color:#018da6; text-decoration:none; margin-bottom:0px; margin-top:0px; font-weight:normal; padding:0px 5px 0px 5px;}

a.more{background:#0d52a4;  cursor:pointer; color:#fff; text-shadow:1px 1px 1px #2ca6d9; height:25px; line-height:25px; width:100px; border:0px solid #2ca6d9; text-align:center;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: 'Open Sans', sans-serif; font-size:11px; text-decoration:none; padding:5px 5px 5px 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca6d9', endColorstr='#2bc0d8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2ca6d9), to(#2bc0d8)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2ca6d9,  #2bc0d8); /* for firefox 3.6+ */ }

a.more:hover{background:#0d52a4;  cursor:pointer; color:#fff; text-shadow:1px 1px 1px #2ca6d9; height:25px; line-height:25px; width:100px; border:0px solid #2ca6d9; text-align:center;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: 'Open Sans', sans-serif; font-size:11px; text-decoration:none; padding:5px 5px 5px 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bc0d8', endColorstr='#2ca6d9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2bc0d8), to(#2ca6d9)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2bc0d8,  #2ca6d9); /* for firefox 3.6+ */}




a.sublink{font-family: 'Open Sans', sans-serif;; font-size:12px; color:#13608a; line-height:22px; text-decoration:none; background:url(../images/arrow.jpg) no-repeat right; padding-right:15px;}
a.sublink:hover{font-family: 'Open Sans', sans-serif; font-size:12px; color:orange; line-height:22px; text-decoration:none;}

a.linkblue{font-family: 'Open Sans', sans-serif;; font-size:12px; color:#0099CC; line-height:22px; text-decoration:underline;}
a.linkblue:hover{font-family: 'Open Sans', sans-serif; font-size:12px; color:#666; line-height:22px; text-decoration:none;}


ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
/*  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
 
}
ul li {
font-family: 'Open Sans', sans-serif; font-size:12px; color:#fffff;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 7px 23.2px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-right:1px solid #CCC; 
  text-transform:uppercase;
}
ul li:hover {
  background: #2bbfd9;
  color: #fff;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 31px;
  left: 0;
  width: 180px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
  background: #2bbfd9; 
  display: block; 
  color: #fff;
/*  text-shadow: 0 -1px 0 #000;*/
}
ul li ul li:hover { background: #666; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}