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

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

body{ margin:0; padding:0; font-family:'Lato', 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:auto; text-align:center;}
.smallheader{ display:none;}
/* NAV */
#navframe{ background:#9a0201; height:62px; width:100%; text-align:center;}
nav { margin:0 auto; font-size:1em; padding-top:10px; 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:#1b7095;} /* MAIN MENU BG HOVER COLOR */
nav ul li:hover a { color:#a60800 }

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 #bc0404; position: relative;}
nav ul ul li a { padding: 10px 10px; background: #f0cac8; text-align:left;}	
nav ul ul li a:hover { background: #FFFFFF; color:#950303; }/* DROP DOWN BG HOVER COLOR */
nav ul ul ul { position: absolute; left: 100%; top:0;}


/* CONTENT */
#content{ background:#eeeeee;}
#contentframe{ width:986px; margin:0 auto; padding:40px 0;}

#homeleft{ width:34.51116%; margin-right:4.0568%; float:left; padding:10px 0;}
#homeright{ width:61.43205%; float:left;}


#work{ width:100%; background:#f6f6f6;}
#workframe{ width:986px; margin:0 auto; padding-top:10px;}
#work1{ background:#29abe1; width:29.13706%; margin-right:6.29442% ; float:left; text-align:center; margin-bottom:40px;}
#work2{ background:#29abe1; width:29.13706%; margin-right:6.29442% ; float:left; text-align:center; margin-bottom:40px;}
#work3{ background:#29abe1; width:29.13706%; float:left; text-align:center; margin-bottom:40px;}
.textblock{ width:100%; background:#1b7095; padding:7px 0;}

.sampleimg{ border:10px solid #FFFFFF; margin:10px; max-width:100%;}

#left_part{ width:46%; height:auto; float:left; margin-left:4%;}
#right_part{width:46%; height:auto; float:left; margin-left:4%;}

#work a:link, #work a:active, #work a:visited  { font-family:'Lato', Arial, Helvetica, sans-serif; text-decoration: none; font-size:20px; color: #FFFFFF; }
#work a:hover { color: #29abe1;}

#portfolio1{ width:43% ; margin-right:7%; float:left; margin-bottom:25px; text-align:center;}
#portfolio2{ width:43% ; margin-right:7; float:left; margin-bottom:25px; text-align:center;}
#portfolio3{ width:21.29817% ; margin-right:3.23124%; float:left; margin-bottom:15px; text-align:center;}
#portfolio4{ width:21.29817% ; float:left; margin-bottom:15px; text-align:center;}
.portfolioimg{ border:10px solid #dadada;}

#logos1{ width:21.29817% ; margin-right:3.23124%; float:left; margin-bottom:15px; text-align:center;}
#logos2{ width:21.29817% ; margin-right:3.23124%; float:left; margin-bottom:15px; text-align:center;}
#logos3{ width:21.29817% ; margin-right:3.23124%; float:left; margin-bottom:15px; text-align:center;}
#logos4{ width:21.29817% ; float:left; margin-bottom:15px; text-align:center;}

.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:986px; margin:0 auto; padding:40px 0;}
#footer1{ width:25%; float:right; text-align:right;}
#footer2{ width:35%; float:left;}
#footer3{ width:15%; float:left;}
#footer4{ width:23%; float:left;}

footer a:link, footer a:active, footer a:visited  { text-decoration: none; font-size:14px; color: #FFFFFF; font-weight:600; line-height:30px; }
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:#FFFFFF;  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:#1b7095;  color:#FFFFFF; }

.formsize{ width:90%}
/* Honey Pot */
.form_field_hp{
	display:none;
}
.email_error{ padding:2px; border:1px solid red; color:red; margin-bottom:5px;}
textarea{ height:100px;}

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:#c4160b; line-height:30px;}
h2{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:22px; color:#f2271b; line-height:20px;}
.dblue24{ font-size:22px; color:#ca130a; line-height:30px;}
.red18Raleway{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; color:#ca130a; line-height:26px;}
.blue24{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:24px; color:#c4160b; line-height:30px;}
.blue18Raleway{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; color:#ca130a; 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:#c4160b;}
.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:'Lato', Arial, Helvetica, sans-serif; }

a:link, a:active, a:visited { color: #e53030; font-weight: normal; text-decoration:none;}
a:hover { color:#2f2f2f; }

a.more:link, a.more:active, a.more:visited { font-size:14px; color: #ee0c01; font-weight: normal; text-transform:uppercase;}
a.more:hover { color:#2f2f2f; }