::-moz-selection{background: #007ab1; color: #fff; text-shadow: none;}
::selection {background: #007ab1; color: #fff; text-shadow: none;}
hr {border-top: 1px solid #ccc;}
body{ font-family: 'Open Sans', sans-serif; font-size:12px; color:#373535; line-height:18px; background:#ebebeb;}
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #999;}
p {padding-bottom: 18px;}
h1 { font-size: 26px; line-height: 26px;}
h2 { font-size: 24px; line-height: 24px;}
h3 { font-size: 20px; line-height: 20px;}
h4 { font-size: 18px; line-height: 18px;}
h5 { font-size: 16px; line-height: 16px;}
h6 { font-size: 14px; line-height: 14px;}
.small{ font-size:11px !important;}
.red{ color:#F00 !important;}
.border-box{ border:1px solid #ccc; padding:10px;}

header { width:100%; float: left; background: url(../images/header-bg.png) repeat left top; height:87px; border-bottom:1px solid #d9dbdb; position:absolute; top:0px; z-index:1;}
.logo { float: left; width:100%; margin:10px 0px 0px 0px;}
/*--------------------Main Navigation--------------------------*/
#main-nav{ width:100%; padding:0px; margin:24px 0px; float: right;}
.ddsmoothmenu{z-index:100;width: 100%;}
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none; float: right}
.ddsmoothmenu ul li{ z-index:100;position: relative;display: inline;float: left; background: url(../images/seprator.png) no-repeat right center;}
.ddsmoothmenu ul li a {z-index:100;display: block;color: white;padding:10px; color: #000!important;text-decoration: none;  font-family: 'Open Sans', sans-serif; font-size:15px;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: #fff;}
.ddsmoothmenu ul li a.selected{color: #fff!important; background:#4f638a;}
.ddsmoothmenu ul li a:hover{color: #fff!important; background:#4f638a;}
.ddsmoothmenu ul li ul{position: absolute;z-index:100;left: 0;display: none; visibility: hidden; text-transform:none;}
.ddsmoothmenu ul li ul li{display: list-item;float: none;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{min-width: 180px; padding:7px 15px 7px 25px;margin: 0;border-top-width: 0;border-bottom: 1px solid #8a97b1;border-right: 1px solid #8a97b1; background:#4f638a url(../images/arrow.gif) no-repeat 15px 12px; color:#fff!important; font-size:13px;}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{background: #0098da url(../images/arrow.gif) no-repeat 15px 12px;}
.downarrowclass, .rightarrowclass{ display:none;}
.clr{ clear:both; line-height:0px;height:0px; font-size:0px;}
.bgnone { background:none!important;}
/*--------------------Main Navigation END--------------------------*/



/*-----------------------------------------*/
/*Slider-Banner
/*-----------------------------------------*/
.slider-section { float: left; width:100%; position:relative; top:0; z-index:0;}


.about-section { float: left; width:100%; position:relative; top:-50px; z-index:2;}
.aboutall { float: left; width:100%; margin-bottom:40px;}
.about-titler { width:100%; background:#f3f3f3; border:1px solid #e0e0e0; color:#4f638a; font-size:18px; font-weight:700; padding:24px; text-align:center; line-height:26px;}
.about-titler span { font-size:24px; font-weight:700; text-transform: uppercase;}
.abu-textbox { width:720px; background:#fff; border-left:0px solid #e0e0e0; border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; color:#373535; font-size:13px;padding: 32px 24px 32px;text-align:center; line-height:18px; float: left;}
.hm-about-text { float: left; width:100%; text-align: left;}
.readmore-btn { text-decoration:none; width:100%; padding:5px; background:#32a2e3; border-bottom:2px solid #2b8ac1; color:#fff; text-transform: uppercase; font-size:14px; font-weight:700;float: left; margin: 3px 0 0 40px;}
.readmore-btn:hover {color:#4f638a;}

.proj-one { margin-bottom:25px;}
.proj-one, .proj-tex { float: left; width:100%;}
.proj-img { float: left; width:100%; margin-bottom:20px;}
.proj-text h2 { text-transform: uppercase; font-size:19px; color:#004d7a; padding-bottom:5px;}
.proj-text h2 a{ text-decoration:none; text-transform: uppercase; font-size:19px; color:#004d7a; padding-bottom:5px;}
.proj-text p { color:#373535; line-height:22px; font-size:13px; padding:0px;}
.proj-text p a{ text-decoration:none; text-transform: uppercase; color:#004d7a;}
.proj-text p a:hover{color:#108ac0;}


footer { width:100%; float: left; background:#fff; line-height:70px; height:70px;}
.linker { float: left; width:100%; text-align:right;}
.linker a { padding:0px 5px;}



/*inner-page*/
.banner-section { float: left; width:100%; text-align:center}
.in-contend-section {float: left;
    position: relative;
    top: -25px;
    width: 100%;
    z-index: 2;}
.contain-all {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.inner-contend-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E0E0E0;
    border-left: 0 solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    color: #373535;
    float: left;
    font-size: 13px;
    line-height: 18px;
    padding: 23px 24px 22px;
    width:100%;
}

.inner-contend-box p { line-height:22px; padding-bottom:20px; color:#373535;}
.inner-contend-box h2 { font-size:24px; text-transform: uppercase; color:#4f638a; padding-bottom:20px; border-bottom:1px solid #d5d5d5; font-weight:600; margin-bottom:25px;}
.inner-contend-box h2 span { background: url(../images/titler.png) no-repeat left bottom; height:3px; padding-bottom:17px;}
.img-bdr-m { float: left; background:#f3f3f3; border:1px solid #dddddd; padding:3px; width:195px; height:177px; margin:0px 20px 20px 0px;}
.in-img { border:1px solid #fff;}
.bluetext { color:#007ab1!Important;}

/*sidebar-left*/
.sidebar-left { float: left; width:100%; background:#f3f3f3; border: 1px solid #E0E0E0;padding: 23px 24px 22px;}
.services-nav h2 { font-size:18px; text-transform: uppercase; color:#4f638a; padding-bottom:20px; border-bottom:1px solid #d5d5d5; font-weight:600; margin-bottom:10px;}
.services-nav h2 span { background: url(../images/titler.png) no-repeat left bottom; height:3px; padding-bottom:22px;}

.service-ul { margin:0px 0px 30px 0px; padding:20px; float: left; width:100%; background:#fff; border-bottom:1px solid #c2c2c2;}
.service-ul li { list-style:none; line-height:30px; border-bottom:1px dotted #b1b0b0;}
.service-ul li a  {background: url(../images/ar-black.png) no-repeat scroll 0 6px transparent;
    outline: medium none; font-size:13px; color:#373535;
    padding-left: 10px;
    text-decoration: none;
    transition: all 0.3s linear 0s;}
.service-ul li a:hover { background: url(../images/ar-blue.png) no-repeat scroll 8px 6px transparent;
    color: #007ab1;
    padding-left: 20px;
    transition: all 0.1s linear 0s;}
.service-ul li a.crnt { background: url(../images/ar-blue.png) no-repeat scroll 0px 6px transparent;
    color: #007ab1;
    padding-left:10px;
    transition: all 0.1s linear 0s;}

.service-ul li:last-child, .service-ul li.last {
    border-bottom: 0 none;
}


/*quick-inquiery*/
.quick-form {margin:0px 0px 30px 0px; padding:20px; float: left; width:100%; background:#fff;
 border-bottom:1px solid #c2c2c2;}
.quick-inquiery h2 { font-size:18px; text-transform: uppercase; color:#4f638a; padding-bottom:20px; border-bottom:1px solid #d5d5d5; font-weight:600; margin-bottom:10px;}
.quick-inquiery h2 span { background: url(../images/titler.png) no-repeat left bottom; height:3px; padding-bottom:22px;}

.quick-row { padding-bottom:10px; width:100%; float: left;}
.quick-form label { font-size:13px; color:#757575; padding-bottom:5px; width:100%; float: left;}
.quick-form input { border: 0 none; background:#fff; border:1px solid #dddddd; padding:10px;width:100%; float: left;}
.quick-form input.btngo { background:#007ab1; border: 0 none; color: #FFFFFF; cursor: pointer; float: left;font-size: 14px; line-height:40px;font-weight:600; padding:10px; text-transform: uppercase; width:100%; transition: all 0.1s linear 0s;}
.quick-form input.btngo:hover { background:#333; border: 0 none; transition: all 0.1s linear 0s;}
.quick-form textarea { border: 0 none; background:#fff; border:1px solid #dddddd; padding:10px;width:100%; float: left;}

/*contact*/
.form-nl { float: left; width:100%;}
.contact-all-side h2 { font-size:18px; text-transform: uppercase; color:#4f638a; padding-bottom:20px; border-bottom:1px solid #d5d5d5; font-weight:600; margin-bottom:10px;}
.contact-all-side h2 span { background: url(../images/titler.png) no-repeat left bottom; height:3px; padding-bottom:22px;}
.contact-in {margin:0px 0px 30px 0px; padding:20px; float: left; width:100%; background:#fff;
 border-bottom:1px solid #c2c2c2;}
 .inputbox {
    margin-bottom: 10px;
    padding:10px;
}
.inputbox {
    border: 1px solid #DDDDDD;
    width: 99%;
}
.inputbox {
    max-height: 163px;
    resize: none;
}

.form-actions:before, .form-actions:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-actions:after {
    clear: both;
}
.form-actions:before, .form-actions:after {
    display: table;
    line-height: 0;
}
.form-actions {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
    padding: 0;
}

.form-actions:before, .form-actions:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-actions:after {
    clear: both;
}
.form-actions:before, .form-actions:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-actions {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
    padding: 0;
}
 #message-sent-false {
    border: 1px solid #FF0000;
    color: #FF0000;
    padding: 5px 15px 9px;
}
#message-sent-false,  #message-sent {
    display: none;
    line-height: 17px;
    margin: 15px 0 0;
}
.contact-address {
    font-size: 14px;
    margin-top: -3px;
}

.contact-address .contact-icon {
    float: left;
}
.contact-address { width:100%; float: left;}
.contact-address .info {
    padding: 0 0 23px 38px;
}

.alpha {display:inline; text-align:center; background-color:#DBE1F1; padding:0 4px; border:1px solid;}
.alpha_selected {background-color:#007AB1;}
.alpha_selected a {color:#FFFFFF;}

.metric {border:1px solid #999999; padding:1px; vertical-align:middle!important;}


.download { font-weight: bold; color: #666666; text-decoration: none}
.download:hover {color: #003366; text-decoration: underline}


/************************************************************************************
smaller than 980px
*************************************************************************************/ 
@media screen and (max-width: 980px) {
body { margin: 10px; }
#main-nav { width: 100%;}
}
/************************************************************************************
smaller than 800px
*************************************************************************************/
@media screen and (max-width: 800px) {
#main-nav { width: 100%; position: static; height: auto;}
}
/************************************************************************************
smaller than 768px
*************************************************************************************/
@media screen and (max-width: 768px) {

}
/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
}
/************************************************************************************
smaller than 600px
*************************************************************************************/
@media screen and (max-width: 600px) {
.ddsmoothmenu ul{ width:100%}
.ddsmoothmenu ul li { float: none; margin:0 auto; width:100%;}
.ddsmoothmenu ul li a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: none; border-bottom: 1px solid #d6d6d6; padding: 10px !important; width:100% !important; }
.ddsmoothmenu ul li ul { position: static; display: block; visibility: visible; width: 100%; padding: 0 !important;}
.ddsmoothmenu ul li ul li a { width: 100% !important; padding:7px 15px 7px 25px !important;}
}
/************************************************************************************
smaller than 568px
*************************************************************************************/
@media screen and (max-width: 568px) {
}
/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width: 480px) {


}
/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {

}
.redmsg{
	color:#FF0000;
	font-size		: 8pt; letter-spacing: normal;
	font-weight		: Bold;
	font-family		: Verdana;
}