/*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ body { background: #1D1D1D url('../images/background-gradient.jpg') repeat-x; color: #727272; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 11px; line-height: 15px; } /*--------------------------- Global ---------------------------*/ .clear { clear: both; } .left { float: left; } .right { float: right; } a.more { color: #CCC; font-size: 13px; text-decoration: none; } a.more:hover { color: #E20A16; } a.close { color: #CCC; display: block; font-size: 13px; text-decoration: none; } a.close:hover { color: #E20A16; } #content a { color: #999999; } #content a:hover { color: #E20A16; } /*--------------------------- Layout/structure ---------------------------*/ #header { margin: auto; overflow: hidden; width: 980px; } #header img { float: left; height: 71px; padding: 20px 10px; width: 86px; } #navigation { float: right; } #navigation h2 { color: #EEE; font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: normal; margin-bottom: 7px; } #navigation h2 a { color: #EEE; text-decoration: none; } #navigation li.primary { border-left: 1px solid #333; float: left; padding: 5px; width: 234px; } #navigation div { background-color: transparent; padding: 32px 0px 32px 15px; } #navigation div:hover { background-color: #E20A16; } #navigation div:hover li.secondary a { color: #000; } #navigation ul { overflow: hidden; } #navigation li.secondary { float: left; margin-right: 10px; } #navigation li.secondary a { color: #727272; text-decoration: none; } #navigation li.secondary a:hover { text-decoration: underline; } #navigation div.active { background-color: #E20A16; } #navigation div.active li.secondary a { color: #000; } #navigation div.active li.secondary a.active { text-decoration: underline; } #content .sidebar { background: #242221; float: left; margin: 14px 20px 0 0; width: 240px; } #content .sidebar h3 { color: #E20A16; font-family: Georgia, "Times New Roman", serif; font-size: 16px; margin: 0 0 9px 0; } #content .sidebar a { color: #727272; display: block; font-size: 11px; line-height: 14px; margin-bottom: 9px; text-decoration: none; } #content .sidebar a.active, #content .sidebar a:hover { color: #CCCCCC; } #content .sidebar .content { padding: 20px 15px 60px 15px; } #content .sidebar .page_nav { border-bottom: 1px solid #1D1D1D; float: left; padding: 10px 0 10px 92px; width: 184px; } #content .sidebar .page_nav a { display: block; float: left; } #content .sidebar .page_nav a.prev { background: url('../images/icon_prev.png') no-repeat; height: 12px; margin: 0 5px; overflow: hidden; width: 6px; } #content .sidebar .page_nav a.next { background: url('../images/icon_next.png') no-repeat; height: 12px; margin: 0 5px; overflow: hidden; width: 6px; } #content .sidebar .page_nav a:hover { background-position: 0 -12px; } #content .sidebar .page_nav a.thumbs { background: url('../images/icon_thumbs.png') no-repeat; height: 13px; margin: 0 5px; overflow: hidden; width: 14px; } #content .sidebar .page_nav a.thumbs:hover { background-position: 0 -13px; } #content .block_content { border: 1px solid #242221; float: left; margin-top: 14px; padding: 30px; width: 658px; } #content .block_content p { color: #727272; margin-bottom: 20px; } #content .block_content h1 { color: #EEE; font-family: Georgia, "Times New Roman", serif; font-size: 27px; font-weight: normal; line-height: 36px; margin-bottom: 10px; } #content .block_content h2 { color: #ccc; font-family: Georgia, "Times New Roman", serif; font-size: 16px; } #content .block_content h4 { font-style: normal; margin-bottom: 4px; } #content .block_content a { color: #999; text-decoration: underline; } #content .block_content a:hover { color: #E20A16; } #feature { height: 410px; width: 100%; } #content .block_content div.links { font-size: 12px; padding: 20px 0 0 0; } #content .block_content div.links .print_link { background: url('../images/icon_print.gif') center left no-repeat; margin: 0 0 0 25px; padding: 0 0 0 21px; } /**GENERIC CONTENT UL's**/ .content ul, .block_content ul { margin: 4px 0px 8px 15px; } .content ul li, .block_content ul li, #project_content ul li { font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 11px; line-height: 20px; list-style-image: url('../images/bullet_dark.png'); margin: 0 0 0 7px; } #fc_wrapper { height: 510px; margin: 0 auto; width: 980px; } .feature_content { position: absolute; } .feature_content img { position: absolute; z-index: 1; } .feature_content div { padding: 100px 0 0 20px; position: relative; z-index: 2; } .feature_content h2 { color: #1D1D1D; font-family: Georgia, "Times New Roman", serif; font-size: 40px; font-weight: normal; line-height: 50px; width: 700px; } .feature_content p { color: #EEE; font-family: Georgia, "Times New Roman", serif; font-size: 21px; font-weight: normal; line-height: 30px; margin: 0px 0px 10px 0px; width: 700px; } .feature_content a { color: #333; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: normal; line-height: 30px; text-decoration: none; } .feature_content a:hover { color: #EEE; } .feature_content span { color: #EEE; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-style: italic; font-weight: normal; line-height: 30px; padding: 4px; } #feature_navigation { background: url('../images/background-gradient.jpg') repeat-x; margin: auto; overflow: hidden; width: 980px; } #feature_navigation li { border-left: 1px solid #333; float: left; width: 244px; } #feature_navigation li a { background-color: #1D1D1D; color: #EEE; display: block; font-family: Georgia, "Times New Roman", serif; font-size: 15px; font-weight: normal; padding: 30px 5px 30px 20px; text-decoration: none; width: 219px; } #feature_navigation li a span { font-size: 22px; } #content { margin: 25px auto; overflow: hidden; width: 980px; } #content div.callout { border: 1px solid #222; min-height: 162px; overflow: hidden; padding: 30px; width: 418px; } #content div.callout h1, #content div.callout h3 { margin: 0 0 4px 0; width: auto; color: #ccc; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 22px; } #content div.callout h1 a, #content div.callout h3 a { color: #ccc; text-decoration: none; } #content h2 { color: #ccc; font-family: Georgia, "Times New Roman", serif; font-size: 22px; font-weight: normal; margin: 2px 0 15px 0; } #content div.callout img { float: right; padding: 10px; } #content h4 { color: #E20A16; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-style: italic; font-weight: normal; line-height: 20px; margin-bottom: 5px; width: 60%; } #content h3 { color: #ccc; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 22px; margin: 8px 0 4px 0; width: 60%; } #content h5 { color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 14px; font-weight: normal; line-height: 20px; width: 60%; } #content p { color: #727272; font-size: 13px; line-height: 22px; margin-bottom: 10px; } #content p.headline { font-family: Georgia, "Times New Roman", serif; font-size: 16px; margin-bottom: 20px; } #content div.callout blockquote { background: url('../images/quote-start.png') no-repeat; } #content div.callout blockquote p { background: url('../images/quote-end.png') no-repeat bottom right; color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 22px; text-indent: 20px; } #content div.callout blockquote span { float: right; font-size: 13px; font-style: italic; line-height: 30px; } #content div.introduction { margin-bottom: 40px; overflow: hidden; width: 980px; } #content div.introduction img { float: left; width: 480px; } #content div.introduction_section { float: right; overflow: hidden; width: 480px; } #content div.introduction_section p { color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: light; line-height: 22px; margin-bottom: 20px; } #content div.quote { background-color: #242221; overflow: hidden; padding: 30px; } #content div.quote blockquote { background: url('../images/quote-start.png') no-repeat; } #content div.quote blockquote p { background: url('../images/quote-end.png') no-repeat bottom right; color: #454444; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 22px; text-indent: 20px; } #content div.quote blockquote span { float: right; font-size: 13px; font-style: italic; line-height: 30px; } #content div.column_left { float: left; margin: 0 20px 0 0; width: 480px; } #content div.column_right { float: right; width: 480px; } #content div.person { border: 1px solid #222; float: left; height: 132px; margin-bottom: 20px; overflow: hidden; padding: 30px; width: 418px; } #content div.person:hover, #content div.person_active { background-color: #242221; } #content div.person img { float: left; height: 133px; width: 100px; } #content div.person_info { float: left; height: 133px; margin: 0px 0px 30px 20px; width: 298px; } #content div.person_info h4 { font-style: normal; width: auto; } #content div.person_info h3 { margin-left: 0; width: auto; } #content div.person_info p { line-height: 20px; } #content div.person div.quote { background-color: #242221; overflow: hidden; padding: 20px 30px; } #content div.news { border: 1px solid #222; float: left; height: 200px; margin-bottom: 20px; overflow: hidden; padding: 30px; width: 418px; } #content div.news:hover, #content div.news_active { background-color: #242221; } #content div.news_blurb { float: left; height: 200px; margin-bottom: 30px; overflow: hidden; } #content div.news_blurb h4 { font-style: normal; margin: 0 0 5px 0; width: auto; } #content div.news_blurb h3 { font-style: normal; line-height: 24px; margin: 0 0 7px 0; width: auto; } #content #history { overflow: hidden; } #content #history div span { color: #999; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 22px; } #content div.image_callout { border: 1px solid #222; margin: 0px 0 20px 0; padding: 20px; } #content div.image_callout a { background: url('../images/icon_refresh.png') no-repeat top right; color: #727272; display: block; float: right; height: 16px; margin: 0px 0px 10px 0px; text-decoration: none; width: 56px; } #content div.image_callout a:hover { background-position: right -16px; color: #ccc; } #content div.image_callout p { color: #454444; font-size: 11px; line-height: 14px; margin: 10px 0 0 0; } #content div.text_callout { background-color: #242221; margin: 0px 0 20px 0; padding: 20px; } #content div.text_callout h5 { color: #E20A16; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; } #content div.text_callout p { color: #454444; margin: 5px 0 0 0; } #momentImg { clear: both; overflow: hidden; } #content div.project { float: left; height: 300px; margin: 15px 10px 20px 10px; width: 300px; } #content a.outline { border: 10px solid #242221; display: block; height: 180px; width: 280px; } #content a.outline:hover { border-color: #E20A16; } #content div.project dl { margin-top: 15px; } #content div.project dt { color: #454444; float: left; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: normal; line-height: 19px; margin: 0; width: 60px; } #content div.project dt:first-child { margin: 4px 0 2px 0; } #content div.project dd { color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: normal; line-height: 19px; margin: 0 0 2px 0; } #content div.project dd.title { color: #ccc; font-size: 18px; line-height: 22px; margin: 0 0 5px 0; } #content div.project dd a:hover { color: #eee; } #content #approach h4 { color: #E20A16; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin-top: 20px; } #content #approach h5 { color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 20px; } #content #approach div span { color: #999; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 22px; } .column { float: left; margin: 15px 10px 20px 10px; overflow: hidden; width: 300px; } #content #clients h4 { color: #E20A16; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; margin-top: 20px; } #content #clients li { color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 20px; margin-top: 3px; } #content #clients li a { color: #ccc; text-decoration: none; } #content #clients li a:hover { color: #E20A16; text-decoration: none; } #content #clients li ul { margin: 4px 0px 6px 15px; } #content #clients li ul li { color: #ccc; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 11px; line-height: 20px; list-style-image: url('../images/bullet.png'); margin: 0 0 0 7px; } #content #awards h4 { color: #E20A16; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-style: italic; font-weight: normal; line-height: 20px; margin-top: 20px; } #content #awards li { color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 20px; margin-bottom: 10px; } #content #awards li span { color: #CCC; margin-right: 5px; } #content #awards li a { color: #727272; text-decoration: none; } #content #awards li a:hover { color: #E20A16; } /** WORK - PROJECT DISPLAY **/ #content div.project_display { float: left; } #content div.project_nav { background: #242221; height: 23px; margin: 30px 0 1px 0; padding: 12px 0 0 170px; text-align: center; width: 230px; } #content div.project_nav a { display: block; float: left; } #content div.project_nav a.prev { background: url('../images/icon_prev.png') no-repeat; height: 12px; margin: 0 5px; overflow: hidden; width: 6px; } #content div.project_nav a.next { background: url('../images/icon_next.png') no-repeat; height: 12px; margin: 0 5px; overflow: hidden; width: 6px; } #content div.project_nav a:hover { background-position: 0 -12px; } #content div.project_nav a.thumbs { background: url('../images/icon_thumbs.png') no-repeat; height: 13px; margin: 0 5px; overflow: hidden; width: 14px; } #content div.project_nav a.thumbs:hover { background-position: 0 -13px; } #content div.project_info { background: #242221; padding: 30px 25px; width: 350px; } #content div.project_info ul.nav { border-bottom: 1px solid #2A2928; float: left; list-style: none; margin: 0; width: 350px; } #content div.project_info ul.nav li { float: left; list-style-image: none; margin: 0; } #content div.project_info ul.nav li a { color: #727272; float: left; font-family: Georgia, "Times New Roman", serif; font-size: 15px; padding: 5px 20px 5px 0; text-decoration: none; } #content div.project_info ul.nav li.launch { float: right; } #content div.project_info ul.nav li.launch a { background: url('../images/icon_launch.gif') no-repeat center right; color: #727272; padding: 5px 15px 5px 10px; } #content div.project_info ul.nav li.launch a:hover { background: url('../images/icon_launch_o.gif') no-repeat center right; } #content div.project_info ul.nav li a:hover { color: #CCCCCC; cursor: pointer; } #content div.project_info ul.nav li a.sel { color: #E20A16; } #content div.project_info ul.pages_nav { border-top: 1px #333 solid; } #content div.project_info h1 { color: #CCCCCC; font-family: Georgia, "Times New Roman", serif; font-size: 22px; font-weight: normal; letter-spacing: 1px; line-height: 30px; margin: 0 0 0 0; } #content div.project_info h2 { color: #999; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: normal; letter-spacing: 1px; margin: 0 0 10px 0; } #content div.project_info dl.classify { list-style: none; margin: 0px 0 0 0; } #content div.project_info dl.classify dt { color: #454444; float: left; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: normal; line-height: 19px; margin: 0; width: 60px; } #content div.project_info dl.classify dd { color: #727272; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: normal; line-height: 19px; margin: 0; } #content div.project_info p { color: #727272; font-size: 12px; line-height: 155%; margin: 15px 0 0 0; } #content div.project_info p a { color: #999; text-decoration: none; } #content div.project_info p a:hover { color: #CCC; } #content .project_info .images { margin: 30px 0; } #content .project_info .images a { border: none; float: left; height: 82px; margin: 0px 10px 10px 0px; overflow: hidden; width: 77px; } #content .project_info .images img { border: none; float: left; overflow: hidden; padding: 0; } #content .project_info .images a:hover { border: 2px solid #E20A16; height: 78px; width: 73px; } #content .project_info .images a:hover img { margin: -2px; } #content .project_info .images a.selected { border: 2px solid #E20A16; height: 78px; width: 73px; } #content .project_info .images a.selected img { margin: -2px; } #content div.project_imgs { float: left; margin: 30px 0 0 20px; } #content div.project_imgs .img { position: relative; top: 0px; z-index: 1; } #content div.project_imgs .text { background: #1D1D1D; border: 1px solid #222; padding: 30px; position: relative; top: 0px; width: 497px; z-index: 1; } #content div.project_imgs .text p { color: #727272; } #content div.project_imgs .text h2 { color: #ccc; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-style: normal; font-weight: normal; line-height: 20px; margin-bottom: 20px; } #project_image img { position: absolute; } /**APPLICATIONS**/ #content div.app { border: 1px solid #242221; float: left; margin: 20px 0; overflow: hidden; padding: 30px; width: 418px; } #content div.app:hover { background: #242221; } #content div.app h2 { color: #EEE; float: left; font-size: 30px; line-height: 35px; } #content div.app h2 a { text-decoration: none;} #content div.app h3 { color: #727272; float: left; font-size: 14px; line-height: 35px; margin: 8px 0 0 12px; } #content div.app p.blurb { clear: both; color: #A9A9A9; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 20px; padding: 20px 0 15px 0; } #content div.app img { background: #727272; border: 0px; height: 200px; width: 415px; } #content div.app .small_col { float: left; margin: 25px 10px 0 0; width: 195px; } #content div.app .small_col .title { color: #E20A16; font-family: Georgia, "Times New Roman", serif; font-size: 16px; } #content div.app .small_col li { color: #727272; font-size: 13px; padding: 0 0 4px 0; } #content div.app a.learn_more { color: #999; float: right; font-family: Georgia, "Times New Roman", serif; font-size: 14px; margin: 10px 0 0 0; text-decoration: none; } #content div.app a.learn_more:hover { color: #E20A16; } /**CONTACT FORM**/ #content div.contact_column { float: left; overflow: visible; padding: 20px 0; width: 240px; } #content div.contact_column h2 { color: #ccc; font-family: Georgia, "Times New Roman", serif; font-size: 22px; line-height: 20px; margin: 0 0 8px 0; } #content div.contact_column p.addy, #content div.contact_column p.phone, #content div.contact_column h3 { color: #ccc; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 24px; } #content div.contact_column p.addy { color: #666; } #content div.contact_column p.phone { color: #666; margin: 28px 0 0 0; } #content div.email { float: left; width: 160px; } #content div.email h3 { font-size: 16px; width: 160px; } #content div.email a, #content div.email a:link, #content div.email a:visited, #content div.email a:active { color: #666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 12px; text-decoration: none; } #content div.email a:hover { color: #E20A16; } #content #contact_form_nav li { background: #242221; border-bottom: 1px #1D1D1D solid; border-right: 1px #1D1D1D solid; color: #666; float: left; font-family: Georgia, "Times New Roman", serif; font-size: 14px; padding: 20px; width: 119px; } #content #contact_form_nav li.sel { border-bottom: 1px #242221 solid; color: #E20A16; } #content #contact_form_nav li:last-child { border-right: 1px #242221 solid; } #content div.contact_form { background: #242221; clear: both; overflow: visible; padding: 20px 30px 30px 30px; } #content div.contact_form p { font-size: 12px; line-height: 16px; } #content div.contact_form form { overflow: visible; } #content div.contact_form form input, #content div.contact_form form textarea { background: #242221; border: 1px #514F4F solid; color: #aaa; font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 14px; margin: 5px 0 10px 0; padding: 7px; width: 400px; } #content div.contact_form form input:focus, #content div.contact_form form textarea:focus { border: 1px #aaa solid; } #content div.contact_form form .form_submit { background: url('../images/submit_next.jpg') no-repeat center right; border: 0; color: #aaa; font-family: Georgia, "Times New Roman", serif; font-size: 22px; margin: 15px 0 0 0; padding: 0; text-align: left; width: 60px; } #content div.contact_form form .form_submit:focus { border: 0; outline: 0; } #content div.contact_form form .form_submit:hover { color: #aaa; cursor: pointer; } #content div.contact_form form .form_error { color: #E20A16; } #content div.contact_form ul.form_column { float: left; width: 200px; } #content div.contact_form ul.form_column li { padding: 0 0 5px 0; } #content div.contact_form .form_column label { float: left; display: block; width: 165px; padding: 4px 0 0 0; margin: 0 0 7px 0; } #content div.contact_form form label { color: #aaa; font-size: 14px; } #content div.contact_form form label span { color: #514F4F; font-size: 11px; margin: 10px 0 0 0; } #errorString { color: #E20A16; font-size: 12px; padding-bottom: 10px; } #content a.checkbox { background: url(../images/cb_unchecked.jpg); display: block; float: left; height: 15px; width: 15px; margin: 5px 10px 0 0; } #content a.checkbox_checked { background: url(../images/cb_checked.jpg); } #content div.contact_form h1 { color: #EEE; font-family: Georgia, "Times New Roman", serif; font-size: 23px; font-weight: normal; line-height: 36px; margin-bottom: 10px; } /**CUSTOM SELECT DROP DOWN**/ select.replaced { display: none; } ul.selectReplacement { height: 30px; width: 400px; } ul.selectReplacement li { background: #242221; border-left: 1px #514F4F solid; border-right: 1px #514F4F solid; border-top: 0px; border-bottom: 0px; color: #aaa; cursor: pointer; display: none; font-size: 14px; list-style: none; margin: 0; padding: 7px; width: 400px; } ul.selectReplacement li:first-child { border-top: 1px #514F4F solid; border-left: 1px #514F4F solid; border-right: 1px #514F4F solid; border-bottom: 0px; } ul.selectReplacement li:last-child { border-bottom: 1px #514F4F solid; border-left: 1px #514F4F solid; border-right: 1px #514F4F solid; border-top: 0px; } ul.selectReplacement li.selected { background: url('../images/select_box.gif') center right no-repeat; border: 1px #514F4F solid; color: #aaa; display: block; } ul.selectReplacement li.selectedError { border: 1px #E20A16 solid; color: #ccc; display: block; } ul.selectOpen { background: #514F4F; position: absolute; z-index: 900; } ul.selectOpen li { display: block; } ul.selectOpen li.selected, ul.selectOpen li.selected:hover { background: #aaa; border: 1px #aaa solid; color: #1D1D1D; display: block; } ul.selectOpen li:hover, ul.selectOpen li.hover { background: #514F4F; color: #1D1D1D; } fieldset { display: block; height: 30px; margin: 5px 0 10px 0; width: 400px; } #footer { border-top: 1px solid #222; height: 100px; margin: 50px auto 25px auto; padding-top: 10px; width: 980px; } #footer div { float: left; padding: 10px; } #footer .footer_contact { width: 320px; } #footer .footer_kit { width: 460px; } #footer .footer_reel { width: 140px; } #footer h4 { color: #999; font-family: Georgia, "Times New Roman", serif; font-size: 13px; font-weight: normal; margin-bottom: 7px; } #footer h4 a { color: #999; text-decoration: none; } #footer h4 a:hover { color: #EEE; } #footer p { float: left; margin-right: 20px; } #footer p.larger_p { float: left; margin-right: 0px; } #footer a { color: #727272; text-decoration: none; } #footer a:hover { color: #E20A16; } #footer li { float: left; margin-right: 20px; } #footer li a { float: left; line-height: 13px; } #footer img { float: left; padding: 0px 5px 0px 0px; } #sitemap ul { margin: 0 0 0 1px; } #sitemap ul li { margin: 0 0 3px 0px; } #sitemap ul ul { border-left: solid 1px #333; margin: 0 0 5px 3px; padding: 3px 0 0 0px; } #sitemap ul ul li { background: url(../images/sitemap_bg.jpg) no-repeat 0 7px; display: block; padding: 0 0 0 14px; } #sitemap ul li a { text-decoration: none; } #shadowbox_container,#shadowbox_overlay{top:0;left:0;height:100%;width:100%;margin:0;padding:0}#shadowbox_container{position:fixed;display:block;visibility:hidden;z-index:999;text-align:center}#shadowbox_overlay{position:absolute}#shadowbox{position:relative;text-align:left;margin:0 auto}#shadowbox_body{position:relative;border:1px solid #333;overflow:hidden;margin:0;padding:0}#shadowbox_body_inner{position:relative;height:100%}#shadowbox_content.html{height:100%;overflow:auto}#shadowbox_loading{position:absolute;top:0;width:100%;height:100%}#shadowbox_body,#shadowbox_loading{background-color:#060606}#shadowbox_loading_indicator{float:left;height:32px;width:32px;background-image:url(../images/shadowbox/loading.gif);background-repeat:no-repeat;margin:10px 10px 0}#shadowbox_loading span{font-family:'Lucida Grande', Tahoma, sans-serif;font-size:10px;float:left;margin-top:16px}#shadowbox_title,#shadowbox_info{position:relative;overflow:hidden;margin:0;padding:0;border: 0px solid}#shadowbox_title_inner,#shadowbox_info_inner{position:relative;font-family:'Lucida Grande', Tahoma, sans-serif;line-height:16px}#shadowbox_title{height:26px;border:0px solid}#shadowbox_title_inner{font-size:16px;color:#fff;padding:5px 0}#shadowbox_info{height:20px}#shadowbox_info_inner{font-size:12px;color:#fff}#shadowbox_nav{float:right;height:16px;width:45%;padding:2px 0}#shadowbox_nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer}#shadowbox_nav_close{background-image:url(../images/shadowbox/icons/close.png);background-repeat:no-repeat}#shadowbox_nav_next{background-image:url(../images/shadowbox/icons/next.png);background-repeat:no-repeat}#shadowbox_nav_previous{background-image:url(../images/shadowbox/icons/previous.png);background-repeat:no-repeat}#shadowbox_nav_play{background-image:url(../images/shadowbox/icons/play.png);background-repeat:no-repeat}#shadowbox_nav_pause{background-image:url(../images/shadowbox/icons/pause.png);background-repeat:no-repeat}#shadowbox_counter{float:left;width:45%;padding:2px 0}#shadowbox_counter a{text-decoration:none;cursor:pointer;color:#fff;padding:0 4px 0 0}#shadowbox_counter a.shadowbox_counter_current{text-decoration:underline}div.shadowbox_clear{clear:both}div.shadowbox_message{font-family:'Lucida Grande', Tahoma, sans-serif;font-size:12px;text-align:center;padding:10px}#shadowbox_loading span a:link,#shadowbox_loading span a:visited,div.shadowbox_message a:link,div.shadowbox_message a:visited{color:#fff;text-decoration:underline} /* STORE: */ #content.store .view_cart { background: #242221 url(../images/icon-cart.png) no-repeat 7px center; color: #fff; display: inline-block; float: right; font-family: "Lucida Grande", sans-serif; font-size: 12px; margin: 0 0 0 10px; padding: 5px 8px 5px 25px; text-decoration: none; } #content.store .view_cart:hover { background-color: #383534; } #content.store div.project_nav { margin-top: 15px; } #content.store div.project_imgs { margin-top: 15px; } #content.store div.app h2 { font-size: 24px; } #content.store div.app img { height: 260px; width: 415px; } #content.store div.app a.learn_more { background: #CCC; color: #1D1D1D; float: none; display: inline-block; font-family: Georgia, serif; font-size: 14px; margin: 0; padding: 4px 8px 3px; text-decoration: none; } #content.store div.app p { font-family: Georgia, serif; } #content.store div.app p.size { color: #999; font-size: 12px; } #content.store div.app p.size span { color: #4C4C4C; } #content.store .cart_info select { margin: 0 0 0 10px; } #content.store .project_info .cart_info { margin: 10px 0; } #content.store .price { color: #DF0A13; font-family: Georgia, serif; font-size: 16px; } #content.store .add_cart { background: #DF0A13 url(../images/icon-cart.png) no-repeat 7px 5px; color: #fff; display: inline-block; font-family: Georgia, serif; font-size: 14px; margin: 0 0 0 10px; padding: 4px 8px 3px 25px; text-decoration: none; } #content.store .project_info .images { margin: 15px 0; } #content.store .social { margin: 10px 0 0 0; } #content.store .social a { color: #CCCCCC; display: inline-block; font-family: Georgia, serif; font-size: 12px; margin: 0 15px 0 0; text-decoration: none; } #content.store .social a:hover { color: #DF0A13; } /*------------------------------------------- Checkout -------------------------------------------*/ hr { border: 1px solid #222222; border-width: 0 0 1px 0; } #checkout_steps ul { float: right; margin: -3px 0 0 0; width: 665px; } #checkout_steps li { padding: 0 27px 0 0; } #checkout_steps li.last { padding: 0; } #checkout_steps li { display: block; float: left; } #checkout_steps li a { color: #666666; display: block; float: left; font-family: "Lucida Grande", sans-serif; font-size: 12px; height: 23px; line-height: 23px; text-decoration: none; } #checkout_steps li a em { display: inline-block; font-style: normal; padding: 4px 0 0 0; } #checkout_steps li a span { display: block; float: left; font-size: 25px; font-family: Georgia, serif; margin: 0 5px 0 0; text-align: center; width: 23px; } #checkout_steps li a.selected, #checkout_steps li a:hover { color: #E10A15; } #checkout_steps li a.selected span, #checkout_steps li a:hover span { color: #EDEDED; } .content_centered { color: #301A0F; height: 1%; margin: 15px auto 80px; overflow: hidden; padding: 25px 0; width: 561px; } #content .content_centered h2 { margin-bottom: 5px; } #content .content_centered .instructions { color: #666; font-size: 12px; margin-bottom: 15px; } #content a.back_shopping { color: #E20A16; display: block; font-size: 12px; margin: 6px 0 0 0; text-decoration: none; } #content a.back_shopping:hover { color: #fff; } thead th { color: #746F6B; font-size: 13px; font-weight: normal; text-align: left; padding: 0 0 10px 15px; } thead th.image { width: 105px; } thead th.name { width: 170px; } thead th.quantity { width: 120px; } td { background: #242221; border-top: 2px solid #1D1D1D; color: #9C9189; padding: 15px; font-size: 12px; vertical-align: top; } tr.item td { background: #242221 url(../images/item_divider.png) repeat-x left bottom; border: none; } tr.item.last td { background: #242221; } #content.store td.promos p { color: #666; font-size: 12px; line-height: 18px; } #content.store td.promos p strong { color: #ccc; } #content.store td.promos p.instructions { margin-bottom: 0; } .content_centered .product_title_container { width: ; } #content.store .content_centered h5 { color: #ccc; font-family: "Georgia", serif; font-size: 16px; font-weight:normal; } #content.store .content_centered .remove { color:#E20A16; font-size: 11px; text-decoration: none; } #content.store .content_centered td .price { color: #fff; font-family: "Lucida Grande", sans-serif; font-size: 16px; } #content.store .content_centered .product_title { color: #fff; font-family: "Georgia", serif; font-size: 13px; line-height: 18px; } #content.store .content_centered .amount { color: #301A0F; font-size: 15px; font-weight: bold; } #content.store .content_centered .total { color: #E20A16; font-family: "Georgia", serif; font-size: 16px; font-weight: normal; } #content.store .content_centered .code { border: 1px solid #CBC9CB; float: left; height: 15px; margin: 5px 5px 0px 0px; padding: 4px 4px 3px; width: 150px; } #content.store .content_centered .apply { background: #ccc; border: 0; cursor: pointer; font-family: Georgia, serif; height: 24px; line-height: 0; margin: 5px 0 0 0; padding: 0; width: 50px; } #content.store .content_centered .apply:hover { background-position: -153px -222px; } #content.store .content_centered input.quantity { border: 1px solid #CBC9CB; padding: 4px 4px 3px; } #content.store tr.total { text-align: right; } #content.store tr.total .description { color: #666; font-size: 12px; font-family: "Lucida Grande", serif; } #content.store tr.total .amount { color: #fff; font-size: 15px; font-family: "Lucida Grande", serif; } /*ie7 button hack*/.content_centered .submit, .cart_actions .place_order { display: block; font-size: 0px; line-height: 0px; overflow: hidden;} .content_centered .submit { background: #E20A16; border: 0; color: #fff; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; margin: 0 5px 0 0; padding: 5px 10px 4px 8px; text-transform: uppercase; text-decoration: none; width: auto; } .content_centered .submit:hover { background-position: -262px -30px; } .content_centered .submit.login { margin: 0 0 20px 0; } .cart_actions { padding: 5px 0 0 0; } .cart_actions .update_cart { background: #ccc; border: 0; color: #1D1D1D; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; margin: 0 5px 0 0; padding: 3px 8px 2px; text-transform: uppercase; } .cart_actions .place_order { background: url('../images/button_sprite.png') 0 -264px; border: 0; cursor: pointer; float: left; height: 33px; margin: 0 5px 0 0; padding: 0; width: 153px; text-indent: -9999px; } .cart_actions .place_order:hover { background-position: 0 -297px; } .cart_actions .place_order.disabled { background-position: -153px -264px; } #content.store .cart_actions .continue { background: #E20A16; border: 0; color: #fff; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; margin: 0 5px 0 0; padding: 3px 10px 2px 8px; text-transform: uppercase; text-decoration: none; width: auto; } form.styled input.submit:focus, form.styled input.place_order:focus, form.styled input.update_cart:focus { border: 0; } /*------------------------------------------- Checkout Forms -------------------------------------------*/ form.styled label { color: #999; font-size: 13px; line-height: 1.6em; } form.styled label.smaller { font-size: 12px; line-height: 1.5em; } form.styled label.small { color: #82716F; font-size: 11px; } form.styled label.required { background: url(../images/required.gif) no-repeat right top; padding-right: 10px; } form.styled input { background: #242221; border: 1px solid #44403E; color: #FFF; font-size: 12px; padding: 5px; width: 536px; } form.styled input.checkbox { width: auto; } form.styled textarea { background: #242221; border: 1px solid #44403E; color: #FFF; font-family: "Lucida Grande", sans-serif; font-size: 12px; padding: 5px; width: 95%; } form.styled input:focus { border: 1px solid #E20A16; } form.styled input.image { width: auto; border: 0; padding: 0; } form.styled input.submit, .sign_in input.submit { background: #E20A16; border: 0; color: #fff; cursor: pointer; display: block; float: left; font-family: "Georgia", serif; font-size: 14px; margin: 0 5px 0 0; padding: 3px 10px 2px 8px; text-transform: uppercase; text-decoration: none; } .sign_in input.submit { margin: 15px 0 0 0; } form.styled input.submit:hover, .sign_in input.submit:hover { background-position: -262px -30px; } form.styled div, form.styled div.credit_card p { overflow: hidden; padding: 5px 0 0 0; } form.styled p.split, form.styled div.credit_card { float: left; padding: 0; width: 49.9%; } form.styled div.billing { float: right; width: 40%; } form.styled div.billing p.address { color: #333; font-size: 13px; letter-spacing: .02em; line-height: 18px; margin: 3px 0 40px 0; } form.styled div.billing p.address a { color: #C68C3B; font-size: 12px; } form.styled p.split input, form.styled div.credit_card input, form.styled p.split select { width: 257px; } form.styled p.split select { margin: 5px 0 5px 0; } form.styled h2, .content_centered h2 { margin: 0 0 10px 0; } p.instructions, #main_content p.instructions { color: #857573; font-family: "Lucida Grande", sans-serif; font-size: 12px; letter-spacing: .02em; margin: 10px 0 12px 0; } #content.store .required_fields { font-size: 11px; color: #666666; margin: -10px 0 0 0; padding: 0 0 25px 0; } form.styled input.auto { border: 0px; width: auto; height: auto; padding: 0; } .content_centered .checkout_box { background: #242221; margin: 0; } .content_centered .checkout_box_header { border-bottom: 2px solid #1D1D1D; color: #00123B; padding: 14px; } .content_centered .no_border { border: none; padding: 0; } #content.store .content_centered .checkout_box_header h3 { color: #fff; font-family: Georgia, serif; font-size: 16px; font-style: italic; font-weight: normal; margin: 0; } .content_centered h4 { color: #62C3DE; font-family: Georgia, serif; font-size: 17px; font-weight: normal; margin: 5px 0; } .checkout_box_body textarea { height: 100px; } #content.store .content_centered .checkout_box_header p { color: #605F5D; font-size: 12px; line-height: 16px; margin: 0; } .content_centered .checkout_box_body { padding: 14px 0px 0 14px; } #content.store p.checkbox_wrapper { color: #E10A15; font-size: 12px; line-height: 14px; overflow: hidden; padding: 0 0 10px 0; } #content.store p.checkbox_wrapper input { background: transparent; border: none; float: left; margin: 0 6px 0 0; padding: 0; width: auto; } #content.store p.checkbox_wrapper span { float: left; font-weight: bold; padding: 0 3px 0 0; } .content_centered .checkout_box_body p.split { float: left; width: 49.9%; } .content_centered .checkout_box_body p.split input { width: 245px; } form.styled input.auto { border: 0px; clear: both; cursor: pointer !important; display: block; height: auto; width: auto; margin: 0 0 25px 0; } .same_as_billing_container { background: #F0EEE9; border: solid 1px #E0DED8; font-size: 12px; width: 180px; } #same_as_billing { background: transparent; border: none; float: left; margin: 15px 0 0 0; width: 30px; } ul.shipping_options li { color: #4C4449; font-size: 12px; line-height: 14px; overflow: hidden; padding: 2px 0 8px 0; } ul.shipping_options li input { background: transparent; border: none; float: left; margin: 0 5px 0 0; width: auto; } ul.shipping_options li a.details { color: #C68C3B; font-size: 12px; } p.card_type select { width: 270px; } p.cc_divider { float: left; margin-right: 10px; } p.cc_divider_2 { float: left; margin-left: 0; } p.cc_divider { width: 71px; } p.cc_divider_2 { width: 90px; margin-left: 3px; } p.cc_divider_2 input { width: 90px; } p.cc_divider select { width: 71px; } label.no_float { float: none; } .expiration_container { float: left; width: 271px;} .confirmation_box { color: #333; float: left; font-size: 13px; letter-spacing: .02em; line-height: 18px; margin: 0 0 20px 0; width: 180px; }