/*
Theme Name: Oceanic SEO Theme
Author URI: http://seohubmelbourne.com.au/
Version: 1.0
Author: SEO Hub Melbourne
Description: A theme by SEO Hub Melbourne
*/

*{margin:0;padding:0;}
body{margin: 0;padding: 0;background:#fff;font-family:Arial, Tahoma, Verdana, Arial, sans-serif;font-size: 15px;color: #555;}
ul li {list-style-type:none;}
td{text-align:center}
a img {border:none;}
a { color:#005EAA;text-decoration:none;}
.alignright{float:right;margin:0 0 0 10px;}
.alignleft{float:left;margin:0 10px 0 0;}
.aligncenter{margin:0 auto;display:block;}
p{margin:5px 0 15px 0;}

.clear{clear:both;}

.inner {margin:0 auto;}

#hright {margin:2px 0 0 0;}
#hright .phone{background:url(http://smbdigital.com.au/main/phone.png) no-repeat;width:240px;height:47px;padding:4px 0 0 45px;font-size:30px;margin:20px 0 10px 0;display:inline;}

#topnav1 {font-family:'Ropa Sans';}
#topnav1 ul{font-size:20px;}
#topnav1 ul li{float:left;margin:0 20px;padding:8px 0;}
#topnav1 ul li a{color:#fff;}
#topnav1 a:hover{text-decoration:underline;}
#topnav1 ul li.divider {background:url(http://smbdigital.com.au/main/navdivider.jpg);height:20px;width:2px;margin:2px 5px;overflow:hidden;}
#topnav1 ul li.last{margin:0 0 0 20px;}

#topnav2 {clear:both;background:#575859;}
#topnav2 ul li{float:left;margin:0 12px;padding:0;font-size:20px;}
#topnav2 ul li a{color:#fff;text-decoration:none;padding:12px;display:block;}
#topnav2 ul li a:hover{background:#0C6396;color:#fff;}
#topnav2 ul ul {position:absolute;top:-999em;margin:0;padding:0;}
#topnav2 ul ul li {width:100%;margin:0;padding:0;}
#topnav2 ul li {float:left;position:relative;}
#topnav2 ul li:hover ul, ul li ul {left:auto;top:47px; width:310px;z-index:99; background:#575859;}
#topnav2 ul li { display:inline; }
#topnav2 ul li:hover {visibility:inherit; }
#topnav2 ul a {display:block;position:relative;}
#topnav2 ul li:hover ul li ul{left:100%;}
#topnav2 ul li ul {padding:0;}
#topnav2 ul li ul li {height:auto;}
#topnav2 ul li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
#topnav2 ul li li:hover ul,ul.sf-menu li li.sfHover ul {left:140px; top:0; }
#topnav2 li li {visibility:inherit; border-top:none;}


#freequote {clear:both;margin:0 auto;}
#freequote h2{font-size:48px;color:#0C82E6;}
#freequote .cf_info{color:#888;}
#freequote form{font-size:24px;}
#freequote fieldset {border:none;}
#freequote fieldset.cf_hidden{display:none;}
#freequote ol{list-style-type:none;}
#freequote ol li{margin:0 0 20px 0;font-size:20px;}
#freequote input {padding:5px;display:bldock;margin:0 5px;}
#freequote p#ll3, p#ll2, p#ll1, p#ll{display:none;}
#freequote input.sendbutton, #freequote input.backbutton {float:right; background:#67A042;color:#fff;border:none;padding:5px 10px;margin:0 10px 0 0;width:80px;}
#freequote input.backbutton {float:left; background:#67A042;color:#fff;border:none;padding:5px 10px;margin:0 10px 0 0;width:70px;}


.black {clear:both;background:#000;padding:10px 0;color:#ddd;text-align:center;font-size:24px;margin:0 0 0 0;}
.black img{vertical-align:middle;margin:0 10px}
#bleft{margin:0 10px 0 0;}
.socialbuttons {float:right; padding:3px 0 0 7px;}
#___plusone_0{ width:72px !important; }
.twitter-share-button {width: 85px !important;}
#bright form{float:right;padding:3px 4px 0 6px;}
#bright input {padding:3px;border-none;float:left;}
#bright input.newsletter-submit{background:#4181EB;color:#fff;border:none;margin:1px 0 5px 5px;}
#bsub {color:#fff;text-align:right;font-size:12px;padding:8px 0 0 3px;}

.wide {background:#fff;}

.whyus {padding:20px 0;line-height:22px;}
.whyus h3{color:#4182EC;font-size:26px;margin:0 0 10px 0; }
.whyus a.readmore {float:left;background:url(http://smbdigital.com.au/main/readmore.jpg);color:#fff;padding:7px 0 0 50px;height:28px;width:93px;}

#services {background:url(http://smbdigital.com.au/main/patternvertical.jpg);color:#fff;padding:15px 0;}
#services .inner{paddinng:0;}
#services a {color:#fff;}
#services h3{text-align:center;color:#fff;}
.service {float:left;width:300px;margin:0 40px 0 0;}
.service h1, .service h2 {font-size:22px;}
.service p {line-height:22px;margin-left:5px;}
.service img{display:block;margin:0 auto;}
.lts{float:right;margin:0;}
#services a.smore {float:right;background:url(http://smbdigital.com.au/main/smore.jpg);color:#fff;padding:5px 0 0 52px;margin:0 5px 0 0; height:27px;width:86px;}

#servicespage .service {margin:0 20px 35px 0;width:290px;}
#servicespage .service h2{font-size:18px;text-align:center;}
#servicespage a.smore {clear:both;float:right;background:#005EAA;padding:0 5px;color:#fff;font-size:12px;border-radius:2px;margin:5px 0 0 0;}
#servicespage img {border:5px solid #b6b6b6;}

#main{clear:both;padding:10px;}

h1,h2 {margin:0 0 10px 0; font-weight:normal;color:#0083D8;}
h3,h4,h5,h6 {color:#000000}
h1,h2 {font-size:24px;}
h3,h4,h5 {font-size:20px;}

.post{margin:10px; margin-bottom:10px;border-bottom:1px solid #eee;}
.post p{text-align:justify;margin:5px 0 20px 0;line-height:22px;}
.post h1 {border-bottom:1px solid #c4c4c4;padding:0 0 10px 0;background:url(http://smbdigital.com.au/main/arrowbig.jpg) 0 2px no-repeat;padding:0 0 10px 28px;}
.post .more-link {float:right;background:url(http://smbdigital.com.au/main/readmore.jpg);color:#fff;padding:7px 0 0 50px;height:28px;width:93px;line-height:20px;margin:0 0 10px 0;}
.post .divider{clear:both;background:#e5e5e5;height:1px;margin:20px auto;}

.box {float:left; width:310px;line-height:22px;margin:0 0 20px 0;}

#seo h2 {border-bottom:1px solid #ccc;}
#webdesign h2, #seo h2{background:url(http://smbdigital.com.au/main/arrowbig.jpg) 0 2px no-repeat;padding:0 0 0 28px;}
h3#wd{font-weight:bold;font-size:30px;color:#B2B2B2;}
h3#wd span {color:#3b3b3b}
.webdesign {float:left;width:190px;margin:0 20px 20px 0;border-left:1px solid #ccc;padding:0 10px 0 10px;height:206px;}
.webdesign p{text-align:left;}
.wtitle {color:#26CDF6;font-size:28px;font-weight:bold;line-height:36px;}
.wtitle span {color:#0A6498;}
.wdf {float:left;width:295px;height:210px;line-height:22px;padding:5px;overflow:hidden;}
.wdf img {margin:5px 5px 200px 0;}
#webdesign ul, #seo ul{margin:0 0 30px 0;}
#webdesign ul li, #seo ul li {margin:0 0 10px 0;background:url(http://smbdigital.com.au/main/tick.jpg) no-repeat;padding:0 0 0 30px;}

.mwimg {padding:50px 0;}
#mw {background:#26CDF6;color:#fff;padding:10px;line-height:20px;}
#ga {background:#575859;color:#eee;padding:10px;line-height:30px;}
#mobileb{background:#26CDF6;color:#fff;padding:10px;line-height:20px;}

#gettaquote {background:#E1E2E6;border-top:2px solid #ddd;}



#sidebar {float: right; width: 300px; padding: 5px;}
#sidebar label.screen-reader-text{display:none;}
#sidebar input#s {border:1px solid #ccc;color:#555;padding:3px;background:#fafafa;}
#sidebar input#s:focus {background:#fff;}
#sidebar select {border:1px solid #ccc;color:#555;width:190px;padding:3px;}
.widget {clear:both;margin:10px 0 40px 0;}
.widget h3 {color:#777;margin:0 0 5px 0;font-weight:normal;}
.widget span.post-date {color:#888;font-size:12px;}
.widget ul {margin:10px 0 0 0;}
.widget ul li {margin:0 0 10px 0;}
#sidebar li.recentcomments{color:#888;}
.newsletter-widget {padding:0 0 20px 0;}
.newsletter-widget input {padding:3px;border-none;float:left;}
.newsletter-widget input.newsletter-submit{background:#4181EB;color:#fff;border:none;margin:1px 0 0 5px;}

.cf-fs1 legend {margin:0 0 10px 0;}
.cf-ol li label {font-size:14px;margin:0 0 0 5px;}

#bottom {background:url(http://smbdigital.com.au/main/footer.gif);color:#ddd;padding:20px 0 5px 0;}
#bottom h3{color:#ddd;margin:0 0 20px 0;}
#bottom a {color:#eee;}
#bottom a:hover{text-decoration:underline;}
#bottom .bts {float:left;width:196px;margin:20px 0 0;text-align:center;height:230px;overflow:hidden}
#bottom .bts ul li {margin:0 0 10px 0;}

#bottomnav {margin:10px 0; text-align:center;font-size:12px;}
#bottomnav a:hover{text-decoration:underline;}

#commentlist {padding:5px;}
#commentlist .comment{padding:5px;margin:0 0 10px 0;border:1px solid #eee;border-radius:5px;}
#commentlist .fn{font-weight:bold;font-style:normal;}
#commentlist .commentmetadata {font-size:11px;margin:0 0 5px 0;}
#commentlist .commentmetadata a{color:#888;font-size:11px;}
#respond {padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:5px;margin:5px;}
#respond h4{margin:0 0 10px 0;}
#respond p{margin:0 0 10px 0;}
#respond input, #respond textarea  {padding:3px;background:#fafafa;border:1px solid #ccc;border-radius:3px;}
#respond input:focus, #respond textarea:focus {background:#fff;}
#respond textarea{width:500px;max-width:100%;}
#respond input#author{width:200px;margin:0 5px 0 0;}
#respond input#email{width:200px;margin:0 5px 0 0;}

#cts {margin:20px 0;}
#cts p{margin:0;padding:0 0 15px 0;}
#cts input{padding:7px;background:#f9f9f9;border:1px solid #aaa;width:850px;border-radius:4px;max-width:95%;}
#cts textarea {width:900px;height:180px;padding:5px;background:#f9f9f9;border:1px solid #aaa;border-radius:4px;}
#cts input:focus, #cts textarea:focus{background:#fff;border:1px solid #777;}
#cts input.wpcf7-captchar {width:120px;}
#cts img.wpcf7-captchac{vertical-align:middle;}
#cts input.wpcf7-submit{width:80px;background:#0B6091;color:#fff;font-size:14px;}

.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}

#footer{clear:both; color:#444; padding:10px; text-align:center;height:30px;font-size:12px;}
#footer a{color:#222;}
#footer a:hover{text-decoration:underline;}

.hrvideo {float:right;margin: 0 0 0 10px;}

@media screen and (max-width: 320px) {
body {min-width:270px;}
.responsive {margin:10px;}
.inner {width:300px;}
#logo img{width:290px;height:auto;}
#hright {margin:0 0 0 20px;width:200px;}
#hright .phone{margin:10px 0;display:block;}
#topnav1 {background:#0C5E8F;margin:0;}
#topnav1 ul{margin:5px 0 0 50px;}
#freequote {width:90%;padding:0 0 50px 0;}
#freequote h2{padding:20px 0 0 10px;font-size:26px;}
#freequote .cf_info{margin:0 0 0 22px;}
#freequote form{width:90%;margin:30px 0 0 0;}
#freequote input {width:220px;max-width:100%}
#bleft, #bright, .socialbuttons, #bright form, #bsub {float:none;clear:both;text-align:center;}
#bright form {margin:0 auto;width:100%;text-align:center;}
#bright form input.newsletter-email{float:none;margin: 0 0 10px 0;width:240px;}
#bright form input.newsletter-submit{float:none;width:120px;}
#content{ float:left;width:300px; margin:10px 5px 0 0; border-right:1px solid #ddd;}
.mwimg {padding:50px 0;float:left;width:400px;}
#mw {float:right;width:300px;}
#ga {float:right;width:300px;}
#mobileb{float:left;width:300px}
#services {background:#034C93;}
#services .service {margin:0 0 20px 0;}
.lts {float:left;}
#gettaquote .inner{background:#E1E2E6;color:#222;}
#contactformhomepage {padding:15px 0;}
#contactformhomepage h3{text-align:center;font-size:28px;padding:0;margin:5px 0 15px 0;}
#contactformhomepage div.field input {border:none;margin: 0 10px 0 0;padding:5px;font-size:16px;width:95%;}
#contactformhomepage div.field2{padding:8px 0 0 0;margin:0 5px 15px 0;}
#contactformhomepage div.field2 input {border:none;margin: 0 10px 0 0;padding:5px;font-size:16px;width:95%;}
#contactformhomepage textarea {height:80px;border:1px solid #eee;margin:0 0 5px 0;padding:5px;width:95%;}
#contactformhomepage div.hcaptcha{float:left; margin:7px 0 15px 0;width:300px;}
#contactformhomepage div.hcaptcha .cptleft{float:left;}
#contactformhomepage div.hcaptcha .cptleft img{vertical-align:middle;}
#contactformhomepage div.hcaptcha input {float:left;width:90px;font-size:20px;padding:2px;margin:-5px 0 0 0;}
#contactformhomepage div.label { margin:0 0 0 4px;text-align:center;display:inline;}
#contactformhomepage div.send input {background:url(http://smbdigital.com.au/main/send.jpg);border:none;width:114px;height:36px;color:#fff;margin:0 10px 0 0;}
#sidebar {float: right; width: 300px; }
img, textarea, div, .inner iframe {max-width:100%;height:auto}
.alignright {max-width:60%;}
.hrvideo {float:none;margin: 10px 0;}
.hrvideo iframe {min-height:200px;}
#bottom .bts {width:100%;float:none;text-align:center;}
* {max-width:100%;}
}

@media screen and (min-width: 320px) and (max-width:980px) {
.responsive {margin:10px;}
.inner {width:100%;}
#logo{width:90%;}
#hright {margin:0 0 0 20px;width:90%;}
#hright .phone{margin:10px 0;display:block;}
#topnav1 {background:#0C5E8F;margin:0;}
#topnav1 ul{margin:5px 0 0 10px;}
#freequote {width:98%;padding:0 0 50px 0;background:none;}
#freequote h2{padding:20px 0 0 20px;font-size:30px;}
#freequote .cf_info{margin:0 0 0 52px;}
#freequote form{width:90%;margin:30px 0 0 0;}
#freequote input {width:100%;}
#bleft, #bright, .socialbuttons, #bright form, #bsub {float:none;clear:both;text-align:center;}
#bright form {margin:0 auto;width:100%;text-align:center;}
#bright form input.newsletter-email{float:none;margin: 0 0 10px 0;width:270px;}
#bright form input.newsletter-submit{float:none;width:120px;}
#content{ float:left;width:100%; margin:10px 5px 0 0; border-right:1px solid #ddd;}
.mwimg {padding:50px 0;float:left;width:100%;}
#mw {float:right;width:100%;}
#ga {float:right;width:100%;}
#mobileb{float:left;width:960px}
#services {background:#034C93;}
#services .service {margin:0 0 20px 0;}
.lts {float:left;}
#gettaquote .inner{background:#E1E2E6;color:#222;}
#contactformhomepage {padding:15px 0;}
#contactformhomepage h3{text-align:center;font-size:28px;padding:0;margin:5px 0 15px 0;}
#contactformhomepage div.field input {border:none;margin: 0 10px 0 0;padding:5px;font-size:16px;width:95%;}
#contactformhomepage div.field2{padding:8px 0 0 0;margin:0 5px 15px 0;}
#contactformhomepage div.field2 input {border:none;margin: 0 10px 0 0;padding:5px;font-size:16px;width:95%;}
#contactformhomepage textarea {height:80px;border:1px solid #eee;margin:0 0 5px 0;padding:5px;width:95%;}
#contactformhomepage div.hcaptcha{float:left; margin:7px 0 15px 0;width:300px;}
#contactformhomepage div.hcaptcha .cptleft{float:left;}
#contactformhomepage div.hcaptcha .cptleft img{vertical-align:middle;}
#contactformhomepage div.hcaptcha input {float:left;width:90px;font-size:20px;padding:2px;margin:-5px 0 0 0;}
#contactformhomepage div.label { margin:0 0 0 4px;text-align:center;display:inline;}
#contactformhomepage div.send input { background:url(http://smbdigital.com.au/main/send.jpg);border:none;width:114px;height:36px;color:#fff;margin:0 10px 0 0;}
#sidebar {float: right; width: 300px; }
img, textarea, div, .inner iframe  {max-width:100%;height:auto;}
.alignright {max-width:70%;}
.hrvideo {float:none;margin: 10px 0;}
.hrvideo iframe {min-height:200px;}
#bottom .bts {width:100%;float:none;text-align:center;}
* {max-width:100%;}
}


@media screen and (min-width: 980px) {
.inner {width:985px; }
#logo{float:left;width:350px;}
#hright {float:right;}
#hright .phone{float:left;}
#topnav1 {float:right;background:url(http://smbdigital.com.au/main/topnav1.png);width:504px;margin:0 20px 0 0;}
#topnav1 ul{margin:5px 0 0 50px;}
#freequote {background:url(http://smbdigital.com.au/main/girl.png) top right no-repeat;height:440px;width:986px;}
#freequote h2{padding:20px 0 0 50px;}
#freequote .cf_info{margin:0 0 0 52px;}
#freequote form{width:400px;margin:30px 0 0 50px;}
#freequote input {width:375px;}
#bleft, #bright {float:left;}
#bsub {float:left;}
#content{ float:left;width:655px; margin:10px 5px 0 0; border-right:1px solid #ddd;}
.mwimg {padding:50px 0;float:left;width:400px;}
#mw {float:right;width:520px;}
#ga {float:right;width:520px;}
#mobileb{float:left;width:960px}
#gettaquote .inner{background:#E1E2E6 url(http://smbdigital.com.au/wp-content/uploads/2013/10/Woman-pointing21.png) left bottom no-repeat;height:417px;}
#contactformhomepage {float:right;width:720px;padding:15px 0 0 0;}
#contactformhomepage h3{text-align:center;font-size:28px;padding:0;margin:5px 0 15px 0;}
#contactformhomepage div.field{float:left; width:352px;background:url(http://smbdigital.com.au/main/field.jpg) no-repeat;height:46px;padding:8px 0 0 0;font-size:18px;margin:0 8px 15px 0;}
#contactformhomepage div.phonefield{float:right; margin:0 0 15px 0;}
#contactformhomepage div.field input {float:right;width:190px;border:none;margin: 0 10px 0 0;padding:10px 0;font-size:16px;}
#contactformhomepage div.field2{float:left; width:720px;background:url(http://smbdigital.com.au/wp-content/uploads/2013/09/field2.jpg) no-repeat;height:46px;padding:8px 0 0 0;font-size:18px;margin:0 5px 15px 0;}
#contactformhomepage div.field2 input {float:right;width:540px;border:none;margin: 0 10px 0 0;padding:10px 0;font-size:16px;}
#contactformhomepage textarea {width:710px;height:105px;border-radius:10px;border:1px solid #eee;margin:0 0 5px 0;padding:5px;max-width:100%;}
#contactformhomepage div.hcaptcha{float:left; margin:7px 0 15px 0;width:300px;}
#contactformhomepage div.hcaptcha .cptleft{float:left;}
#contactformhomepage div.hcaptcha .cptleft img{vertical-align:middle;}
#contactformhomepage div.hcaptcha input {float:left;width:90px;font-size:20px;padding:2px;margin:-5px 0 0 0;}
#contactformhomepage div.label {float:left;width:110px;padding:10px;color:#fff;margin:0 0 0 4px;text-align:center;display:inline;}
#contactformhomepage div.send input {float:right;background:url(http://smbdigital.com.au/main/send.jpg);border:none;width:114px;height:36px;color:#fff;margin:0 10px 0 0;}
#sidebar {float: right; width: 300px; }
}


@media \0screen\,screen\9 {
.inner {width:985px; }
#logo{float:left;width:350px;}
#hright {float:right;}
#hright .phone{float:left;}
#topnav1 {float:right;background:url(http://smbdigital.com.au/main/topnav1.png);width:504px;margin:0 20px 0 0;}
#topnav1 ul{margin:5px 0 0 50px;}
#freequote {background:url(http://smbdigital.com.au/main/girl.png) top right no-repeat;height:440px;width:986px;}
#freequote h2{padding:20px 0 0 50px;}
#freequote .cf_info{margin:0 0 0 52px;}
#freequote form{width:400px;margin:30px 0 0 50px;}
#freequote input {width:375px;}
#bleft, #bright {float:left;}
#bsub {float:left;}
#content{ float:left;width:655px; margin:10px 5px 0 0; border-right:1px solid #ddd;}
.mwimg {padding:50px 0;float:left;width:400px;}
#mw {float:right;width:520px;}
#ga {float:right;width:520px;}
#mobileb{float:left;width:960px}
#gettaquote .inner{background:#E1E2E6 url(http://smbdigital.com.au/wp-content/uploads/2013/10/Woman-pointing21.png) left bottom no-repeat;height:417px;}
#contactformhomepage {float:right;width:720px;padding:15px 0 0 0;}
#contactformhomepage h3{text-align:center;font-size:28px;padding:0;margin:5px 0 15px 0;}
#contactformhomepage div.field{float:left; width:352px;background:url(http://smbdigital.com.au/main/field.jpg) no-repeat;height:46px;padding:8px 0 0 0;font-size:18px;margin:0 8px 15px 0;}
#contactformhomepage div.phonefield{float:right; margin:0 0 15px 0;}
#contactformhomepage div.field input {float:right;width:190px;border:none;margin: 0 10px 0 0;padding:10px 0;font-size:16px;}
#contactformhomepage div.field2{float:left; width:720px;background:url(http://smbdigital.com.au/wp-content/uploads/2013/09/field2.jpg) no-repeat;height:46px;padding:8px 0 0 0;font-size:18px;margin:0 5px 15px 0;}
#contactformhomepage div.field2 input {float:right;width:540px;border:none;margin: 0 10px 0 0;padding:10px 0;font-size:16px;}
#contactformhomepage textarea {width:710px;height:105px;border-radius:10px;border:1px solid #eee;margin:0 0 5px 0;padding:5px;max-width:100%;}
#contactformhomepage div.hcaptcha{float:left; margin:7px 0 15px 0;width:300px;}
#contactformhomepage div.hcaptcha .cptleft{float:left;}
#contactformhomepage div.hcaptcha .cptleft img{vertical-align:middle;}
#contactformhomepage div.hcaptcha input {float:left;width:90px;font-size:20px;padding:2px;margin:-5px 0 0 0;}
#contactformhomepage div.label {float:left;width:110px;padding:10px;color:#fff;margin:0 0 0 4px;text-align:center;display:inline;}
#contactformhomepage div.send input {float:right;background:url(http://smbdigital.com.au/main/send.jpg);border:none;width:114px;height:36px;color:#fff;margin:0 10px 0 0;}
#sidebar {float: right; width: 300px; }
}

@media screen and (max-width:500px) {
#topnav1, #topnav2 {display:none;}
#topnavr {clear:both;display:block;padding:5px 0 5px 5px;color:#ccc;background:#222;}
#topnavr a{color:#eee;}
#topnavr #navtoggle {display: block;background:url(http://smbdigital.com.au/main/menu.png) no-repeat; height:22px; padding: 0 0 0 45px;color:#fff;font-size:18px;cursor:pointer;}
#topnavr ul li { margin:10px 0 0 40px; color:#555;padding:0 0 2px 5px;list-style-type:square;}
#topnavr ul li a:hover {color:#ccc;}
#topnavr ul li ul {background:#222;padding:5px 0 0 0;}
#topnavr ul li ul li {margin:10px 0 0 10px;}
}

@media screen and (min-width:500px) {
#topnavr {display:none;}
#topnavr #navtoggle {display: none;}
}