* {margin: 0; padding: 0; outline: none}
html, body {background: #f1f1f1; height: 100%; font-family: Arial; font-size: 17px; line-height: 23px; color: #000; margin: 0; padding: 0}
img {border: 0}
html, body, #wrap {height: 100%}
body > #wrap {height: auto; min-height: 100%}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
 #loading {position: relative; margin: 0 auto; margin-bottom: -29px; width: 120px; background: #b60e0e; padding: 3px; color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; z-index: 1}
#wrap {background: url(/images/patatobg.gif) center repeat-y}
.wrapper {width: 962px; margin: 0 auto}
.header {position: relative; background: url(/images/bigass_border.gif) bottom repeat-x; background-color: #f1f1f1; height: 230px}
.header .curve {position: relative; float: left; margin: 23px 0 0 13px; background: url(/images/bigass_border_curve.gif) bottom left; width: 674px; height: 56px}
.header .logo {margin: 13px 0 0 0; float: left}
.rubyred {color: #650000; font-weight: bold}
hr {color: #aaaaaa; background: #aaaaaa; height: 1px}
h1 {margin: 0 0 12px 0; font-size: 41px}
h2 {margin: 0 0 12px 0; font-size: 37px}
a:link, a:visited {color: #000}
.marked {background: #ffd85c; padding: 2px 4px; font-weight: bold; color: #2a2a2a}
 .header ul.menu {float: left; margin: 74px 0 0 101px}
.header .menu li {display: inline; float: left}
.header .menu li a:link, .header .menu li a:visited {text-indent: -9999px; outline: none; background: url(/images/just_a_menu.png) no-repeat; height: 20px; float: left; margin: 0 20px}
.header .menu li#m_home a:link, .header .menu li#m_home a:visited {background-position: 0 0; width: 77px}
.header .menu li#m_home a:hover {background-position: 0 -23px}
body.home .header .menu li#m_home a:link, body.home .header .menu li#m_home a:visited {background-position: 0 -46px}
.header .menu li#m_services a:link, .header .menu li#m_services a:visited {background-position: -79px 0; width: 113px}
.header .menu li#m_services a:hover {background-position: -79px -23px}
body.services .header .menu li#m_services a:link, body.services .header .menu li#m_services a:visited {background-position: -79px -46px}
.header .menu li#m_about a:link, .header .menu li#m_about a:visited {background-position: -194px 0; width: 87px}
.header .menu li#m_about a:hover {background-position: -194px -23px}
body.about .header .menu li#m_about a:link, body.about .header .menu li#m_about a:visited {background-position: -194px -46px}
.header .menu .sep {float: left; height: 45px; width: 3px; margin: -13px 0 0 0; background: url(/images/seperate.gif)}
 .main {padding-bottom: 150px}
.content {padding: 31px 12px 20px 12px; float: left}
.left {float: left; width: 420px}
.left hr {margin: 20px 0}
.right {float: left; width: 420; margin: 0 0 0 100px}
.alignright {text-align: right}
.aligncenter {text-align: center}
.floatleft {float: left; padding: 5px 13px 5px 0}
 .box {position: relative; width: 418px}
.box .boxtop {background: url(/images/box_top.png) bottom no-repeat; height: 4px}
.box .boxmiddle {background: url(/images/box_middle.png); padding: 24px 23px}
.box .boxbottom {background: url(/images/box_bottom.png) top no-repeat; height: 4px}
.box .field {color: #3e3e3e; width: 310px; height: 20px; margin: 0 0 9px; font-size: 17px; padding: 15px 5px 15px 50px}
.box .field#name {background: #fff url(/images/person.gif) no-repeat; background-position: 9px 13px}
.box .field#email {background: #fff url(/images/mail.gif) no-repeat; background-position: 9px 16px}
.box button.btn {background: url(/images/sendme.png); width: 127px; height: 45px; border: 0; cursor: pointer; outline: none; text-indent: -9999}
.box button.btn:active {background-position: -127px 0; outline: none}
.box .abouttxt p {padding: 0 0 5px 0}
 .mpcarousel {padding: 16px 0 0 0}
ul.services {position: relative; width: 420px; margin: 9px 0 0 0; float: right}
ul.services p {padding: 0 0 18px 0}
ul.services img {float: left; padding: 6px 13px 6px 0}
ul.services li {display: inline; position: absolute; top: -999px}
ul.services li.active {top: 0}
ul.carousel {position: relative; margin: 12px 0}
ul.carousel li {display: block; padding: 10px 5px 10px 65px}
ul.carousel li#ror {background-image: url(/images/icon_ror.gif); background-repeat: no-repeat; background-position: 9px 8px; border-bottom: 1px solid #aaaaaa}
ul.carousel li#wp {background-image: url(/images/icon_wp.gif); background-repeat: no-repeat; background-position: 9px 8px; border-bottom: 1px solid #aaaaaa}
ul.carousel li#iphone {background-image: url(/images/icon_iphone.gif); background-repeat: no-repeat; background-position: 12px 8px; border-bottom: 1px solid #aaaaaa}
ul.carousel li#new {background-image: url(/images/icon_new.gif); background-repeat: no-repeat; background-position: 5px 9px}
ul.carousel li:hover {background-color: #e5e5e5}
ul.carousel li.activetab {background-color: #d3d3d3}
ul.carousel a:link, ul.carousel a:visited, ul.carousel a:hover, ul.carousel a:active {display: block; color: #000; text-decoration: none}
ul.carousel .rubyred a:link, ul.carousel .rubyred a:visited, ul.carousel .rubyred a:active, ul.carousel .rubyred a:hover {color: #650000}
 .footer {position: relative; margin-top: -150px; height: 150px; clear: both; background: #333333; padding: 50px 0 0 0; color: #fff; font-size: 12px; line-height: 16px}
.footer a:link, .footer a:visited {color: #fff; text-decoration: none}
.footer a:hover, .footer a:active {text-decoration: underline}
.footer .f_left {padding-left: 12px}
.footer .f_left {position: relative; width: 220px; margin-right: 80px; float: left}
.footer .f_center {position: relative; width: 280px; margin-right: 80px; float: left}
.footer img {position: absolute; top: 20px}
.footer .f_left .officetxt {font-size: 18px; line-height: 22px}
.footer .f_left p {position: relative; margin-left: 21px}
.footer .f_center p {position: relative; margin-left: 71px}
.footer .f_center .twittertxt {font-size: 18px; line-height: 22px}
.footer .f_center .tweet {color: #a5a5a5}
.footer .f_right {padding: 45px 12px 0 0}
.footer .f_right a:link, .footer .f_right a:visited {color: #fff; text-decoration: none; font-size: 18px}
.footer .f_right a:hover, .footer .f_right a:active {text-decoration: underline}
.footer .fcurev {position: relative; float: left; background: url(/images/footer_curve.png) top no-repeat; margin: -50px 0 0 13px; width: 1008px; height: 18px}