/* mobile styles */
@media only screen and (max-width:400px) {

	html, body {
		font: 12px/15px sans-serif;		
		margin: 0;
		width:100%;}
		
	#sidebar {
		display: none;
		}
	#header{display: none;
		}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	#content img { 
		max-width: 250px;
		}
	.center {
		width: 100% !important;
		text-align: center;
		}
		
    
	#intro{float:none;
	clear: both;
		
	}
	.one_third{float:none;padding:5px;
	
	}
	.last{
	float:none;padding:5px;}
	.one_third img, .last img{
	background-image:url(../images/featuresbox_bg.jpg);}
	
	
	a{outline:none; text-decoration:none;}
	
	#search,#searchbox{display:none;}
    #topnav{width:auto;clear:both;background-image:url(../images/navbg.jpg);}
  
#topnav ul {
    list-style: none;
	background:#eee;   
	margin-top:0px;
    padding: 0;
	border: solid 1px #ccc;
	display:block;	
}
#topnav ul li{ margin-top:0px;
}

#topnav ul li ul{display:none;}


#topnav li a {
    display: block;
    padding: 0 20px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
  
}
#topnav li:last-child a {
    border-bottom: none;
}
#topnav li a:hover,
#topnav li a:focus {
    color: #1c1c1c;
    background: #ccc;
}


#footer{display:none;}
#copyright{width:300px;}

}