@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic|Raleway:400,100,200,300,500,600,700,800,900);

body{ margin:0; padding:0; font-family:'PT Sans', Arial, Helvetica, sans-serif;  font-size:15px; color:#5e5e5e; line-height:24px; background:#001a2d;}
img{ max-width:100%;}
.imgright{ float:right; margin-left:30px;}
.clear{ clear:both;}

#container{ width:100%; height:auto; margin:0 auto;}
#frame{ width:1153px; margin:0 auto;}

/* HEADER */
header{ background:url(../images/headerbg.jpg) repeat-x; height:110px;}
#logo{ width:50%; float:left;}
#phone{ width:50%; float:right; text-align:right; padding-top:50px;}
.fb{ margin-left:30px;}
.fbfooter{ display:none;}

/* NAV */
#navframe{ background:url(../images/navbg.jpg) repeat-x; height:41px; width:100%; text-align:center;}
nav { margin:0 auto; font-size:1em; padding:0px; width:1153px; text-transform:uppercase; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:500; position: relative;  z-index: 10; }

nav ul ul { display: none;}
/*nav li+li { border-left: 1px solid #a63019; }  DIV LINE */
nav ul li:hover > ul { display: block;}
nav ul { padding: 0px;	list-style: none; position: relative; display: inline-table; margin:0px;}
nav ul:after { content: ""; clear: both; display: block;}
nav ul li { float: left;}
nav ul li a:link, nav ul li a:active, nav ul li a:visited { display: block; padding: 10px 12.5px; color: #FFF; text-decoration: none; }
nav ul li:hover { background: #FFF; color:#dd2429;} /* MAIN MENU BG HOVER COLOR */
nav ul li:hover a { color:#dd2429 }

nav ul ul { background: #FFF; padding: 0; position: absolute; top: 100%;  }/* DROP DOWN BG COLOR */
nav ul ul li { float: none;  border-bottom: 1px solid #b5161a; position: relative;}
nav ul ul li a { padding: 10px 10px; background: #f4dfe0; text-align:left;}	
nav ul ul li a:hover { background: #FFFFFF; color:#dd5458; }/* DROP DOWN BG HOVER COLOR */
nav ul ul ul { position: absolute; left: 100%; top:0;}

/* SLIDE */
#slide{ background:#0c5f9b; height:360px; margin-top:3px;}

/* CONTENT */
#content{ background: url(../images/bodybg.jpg) repeat-x #0c5d98; padding-top:20px;}
#contentframe{ background:#FFFFFF; width:1153px; margin:0 auto; padding:30px 0 0 0;}


#box{-webkit-border-radius: 20px;/*Safari, Chrome*/
-moz-border-radius: 20px;/*Firefox*/
border-radius: 20px; background:#dedede; width:70%; margin:0 auto 30px auto; text-align:center; height:38px; padding-top:17px;}

article{ width:90.63313%; padding:0 4.68343% 4.68343% 4.68343%;}

#linebg{ width:100%; background:url(../images/linebg.jpg) repeat-x; height:30px;}
#workheading{ width:27%; background:#efeeee; margin:0 auto; text-align:center;}
#work{ width:973px; padding:36px; margin:0 auto; background:#efeeee;}
#work1{ width:23.12436%; margin-right:2.4666%; float:left; text-align:center; margin-top:40px;}
#work2{ width:23.12436%; margin-right:2.4666%; float:left; text-align:center; margin-top:40px;}
#work3{ width:23.12436%; margin-right:2.4666%; float:left; text-align:center; margin-top:40px;}
#work4{ width:23.22713%; float:left; text-align:center; margin-top:40px;}
.sampleimg{ border:10px solid #d1d1d1; margin-top:18px;}

.portfolioimg{ border:10px solid #dadada;}

#work a:link, #work a:active, #work a:visited  { font-family:'Raleway', Arial, Helvetica, sans-serif; text-decoration: none; font-size:1.050em; color: #dc2226; }
#work a:hover { color: #0c5d98;}

.boxcontent{ padding:5%; width:90%; }
.boxcenter{ background:#0C5892; height:33px; padding-top:7px; text-align:center; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; }


/* FOOTER */
footer{ background:#001a2d;}
#footerframe{ width:1046px; margin:0 auto; padding:40px 0;}
#footer1{ width:25%; float:left;}
#footer2{ width:35%; float:left;}
#footer3{ width:12%; float:left;}
#footer4{ width:20%; float:left;}
#footer5{ width:8%; float:left; text-align:right;}

footer a:link, footer a:active, footer a:visited  { text-decoration: none; font-size:14px; color: #FFFFFF; font-weight:bold; line-height:30px; text-transform:uppercase; }
footer a:hover { color: #b9d1e2;}


#frame25{ width:26%; float:left; border:1px solid #0C5892; margin-left:5%; margin-bottom:30px;}
#frame30{ width:30%; float:left;}
#frame40{ width:40%; float:left;}
#frame50{ width:50%; float:left;}
#frame60{ width:60%; float:left;}
#frame70{ width:70%; float:left;}
#frame100{ width:100%; float:left;}

#photo{ width:21%; float:left; padding:2%; text-align:center;}

.imgborder { border:1px solid #D7D7D5; padding:5px; }



/************************************************************************************
FORM
*************************************************************************************/
input, textarea {  background-color:#ebeaea;  border:none;  border-bottom-left-radius:5px;  border-bottom-right-radius:5px;  border-top-left-radius:5px;  border-top-right-radius:5px;  font-size:16px;  padding:4px 6px;   margin-bottom:10px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}

.form-submit-button{ background-color:#316f9e;  border:none;  color:#FFFFFF;  border-bottom-left-radius:5px;  border-bottom-right-radius:5px;  border-top-left-radius:5px;  border-top-right-radius:5px;  font-size:16px;  padding:6px;  width:200px;  font-weight:bold; cursor: pointer; }
.form-submit-button:hover{background-color:#dd2429;  color:#FFFFFF; }

.formsize{ width:90%}
/* Honey Pot */
.form_field_hp{
	display:none;
}


div#container {
			
		}
		
		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			background-color: #FFFFFF;
			font-size: 15px;
			padding: 1em;
			display: none;
			
		}

		.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}	
		

/*---------------------------------------*/
h1{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:30px; color:#2e86c7; line-height:35px;}
.red24{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:24px; color:#dd2429; line-height:30px;}
.red18Raleway{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; color:#dd2429; line-height:26px;}
.blue24{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:24px; color:#2e86c7; line-height:30px;}
.blue18Raleway{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; color:#2e86c7; line-height:26px;}
.blue30{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:30px; color:#2e86c7;}
.black18{ font-size:18px; color:#000000;}
.red18{ font-size:18px; color:#dd2429;}
.sky18{ font-size:18px; color:#b9d1e2;}
.sky15{ font-size:15px; color:#b9d1e2;}
.blue14{ font-size:14px; color:#019ae1;}
.size24{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:24px; line-height:30px;}
.ptsans{ font-family:'PT Sans', Arial, Helvetica, sans-serif; }

a:link, a:active, a:visited { color: #dd2429; font-weight: normal; text-decoration:none;}
a:hover { color:#019ae1; }

a.more:link, a.more:active, a.more:visited { font-size:14px; color: #64a3d0; font-weight: normal; text-transform:uppercase;}
a.more:hover { color:#3c769f; }