/**
 * Copyright (c) 99designs. 2007-2009
 *
 * @source http://css3.99static.com/static/css/pages/frontpage.css
 * @version 3.8.2
 */


/* import ../modules/reset.css */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

@media screen, projection, print {
html {
font-size: 100%;
height: 100%;
margin-bottom: 1px;
}
body {
background: #fff url(/static/images/bg-gradient-dark.png) repeat-x 0 0;
color: #464d5c;
font-family: "Arial", sans-serif, "Myriad Pro", "Helvetica";
font-size: 1em;
font-weight: normal;
line-height: 1.0;
margin: 0;
padding: 0;
}
#container {
background: transparent url(/static/images/bg-gutters.png) repeat-y 50% 0;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
#page { background: transparent url(/static/images/bg-gradient-masthead.png) no-repeat 50% 0; }
#header,
#content,
#footer {
display: block;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 940px;
}
#header {
height: 103px;
margin-bottom: 40px;
padding: 18px 0 13px;
}
.section {
clear: both;
display: block;
margin-bottom: 40px;
position: relative;
width: 100%;
}
.clear {
clear: both;
display: block;
position: relative;
width: 100%;
}
.print { display: none; }
.nav li { display: inline-block; }
.nav a { text-decoration: none; }
.nav a:focus { outline: none; }
.logo,
.logo:link,
.logo:visited {
background: url(/static/images/logo.gif) no-repeat left center;
border: 0px solid #f2f2f2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: block;
height: 60px;
margin: 0 0 18px 20px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
text-indent: -9999em;
-webkit-transition-duration: .2s;
transition-duration: .2s;
width: 176px;
}
.logo:hover,
.logo:active {
}
.logo:focus {
outline: none;
}
#nav-skip {
position: absolute;
text-indent: -9999em;
}
#nav-site {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#FFFFFF url(/static/images/bg-gradient-nav-mesh.png) repeat-x scroll 0 100%;
border-color:#EEEEEE #DDDDDD #CCCCCC;
border-style:solid;
border-width:1px;
display:block;
height:36px;
position:relative;
text-transform:lowercase;
}
#nav-site li {
display: block;
float: left;
font-size: 0.94em;
height: 36px;
margin: 0;
padding: 0;
text-align: center;
}
#nav-site li a,
#nav-site li a:link,
#nav-site li a:visited {
border:medium none;
color:#FF5500;
display:block;
height:24px;
line-height:100%;
margin:0;
overflow:hidden;
padding:12px 0 0;
text-align:center;
text-decoration:none;
text-shadow:0 1px 0 #FFFFFF;
width:100%;
}
#nav-site li.first,
#nav-site li.first a {
border: 0px solid #f5f5f5;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
#nav-site li.last,
#nav-site li.last a {
border: 0px solid #f5f5f5;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
#nav-site li a:hover,
#nav-site li a:active {
color: #143264;
background: #f6f6f6;
-webkit-transition-duration: .3s;
transition-duration: .3s;
}
#nav-site li a:focus {
outline: none;
}
#nav-site li.nav-home {
border-right: 1px solid #fff;
width: 70px;
}
#nav-site li.nav-launch-a-project {
border-left: 1px solid #fff;
width: 160px;
}
#nav-site li.nav-browse-projects {
border-left: 1px solid #fff;
width: 160px;
}
#nav-site li.nav-how-it-works {
border-left: 1px solid #fff;
width: 160px;
}
#nav-site li.nav-help {
border-left: 1px solid #fff;
width: 68px;
}
#nav-account {
display: block;
height: 25px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 10px;
text-align: right;
width: 100%;
}
#nav-account li {
display: inline;
font-size: 0.75em;
line-height: 1.0;
margin: 0 0 0 6px;
padding: 5px 0 2px;
text-transform: lowercase;
}
#nav-account a,
#nav-account a:link,
#nav-account a:visited {
background-color: #efefef;
border: 1px solid #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #666;
padding: 3px 5px 1px;
position: relative;
text-decoration: none;
}
#nav-account a:hover,
#nav-account a:active {
background: #f6f6f6;
color: #143264;
text-decoration: none;
}
#nav-account a.nav-contact,
#nav-account a.nav-contact:link,
#nav-account a.nav-contact:visited {
background: #fff;
border-color: #fff;
color: #4d4d4d;
position: relative;
}
#nav-account a.nav-contact span.arrow {
border-bottom: 0;
border-left: 0;
border-right: 12px solid transparent;
border-top: 6px solid #fff;
bottom: -6px;
display: block;
height: 0;
left: 5px;
position: absolute;
width: 0;
}
#nav-account a.nav-contact:hover,
#nav-account a.nav-contact:active {
color: #f50;
}
#nav-account li a.active,
#nav-account li a.active:link,
#nav-account li a.active:visited {
background: #cecece url(/static/images/bg-gradient-button.png) repeat-x 0 0;
border-color: #b3b3b3;
color: #333;
}
#nav-account li a.active:hover,
#nav-account li a.active:active {
background: #f2f2f2;
border-color: #999;
color: #143264;
}
#nav-account li a:focus {
outline: none;
}
#nav-account li a em,
#nav-account li a:link em,
#nav-account li a:visited em {
background-color: #575757;
border: 0 solid #575757;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #fff;
display: inline;
font-style: normal;
font-weight: bold;
margin: 0 0 0 5px;
padding: 1px 4px 0 5px;
}
#nav-account li a:hover em,
#nav-account li a:active em {
background-color: #143264;
border: 0 solid #143264;
}
#nav-account li a.inactive em {
display: none;
}
#nav-account .profile {
display: inline-block;
height: 19px;
line-height: 1.0;
margin: 0;
padding: 0 0 0;
position: relative;
}
#nav-account .profile a,
#nav-account .profile a:link,
#nav-account .profile a:visited,
#nav-account .profile a:hover,
#nav-account .profile a:active {
background: transparent;
border: none;
display: inline-block;
font-size: 1.08em;
line-height: 16px;
margin: 3px 6px 0 0;
padding: 0;
position: relative;
text-decoration: none;
}
#nav-account .profile a:hover,
#nav-account .profile a:active {
color: #143264;
}
#nav-account .profile a .name {
font-weight: bold;
text-decoration: underline;
text-transform: none;
}
#nav-account .profile img {
border: 1px solid #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
height: 18px;
margin: -4px 3px 0 0;
position: relative;
vertical-align: middle;
width: 18px;
}
#cover { margin-bottom: 30px; }
#cover .blurb,
#cover .feature {
display: block;
float: left;
height: 268px;
}
.blurb {
margin: 0 20px 0 0;
width: 460px;
}
.blurb p {
color: #616b80;
font-size: 1.25em;
line-height: 1.6;
padding-right: 30px;
}
h1 {
font-size: 2.19em;
margin: 5px 0 15px;
text-shadow: 0 1px 0 #fff;
}
h1 span {
color: #f50;
display: block;
font-size: 0.63em;
margin: 15px 0 0;
}
.blurb a,
.blurb a:link,
.blurb a:visited {
background: #66004e url(/static/images/bg-color-buttons.png) repeat-x 0 0;
border: 2px solid #400b32;
border-bottom-color: #26071e;
border-top-color: #4d003b;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #fff;
display: block;
font-size: 1.25em;
margin: 20px 0 0;
padding: 8px 0;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #26071e;
width: 276px;
}
.blurb a.variation-a,
.blurb a.variation-a:link,
.blurb a.variation-a:visited {
background-color: #ffc842;
background-position: 0 -720px;
border-color: #616b80;
color: #143264;
text-shadow: 0 1px 0 #ffeab5;
}
.blurb a span {
display: block;
font-size: 0.70em;
margin: 5px 0 0;
text-align: center;
}
.blurb a.variation-a span {
text-shadow: 0 1px 0 #ffd671;
}
.blurb a:hover,
.blurb a:active {
background-position: 0 -120px;
}
.blurb a.variation-a:hover,
.blurb a.variation-a:active {
background-position: 0 -840px;
}
.blurb a:focus {
outline: none;
}
#cover .feature {
background-color: #f5f5f5;
border: 0 solid #d5d5d5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-top: 5px;
overflow: hidden;
position: relative;
width: 458px;
}
#cover .feature ul.slideshow { position: absolute; }
#cover .feature ul.slideshow li {
display: none;
left: 0px;
position: absolute;
}
#cover .feature ul.slideshow li.active { display: block; }
#cover .feature .controls {}
#cover .feature .controls li {}
#cover .feature .controls li a {
background-color: #fff;
height: 50px;
outline: none;
position: absolute;
text-indent: -999em;
top: 105px;
width: 15px;
}
#cover .feature .controls .previous {
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
left: 0px;
}
#cover .feature .controls .next {
-moz-border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
right: 0px;
}
#cover .feature .controls .previous span, #cover .feature .controls .next span {
border-style: solid;
display: block;
height: 1px;
overflow: hidden;
position: absolute;
top: 17px;
width: 1px;
}
#cover .feature .controls .previous span {
border-color: #fff #999 #fff #fff;
border-width: 7px 7px 7px 0;
left: 1px;
}
#cover .feature .controls .previous:hover span {
border-color: #fff #143264 #fff #fff;
}
#cover .feature .controls .next span {
border-color: #fff #fff #fff #999;
border-width: 7px 0 7px 7px;
right: 1px;
}
#cover .feature .controls .next:hover span {
border-color: #fff #fff #fff #143264;
}
.feature img {
border: 0px solid #d5d5d5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#press {
border-bottom: 1px dotted #ddd;
border-top: 1px dotted #ddd;
clear: both;
padding: 15px 0;
}
#press li {
background: transparent;
color: #999;
display: block;
float: left;
font-size: 0.75em;
height: 50px;
margin: 0 46px 0 0;
padding: 0;
position: relative;
text-align: center;
text-indent: -9999em;
overflow: hidden;
}
#press li.last {
 	margin-right: 0;
}
#press li.gma {
background: url(/static/images/press/logos/frontpage/gma.png) no-repeat 0 0;
width: 93px;
}
#press li.cbs {
background: url(/static/images/press/logos/frontpage/cbs.png) no-repeat 0 0;
width: 64px;
}
#press li.nyt {
background: url(/static/images/press/logos/frontpage/nyt.png) no-repeat 0 0;
width: 141px;
}
#press li.age {
background: url(/static/images/press/logos/frontpage/age.png) no-repeat 0 0;
width: 130px;
}
#press li.fco {
background: url(/static/images/press/logos/frontpage/fco.png) no-repeat 0 0;
width: 141px;
}
#press li.aus {
background: url(/static/images/press/logos/frontpage/aus.png) no-repeat 0 0;
width: 140px;
}
#press li a {
border: none;
display: block;
height: 36px;
margin: 0;
padding: 14px 0 0;
text-decoration: none;
width: 100%;
}
h2, h3 {
font-size: 1.5em;
margin-bottom: 40px;
}
h2 em {
color: #f50;
font-style: normal;
}
#package-highlights li {
display: block;
float: left;
margin-right: 20px;
}
#package-highlights li.last {
margin-right: 0;
}
#package-highlights #package-list li {
height: 263px;
margin-bottom: 20px;
position: relative;
width: 220px;
}
#package-highlights dt.category {
background-color: #eee;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 1px solid #ccc;
border-top: 2px solid #fff;
bottom: 0;
height: 40px;
margin: 0;
padding: 0;
position: absolute;
width: 220px;
}
#package-highlights dt.category:hover {
border-bottom: 1px solid #999;
}
#package-highlights dt.category a,
#package-highlights dt.category a:link,
#package-highlights dt.category a:visited {
color: #464d5c;
display: block;
font-size: 1em;
height: 27px;
margin: 0;
padding: 13px 0 0 15px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
text-transform: lowercase;
width: 205px;
}
#package-highlights dt.category a:hover,
#package-highlights dt.category a:active {
color: #143264;
}
#package-highlights dt.category a:focus {
outline: none;
}
#package-highlights dd.from-price {
bottom: 43px;
height: 40px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
width: 75px;
}
#package-highlights dd.from-price a,
#package-highlights dd.from-price a:link,
#package-highlights dd.from-price a:visited {
background: transparent url(/static/images/bg-price-from.png) repeat 0 0;
display: block;
color: #fff;
font-size: 0.75em;
height: 35px;
margin: 0;
padding: 5px 10px 0 0;
text-align: right;
text-decoration: none;
text-shadow: 0 -1px 0 #222;
text-transform: lowercase;
width: 65px;
}
#package-highlights dd.from-price a:hover {
background: #464d5c;
}
#package-highlights dd.from-price a:active {
background: #616b80;
}
#package-highlights dd.from-price a:focus {
outline: none;
}
#package-highlights dd.from-price a strong {
display: block;
font-size: 1.5em;
font-weight: bold;
padding-top: 1px;
text-align: right;
}
#package-highlights dd.example {
background-color: #f5f5f5;
}
#package-highlights dd.example a {
display: block;
height: 220px;
font-size: 0.75em;
text-decoration: none;
width: 220px;
}
#package-highlights dd.example a:focus {
outline: none;
}
#package-highlights dd.example a img {
display: block;
height: 100%;
text-align: center;
width: 100%;
}

