/************************************** HTML5 BROWSER RESET ***************************************/
header, section, aside, nav, footer, figure, figcaption{display:block;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

/*************************************END RESET ***************************************************/

body{
margin:0;
padding:0;
line-height: 1.5em;
}
nav {background-color: #60668B;height: 35px;margin-top:0;}
nav li {float:left;width:110px;height:35px;background-color: #7D83A4;text-align:center;border-left:1px black solid;border-right:1px black solid;line-height:35px;list-style-type:none;}
nav ul li a {color:#ffffff;text-decoration: none;display:block;}
nav ul li a:hover {background-color:#29336b;color:#F8F068;}
#mini{display:none;}
#mini li{width:100%;text-align:center;border-bottom:1px #0000FF solid;text-decoration:none;}
#mini ul{list-style:none; padding:0; margin:0;}
#mini ul a{color:black; text-decoration:none;}
#mini ul li a:hover {background-color:#29336b;color:#F8F068;}
body#home .nav-home, body#aboutus .nav-about, body#contactus .nav-contactus, body#diy .nav-diy, body#seo .nav-seo, body#development .nav-development, body#media .nav-media, body#blog .nav-blog {background-color:#29336b;color:#F8F068;}

#maincontainer{width: 960px;margin: 0 auto;background-image: url("../images/bback.png");}


#top{height: 150px;background-image: url("../images/gps-tm.png");background-size: 155px 155px;background-repeat:no-repeat;}



#top h2{margin-top: 35px;padding-right:40px;float:right;color:#0000FF;font-size:2em;}
#top img{float:left;}
#contentwrapper{float: left;width: 100%;}

#contentcolumn{margin:0 auto;width:98%background:#aeaeae;}


#foot{clear: left;width: 100%;background: black;color: #FFF;text-align: center;padding: 4px 0;}
#foot a{color: #FFFF80;}

/*****************************************  Classes  *****************************************/
.c{text-align:center;}
.innertube{margin: 10px; /* provide padding*/margin-top: 0;}
img.fr{float:right; margin:5px;}

/****************************************** Responsive CSS ***************************************** */

@media (max-width: 840px){ /* responsive layout break point */
	#maincontainer{	width: 100%;}
	#contentwrapper{float: none;}
	#rightcolumn{float: none;width: 100%;margin-left: 0;}
	#contentcolumn{margin-right: 0;}
	#top{height:250px;}
	nav{Display:none;}
	#mini{display:block;}


#top{height: 250px;background-size: 155px 155px;background-position: center;}

#top h2{margin-top: 10px;float:none;padding:0;text-align:center;}

}