@charset "UTF-8";
/* CSS Document */

html, body { background: url(/images/mainbg.gif) repeat-x #292929; font-family: Helvetica, Arial, San-serif; color: #fff; }

.container { margin: 0 auto 0 auto !important; }


a { color: #d6111c; }
a:hover { text-decoration: none; color: #c6392f; }

/* HEADER STYLING */

#top_nav { list-style: none; text-align: right; text-transform: uppercase; margin-top: 0px;}
#top_nav li { display: inline; }

/* LOGO */

#logo { display: block; width: 148px; height: 110px; background: url(/images/ruby-skills.gif); text-indent: -99999px; overflow: hidden; }

/* MAIN_NAV */

#main_nav { list-style: none; float: right; background: url(../images/nav/menu-full.gif); width: 702px; height: 23px; margin-top: 27px; padding: 2px 0 0 9px;}
#main_nav li { float: left; }

#main_nav li a { display: block; text-decoration: none; font-family: 'Arial Narrow', 'Helvetica Neue', 'Helvetica', 'Arial', San-Serif; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 0 18px 0 9px; letter-spacing: 1px; border-right: 1px solid #f5312b; height: 22px; }
#main_nav li a:hover { background: #f5312b; }
#main_nav li a.active { background: #b62521; }

/* #main_nav li a { display: block; height: 72px; text-indent: -999999px; overflow: hidden; } 

#home { background: url(/images/nav/home.gif); width: 124px; }
#home:hover, #home.active { background: url(/images/nav/home.gif) -124px 0; }

#about { background: url(/images/nav/about.gif); width: 84px; }
#about:hover, #about.active { background: url(/images/nav/about.gif) -84px 0; }

#webapp { width: 157px; background: url(/images/nav/webapplications.gif); }
#webapp:hover, #webapp.active { background: url(/images/nav/webapplications.gif) -157px 0; }

#rubycon { width: 149px; background: url(/images/nav/ruby-consulting.gif); }
#rubycon:hover, #rubycon.active { background: url(/images/nav/ruby-consulting.gif) -149px 0; }

#portfolio { width: 118px; background: url(/images/nav/portfolio.gif); }
#portfolio:hover, #portfolio.active { background: url(/images/nav/portfolio.gif) -118px 0; }

#contact { width: 82px; background: url(/images/nav/contact.gif); }
#contact:hover, #contact.active { background: url(/images/nav/contact.gif) -82px 0; }
*/

/* FEATURED AREA */

#featured_project { background: url(/images/features/featuredbg.gif) top repeat-x; }

/* TYPOGRAPHY */

h1, h2, h3, h4, h5 { color: #fff; font-weight: bold; }

h1 { letter-spacing: 2px; }

h3 { font-size: 12px; letter-spacing: 1px; font-weight: 100; }

h2, h3 { text-transform: uppercase; letter-spacing: 1px; }
h1 strong, h2 strong, h3 strong { color: #d6111c; }


/* STUFF */

.fr { float: right; }

/* HOME SPECIFIC */

#home #content { background: url(/images/home-bg.jpg); }

#bottom_section { border-top: 1px solid #505050; padding: 15px 0 0 0; margin-top: 24px; line-height: 18px;}
.project-icons { margin-top: 35px; }

.linedrop strong { color: #9d9d9d; font-weight: 100;}


#right_home { text-align: right; }

.lspacer1 { float: right; height: 20px; width: 50px; }
.lspacer2 { float: right; clear: right; height: 30px; width: 125px; }
.lspacer3 { float: right; clear: right; height: 100px; width: 175px; }

.rspacer1 { float: left; height: 20px; width: 50px; }
.rspacer2 { float: left; clear: left; height: 30px; width: 125px; }
.rspacer3 { float: left; clear: left; height: 70px; width: 175px; }


.bsec { background: url(/images/home-section.png) top no-repeat; min-height: 215px;}
.box { background: none; padding: 10px;}

.rubies { position: absolute; margin-bottom: -25px; display: block; left: 50%; margin-left: -217px; margin-top: -125px;}

#blog_listing { }
.date { color: ; text-transform: uppercase; color: #929191; }
#blog_listing dd { font-size: 10px; color: #c8c7c7; padding: 0px; margin: 0px; line-height: 1.3em; margin-bottom: 9px;}
#blog_listing dt { }

#footer { text-align: right; color: #7d7d7d; font-size: 10px;}

/* INTERIOR PAGE STUFF */

#top_band { border-bottom: 1px solid #373737; text-align: right; text-transform: uppercase; margin-bottom: 18px;}
#top_band h1 { margin-bottom: 4px; }

#subpage #header h1 { margin-bottom: 0px; }
#subpage #content { padding-bottom: 72px; }

#subpage_left { text-align: right; }
#subpage_left h4 { text-transform: uppercase; letter-spacing: 1px; }

.services_list { list-style: none; padding: 0px; margin-right: 0px;}
.services_list li { padding: 0px; color: #cccccc; margin: 0px;}

.bottom_band { background: url(/images/subpage_bottomband.gif) repeat-x #000000; clear: both; padding: 9px 0 36px 0; margin-bottom: 0px !important; }

.ruby_gfx { background: url(/images/ruby_gfx_subpage.png) bottom left no-repeat; }

.footer_address { text-align: right; }
.footer_address:first-line { text-transform: uppercase;}
.footer_address strong { color: #d6111c; }

.footer_tag { text-align: right; color: #666; }

#form { padding: 0px; margin: 0px; }

#contact_form { list-style: none; padding: 0px; margin: 0px; }
#contact_form li { clear: both; padding: 9px 0 9px 0; }
#contact_form label { float: left; }
#contact_form input, #contact_form textarea { float: right; width: 170px; }
#contact_form textarea { height: 150px; }

.bottom_band .container { margin-bottom: 0px; }