@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 767px)  {
body{ background:; padding:0 20px;}	
/*#page{ padding:0 20px;}*/
#header { position:relative; width:100%; float:none; margin-top:40px; text-align:center;  }
#header #logo { text-indent:-9999999px; width:123px; height:123px; margin:0 auto 10px auto; }
#header #logo a { display:block; background:url(../Images/logo.png) no-repeat; width:123px; height:123px; }
#header #main-nav{ margin-bottom:40px;}

#header .widget{ margin-bottom:20px; clear:both; float:left; }
#header .widget h4{ font-size:11px; text-transform:uppercase; font-weight:normal; letter-spacing:2px; margin:10px 0; font-family: 'Arvo', serif;}

#header #main-nav{ position:fixed; top:0; z-index:99999; background:#1e1e1e; padding:10px 0; width:100%; margin-left:-20px; }
#header #main-nav ul{ display:none; }
#header #main-nav select{ display:block; width:200px; margin:0 auto; }


#header #main-nav ul li { list-style:none; line-height:30px; display:inline; }
#header #main-nav ul li a { color:#8d8c8c; font-size:16px; padding:4px 20px }
#header #main-nav ul li.external a { background-image:url(../Images/external_link.gif); background-position:80% 50%; background-repeat:no-repeat; }
#header #main-nav ul li a:hover { text-decoration:none; color:#63c8a4; }
#header #main-nav ul li.selected a { background:none; color:#63c8a4; text-shadow:none; padding:4px 20px }
#header #main-nav ul li.selected a:hover { color:#63c8a4; }
#header .widget{ margin-bottom:0px; clear:none; float:none; width:100%; margin-left:0; }
#header .social{ margin:0 auto 40px auto; float:none!important; width:100%!important; text-align:center;padding-bottom:0!important; clear:none!important;  }
#header .social li{ position:relative;}
#header .social li a img{ margin-bottom:-8px; }
#header .social li.twitter a,
#header .social li.facebook a,
#header .social li.dribbble a,
#header .social li.flickr a,
#header .social li.skype a{ width:26px; height:26px; display:inline; float:none; margin:0 5px;}

#main{ width:100%; float:none; clear:both; }

/*viewing*/
#header .view{ text-align:center; margin:0 auto;}
#header .view .view_holder{ width:60px; margin:0 auto; }
#header .view h4{ float:none;  margin-right:10px; text-align:center; width:100%; margin-bottom:0; padding-bottom:0; }
#header .view .monitor{ background:url(../Images/monitor.png) no-repeat top left; width:15px; height:15px;}
#header .view .ipad{ background:url(../Images/ipad.png) no-repeat bottom left; width:13px; height:15px;}
#header .view .iphone{ background:url(../Images/iphone.png) no-repeat top left; width:9px; height:16px; }
#header .view .monitor,
#header .view .ipad,
#header .view .iphone{ margin-top:13px; margin-right:10px; display:block; }
#header .view .iphone{ margin-right:0;}

#services .columns .excerpt{ float:right; width:74%; }
#services .columns .img{ float:left; }
#services .columns .img img{ max-width:100%; }

li.twoColumns fieldset div span{
	display: block;
	width:100%;
	margin:0 5px 0 0;
	clear:both;
}
	
}

@media handheld and (max-width: 479px), screen and (max-device-width: 479px), screen and (max-width: 479px)  {
	
	
/*viewing*/
#header .view{ text-align:center; margin:0 auto;}
#header .view .view_holder{ width:60px; margin:0 auto; }
#header .view h4{ float:none;  margin-right:10px; text-align:center; width:100%; margin-bottom:0; padding-bottom:0; }
#header .view .monitor{ background:url(../Images/monitor.png) no-repeat top left; width:15px; height:15px;}
#header .view .ipad{ background:url(../Images/ipad.png) no-repeat top left; width:13px; height:15px;}
#header .view .iphone{ background:url(../Images/iphone.png) no-repeat bottom left; width:9px; height:16px; }
#header .view .monitor,
#header .view .ipad,
#header .view .iphone{ margin-top:13px; margin-right:10px; display:block; }
#header .view .iphone{ margin-right:0;}

#header #main-nav{ text-align:center; position:fixed;  z-index:99999;  }
#header #main-nav ul{ display:none; }
#header #main-nav select{ display:block; }

div.one-half,
div.one-third,
div.two-third,
div.one-fourth,
div.three-fourth{ width:100%; float:none; margin-left:0; }
#services .columns > div{ clear:both; }


#services .columns .excerpt{ float:right; width:75%; }
#services .columns img{ float:left;  }

.form > div > label, .form .field, .form select{ width:90%; }
.form #comments{ width:100%!important; max-width:90%;}

#blog .post .post-aside, #blog .post .hentry{ width:100%; }
#blog .post .post-aside .post-meta{ text-align:left; padding-right:0; border-right:none; }
#blog .post .post-aside .post-meta > span,
#blog .post .post-aside .post-meta .share span{ display:block; }
#blog .post .post-aside .post-meta .share{ margin-top:0px; margin-bottom:20px; }

#commentform label{ display:block; padding:0; }
.intro{ font-size:2em; }

.pagination a, .pagination span{ display:none; }
.pagination .previous, .pagination .next{ display:block; float:left; }
.pagination .next{ float:right; }

li.twoColumns fieldset div span{
	display: block;
	width:100%;
	margin:0 5px 0 0;
	clear:both;
}
}