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



@media screen and (max-width: 1024px){
	#frame{ width:98%;}
	#contentframe{ width:98%;}
	#work{ width:86%; padding:6%;}
	#footerframe{ width:95%;}
	#slide{ height:auto;}
	
	#box{ width:84%; height:auto; padding:2%;}
	
	nav { font-size:.8300em; width:98%; text-transform:uppercase; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:500; }
	
	#workheading{ width:30%;}
	.sampleimg{ max-width:90%;}
	#work1{ width:21%; margin-right:5%;}
	#work2{ width:21%; margin-right:5%;}
	#work3{ width:21%; margin-right:5%;}
	#work4{ width:21%; float:left;}
	
	
	#work a:link, #work a:active, #work a:visited  { font-family:'Raleway', Arial, Helvetica, sans-serif; text-decoration: none; font-size:0.830em; color: #dc2226; }
	#work a:hover { color: #0c5d98;}
	}
	

@media screen and (max-width: 834px){
	
	#frame{ width:95%;}
	#contentframe{ width:95%;}
	#work{ width:83%; padding:6%;}
	#footerframe{ width:90%;}
	.fb{ display:none;}
	#workheading{ width:45%;}
	
	#work1{ width:48%; margin-right:4%; margin-top:20px;}
	#work2{ width:48%; margin-right:0%; margin-top:20px;}
	#work3{ width:48%; margin-right:4%; margin-top:20px;}
	#work4{ width:48%; float:left; margin-top:20px;}
	.sampleimg{ border:10px solid #d1d1d1; margin-top:8px;}
	
	#work a:link, #work a:active, #work a:visited  { font-family:'Raleway', Arial, Helvetica, sans-serif; text-decoration: none; font-size:14px; color: #dc2226; }
	#work a:hover { color: #0c5d98;}
	
	#box{ padding:3%;}
	
	#frame25{ width:100%; float:none; margin-left:0;}
	
	#footer1{ width:50%;}
	#footer2{ width:40%; padding-bottom:70px;}
	#footer3{ width:20%;}
	#footer4{ width:40%;}
	#footer5{ width:50%; text-align:right;}
	.fbfooter{ display: inline;}
	
	#menu {width:102px; height:40px; display: block; background:url(../images/menu-icon.png) no-repeat; cursor: pointer; }
	nav { margin:0 auto; width:90%; }
	nav { font-size:.9em; }
	nav.js {display: none;}
	nav ul {width:100%; background:#dd2429;}
	nav li {width:100%;}
	nav ul ul{ position: relative;}
	nav ul ul ul{ position:static;}
	
	#frame50{ width:100%; float:none; margin-bottom:30px;}
	#searchtbl{ width:100%;}
	
	}

@media screen and (max-width: 640px){
	#workheading{ width:60%;}
	header{ background:url(../images/headerbg.jpg) repeat-x #ffffff; height:auto; padding-bottom:15px;}
	#logo{ width:100%; float:none; text-align:center;}
	#phone{ width:100%; float:none; padding-top:0px; text-align:center;}
	
	#footer1{ width:100%; text-align:center; float:none;}
	#footer2{ width:100%; text-align:center; float:none; padding-bottom:50px;}
	#footer3{ width:40%; padding-bottom:50px; margin-left:10%;}
	#footer4{ width:40%; padding-bottom:50px; margin-left:10%;}
	#footer5{ width:100%; text-align:center; float:none; margin-top:10px;}
	
	.imgright{ float:none; margin-left:0px; width:100%; margin-bottom:30px;}
	
	#photo{ width:46%; float:left; padding:2%; text-align:center;}
	
	#frame25_5{ width:100%; float:none; margin-top:10px;}
	#frame75{ width:100%; float:none; margin-top:10px;}
	
	
	}

@media screen and (max-width: 500px){
	#workheading{ width:65%;}
	h1{ font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:24px; color:#2e86c7; line-height:30px;}
	}

@media screen and (max-width: 362px){
	#workheading{ width:100%;}
	#work1{ width:100%; float:none; margin:0%; margin-top:20px;}
	#work2{ width:100%; float:none; margin:0%; margin-top:20px;}
	#work3{ width:100%; float:none; margin:0%; margin-top:20px;}
	#work4{ width:100%; float:none; margin-top:20px;}
	
	#footer3{ width:50%; padding-bottom:50px; margin-left:0;}
	#footer4{ width:50%; padding-bottom:50px; margin-left:0%;}
	
	#photo{ width:96%; float:none; padding:2%; text-align:center;}
	
	}
	



@media screen and (min-width: 835px) {
#menu {
display: none;
}