#package-highlights .nav {
margin: 20px 0 40px;
}
#package-highlights .nav li {
height: 40px;
padding: 0;
width: 460px;
}
#package-highlights .nav li a {
border: 0px solid #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
display: block;
height: 29px;
font-size: 1.31em;
font-weight: normal;
margin: 0;
padding: 11px 0 0;
text-align: center;
width: 456px;
}
#package-highlights .nav li a:focus {
outline: none;
}
#package-highlights .nav li.nav-launch-a-project a,
#package-highlights .nav li.nav-launch-a-project a:link,
#package-highlights .nav li.nav-launch-a-project a:visited {
background: #66004e url(/static/images/bg-color-buttons.png) repeat-x 0 0;
border: 2px solid #400b32;
border-bottom-color: #26071e;
border-top-color: #4d003b;
color: #fff;
text-shadow: 0 -1px 0 #26071e;
}
#package-highlights .nav li.nav-launch-a-project a:hover,
#package-highlights .nav li.nav-launch-a-project a:active {
background-position: 0 -120px;
}
#package-highlights .nav li.nav-browse-projects a,
#package-highlights .nav li.nav-browse-projects a:link,
#package-highlights .nav li.nav-browse-projects a:visited {
background: #f50 url(/static/images/bg-color-buttons.png) repeat-x 0 -240px;
border: 2px solid #b33c00;
border-bottom-color: #802b00;
border-top-color: #cc4400;
color: #fff;
text-shadow: 0 -1px 0 #802b00;
}
#package-highlights .nav li.nav-browse-projects a:hover,
#package-highlights .nav li.nav-browse-projects a:active {
background-position: 0 -360px;
}
#buzz {
float: left;
width: 720px;
}
#buzz h3,
#social-media h3 {
margin-top: 20px;
}
#latest-blog-post {
border-right: 1px solid #e4e4e4;
margin-right: 40px;
padding-right: 40px;
width: 640px;
}
#latest-blog-post a,
#latest-blog-post a:link,
#latest-blog-post a:visited {
color: #f50;
text-decoration: none;
border-bottom: 1px dotted #f50;
}
#latest-blog-post a:hover,
#latest-blog-post a:active {
border-bottom-style: solid;
}
#latest-blog-post h4 {
font-size: 1.25em;
line-height: 1.8;
margin-bottom: 20px;
}
#latest-blog-post h4 a,
#latest-blog-post h4 a:link,
#latest-blog-post h4 a:visited {
color: #2f5385;
text-decoration: none;
border-bottom: none;
}
#latest-blog-post h4 a:hover,
#latest-blog-post h4 a:active {
color: #143264;
}
#latest-blog-post p {
line-height: 1.6;
margin-bottom: 20px;
word-spacing: 0.20em;
}
#latest-blog-post p em { font-style: italic; }
#latest-blog-post p strong { font-weight: bold; }
#latest-blog-post .details li {
color: #d5d5d5;
font-size: 0.88em;
float: right;
line-height: 1.4;
list-style-image: none;
list-style-position: inside;
list-style-type: disc;
margin: 0;
padding: 0;
text-indent: 0;
text-transform: lowercase;
}
#latest-blog-post .details .more-link strong {
color: #464d5c;
font-style: normal;
font-weight: normal;
}
#latest-blog-post .details .post-date {
list-style-type: none;
margin: 0;
padding: 0 9px 0 0;
text-transform: capitalize;
}
#latest-blog-post .details .post-date span {
color: #999;
font-style: italic;
font-weight: normal;
text-transform: lowercase;
}
#social-media {
float: left;
width: 220px;
}
#social-media li {
display: block;
height: 32px;
margin: 0 0 20px 40px;
padding: 0;
position: relative;
width: 180px;
}
#social-media li a,
#social-media li a:link,
#social-media li a:visited {
background: #fff url(/static/images/bg-gradient-nav-light.png) repeat-x 100% 0;
border: 1px solid #cbcbcb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #2f5385;
display: block;
height: 18px;
margin: 0;
padding: 8px 0 4px 14px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
text-transform: lowercase;
width: 164px;
}
#social-media li a:hover,
#social-media li a:active {
border-color: #999;
color: #143264;
}
#social-media li a:focus {
outline: none;
}
#social-media li a strong { font-weight: bold; }
#social-media .icon {
height: 32px;
left: -40px;
position: absolute;
width: 32px;
}
#social-media .twitter { background: url(/static/images/social-media/twitter-32x32.png) no-repeat 0 0; }
#social-media .facebook { background: url(/static/images/social-media/facebook-32x32.png) no-repeat 0 0; }
#social-media .newsletter { background: url(/static/images/social-media/email-32x32.png) no-repeat 0 0; }
#social-media .feeds { background: url(/static/images/social-media/feed-32x32.png) no-repeat 0 0; }
.featured-designer .designer-photo {
height: 100px;
width: 100px;
}
.featured-designer .designer-highlights {
height: 100px;
width: 340px;
}
div#ticker {
background: #fefefe url(/static/images/frontpage-twittermonial-background.png) repeat-x 0 0;
border-top: 1px solid #eaeaea;
font-size: 0.88em;
margin: 60px 0 0;
position: relative;
overflow: hidden;
}
div.inset { border-top: 1px solid #fff; }
ul.twittermonial {
height: 38px;
position: relative;
width: 100%;
}
ul.twittermonial li {
display: none;
font-style: italic;
margin: 0 auto;
margin: 12px;
position: absolute;
text-align: center;
width: 94%;
height:40px;
}
ul.twittermonial li.active { display: block; }
ul.twittermonial li q,
ul.twittermonial li q a,
ul.twittermonial li q a:link,
ul.twittermonial li q a:visited {
color: #2f5385;
font-weight: normal;
text-decoration: none;
}
ul.twittermonial li q a:hover,
ul.twittermonial li q a:active {
color: #143264;
}
ul.twittermonial li q a:focus {
outline: none;
}
ul.twittermonial li span.author a {
text-decoration: none;
color: #464d5c;
}
div#ticker ul.controls {
height: 1px;
display: none;
}
div#ticker .previous,
div#ticker .next {
background: #fefefe url(/static/images/frontpage-twittermonial-background.png) repeat-x 0 0;
display: block;
height: 37px;
outline: none;
overflow: hidden;
position: absolute;
text-indent: -999em;
top: 1px;
width: 15px;
}
div#ticker .previous span,
div#ticker .next span {
border-style: solid;
display: block;
height: 1px;
position: absolute;
top: 11px;
width: 1px;
}
div#ticker .previous { left: 0px; }
div#ticker .previous span {
border-color: transparent #d4d4d4 transparent transparent;
border-width: 9px 18px 9px 0;
left: 6px;
}
div#ticker a.previous:hover span {
border-color: transparent #c4c4c4 transparent transparent;
}
div#ticker .next { right: 0px; }
div#ticker .next span {
border-color: transparent transparent transparent #d4d4d4;
border-width: 9px 0 9px 18px;
right: 6px;
}
div#ticker a.next:hover span {
border-color: transparent transparent transparent #c4c4c4;
}
#stats {
background-color: #f0f0f0;
border-bottom: 1px solid #fff;
border-top: 1px solid #ebebeb;
padding: 0 0 20px;
margin:0;
}
#stats ul {
border-top: 1px solid #fff;
padding: 20px 0 0;
}
#stats li {
color: #808080;
display: block;
float: left;
font-size: 0.88em;
line-height: 1.2;
margin-right: 40px;
padding: 0;
text-align: right;
text-shadow: 0 1px 0 #fff;
}
#stats li strong {
color: #464d5c;
display: block;
font-size: 2.29em;
font-weight: normal;
margin-bottom: 10px;
text-align: right;
}
#stats li.first { margin-left: 60px; }
#stats li.last { margin-right: 0; }
#stat-avg-designs,
#stat-open-projects { width: 100px; }
#stat-all-projects { width: 140px; }
#stat-current-offer,
#stat-month-payouts { width: 160px; }
#footer {
background: #676b76 url(/static/images/bg-gradient-nav-footer.png) repeat-x 100% 0;
color: #c0c0c0;
font-size: 1em;
padding: 1px 0 25px;
}
#footer #categories {
border-top: 1px solid #8e9198;
padding-top: 40px;
font-family: "Arial", sans-serif, "Helvetica";
text-transform: lowercase;
}
#footer #categories strong {
font-weight: bold;
}
#footer #categories li {
float: left;
margin-right: 20px;
width: 160px;
}
#footer #categories li.first {
margin-left: 30px;
}
#footer #categories li.last {
margin-left: 0;
}
#footer #categories dt {
color: #fff;
padding-bottom: 15px;
text-shadow: 0 1px 0 #30343f;
}
#footer #categories dd {
font-size: 0.81em;
padding-bottom: 10px;
}
#footer #categories dd a,
#footer #categories dd a:link,
#footer #categories dd a:visited {
color: #c0c0c0;
text-shadow: 0 1px 0 #30343f;
}
#footer #categories dd a:hover,
#footer #categories dd a:active {
color: #fff;
text-shadow: 0 1px 0 #464d5c;
}
#footer #categories dd a:focus {
outline: none;
}
#footer #nav-footer {
background-color: #30343f;
border: 0px solid #30343f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3b3f53;
display: block;
font-size: 0.81em;
height: 12px;
margin: 30px 20px 0;
overflow: hidden;
padding: 10px 15px;
position: relative;
}
#footer-information {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 32px;
margin: 0;
padding: 0;
}
#footer #nav-footer ul {
overflow: hidden;
position: absolute;
top: 9px;
margin: 0;
height: 20px;
}
#footer #footer-copyright { left: 0; padding-left: 15px; }
#footer #footer-navigation { right: 0; padding-right: 15px; }
#footer #nav-footer li {
color: #3b3f53;
display: list-item;
float: left;
line-height: 1.2;
list-style-image: none;
list-style-position: inside;
list-style-type: disc;
margin: 0 9px 0 0;
padding: 0;
}
#footer #nav-footer li.first {
list-style-position: outside;
list-style-type: none;
}
#footer #nav-footer li.last {
margin: 0 2px 0 0;
padding: 0;
}
#footer #nav-footer li a {
margin: 0;
padding: 0 0 0 3px;
text-decoration: none;
}
#footer #nav-footer a:link,
#footer #nav-footer a:visited {
color: #818b92;
text-shadow: 0 -1px 0 #222;
}
#footer #nav-footer a:hover { color: #ddd; }
#footer #nav-footer a:active { color: #fff; }
#footer #nav-footer a:focus {
outline: none;
}
h1 {
font-family: "Arial", sans-serif, "MyriadPro-Bold", "Myriad Pro Bold", "Myriad Pro", "Myriad", "Helvetica";
font-weight: 700;
}
h1 span, h2, h3,
#nav-site li a strong,
#package-highlights dt.category strong, #package-highlights .nav strong {
font-family: "Arial", sans-serif, "MyriadPro-Bold", "Myriad Pro Bold", "Myriad Pro", "Myriad", "Helvetica";
font-weight: 600;
}
.nav, #nav-site li a,
.blurb, .blurb p {
font-family:  "Arial", sans-serif, "MyriadPro-Bold", "Myriad Pro Bold", "Myriad Pro", "Myriad", "Helvetica";
font-weight: normal;
}
.blurb a span,
#package-highlights dt.category a {
font-family: "Arial", sans-serif, "MyriadPro-Bold", "Myriad Pro Bold", "Myriad Pro", "Myriad", "Helvetica";
font-weight: 200;
}
}
@media print {
.print { display: inherit; }
}

#nav-site #nav-main {
right:0;
}

#nav-site ul {
background:transparent none repeat scroll 0 0;
margin:0;
overflow:visible;
padding:0;
position:absolute;
top:0;
}