* {
margin:0;
padding:0;
}

body {
color:#474847;
background:#fff url(../img/style-bg.jpg) no-repeat;
font-size:.813em;
line-height:1.538em;
font-family:Helvetica,Arial,sans-serif;
}

h1 {
font-size:2em;
font-family:'open sans',arial,serif;
}

li {
list-style:none;
}

img {
border:0;
}

p {
line-height:1.5em;
margin:.7em 0;
}

a {
color:#076eac;
text-decoration:none;
}

a:hover,a:focus {
text-decoration:underline;
}

#wrap_top {
height:75px;
_text-align:center;
-moz-box-shadow:-1px 1px 1px rgba(204,204,204,0.8);
-webkit-box-shadow:-1px 1px 1px rgba(204,204,204,0.8);
background-color:rgba(245,245,245,.3);
border-bottom:1px solid #FFF;
padding:10px 0 1px;
}

#wrap_top #head {
position:relative;
margin:5px auto 0;
}

#head #logo {
width:300px;
height:80px;
position:absolute;
margin-top:12px;
background:url(../img/logo.png) left top no-repeat;
text-indent:-1000px;
}

#head #menu {
position:absolute;
right:0;
width:auto;
height:100px;
overflow:hidden;
}

#head #menu li {
float:left;
margin:0 0 0 -1px;
}

#head #menu li a {
display:block;
color:#333;
text-decoration:none;
border-left:1px dotted #000;
margin-left:25px;
padding:5px 0 5px 25px;
}

#head #menu li a.no_border {
border:none;
}

#head #menu li .nav_up {
font-size:1.231em;
font-weight:400;
text-transform:uppercase;
}

#head #menu li .nav_dn {
display:block;
font-weight:400;
color:#444;
font-size:1em;
text-transform:lowercase;
font-family:Georgia,"Times New Roman",Times,serif;
}

#head #menu li a:hover .nav_dn,#head #menu li a:focus .nav_dn,#menu li a:active .nav_dn {
color:#72a133;
}

.banner {
width:980px;
height:150px;
margin:0 auto 52px;
}

.banner h1 {
-x-system-font:none;
color:#1f1c1c;
font-family:'open sans',arial,serif;
font-size:1.538em;
font-size-adjust:none;
font-stretch:normal;
font-style:none;
font-variant:normal;
font-weight:400;
letter-spacing:-.035em;
line-height:150px;
}

.banner h1.show {
display:block;
font-size:2.8em;
line-height:.95em;
margin-bottom:34px;
}

h1.smaller {
font-size:1.6em;
}

#simplebyte_is {
background:url(../img/simplebyte_is.png) no-repeat 0 0;
width:723px;
}

.simplebyte_does {
background:url(../img/simplebyte_does.png) no-repeat 0 0;
width:599px;
}

.simplebyte_made {
background:url(../img/simplebyte_made.png) no-repeat 0 0;
width:410px;
}

.simplebyte_listens {
background:url(../img/simplebyte_listens.png) no-repeat 0 0;
width:353px;
}

#content {
margin:auto;
}

h2.clean {
border-bottom:1px solid #dad8c4;
border-top:1px solid #dad8c4;
line-height:2.5em;
font-size:1.7em;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:400;
float:left;
width:100%;
margin:5px 0;
}

.textcontainer {
width:641px;
float:left;
margin:0 10px;
}

.col {
width:292px;
border:none;
margin:.7em .7em .8em;
padding:4px;
}

.section {
margin-bottom:2.2em;
}

.box {
width:213px;
border-right:2px dotted #aaa;
margin:5px;
padding:10px;
}

.box div {
width:128px;
height:128px;
margin:20px 30px;
}

#web {
background-image:url(../img/web.png);
}

#app {
background-image:url(../img/app.png);
}

#seo {
background-image:url(../img/seo.png);
}

#mail {
background-image:url(../img/interactive.png);
}

.col img {
margin-bottom:.7em;
float:left;
}

