/*

Copyright © 2009 Render, Inc. All Rights Reserved.
Assembled with love by Adam Dorsey @ the Render Super Shop

Thanks for scoping out my markup. I'm honored, really.
I change up my CSS'ing quite a bit, so no hating.
Don't steal. Being original is always better.

Render v2

*/

/* body */

body{ background: #ccc; margin: 0px; padding: 0px; text-align: center; }

/* reset */

h1, h2, h3, h4, h5, p, ul, li, blockquote{ margin: 0px; padding: 0px; }
ul{ list-style: none; }
img{ border: none; margin-bottom: -4px; }

/* misc */

.clear{ clear: both; }

/* typography */

h1{ font-family: Helvetica, Arial, "MS Trebuchet", sans-serif; font-size: 60px; font-weight: bold; text-transform: uppercase; color: #999; padding-bottom: 15px; }
h1{ line-height: 90%; letter-spacing: -2px; margin-bottom: 0px; padding-bottom: 10px; }
h3{ font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 18px; font-weight: normal; color: #000; padding-bottom: 10px; }
p{ font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 14px; font-weight: normal; color: #666666; padding-bottom: 15px; }
#content ul{ font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 14px; font-weight: normal; color: #666666; padding-bottom: 15px; }
#content ul{ list-style: disc; margin-left: 40px; }
blockquote p{ font-family: Georgia, Arial, "MS Trebuchet", sans-serif; font-size: 24px; font-weight: normal; color: #000; padding-bottom: 40px; }

a{ color: #006c99; text-decoration: none; }
a:hover{ color: #006c99; text-decoration: underline; }

/* layout */

#container{ width: 960px; margin: auto; text-align: left; }

/* layout --> skip links */

#skip_links{ display: none; }

/*
#skip_links{ float: left; margin-top: 10px; }
#skip_links ul{ list-style: none; margin: 0px; padding: 0px; }
#skip_links ul li{ float: left; margin-right: 7px; padding-right: 7px; border-right: 1px solid #999; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; }
#skip_links ul li a{ display: block; text-decoration: none; }
#skip_links ul li.last{ border-right: none; }
*/

/* layout --> header */

#header{ position: relative; width: 960px; height: 186px; }
#header h1{ display: none; }

/* layout --> header --> main_nav */

#main_nav{ position: absolute; left: 0px; top: 91px; width: 960px; border-bottom: 10px solid #000; }
#main_nav ul li{ float: left; width: 192px; text-indent: -9999px; }
#main_nav ul li a{ display: block; height: 65px; margin-top: 20px; overflow: hidden; }

#main_nav ul li#render a{ height: 85px; margin-top: 0px; background: #000 url('/images/common/render_logo.png') 0px 0px no-repeat; }

#main_nav ul li#about a{ background: #6c9400 url('/images/common/mn_about.png') 0px 0px no-repeat; }
#main_nav ul li#about a:hover{ background: #6c9400 url('/images/common/mn_about.png') -192px 0px no-repeat; }
#main_nav ul li#about.about-active a{ padding-bottom: 10px; margin-bottom: -10px; background: #6c9400 url('/images/common/mn_about.png') -384px 0px no-repeat; }

#main_nav ul li#portfolio a{ background: #006c99 url('/images/common/mn_portfolio.png') 0px 0px no-repeat; }
#main_nav ul li#portfolio a:hover{ background: #006c99 url('/images/common/mn_portfolio.png') -192px 0px no-repeat; }
#main_nav ul li#portfolio.portfolio-active a{ padding-bottom: 10px; margin-bottom: -10px; background: #006c99 url('/images/common/mn_portfolio.png') -384px 0px no-repeat; }

#main_nav ul li#blog a{ background: #bc7a00 url('/images/common/mn_blog.png') 0px 0px no-repeat; }
#main_nav ul li#blog a:hover{ background: #bc7a00 url('/images/common/mn_blog.png') -192px 0px no-repeat; }
#main_nav ul li#blog.blog-active a{ padding-bottom: 10px; margin-bottom: -10px; background: #bc7a00 url('/images/common/mn_blog.png') -384px 0px no-repeat; }

#main_nav ul li#contact a{ background: #ae0000 url('/images/common/mn_contact.png') 0px 0px no-repeat; }
#main_nav ul li#contact a:hover{ background: #ae0000 url('/images/common/mn_contact.png') -192px 0px no-repeat; }
#main_nav ul li#contact.contact-active a{ padding-bottom: 10px; margin-bottom: -10px; background: #ae0000 url('/images/common/mn_contact.png') -384px 0px no-repeat; }

/* ie hack garbage */
.about-active a{ background: #6c9400 url('/images/common/mn_about.png') -384px 0px no-repeat; }
.portfolio-active a{ background: #006c99 url('/images/common/mn_portfolio.png') -384px 0px no-repeat; }
.blog-active a{ background: #bc7a00 url('/images/common/mn_blog.png') -384px 0px no-repeat; }
.contact-active a{ background: #ae0000 url('/images/common/mn_contact.png') -384px 0px no-repeat; }

/* layout --> header --> tertiary_nav */

#tertiary_nav{ position: absolute; right: 0px; top: 0px; padding: 12px 32px; background-color: #404040; overflow: hidden; }
#tertiary_nav ul{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; }
#tertiary_nav ul li{ float: left; padding: 2px 10px 2px 0px; margin-right: 10px; border-right: 1px solid #333; }
#tertiary_nav ul li.last{ border-right: 0px; padding: 2px 0px; margin-right: 0px; }
#tertiary_nav ul li a{ color: #fff; text-decoration: none; }
#tertiary_nav ul li a:hover{ color: #ccc; text-decoration: none; }

/* layout --> content_container */

#content_container{ width: 960px; background-color: #fff; overflow: hidden; padding-bottom: 60px;  }

/* layout --> content_container --> sub_nav */

#sub_nav{ margin-left: 192px; padding: 10px 30px; height: 27px; overflow: hidden; } /* Crap-Ass IE6 Fix */
html>body #sub_nav{ height: auto; } /* Crap-Ass IE6 Fix */
#sub_nav ul{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; text-transform: uppercase; }
#sub_nav ul li{ float: left; padding: 6px 0px 5px 0px; margin-right: 20px; }
#sub_nav ul li.last{ margin-right: 0px; }
#sub_nav ul li a{ color: #000; text-decoration: none; }
#sub_nav ul li a:hover{ color: #000; text-decoration: underline; }
#sub_nav ul li.here a{ color: #fff; text-decoration: none; }

/* subnav color variations */

.snabout{ background-color: #6c9400; }
.snportfolio{ background-color: #006c99; }
.snblog{ background-color: #bc7a00; }
.sncontact{ background-color: #ae0000; }

/* layout --> content_container --> breadcrumb */

#breadcrumb{ margin: 45px 30px 0px 30px; }
#breadcrumb p{ font-family: Helvetica, Arial, "MS Trebuchet", sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; padding-bottom: 0px; }
#breadcrumb span{ color: #999; }
#breadcrumb p a{ color: #404040; text-decoration: none; }
#breadcrumb p a:hover{ color: #666666; text-decoration: none; }
#breadcrumb a:hover.here, #breadcrumb a.here{ color: #fff; }

/* layout --> content_container --> content */

#content{ width: 900px; padding: 0px 30px; }

/* layout --> content_container --> sidebar */

#sidebar{ float: right; width: 260px; margin: 0px 0px 30px 30px; }

/* layout --> footer_wrapper */

#footer_wrapper{ background: #000; overflow: hidden; }

/* layout --> footer_breadcrumb */

#footer_breadcrumb{ position: relative; background-color: #333; padding: 10px 30px; }
#footer_breadcrumb p{ font-family: Arial; font-size: 12px; color: #fff; margin: 0px; padding: 0px; }
#footer_breadcrumb span{ padding: 0px 5px; color: #666; }
#footer_breadcrumb a{ color: #999; text-decoration: none; }
#footer_breadcrumb a:hover{ color: #fff; text-decoration: underline; }
#footer_breadcrumb p#back_to_top{ position: absolute; top: 10px; right: 30px; }
#footer_breadcrumb p#back_to_top a{ color: #fff; text-decoration: none; }
#footer_breadcrumb p#back_to_top a:hover{ color: #efefef; text-decoration: none; }

/* layout --> footer_seo */

#footer_seo{ width: 930px; margin-top: 30px; padding-left: 30px; overflow: hidden; }
/*#footer_seo #seo_wrapper{ width: 930px; background: url('/images/common/vertical_dotted_divider.gif') top right repeat-y; overflow: hidden; }*/
#footer_seo h3{ font-family: Arial; font-size: 12px; font-weight: bold; color: #fff; padding-bottom: 10px; }
#footer_seo p{ font-family: Arial; font-size: 11px; color: #666; padding-bottom: 10px; }
#footer_seo ul{ font-family: Arial; font-size: 11px; color: #666; line-height: 12px; }
#footer_seo ul li{ padding: 0px; margin: 0px; line-height: 12px; }
#footer_seo .column{ float: left; height: 115px; padding-bottom: 20px; width: 146px; margin-right: 20px; padding-right: 20px; background: url('/images/common/vertical_dotted_divider.gif') top right repeat-y; }
#footer_seo .last{ background: none; }

#footer_seo .about a{ display: block; color: #666; padding: 3px; text-decoration: none; }
#footer_seo .about a:hover{ color: #fff; background: #6c9400; text-decoration: none; }

#footer_seo .portfolio a{ display: block; color: #666; padding: 3px; text-decoration: none; }
#footer_seo .portfolio a:hover{ color: #fff; background: #006c99; text-decoration: none; }

#footer_seo .contact a{ display: block; color: #666; padding: 3px; text-decoration: none; }
#footer_seo .contact a:hover{ color: #fff; background: #ae0000; text-decoration: none; }

#footer_seo .follow a{ display: block; color: #666; padding: 3px; text-decoration: none; }
#footer_seo .follow a:hover{ color: #fff; background: #333; text-decoration: none; }

/* layout --> footer */

#footer{ position: relative; clear: both; width: 900px; padding: 20px 30px; background: url('/images/common/horizontal_dotted_divider.gif') top left repeat-x; }
#footer p{ clear: both; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 9px; color: #666; margin-top: 30px; }
#footer p.copyright{ padding-bottom: 0px; }
#footer ul{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; color: #999; }
#footer ul li{ float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #999; }
#footer ul li.last{ margin-right: 0px; padding-right: 0px; border-right: none; }
#footer ul li a{ display: block; color: #666666; text-decoration: none; }
#footer ul li a:hover{ display: block; color: #000; text-decoration: none; }
#footer ul li.here a{ display: block; color: #333; text-decoration: underline; }

#footer ul#interior_footer_nav li{ float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #333; }
#footer ul#interior_footer_nav li a{ display: block; color: #666666; text-decoration: none; }
#footer ul#interior_footer_nav li a:hover{ display: block; color: #ccc; text-decoration: none; }
#footer ul#interior_footer_nav li.here a{ display: block; color: #fff; text-decoration: underline; }
#footer ul#interior_footer_nav li.last{ margin-right: 0px; padding-right: 0px; border-right: none; }

/* layout --> footer --> affiliate links */

#footer #affiliate_links{ position: absolute; right: 38px; bottom: 27px; height: 26px; width: 145px; overflow: hidden; }
#footer #affiliate_links .logo{ float: left; margin-right: 15px; }
#footer #affiliate_links .first{ padding-top: 1px; }
#footer #affiliate_links .last{ margin-right: 0px; padding-top: 2px; }