@charset "utf-8";
@media only screen and (max-width :768px){
#wrapper
{
	width:730px;
	min-height:500px;
}
#header
{
	width:730px;
	min-height:50px;
}
.head-right{width:550px; display:none;}	
	#slider,#slider img{ width:99%px;}
	#main{width:730px;}
	#footer,.footer{width:730px;}
	
	.blogo,.bimg {width:720px; float: none;} 
	.foot-top{ width:730px; min-height:30px;}
.foot-bottom{width:730px; min-height:30px;}
.foot-div-1,.foot-div2{ width:710px; min-height:30px;border-right:none;}
	.foot-div{ width:350px; min-height:10px; float:left }
	.portfolioContainer{width:420px; min-height:100px; height:auto; float:right;   overflow:hidden}
	.portfolioFilter{ width:240px;}
	
	#menu{ width:100px; background:none; float:right; margin:-80px 5px 0 0;}
	.menu{
	min-height:5px; margin:2px auto; height:auto; float:right;}	
	
	.tinynav { display: block; margin:10px; font-size:14px; }
	#nav { display: none }.tinynav a{ padding:10px;font-size:14px;}
	
.banner-overlap{padding:5px;}
.banner-overlap h1{ font-size:14px;}
.main-left{ width:240px; min-height:100px; margin-bottom:5px;}
.main-right{width:460px; min-height:100px; margin-bottom:5px;}

.main-middle{ width:460px; min-height:100px; float:right;margin-bottom:5px; }
.main-right2{ width:460px; float:right }
.contact-form{
	float:left;	padding:10px 5px;
}

.formrow
{
	overflow:hidden;
	margin:5px 0;
}
#overlap{ width:280px;margin:80px 0 0 0px;padding:5px;}
#overlap h1{ font-size:16px;}
.head-top-middle h1{ font-size:18px}
.div-half-list{ width:200px;}

.input textarea
{
	width:185px;
	min-height:80px;
	border:1px solid #ccc;
	font-size:12px;
}


} 
	
	
@media only screen and (max-width:640px){
	
	#wrapper
{
	width:450px;
	min-height:200px;
}
#header
{
	width:450px;
	min-height:10px;
}
    .blogo,.bimg {width:440px; float: none;} 
	.logo{ width:130px; }
	.logo img{ width:130px;}
	.head-right{width:290px;}
	#slider,#slider img{ width:450px;}
	#main{width:450px;}
	#footer,.footer{width:450px;}
	.foot-top{ width:450px; min-height:30px;}
.foot-bottom{width:450px; min-height:30px;}
.foot-div-1,.foot-div2{ width:450px; min-height:30px;border-right:none;}
.foot-div{ width:210px; min-height:10px; float:left }
.portfolioContainer{width:420px; min-height:100px; height:auto; float:right;   overflow:hidden}
	.portfolioFilter{ width:430px;}
	
	.menu{width:280px;
	min-height:5px;   height:auto; float:right; margin:-40px 5px 0 0; }	
	
	.tinynav { display: block; margin:5px auto; width:280px }
    #nav { display: none }.tinynav a{ padding:5px;}
	
	.main-left{ width:438px; min-height:100px; margin-bottom:5px;}
.main-right{width:438px; min-height:100px; float:left;margin-bottom:5px;}

.main-middle{ width:438px; min-height:100px; float:left;margin-bottom:5px; }

.contact-form{
	float:left;
	width:240px;
	padding:10px 5px;
}

.formrow
{
	overflow:hidden;
	margin:5px 0;
}
#overlap{ width:210px;margin:35px 0 0 0px;padding:5px;}
#overlap h1{ font-size:14px;}
.head-top-middle{ display:none;}
.div-half-list{ width:200px; margin:4px;}
    
.input textarea
{
	width:185px;
	min-height:80px;
	border:1px solid #ccc;
	font-size:12px;
}
	} 
	
	
@media only screen and (max-width :360px){
	
	#wrapper
{
	width:290px;
	min-height:200px;
}
#header
{
	width:290px;
	min-height:5px;
}
    
       
    .blogo,.bimg {width:280px; float: none;} 
    
    
.menu{width:120px;
	min-height:5px; margin:-40px 5px 0 0; height:auto; float:right; }	
	
	.tinynav { display: block; width:120px; margin:5px 0; }
    #nav { display: none; }
	
	.logo{ width:120px;}
	.logo img{ width:120px;}
	.head-right{width:150px;}
	#slider,#slider img{ width:290px;}
	#main{width:290px;}
	#footer,.footer{width:290px;}
	.foot-top{ width:290px; min-height:30px;}
.foot-bottom{width:290px; min-height:30px;}
.foot-div-1,.foot-div2{ width:280px; min-height:30px;border-right:none;}
.foot-div{ width:290px; min-height:10px; float:left }

.portfolioContainer{width:240px; min-height:100px; height:auto;  margin:0 auto;   overflow:hidden}
	.portfolioFilter{ width:280px;}
	
	
	.tinynav a{ padding:5px;}
	
	
	.banner-overlap{padding:5px;}
.banner-overlap h1{ font-size:12px;}


.input textarea
{
	width:185px;
	min-height:80px;
	border:1px solid #ccc;
	font-size:12px;
}
.main-left{ width:278px; min-height:100px; margin-bottom:5px;}
.main-right{width:278px; min-height:100px; float:left;margin-bottom:5px;}

.main-middle{ width:278px; min-height:100px; float:left;margin-bottom:5px; }

.contact-form{
	float:left;
	padding:5px 0px;
}

.formrow
{
	overflow:hidden;
	margin:5px 0;
	font-size:11px;
}


#overlap{ width:280px;margin:5px 0 0 0px;padding:5px;}
#overlap h1{ font-size:16px; padding:8px 5px; margin:0; font-weight:500}
	.head-top-middle{ display:none;}
	.div-half-list{ width:250px}
}