/************************************** 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;
}

b{font-size: 110%;}
em{color: red;}
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;}
#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#top{height: 150px;background-image: url("../images/gps-tm.png");background-size: 155px 155px;background-repeat:no-repeat;}
#top h1{margin-top: 70px;padding-right:40px;float:right;color:#0000FF;font-size:2em;}
#top img{float:left;}

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

#content{
margin-right: 300px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;



background: #FDE95E;
}

#foot{clear: left;width: 100%;color: #0000FF;text-align: center;padding: 4px 0;}
#foot a{color: #000000;}

.inside{margin: 10px; margin-top: 0;}/*Margins for each column to provide padding */

/************ 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;
	}
	
	#content{
	margin-right: 0;
	}
#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;}


nav{display:none;}
#mini{display:block;}
#mini li {float:left;width:100%;height:30px;background-color: #F5FFFA;text-align:center;font-size:130%;border:thin black solid;padding-top:2px;list-style-type:none; }
#mini a{text-decoration:none;}
#mini ul li a:hover {background-color:#29336b;color:#F8F068;}

}