.col img.smallThumbnail {
float:left;
margin-right:10px;
}

#twitter_update_list li {
border-top:1px solid #dad8c4;
margin:0;
padding:5px;
}

li.work {
width:290px;
overflow:hidden;
border:1px solid #dad8c4;
float:left;
margin:10px;
padding:4px 6px 4px 4px;
}

.fullcol {
width:960px;
float:left;
border-bottom:1px dotted #DDD;
padding:10px;
}

.widecol {
width:612px;
border:none;
float:left;
margin:10px;
padding:4px;
}

ul.featured {
margin-bottom:20px;
height:224px;
}

ul ul {
margin:1.2em 0;
}

.form {
width:430px;
}

a h2 {
font-weight:700;
}

h2 {
font-size:1.2em;
text-transform:uppercase;
font-weight:400;
margin-top:0;
color:#72a133;
}

.tall {
margin-top:20px;
}

.med {
margin-top:10px;
}

.closed {
display:none;
padding-left:24px;
}

.sub {
color:#666;
font-size:1em;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
line-height:1.5em;
margin:.7em 0;
}

.sub h2 {
font-family:Helvetica,Arial,FreeSans,sans-serif;
font-style:normal;
font-size:1.1em;
}

p.testimonial {
margin-bottom:.7em;
}

#author {
font-family:Helvetica,Arial,FreeSans,sans-serif;
font-size:1em;
font-weight:700;
float:left;
line-height:1.5em;
margin:.7em 0;
}

#bar_menu li {
text-transform:capitalize;
background:#eee url(../img/submenu_arrow.png) left center no-repeat;
font-size:15px;
line-height:32px;
height:30px;
margin:8px;
padding:0 0 0 15px;
}

#bar_menu li a {
color:#333;
text-decoration:none;
}

#bar_menu li a:hover {
color:#076eac;
}

#wrap_foot {
clear:both;
background:#eee;
border-top:3px double #FFF;
padding:25px 0;
}

#foot_menu {
font-family:Trebuchet MS,Geneva,Tahoma;
text-transform:uppercase;
padding:0;
}

#foot_menu li {
float:left;
margin:0 30px 0 0;
}

#foot_menu li a {
color:#999;
display:block;
height:35px;
letter-spacing:.1em;
text-decoration:none;
border:#000 solid 1px;
border-width:0 0 1px;
padding:0 8px;
}

#foot_menu li a:hover {
color:#fff;
border:#fff solid 1px;
border-width:0 0 1px;
}

#footer {
width:980px;
margin:0 auto;
padding:0 15px;
}

#copyright {
clear:both;
color:#888;
padding:15px 0 0;
}

#head,#content {
width:980px;
clear:both;
padding:0 8px;
}

li.foot {
width:300px;
float:left;
margin:0 20px;
}

#widecol li {
border-top:none;
margin:0;
padding:1px 5px;
}

#footer label {
width:275px;
font-weight:700;
font-size:1em;
color:#72a133;
}

#footer input.text {
width:290px;
height:16px;
}

#footer textarea {
width:290px;
height:42px;
border:1px solid #dad8c4;
padding:5px;
}

.super.button {
background-image:url(/images/super-button-overlay.png);
font-size:13px;
border:1px solid rgba(0,0,0,.25);
-webkit-border-radius:15px;
-moz-border-radius:15px;
padding:0;
}

.super.button span {
display:block;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-top:1px solid rgba(255,255,255,.2);
line-height:1;
padding:4px 15px 6px;
}

.small.super.button {
width:126px;
}

.super:hover {
cursor:pointer;
background-color:rgba(1,1,1,.25);
}

.awesome,.awesome:visited {
background:#222 url(../img/alert-overlay.png) repeat-x;
display:inline-block;
color:#fff;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border:1px solid rgba(0,0,0,0.25);
position:relative;
cursor:pointer;
float:right;
padding:5px 10px 6px;
}

.awesome:hover {
background-color:#111;
color:#fff;
}

