/************************************** 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;}
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;}
#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;}
#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 h1{margin-top: 25px;padding-right:40px;float:right;color:#0000FF;font-size:2em;}

#contentwrapper{float: left;width: 100%;}

#contentcolumn{margin-right: 480px; /*Set right margin to RightColumnWidth*/}
#rightcolumn{float: left;width: 480px; /*Width of right column*/margin-left: -480px; /*Set left margin to -(RightColumnWidth) */background: #FFFFFF;}
#foot{clear: left;width: 100%;background: black;color: #FFF;text-align: center;padding: 4px 0;}
#foot a{color: #FFFF80;}
.c{text-align:center;}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}
/* ####### responsive layout 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;}
	nav{Display:none;}
	#top{height:300px;}
	#mini{display:block;}
	#top{height: 250px;background-image: url("../images/gps-tm.png");background-size: 155px 155px;background-repeat:no-repeat;background-position: center;}
	#top h1{margin-top: 10px;float:none;padding:0;text-align:center;}
}