/* structure
---------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 20px; padding: 0px; background-color: #000000 }
#innerBox { margin: 0px auto 0px auto; ; height: 100%; width: 840px; padding: 0px; }
#logoBox { margin: 15px 0px 10px 0px; padding: 0px 0px 0px 0px; height: 50px; width: 840px; }
#logoBox span { color:#999999; }
#navBox { height: 23px; width: 840px; padding: 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #222222; clear:both; }
#contentBox { margin: 0px; padding:  0px; height: auto; width: 840px; clear:left; }
#footerBox { padding: 0px; height: auto; width: 840px; margin: 20px 0px 0px 0px; vertical-align: bottom; }

/* general tags
---------------------------------- */
a { color: #92191c; text-decoration: none; margin: 0px; padding: 0px; }
a:hover { text-decoration: underline; }
p { color: #999999; font-size: 12px; line-height: 18px; padding: 0px; margin-top: 10px 0px 10px 0px; }
h1 { height: 50px; width: 590px; padding: 0px; color: #FFFFFF; font-weight: normal; font-size: 36px; margin: 0px; float: left; }
h2 { margin: 10px 0px 5px 0px; padding: 0px; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; }
h2.sectionHead { font-size: 18px; color: #c59636 }
h3 { margin: 10px 0px 5px 0px; padding: 0px; font-size: 16px; color: #fff; font-weight: normal; text-transform: uppercase; }
img { border:0 }
ul { color: #ccc }

/* main navigation
---------------------------------- */
#navBox ul { margin: 0px; padding: 0px; letter-spacing: normal; list-style:none; }
#navBox li { float:left; color: #fff; font-size: 14px; margin: 0px 10px 0px 0px; }
#navBox li a { height: 23px; padding: 0px 3px 0px 3px; font-size: 14px; color: #666; text-decoration: none; width:auto; text-transform: uppercase; margin: 0px 0px 0px 0px; }
#navBox li a:hover { color: #C69631; }
#navBox li a.navSelected { color: #C69631; }
#logoBox a { font-size: 24px; color: #92191c; height: 38px; margin: 12px 0px 0px 0px; width: auto; float:right; }

/* home
---------------------------------- */
#homeContentBox { margin: 20px 0px 0px 0px; padding: 0px; border-top: 1px solid #222222; height: auto; width: 840px; clear: left; }
#flickrBox { margin: 0px; padding:  10px 0px 0px 10px; height: auto; width: 410px; float: left }
#quoteBox { margin: 20px 0px 20px 0px; padding: 0px 0px 25px 0px; height: auto; width: 840px; clear: left; border-bottom: 1px solid #222222; }
#quoteBox h2 { font-size: 26px; text-transform: none; margin: 0px; padding: 0px; color: #ccc; line-height: 32px; }
#quoteBox img { margin: 0px 20px 0px 0px; display: block; background-color: #CC9900; float: left; }
#quoteBox a { color: #92191c }
#quoteBox a:hover { color: #92191c; text-decoration: underline }
#newsBox { margin: 0px; padding:  10px 0px 0px 10px; height: auto; width: 410px; float: left }
#newsBox p { margin: 0px 0px 0px 0px; padding: 0px; font-size: 14px; }
.featuresBox { margin: 20px 0px 20px 0px; padding:  0px 0px 0px 0px; height: 220px; width: 840px; clear: left; }
.featuresInnerBox { margin: 0px 20px 0px 0px; width: 195px; float: left; color: #999 }
.featuresInnerBox h2 { margin: 10px 0px 5px 0px; padding: 0px; font-size: 16px; font-weight: normal; text-transform: uppercase; }
.featuresInnerBox a { font-size:12px; margin: 0px 10px 0px 0px }
.featuresInnerBox p { margin: 0px 0px 5px 0px; padding: 0px }
.featuresInnerBox ul { padding: 0; margin: 0 }
.featuresInnerBox li { list-style-image: url(../images/template/arrow.gif); padding: 0; margin: 0px 0px 0px 20px }
#flickr_badge_uber_wrapper { text-align:left; width:100%; height: auto; }
#flickr_badge_wrapper { padding: 6px 0 10px 0; }
.flickr_badge_image { margin: 0 15px 0 0; float: left; }
.flickr_badge_image img { border: 0px solid #1a1a1a !important; }
#flickr_badge_source { text-align:left; margin:0px }
#flickr_badge_icon { float:left; margin-right:5px; }
#flickr_www { display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important; }
#flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { text-decoration:none !important; background:inherit !important; color:#92191c; }
#flickr_badge_uber_wrapper a:hover { text-decoration: underline !important }
#flickr_badge_wrapper { }
#flickr_badge_source { padding:0 !important; font: 12px Arial, Helvetica, Sans serif !important; color:#999999 !important; }
#flickr_badge_source_txt { clear: left; padding-top: 10px }

/* case studies page
---------------------------------- */

#contentBox.caseStudies #leftCol {float: left; width: 590px}
#contentBox.caseStudies #rightCol {float: left; width: 220px; margin-left: 30px; }

#contentBox.caseStudies img {margin-top: 10px}
#contentBox.caseStudies p {margin-bottom: 15px}

#contentBox.caseStudies h3 { width:590px; margin: 20px 0px 0px 0px; font-size: 12px; color: #b1a7a5; font-weight: normal; text-transform: none; }
#contentBox.caseStudies h3 span { background-color: #34150f; padding: 3px 6px 3px 6px; }

/* contact page
---------------------------------- */
#leftColContact { width: 420px; margin: 20px 0px 20px 0px; float: left }
#rightColContact { width: 400px; margin: 20px 0px 20px 0px; padding-left: 20px; float: left }
#rightColContact ul { color: #999999; font-size: 12px; list-style: none; margin: 0px; padding: 0px }
#rightColContact ul li { margin: 5px 0px 5px 0px }
#contactForm div { height: auto; clear: left; padding: 10px 0px 10px 0px }
#contactForm div span { width: 300px; display: block; float: left }
#contactForm div span.text { font-size: 12px; color: #999; text-align: right; width: 110px; padding: 3px 10px 0px 0px }
#contactForm input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c59636; padding: 5px; background-color: #222222; width: 290px; border: 0 }
#contactForm textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c59636; padding: 5px; background-color: #222222; width: 290px; height: 80px; border: 0 }
#contactForm input.submit { color: #92191c; font-size: 14px; text-align: left; text-transform: uppercase; background-color: #000; width: 40px; margin: 0px 0px 0px 120px; padding: 0px; cursor: pointer }

/* footer
---------------------------------- */
#footerLine { padding: 0px; height: 1px; width: 100%; margin: 0px; border-top: 5px solid #222222; }
#clear { clear: left; margin: 0px; padding: 0px; height: 1px; width: 840px; }
.footerItem { font-size: 12px; padding-right: 5px; padding-left: 5px; }