/************************************** 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;}
#maincontainer{ width: 960px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/
}

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

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

#contentcolumn{ 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: #DDDDFF;
}




#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;}
.articleaside{float: left;width: 12em;background: #ddf;padding: 1em 0 1em 1em;margin: 0 0.5em 0.2em 1em;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.articleaside p	{margin: 0;}
.col{width: 100%;background: #DDDDFF;padding: 1em 0 1em 1em;margin: 0 0.5em 0.2em 1em;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

/****************************************** 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;background-image: url("../images/gps-tm.png");background-size: 155px 155px;background-repeat:no-repeat;background-position: center;}
#top h2{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;}
}