/************************************** HTML5 BROWSER RESET **************************************/
p,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;background-color:#FAFAFA;}
b{font-size: 110%;}
a {text-decoration:none}
em{color: red;}
#maincontainer{width: 1060px; /*Width of main container*/margin: 0 auto; /*Center container on page*/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: 25px;padding-right:40px;float:right;color:#0000FF;font-size:2em;}
#top img{display:block;}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin-left: 300px; /*Set left margin to LeftColumnWidth*/}
#leftcolumn{float: left;width: 300px; /*Width of left column*/margin-left: -1060px; /*Set left margin to -(MainContainerWidth)*/}
#leftcolumn a{text-decoration:none;}
#more{clear:both; width:100%;padding:15px;}
#more a{text-decoration:none;}
footer{clear: left;width: 100%;background: #0000FF;color: #FFF;text-align: center;padding: 4px 0; border: 2px solid #0000FF; padding: 10px; border-radius: 25px;}

footer a{color: #FFFF80;}
ul {font-size: 0.875em;list-style-position: outside;margin-top:0;padding-top:0;}
 
#mini{display:none;}

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, body#marketing .nav-marketing {background-color:#29336b;color:#F8F068;}
.c{text-align:center;}
.ch1{text-align:center; font-size:1.5em;}
.cp{color:#551A8B;}
.innertube{margin: 10px; margin-top: 0;}
.large {font-size:4em;color:#0000FF;text-align:center;padding:8px;margin:8px;}
.big{font-size:2em;color:#0000FF;text-align:center;}
.medium {font-size:3em;color:#0000FF;text-align:center;padding:4px;margin:4px;}
.m{display: block;margin-left: auto; margin-right: auto;}
.l{float:left;}
.r{float:right;}
.firstcharacter {color: #0000FF;float: left;font-family: Georgia;font-size: 55px;line-height: 50px;padding-top: 2px;padding-right: 8px;padding-left: 3px;}

/* ####### responsive layout CSS ####### */

@media (max-width: 840px){ /* responsive layout break point */
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;}
 .firstcharacter (float:none;)
#mini ul li a:hover {background-color:#29336b;color:#F8F068;}
#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;}
#maincontainer{	width: 100%;}
#contentwrapper{float: none;}
#leftcolumn{float: none;width: 100%;margin-left: 0;}
#contentcolumn{	margin-left: 0;}
#top img{margin:0 auto;}
.large {font-size:2em;color:#0000FF;text-align:center;padding:4px;margin:4px;}
}
@media (max-width: 400px){ /* responsive layout break point */
#top h1{margin: 0;padding-top: 90px;text-align:center;color:#0000FF;}
h1{padding-top:40px;}
p{font-size:1.3em;}

}