@charset "utf-8";
/* CSS Document */
/* common  */
body{font-family: 'montserratbold'; font-size:12px; color:#46596C; margin:0 0 1% 0; padding:0px; background:#fff}
a:link, a:visited { color:#656565; text-decoration:none;}
a:hover, a:active, a:focus{ color:#656565; text-decoration:none;} 
a.email:hover{text-decoration:underline;}
p, h1, h2, h3, h4, h5, h6{ padding:1% 0%; margin:0px;}
h1{ font-size:1.5em;}
h2{ font-size:1.4em; text-transform:uppercase}
h3{ font-size:1.3em;}
h4{ font-size:1.25em;}
h5{ font-size:1.16em;}
h6{ font-size:1.08em;}
p{ font-size:1.2em;font-family: 'montserratregular';}
ul{list-style:url('../images/arrow.png');}
ul li{  margin:0px; padding:0px; list-style:none;}
ul li a{ font-size:1em;}

.fl{ float:left;}
.fr{ float:right;}
@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular-webfont.eot');
    src: url('montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat-regular-webfont.woff') format('woff'),
         url('montserrat-regular-webfont.ttf') format('truetype'),
         url('montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('montserrat-bold-webfont.eot');
    src: url('montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat-bold-webfont.woff') format('woff'),
         url('montserrat-bold-webfont.ttf') format('truetype'),
         url('montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
img{border:0;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center !important;}
.justify{text-align:justify;}
.clear{clear:both;}
#wrapper{ width:100%; margin:0px auto;}
header{ width:100%; padding:0; background-color:#fff; position:fixed;top:25px;z-index:5000;}
#top{ width:100%; padding:0; background-color:#E64732; position:fixed;top:0; z-index:5000;}
.tophead{width:980px; margin:0px auto;padding:3px 0; color:#fff; text-align:right;font-family: 'montserratregular';}
.tophead a:link, .tophead a:visited{color:#fff;}
.tophead a.active{font-weight:bold;}
.head{width:980px; margin:0px auto;}
footer{ width:100%; float:left; padding:2% 0 2% 0; background-color:#34495e; color:#818181; font-family: 'montserratregular';position:relative; top: 95px;}
footer a:link, footer a:visited{color:#fff;}
footer a:hover{color:#E64732;}
footer a.active{color:#E64732;}
.red{color:#E64732;}
.fix{position:fixed;}
.bottom{width:980px;margin:0 auto;color:#fff;}
nav {padding:0px; width:100%; float:left; height:35px;}
#content{width:100%;padding:0; background-color:#80DDFF; top:95px; position:relative;}
.contnt{width:980px; margin:0 auto; padding:0;}
.midmain{width:980px; margin:0 auto; padding:3% 0;}
.midmain1{width:980px; margin:0 auto; padding:1% 0;}
.midmain1 p{font-size:1em;padding:0;}
.bgwhite{width:980px; text-align:center; background-color:#FFF;top:95px; position:relative; padding:4% 0; margin:0 auto;}
.inside_midmain{width:980px; margin:0 auto; padding:2% 0;}
#welcome{width:100%;padding:4% 0; background:#34495e; float:left; position:relative; top: 95px;}
.midsection{width:980px; margin:0 auto;}
#contact{width:100%;padding:2% 0; background:#edeeef; float:left; position:relative; top: 95px;}
.contsection{width:980px; margin:0 auto;}
#section{width:100%;padding:0; background:#fff; float:left;position:relative; top: 95px;}
#section1{width:100%;padding:0; background-color:#edeeef; float:left;position:relative; top: 95px;}
#section2{width:100%;padding:0; background-color:#c7c8ca; float:left;position:relative; top: 95px;}
.section{width:100%;padding:0; background:#fff; float:left;position:relative; top: 95px;}
.leftheader { width:30%; padding:2% 0;}
.midheader{ width:56%; }
.rightheader{ width:70%; padding:1.2% 0 0 0;}
.leftheader a:hover{text-decoration:none;}
.logo{ padding:1%;}
.logo1{font-family: 'montserratbold';font-size:2.2em; vertical-align:top; color:#E64732;}
.logo2{font-family: 'montserratbold';font-size:2.2em; vertical-align:bottom;color:#46596c;}
.txtwidth{width:75%; margin:0 auto;font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal;}
.txt{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding:4%;}
.txt1{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding:4% 0;}
.logotxt{ font-size:30px;vertical-align:middle; padding:1%;}
.leftctnt{ width:24%; background:#777; }
.rightctnt{ width:73%; background:#777; padding:0% 1%;}
.midctnt{ width:47.5%; background:#777; margin-left:1%;  padding:0% 1%;}
.botleft {
    float: left;
     width: 28%; line-height:16px;
}
.botleft a:hover, .botleft a:active, .botleft a:focus{color:#E64732; text-decoration:none;}

.btn{background:#E64732; padding:20px 35px; color:#fff; font-size:1.4em; text-transform:uppercase; border:none; cursor:pointer;font-family: 'montserratregular';}
a:link.btn, a:visited.btn{color:#fff;}
.btn:hover{background:#EE8A7C; color:#fff; text-decoration:none;}
/* h_menu */
/* Main menu settings */
#centeredmenu{clear:both; float:left; margin:0; padding:0; width:100%; font-size:1.2em; z-index:1000; position:relative; text-transform:uppercase;}

/* Top menu items */
#centeredmenu ul {margin:0; padding:0;list-style:none; float:right; position:relative;}
#centeredmenu ul li{ margin:0; padding:0; float:left; position:relative; }
#centeredmenu ul li a{ display:block; margin:0; padding:1.4em 0 1.4em 1em; font-size:1em; line-height:1em; text-decoration:none; color:#46596C; font-weight:normal; }
#centeredmenu ul li.active a{color:#E64732;}
#centeredmenu ul li a:hover{/* Top menu items background colour */ color:#E64732; }
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
 /* Top menu items background colour */
color:#E64732;}
#centeredmenu ul li:last-child a{border-right:none;}
/* Submenu items */
#centeredmenu ul ul {display:none; /* Sub menus are hiden by default */
position:absolute; top:3.8em; left:0; right:auto; /*resets the right:50% on the parent ul */
width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {left:auto;  /*resets the left:50% on the parent li */
margin:0; /* Reset the 1px margin from the top menu */
clear:left; width:100%;}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
font-size:10px; font-weight:normal; /* resets the bold set for the top level menu items */
background:#CCCC66; color:#fff; padding:1em 2em; /* overwrite line-height value from top menu */
 /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
background:#363636; /* Sub menu items background colour */
color:#fff;}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
left:auto; /* reset left:0; value */
right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
display:block; /* Show the sub menus */
}
footer ul{float:left;margin:0 0 0 6%; padding:0;}
footer ul li {
    font-size: 11px;
   
    padding: 10px 0 5px 0px; text-transform:uppercase;
}
footer ul li a:hover{color:#8d8d2b; text-decoration:none}

footer h2{font-size:1.2em; font-weight:normal;border-bottom:0px;padding:0 10px 10px 0px; color:#ce4738;text-transform:uppercase;}

.divider {
    background: url("../images/divider.jpg") repeat-y;
    min-height:380px;
   float:left;
    width: 1px;
	margin-top:5%;
}
.header2 a:link,.header2 a:visited{color:#fff;text-decoration:none;}
.txt a:link,.txt a:visited{color:#fff;text-decoration:none;}
.botleft ul li{ margin-left:2%;}
.header{font-size:2.2em; font-weight:normal;color:#3B3B3B;}
.header1{font-size:2.8em; font-weight:normal; color:#46596c; padding:10px;}
.header2{font-size:1.8em; width:80%; margin:0 auto; font-weight:normal;color:#fff; text-align:center; text-transform:uppercase;font-family: 'montserratregular';}
.header3{font-size:1.5em; width:80%; margin:0 auto; font-weight:normal;font-family: 'montserratregular';color:#46596c; text-align:center; text-transform:uppercase;}
.header4{font-size:1.8em; width:80%; margin:0 auto; font-weight:normal;color:#46596c; text-align:center; text-transform:uppercase;}
.header5{font-size:1.8em;margin:0 auto; font-weight:normal;color:#434343; text-align:center; text-transform:uppercase;}
.header6{font-size:1.8em; margin:0 auto; font-weight:normal;color:#e64732; text-align:center; text-transform:uppercase;}
.header7{font-size:2.8em; margin:0 auto; font-weight:normal;color:#fff; text-align:center; text-transform:uppercase;}
.header8{font-size:2.8em; margin:0 auto; font-weight:normal;color:#e64732; text-align:center; text-transform:uppercase;}
.webbanner{float:left; width:23.2%; margin:1%;}
.white{color:#fff;}
.toggleMenu{display:none;padding:1% 0 1% 4%; height:25px;background:#fff;border-radius:5px; color:#fff;text-decoration:none;width:96%;}
a.toggleMenu{color:#fff;text-decoration:none;}
a:hover.toggleMenu{color:#fff;text-decoration:none;}
.navgeneral:before,
.navgeneral:after{content:" ";display:table;}
.navgeneral:after{clear:both;}
div.img-list {list-style-type: none;padding: 0;text-align: left;} 
div.img-list{display: inline-block;position: relative;} 
div.text-content div {text-align: left;vertical-align: top;width:100%;} 
div.img-list:hover div.text-content {opacity: 1;filter: alpha(opacity=100);z-index:2000;width:100%;}
div.text-content{background-color:#E54933;color: white;cursor: pointer;display: table;height:266px;left: 0;position: absolute;top: 0;width: 100%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;transition: opacity 500ms;z-index:50;
}
div.text-content h2{text-transform:uppercase;}
.browse{display:block;}
.browse1{display:block;}
.mob{display:none;}
div#wn{position:relative;width:780px; height:125px;overflow:auto; }
.imgtxt{z-index:1000; position:absolute; top:195px; left:23px;}
.imgtxt1{z-index:1000; position:absolute; top:195px; left:123px;}

.imgtxttop{height:42px; color:#344A61;padding:0.5%; text-align:center;font-size:23px;}
.bluemid{padding:0; width:100%; }
.imgleft{ width:31.5%; margin:2% 2.7% 0% 0;}
table{width:100%;}
td{padding:2%; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
input[type='text']{width:96%; height:30px; border:none; margin-top:10px; padding:10px;}
textarea{border:none; width:100%; margin-top:10px;}
select{border:none; width:96%%; margin-top:10px;}
.bluebg{background:#80DDFF; height:226px; padding-top:40px;}
.padtop{padding-top:40px;}
.middletxt{height:200px; display:table-cell; vertical-align:middle !important; text-align:center !important;}
.mobile{display:none;}
.browse{display:block;}
.vmiddle{display:table-cell;height:198px;text-align:center;vertical-align:middle;width:310px;}
.serviceleft{width:31%;padding:5% 0;}
.serviceright{width:60%; padding:5% 0 5% 9%;}
.wblog_box { width: 100%;}
.blog_box {border-bottom: 2px solid #fff;height: auto;margin: 0 0 2%;padding: 0 0 2%;width: 100%;}
.blog_image {min-height: 160px;   padding: 0;    text-align: center;width: 23%;}
.blog_txt {font-size: 1em;    min-height: 145px;    padding:0 1%;text-align: left;    width: 74%;}
.newsheader {color: #fff;font-family: "montserratregular";font-size: 1.8em;font-weight: normal;margin: 0 auto;text-align: left;text-transform: uppercase;width: 100%;}
.blog_txt a:link, .blog_txt a:visited{color:#fff;}
.blogd_txt {font-size: 1em;min-height: 145px;padding:0 1% 0 0;text-align: left;width: 74%;}
.newsheading {color:#46596c;font-family: "montserratregular";font-size: 1.8em;font-weight: normal;margin: 0 auto;text-align:left;text-transform: uppercase;width:80%;}
.imgport {
    float: left;
    margin: 2% 2.7% 0 0;
    text-align: center;
    width: 47%;
}
.portdesc {
    float: left;
    margin: 2% 2.7% 0 0;
    width: 67%;
}
.portcat {
    float: left;
    margin-top: 2%;
    width: 30%;
} 
.imgport .imgdiv {
    min-height: 155px;
}