html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

body { font-family: 'Lucida Grande', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; }

a { padding: 2px; margin: 0 -2px; color: #e04840; border-radius: !amount; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a:hover { background: #e04840; color: white; text-decoration: none; }
a.alt { color: #0066aa; }
a.alt:hover { background: #06a; color: white; }

em { font-style: italic; }

span.highlight, em.highlight, strong.highlight { background-color: #ff6; padding: 2px; margin: 0 -2px; border-radius: !amount; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#head h3, #our_work h3 { font-weight: bold; font-size: 140%; margin-bottom: 0.5em; }
#head p, #our_work p { margin-bottom: 1.5em; }
#head li ul, #head li ol, #our_work li ul, #our_work li ol { margin: 0 1.75em; }
#head ul, #head ol, #our_work ul, #our_work ol { margin: 0 1.75em 1.75em 1.75em; }

#content h1 { font-size: 32px; font-weight: bold; margin-bottom: 0.5em; }
#content h2 { font-size: 150%; margin-bottom: 0.5em; }
#content h3 { font-weight: bold; font-size: 140%; margin-bottom: 0.5em; }
#content h4 { font-weight: bold; font-size: 120%; margin-bottom: 0.5em; }
#content em.fine_print { color: #666; }
#content p, #content pre, #content blockquote { margin-bottom: 1.5em; }
#content pre, #content tt { font-size: 90%; font-family: Monaco, 'Andale Mono', 'Lucida Console', monospace; }
#content tt { background: #f0f0f0; border: 1px solid #ddd; padding: 4px; border-radius: !amount; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#content li ul, #content li ol { margin: 0 1.75em; }
#content ul, #content ol { margin: 0 1.75em 1.75em 1.75em; }
#content blockquote { border-left: 8px solid #e5e5e5; color: #666; padding-left: 1em; }
#content img { border: 1px solid #e5e5e5; background: white; padding: 5px; margin: -6px; }
#content img.no-border { padding: 0; background: none; border: none; margin: 0; }
#content img.float-left { float: left; margin-right: 1.5em; margin-bottom: 0.75em; }
#content img.float-right { float: right; margin-left: 1.5em; margin-bottom: 0.75em; }
#content div.highlight { background: #f0f0f0; border: 1px solid #ddd; padding: 0.5em; margin-bottom: 1.5em; border-radius: !amount; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content div.highlight pre { margin: 0; padding: 1em; line-height: 1.5; overflow-x: auto; }

#sidebar { font-size: 90%; line-height: 1.75; }
#sidebar h2 { font-size: 140%; line-height: 1.4; margin-top: 1.5em; margin-bottom: 0.75em; }
#sidebar ul { font-size: 90%; line-height: 1.4; margin-bottom: 1em; padding-left: 1.75em; }
#sidebar ul li { margin-bottom: 0.75em; }

div.highlight { background: #ffffff; line-height: 1; }
div.highlight .c { color: #999988; font-style: italic; }
div.highlight .err { color: #a61717; background-color: #e3d2d2; }
div.highlight .k { color: #000; }
div.highlight .o { color: #000; }
div.highlight .cm { color: #999988; font-style: italic; }
div.highlight .cp { color: #999999; }
div.highlight .c1 { color: #999988; font-style: italic; }
div.highlight .cs { color: #999999; font-style: italic; }
div.highlight .gd { color: #000000; background-color: #ffdddd; }
div.highlight .gd .x { color: #000000; background-color: #ffaaaa; }
div.highlight .ge { font-style: italic; }
div.highlight .gr { color: #aa0000; }
div.highlight .gh { color: #999999; }
div.highlight .gi { color: #000000; background-color: #ddffdd; }
div.highlight .gi .x { color: #000000; background-color: #aaffaa; }
div.highlight .go { color: #888888; }
div.highlight .gp { color: #555555; }
div.highlight .gs { color: #000; }
div.highlight .gu { color: #aaaaaa; }
div.highlight .gt { color: #aa0000; }
div.highlight .kc { color: #000; }
div.highlight .kd { color: #000; }
div.highlight .kp { color: #000; }
div.highlight .kr { color: #000; }
div.highlight .kt { color: #445588; }
div.highlight .m { color: #009999; }
div.highlight .s { color: #d14; }
div.highlight .na { color: #008080; }
div.highlight .nb { color: #0086B3; }
div.highlight .nc { color: #445588; }
div.highlight .no { color: #008080; }
div.highlight .ni { color: #800080; }
div.highlight .ne { color: #990000; }
div.highlight .nf { color: #990000; }
div.highlight .nn { color: #555555; }
div.highlight .nt { color: #000080; }
div.highlight .nv { color: #008080; }
div.highlight .ow { color: #000; }
div.highlight .w { color: #bbbbbb; }
div.highlight .mf { color: #009999; }
div.highlight .mh { color: #009999; }
div.highlight .mi { color: #009999; }
div.highlight .mo { color: #009999; }
div.highlight .sb { color: #d14; }
div.highlight .sc { color: #d14; }
div.highlight .sd { color: #d14; }
div.highlight .s2 { color: #d14; }
div.highlight .se { color: #d14; }
div.highlight .sh { color: #d14; }
div.highlight .si { color: #d14; }
div.highlight .sx { color: #d14; }
div.highlight .sr { color: #009926; }
div.highlight .s1 { color: #d14; }
div.highlight .ss { color: #990073; }
div.highlight .bp { color: #999999; }
div.highlight .vc { color: #008080; }
div.highlight .vg { color: #008080; }
div.highlight .vi { color: #008080; }
div.highlight .il { color: #009999; }

a#zoom_close { background: none; }


#zoom .project, #portfolio .project { width: 680px; min-height: 300px; padding: 15px; }
#zoom .project img.collage, #portfolio .project img.collage { float: right; margin-top: -15px; margin-right: -10px; margin-bottom: -15px; }
#zoom .project h3, #portfolio .project h3 { font-weight: bold; font-size: 140%; margin-bottom: 0.5em; }
#zoom .project .subtitle, #portfolio .project .subtitle { color: #999; font-size: 90%; font-style: italic; margin-top: -1em; margin-bottom: 0.75em; }
#zoom .project p, #portfolio .project p { font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 1em; }
#zoom .project .services, #portfolio .project .services { color: #999; font-size: 12px; line-height: 1.8; }
#zoom .project .services .title, #portfolio .project .services .title { display: block; }

body { background: url(/images/dots_background.png) repeat-x top; color: #333; }

#container { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
#container { display: block; }

#header { background: #232f34; margin-top: -1em; padding: 2.5em 30px 1.5em; border-radius: !amount; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

#logo { height: 73px; width: 241px; margin-bottom: -1px; text-indent: -9999em; overflow: hidden; background-image: url(/images/logo_screen.png); background-repeat: no-repeat; background-position: 50% 50%; }
#logo a { display: block; width: 241px; height: 73px; background: none; }

#main { overflow: hidden; display: inline-block; }
#main { display: block; }

#content { padding-top: 1.5em; padding-bottom: 0.5em; margin-bottom: -1.5em; padding-left: 30px; padding-right: 30px; }

#comments { padding: 0 30px 0.5em; margin-bottom: -1.5em; }
#comments h3 { margin-top: 0; }

#footer { overflow: hidden; display: inline-block; }
#footer { display: block; }
#footer .section { border-top: 6px solid #e5e5e5; }
#footer .section#contact_us { padding: 1.5em 0 0; margin: 1.5em 0; overflow: hidden; display: inline-block; }
#footer .section#contact_us { display: block; }
#footer .section#contact_us p { font-size: 140%; margin: 0; text-align: center; }
#footer .section#ruby_rails_and_twitter { overflow: hidden; display: inline-block; }
#footer .section#ruby_rails_and_twitter { display: block; }
#footer .section#ruby_rails_and_twitter #ruby_and_rails { line-height: 94px; display: inline; float: left; margin-right: 10px; width: 510px; padding-left: 30px; }
* html #footer .section#ruby_rails_and_twitter #ruby_and_rails { overflow-x: hidden; }
#footer .section#ruby_rails_and_twitter #ruby_and_rails img.logo { vertical-align: -34px; }
#footer .section#ruby_rails_and_twitter #twitter { padding-top: 24px; margin-left: 10px; display: inline; float: left; margin-right: 0; width: 350px; padding-left: 40px; }
* html #footer .section#ruby_rails_and_twitter #twitter { overflow-x: hidden; }
#footer .section#ruby_rails_and_twitter #twitter img.logo { float: left; margin-top: -8px; margin-right: 16px; }
#footer .section#ruby_rails_and_twitter #twitter .handles { font-size: 90%; }
#footer .section#fine_print { text-align: center; padding: 1em 0 1em; }
#footer .section#fine_print p { color: #666; font-size: 80%; }

body#single_column_layout #head, body#two_column_layout #head { text-shadow: 2px 2px 30px rgba(194,229,244,0.1); background: #c2e5f4; padding: 10px 15px; margin: 0 15px 0; border-bottom-left-radius: 15px; -moz-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-border-bottom-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; }
body#single_column_layout #head h1, body#two_column_layout #head h1 { font-family: Georgia, Palatino, "Times New Roman", Times, Geneva, serif; font-size: 200%; margin: 0; }

body#two_column_layout #content { display: inline; float: left; margin-right: 0; width: 610px; }
* html body#two_column_layout #content { overflow-x: hidden; }
body#two_column_layout #sidebar { display: inline; float: left; margin-right: 0; width: 256.8px; }
* html body#two_column_layout #sidebar { overflow-x: hidden; }

body#home_page_layout h2.minify { font-size: 12px; color: #666; }
body#home_page_layout img.avatar, body#home_page_layout .screenshot img { background: white; border: 1px solid #b7c3c8; padding: 3px; border-radius: !amount; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
body#home_page_layout .screenshot a { padding: 0; background: none; color: inherit; text-decoration: inherit; cursor: inherit; }
body#home_page_layout .screenshot .caption { display: block; color: #999; font-size: 12px; font-style: italic; }
body#home_page_layout #head { text-shadow: 2px 2px 30px rgba(194,229,244,0.1); background: #c2e5f4; padding: 1.5em 0; margin: 1.5em 0; border-radius: !amount; -moz-border-radius: 15px; -webkit-border-radius: 15px; overflow: hidden; display: inline-block; }
body#home_page_layout #head { display: block; }
body#home_page_layout #head .highlight { background-color: #f3fa67; }
body#home_page_layout #head #intro { border-right: 1px dashed #5c8399; padding-left: 30px; padding-right: 29px; display: inline; float: left; margin-right: 10px; width: 578.8px; }
* html body#home_page_layout #head #intro { overflow-x: hidden; }
body#home_page_layout #head #intro h1#designer_and_developer_for_hire_header { height: 34px; width: 546px; margin: 8px 0 12px; text-indent: -9999em; overflow: hidden; background-image: url(/images/designer_and_developer_for_hire_header.png); background-repeat: no-repeat; background-position: 50% 50%; }
body#home_page_layout #head #intro p { font-size: 19px; line-height: 36px; margin-bottom: 4px; }
body#home_page_layout #head #team { padding-left: 20px; display: inline; float: left; margin-right: 10px; width: 250px; }
* html body#home_page_layout #head #team { overflow-x: hidden; }
body#home_page_layout #head #team .member { clear: left; padding-top: 8px; }
body#home_page_layout #head #team .member img.avatar { border-color: #869aa2; float: left; margin-right: 20px; }
body#home_page_layout #head #team .member .name { font-family: Georgia, Palatino, "Times New Roman", Times, Geneva, serif; font-size: 20px; padding-top: 16px; line-height: 1; }
body#home_page_layout #head #team .member .title { font-size: 12px; font-style: italic; color: #666; }
body#home_page_layout #our_work { overflow: hidden; display: inline-block; }
body#home_page_layout #our_work { display: block; }
body#home_page_layout #our_work #featured_project { background: url(/images/memberhub_collage.png) right center no-repeat; border: 1px solid #d5d5d5; padding: 1.5em 30px; display: inline; float: left; margin-right: 10px; width: 578.8px; border-radius: !amount; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
* html body#home_page_layout #our_work #featured_project { overflow-x: hidden; }
body#home_page_layout #our_work #featured_project h2#featured_project_header { height: 11px; width: 176px; margin: 0.5em 0 0.5em; text-indent: -9999em; overflow: hidden; background-image: url(/images/featured_project_header.png); background-repeat: no-repeat; background-position: 50% 50%; }
body#home_page_layout #our_work #featured_project h3#memberhub_logo { width: 244px; height: 76px; margin-bottom: 8px; text-indent: -9999em; overflow: hidden; background-image: url(/images/memberhub_logo.png); background-repeat: no-repeat; background-position: 50% 50%; }
body#home_page_layout #our_work #featured_project p { font-size: 14px; color: #666; line-height: 1.8; }
body#home_page_layout #our_work #featured_project .services { color: #999; font-size: 12px; line-height: 1.8; margin-bottom: 0.5em; }
body#home_page_layout #our_work #featured_project .services .title { display: block; }
body#home_page_layout #our_work #featured_project.memberhub p { padding-right: 280px; }
body#home_page_layout #our_work #best_work { padding: 18px 20px; display: inline; float: left; margin-right: 0; width: 250px; }
* html body#home_page_layout #our_work #best_work { overflow-x: hidden; }
body#home_page_layout #our_work #best_work h2#some_of_our_work_header { height: 11px; width: 173px; margin: 0.5em 0 1.5em; text-indent: -9999em; overflow: hidden; background-image: url(/images/some_of_our_work_header.png); background-repeat: no-repeat; background-position: 50% 50%; }
body#home_page_layout #our_work #best_work .screenshot { margin-bottom: 16px; }
body#home_page_layout #our_work #best_work ul { font-size: 13px; margin-right: 0; }
body#home_page_layout #our_work #best_work ul li { margin-top: 6px; }