.awesome:active {
top:1px;
}

.small.awesome,.small.awesome:visited {
font-size:11px;
}

.awesome,.awesome:visited,.medium.awesome,.medium.awesome:visited {
font-size:13px;
font-weight:700;
line-height:1;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

.large.awesome,.large.awesome.active,.large.awesome:visited {
font-size:14px;
padding:8px 14px 9px;
}

.green.awesome,.green.awesome:visited {
background-color:#91bd09;
}

.green.awesome:hover {
background-color:#749a02;
}

.blue.awesome,.blue.awesome:visited {
background-color:rgba(53,116,242,.5);
}

.blue.awesome:hover {
background-color:rgba(20,68,116,.5);
}

.red.awesome,.red.awesome:visited {
background-color:#e33100;
}

.red.awesome:hover {
background-color:#872300;
}

.magenta.awesome,.magenta.awesome:visited {
background-color:#a9014b;
}

.magenta.awesome:hover {
background-color:#630030;
}

.orange.awesome,.orange.awesome:visited {
background-color:#ff5c00;
}

.orange.awesome:hover {
background-color:#d45500;
}

.yellow.awesome,.yellow.awesome:visited {
background-color:#ffb515;
}

.yellow.awesome:hover {
background-color:#fc9200;
}

#contactform {
position:relative;
}

#contactform p {
position:relative;
width:100%;
}

#contactform #sub {
padding-top:7px;
font-size:1em;
}

#contactform label {
float:left;
font-size:1em;
font-weight:700;
color:#72a133;
margin-bottom:.5em;
padding:5px 0 0;
}

.text {
height:16px;
border:1px solid #dad8c4;
font-family:"Lucida grande",Helvetica,Arial,sans-serif;
font-size:1em;
width:476px;
padding:5px;
}

li.fullcol .text {
float:left;
height:auto;
border:none;
font-family:"Lucida grande",Helvetica,Arial,sans-serif;
font-size:1em;
width:476px;
padding:5px;
}

#contactform fieldset {
border:none;
width:488px;
padding:0 20px;
}

#contactform textarea {
width:476px;
height:100px;
font-size:1em;
border:1px solid #dad8c4;
padding:5px;
}

#contactform .set_position {
position:absolute;
top:0;
right:0;
width:50%;
}

#contactform input[type="submit"] {
width:8em;
text-align:center;
float:right;
height:3em;
color:#076eac;
cursor:pointer;
background-color:#f0f0f0;
border:1px solid #ccc;
padding:0 0 .24em;
}

#contactform input[type="submit"]:hover {
background-color:#ccc;
}

#notext,#noemail,#noname {
background-color:#ff6a5f;
border:1px solid #FFF;
color:#333;
font-size:1em;
font-weight:700;
height:20px;
width:205px;
margin:20px 10px 0 2px;
padding:2px 0 0 6px;
}

.notice {
background-color:#ffb7b7;
border:1px solid #FFF;
color:#444;
font-size:1em;
font-weight:700;
margin:5px;
padding:2px 0 2px 6px;
}

.selfCC {
float:left;
width:165px;
}

.em {
color:#999;
font-style:italic;
}

.stewie {
line-height:1.49em;
font-size:14px;
}

.stewie img {
float:left;
padding-right:20px;
}

.so {
background:url(/img/simpleorders.png) scroll 0 0;
border:5px solid #999;
margin:auto auto 10px;
}

.left {
float:left;
}

.spacey {
line-height:2.5em;
margin:5px 0;
}

.down {
width:75%;
text-align:center;
float:left;
}

.down img {
margin:.7em auto 0;
}

.big {
margin-left:5px;
}

.socials {
display:none;
}

ol li {
list-style:decimal;
font-family:Georgia;
font-size:larger;
}

.space {
margin-bottom:20px;
}

.fullcol img,.right {
float:right;
}

brought by Arkikstudio CMS Web Design in Madeira, Portugal contact: info(at)codebeautifier.com