/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,button,input,select,textarea { color: #222;}

body {font-size: 15px;line-height: 1.4; font-family:Calibri, Arial, Helvetica, sans-serif; color:#777777; background:url(../img/headerbg_right.jpg) repeat-x;}

::-moz-selection {background: #74B4DA;text-shadow: none;}

::selection {background: #74B4DA;text-shadow: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

img {vertical-align: middle;}

fieldset {border: 0;margin: 0;padding: 0;}

textarea {resize: vertical;}

.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
ul{margin:0px; padding:0px; }
li { list-style:none;}
a{text-decoration:none;}

h2{font-family: Calibri, Arial, Helvetica, sans-serif; font-size:25px; color:#245872; font-weight:normal!important; margin:0px !important; padding:0px !important;}
h3{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#245872; font-size:18px; font-weight:normal; margin:0px; padding:20px 0px 0px 0px;}
h3 a{color:#E64040;}
h4{ font-family:Calibri, Arial, Helvetica, sans-serif; font-size:18px; color:#555555; text-transform:uppercase; font-weight:normal; margin:0px; padding:20px 0px 10px 0px; }

/* ==========================================================================   Author's custom styles   ========================================================================== */

/* ==========================================================================   Homepage styles   ========================================================================== */

.home_content{ margin-top:45px; text-transform:none; line-height:27px;overflow:hidden; width:100%;}
.slider{padding-bottom:30px; border-bottom:solid #ccc 1px; overflow:hidden; }
.home_leftcol{ width:685px; float:left;}
.home_rightcol{width:290px; float:right;}
.sizes td a:first-child {margin-right:20px;}
.sizes td a .img_right{ position: relative;right: 47px;}
.sizes td a .img_left{ position:relative;left:0px:}
.home_title{ text-transform:uppercase;font-size:25px; margin-bottom:10px; color:#1E587B }
.home_icon{ padding-right:15px;}
.home_box{ border-bottom:solid 1px #ccc; padding-bottom:17px; margin-bottom:25px; }
.home_box a{  color:#E64040; font-size:12px;padding:0px 15px 0px 0px; border-bottom:#E64040 1px dotted;background:url(../img/read.jpg) right no-repeat;  }
.intro_text{margin-top:25px;}
.intro_text a{color:#E64040; font-size:12px;padding:0px 15px 0px 0px; border-bottom:#E64040 1px dotted;background:url(../img/read.jpg) right no-repeat; }

.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }

.home_pagination li {float:left; margin-top:25px;position:relative; left:170px; top:-70px }
.home_pagination li a{ margin:0px 15px 0px 0px; background:#245872; padding:2px 5px 2px 5px; color:#fff}
.home_pagination .current a {color:#fff; background:#E64040 }

/* ==========================================================================   Homepage styles ends here  ========================================================================== */

.top_bg{ background:url(../img/topbg.jpg) center no-repeat; height:5px; }

.wrapper{width:1080px; overflow:hidden; margin:auto;padding:0px; }
#innerWrapper{padding:0px 30px;}
.logo{margin-top:15px; }
.menu{height:35px; margin-top:18px;text-transform:uppercase; font-size:15px;background:url(../img/menu_bg.jpg) repeat-x;}
.menu li a{color: #fff; text-decoration:none; font-style:normal;display:block;float:left; width:159px; text-align:center; padding:5px;  border-left: solid #003366 1px;}
.menu li a:hover{color:#000;background:#fff;}
.menu li a.active{color:#000!important; background:#fff; padding-bottom:9px; border:none !important;}
.pagetitle{ margin:25px 0px 45px 0px; text-transform:uppercase; border-bottom:#CCC solid 1px;  }
.titlebg{height:5px ;width:170px;  background:#E64040; margin-top:15px;  }
.titlebg2{height:5px ;width:350px;  background:#E64040; margin-top:15px;  }
.content{ margin-top:25px; text-transform:none; line-height:28px;width:100%; overflow:hidden; min-height:600px;}
.leftcol{ width:710px; float:left;}
.rightcol{width:290px; float:right;}
.submenu_title{ text-transform:uppercase;font-size:25px; margin-bottom:20px; }
.submenu{ margin-bottom:50px;}

.submenu li{text-transform:uppercase;   }
.submenu li a{ color:#545454;display:block; background:#FFF;padding:3px 10px 3px 10px; border-bottom:solid 1px #CCC;}
.submenu li a:hover{color:#fff; background:#E64040}
.submenu li a.active{background:#E64040; color:#fff!important }
.footer{ background:url(../img/footer_bg.jpg) repeat-x; border-top:solid 1px #bbb; height:50px; margin-top:35px; }
.footertext{width:1080px; overflow:hidden; margin:auto; font-size:13px; color:#F3F3F3; padding:15px 25px 0px 25px; }
.cc{float:right;}
.cc a{ color:#999}
.txtbox{width:430px; height:20px; padding:10px 10px 10px 10px; font-size:13px; color:#777; border: solid 1px #ccc; margin-bottom:10px;}

.drpdwn{width:453px; height:40px; padding:10px 10px 10px 10px; font-size:13px; color:#777;border: solid 1px #ccc  }

.cmnts{width:430px; height:80px; padding:10px 10px 10px 10px; font-size:13px; color:#777 ;border: solid 1px #ccc;margin-bottom:10px; }

.mandatory{color:#C00}
.tip{ font-style:italic; font-size:12px;}
.btn{width:85px; height:35px; margin:0px 65px 0px 25px; color:#fff; border:none; background:#E64040 url(../img/submit.png) center right no-repeat; padding-right:20px; }
.btn:hover{ background:#C41A1A url(../img/submit.png) center right no-repeat}
.projct_container{ overflow:hidden; border-top: solid 1px #ccc;}
.projectimg{float:left; margin:25px 25px 25px 0px; }
.project{ float:left; padding-top:172px; width:335px; overflow:hidden}
.name{ font-size:20px; text-transform:uppercase; color:#525252; margin-bottom:15px; }
.description{ line-height:20px; margin-bottom:10px;}
.viewimage a{  color:#E64040; font-size:12px;margin:0px 0px 0px 15px; border-bottom:#E64040 1px dotted }
.details{ background:#777; width:335px; color:#fff; margin-top:15px;}
.details li{ background:url(../img/project_bullet.jpg) left center no-repeat; padding:12px 0px 12px 25px; margin:0px 15px 0px 15px; border-top:solid 1px #ccc; line-height:21px; }
.services{ margin-top:10px; border-bottom:solid 1px #ccc; padding-bottom:25px; overflow:hidden}
.services_img{ padding-right:20px; float:left;}

/*============================Slides container============================*/

.slides_container {width:340px;display:block;}
.slides_container div {width:340px;height:205px;display:block;}
.pagination li {float:left; margin-top:25px; }
.pagination li a{ margin:0px 15px 0px 0px; background:#245872; padding:2px 5px 2px 5px; color:#fff}
.pagination .current a {color:#fff; background:#E64040 }
.thumbnail{ margin-right:20px; }
.project_name{ font-size:15px; color:#E64040;  border-bottom:solid 1px #ccc; font-weight:bold; padding:20px 0px 5px 0px; }
.project_des{border-bottom:solid 1px #ccc;padding:10px 0px 5px 0px;}	
#slides {position: relative;}
#slider_nav {position: absolute; top: 169px; left: 195px; z-index: 100;}
.prev, .next {margin: 0 7px;}


#wrapper{width: 350px;}
.accordionButton{background:#E64040;text-transform:uppercase; color:#FFF; font-size:18px; padding:4px 0px 4px 15px; margin-bottom:5px;}



.accordionContent{padding:15px 0px 15px 15px;overflow:hidden}

.locationmap a{color:#E64040 !important; float:right; font-size:12px; background:url(../img/location.png) left no-repeat; margin:0px 10px 0px 15px;padding-left:15px; border-bottom:#E64040 1px dotted; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}

.ir:before { content: "";display: block;width: 0;height: 100%;}

.hidden {display: none !important;visibility: hidden;}

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " ";display: table;}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {background: transparent !important;color: #000 !important; /* Black prints faster: h5bp.com/s */box-shadow:none !important;text-shadow: none !important;}

    a,
    a:visited {text-decoration: underline;}

    a[href]:after {content: " (" attr(href) ")";}

    abbr[title]:after {content: " (" attr(title) ")";}

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
	    a[href^="javascript:"]:after,
    a[href^="#"]:after {content: "";}

    pre,
    blockquote {border: 1px solid #999;page-break-inside: avoid;}

    thead {display: table-header-group; /* h5bp.com/t */}

    tr,
    img {page-break-inside: avoid;}

    img {max-width: 100% !important;}

    @page {margin: 0.5cm;}

    p,
    h2,
    h3 {orphans: 3;widows: 3;}

    h2,
    h3 {page-break-after: avoid;}
}