/* --- Resets --- */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}  
body {line-height: 1; direction:ltr; font-size:16px;}
a {text-decoration: none;}
ol, ul {list-style: none;}
ol.bullets {list-style: decimal outside none; margin-left:22px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

select, input, textarea {font-family:Arial; border:1px solid #CFCFCF; background:#fafafa; padding:2px; margin:0; }

/* --- Overall styles --- */

* {
    margin: 0;
}
html, body {
    height: 100%;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -359px;
}
#push {
    height: 366px;
}


html {}
body {background: white; font-family:Arial; font-size:16px; color: #444444; /*text-shadow: #c0c0c0 0px 0px 1px;*/}
h1 {color:#c11111; font-size:24px; font-weight:normal; margin-bottom:10px;}

.centralize {width:920px; margin:0 auto;}
#wrapper > .centralize {margin:0 auto -7px auto;}
/*.bottomize {margin-bottom: -7px;}
*/
#header {background: url('images/header_bg.png'); height:266px;}
#header_top_stripe {background: url('images/header_pixel.png') top center; height:18px; display:block;}
#login_box {background: url('images/header_pixel.png') top left; padding:5px; float:right; /*-moz-border-radius: 5px;*/}
#login_box input {border:none; margin-right:5px; font-size:11px; float:left; color:#d0d0d0;}
#login_box input.focused {color:#000000;}
#login_box input:last-child {margin-right:0px; margin-top:-1px;}
#header_inner {width:920px; height: 123px; margin:0 auto; position:relative; background: url('gfx/header_bg.png') no-repeat;}
#header_logo {width:416px; height:111px; top:10px; position:relative; float:left; background: url('gfx/header_logo.png') no-repeat;}
#header_background {background:url('images/header.png') center 18px no-repeat; height:266px;}

#top_nav {position:absolute; width:100%; height:36px; overflow:hidden; top:-18px; background: url('images/header_bottom_pixel.png') center bottom;}
#top_nav a {text-transform: uppercase; color:white; padding:10px 31px; float:left; text-shadow: #861615 0 2px 2px; font-family: Tahoma, sans-serif;}
#top_nav a:hover {background-color:rgba(0,0,0,0.1);}
#top_nav div {background: url('images/sep.png'); width:2px; height:20px; float:left; margin-top:7px;}

#page_container {padding: 20px 20px 0;}

#footer {background: url('images/bottom_bg.png'); text-shadow: #000000 0 2px 2px; }/*position: relative; bottom:-7px;}*/
#footer .footer_boxes {width:100%; font-size:13px; color:white;}
#footer .footer_boxes td {padding:10px; vertical-align: top; width:50%;}
#footer .footer_boxes .footer_icon {background: url('images/footer_icons.png') left top no-repeat; width:47px; height:49px; float:left; margin-top:10px;}  
#footer .footer_boxes .footer_box_body {float:right; width:380px;}
#footer .footer_boxes h1 {color:#ce2029; text-transform: uppercase; font-weight:normal; margin-bottom:2px; font-size:16px;}    
#footer .footer_boxes a {color:white; font-weight:bold; margin-top:7px; float:left;}  
#footer .footer_boxes a:after {content: '››'; font-size:16px; color:#ce2029; position: relative; top: 1px; left: 1px;}  
#footer .footer_boxes a .after {display: none;}  
#footer #bottom_links {margin-top:20px; padding-top:10px; border-top: 2px dotted #383838;}  
#footer #bottom_links_box  {background: rgba(255,255,255,0.05); padding:10px; text-align: center; font-size:13px; text-shadow: #111111 0 2px 2px;}  
#footer #bottom_links_box a {color:white;}  
#footer #bottom_links_box a:hover {/*text-decoration: underline;*/ padding-bottom:1px; border-bottom:1px dotted #666666;}  
#footer #bottom_links_box #footlnk{color: #444444;}
#footer #bottom_links_box #footlnk:hover{color: #fff;}

#dark {position:fixed; opacity: 0.7; filter:alpha(opacity=70);  background: black; top:0; left:0; z-index:1000;}
#contact_form,#minisite {position:absolute; z-index:1001;}
#contact_form .field td {padding:10px 0; border-bottom:1px dotted #eeeeee;}
#contact_form .last td {border:none;}
#contact_form .field .small {font-size:11px; width:270px; color:#909090; margin-top:5px; margin-right:30px}
#contact_form .field .num {background: url('gfx/num.gif') no-repeat; padding:3px 5px; width:10px; text-align:center; font-size:11px; font-weight:bold; color:white; float:left; margin: 1px 10px 0px 0px; height:14px;}
#contact_form textarea {height:60px; overflow:auto;}  

.form_links {margin-bottom:-30px; background:white; padding:5px 5px 5px 0; position:relative; z-index: 2; float:left; margin-left:20px;position:absolute;}
.form_links a {float:right; margin-left:5px; color:#666666; font-weight:bold; font-size:11px; background: url('gfx/form_tabs_l.gif') left top no-repeat; padding-left:3px;}
.form_links a b{display:block; background: #f0f0f0 url('gfx/form_tabs_r.gif') right top no-repeat; padding:5px 10px 5px 7px;}

.form_links a:hover {background-position:left -24px}
.form_links a:hover b {background-color:#e0e0e0; background-position:right -24px}

.form_links a.active {background-position:left -48px}
.form_links a.active b {background-color:#C11111; background-position:right -48px; color:white;}

.btn {float:left; margin-right:10px;}
.btn a {display:block; background-position:left top;} 
.btn a:hover {background-position:left bottom;} 

div.next a {background-image:url('gfx/btn_next.png'); width:110px; height:35px;}
div.send a {background-image:url('gfx/btn_send.png'); width:120px; height:35px;}
div.send.studio a {background-image:url('gfx/btn_send_brief.png'); width:120px; height:35px;}
div.send.career a {background-image:url('gfx/btn_send_form.png'); width:120px; height:35px;}
.btn a:hover {background-position:left bottom;} 

.invalid {border: 1px solid #CF6767; background: #FFEFEF;}


.lightbox {direction:ltr; }
.lightbox .lt{width:16px; background:url('gfx/box_corners.png') left top no-repeat;}
.lightbox .rt{width:16px; background:url('gfx/box_corners.png') right top no-repeat;}
.lightbox .lb{width:16px; height:16px; background:url('gfx/box_corners.png') left bottom no-repeat;}
.lightbox .rb{width:16px; height:16px; background:url('gfx/box_corners.png') right bottom no-repeat;}
.lightbox .l{width:16px; background:url('gfx/box_lr.png') left top repeat-y;}
.lightbox .r{width:16px; background:url('gfx/box_lr.png') right top repeat-y;}
.lightbox .t{background:url('gfx/box_tb.png') left top repeat-x;}
.lightbox .t .header{color:white; font-size:20px; height:40px; direction:ltr; cursor:pointer;}
.lightbox .t .header .label{padding:10px;}
.lightbox .b{height:16px; background:url('gfx/box_tb.png') left bottom repeat-x;}

.lightbox .m{background:white; padding:15px; direction:ltr; position:relative;}

.lightbox .wnd_btn {width:12px; height:12px; background-image:url('gfx/wnd_btns.png'); float: right; margin: 15px 5px 0 ;}
.lightbox .x {background-position:left top;}
.lightbox .x:hover {background-position:left bottom;}

.lightbox .expand {background-position:right top;}
.lightbox .expand:hover {background-position:right bottom;}

/* --- Button styles --- */

#buttons {width:917px; margin:0 auto;}
#buttons a {width:142px; height:56px; background-image: url('gfx/all_buttons.jpg'); background-repeat: no-repeat; float:left; margin-right:13px;}
#buttons a.b6 {background-position:0 0;}
#buttons a.b6:hover {background-position:0 -56px;}
#buttons a.b6_active {background-position:0 -112px;}

#buttons a.b5 {background-position:-142px 0;}
#buttons a.b5:hover {background-position:-142px -56px;}
#buttons a.b5_active {background-position:-142px -112px;}

#buttons a.b4 {background-position:-284px 0;}
#buttons a.b4:hover {background-position:-284px -56px;}
#buttons a.b4_active {background-position:-284px -112px;}

#buttons a.b3 {background-position:-426px 0;}
#buttons a.b3:hover {background-position:-426px -56px;}
#buttons a.b3_active {background-position:-426px -112px;}

#buttons a.b2 {background-position:-568px 0;}
#buttons a.b2:hover {background-position:-568px -56px;}
#buttons a.b2_active {background-position:-568px -112px;}

#buttons a.b1 {background-position:-710px 0;}
#buttons a.b1:hover {background-position:-710px -56px;}
#buttons a.b1_active {background-position:-710px -112px;}

.big_btn {width:283px; height:63px; background: url('gfx/btn_on_off.png') left top no-repeat; float:right; margin-top:10px;}
.big_btn:hover {background-position: left bottom;}

#button_move_left {background: url('gfx/button_left_on_off.png');background-position:0 0;width:41px;height:41px;position:relative;top:258px;right:-30px;display: block;cursor: pointer;z-index:1;}
#button_move_left:hover {background-position:0 -42px;}

#button_move_right {background: url('gfx/button_right_on_off.png');background-position:0 0;width:41px;height:41px;position:relative;top:217px;left:845px;display: block;cursor: pointer;z-index:1;}
#button_move_right:hover {background-position:0 -42px;}

#content h1 {font-size:18px; color: #e0e0e0; margin:0; display:block; padding:5px 10px; background: url('images/bottom_bg.png'); text-shadow: #000000 0 2px 2px;}

#content .technology_btns {margin:-5px;}
#content .technology_btns a {float:left; width:451px; height:112px; background: url('images/technology_button.png') no-repeat; }
#content .technology_btns a div {padding:42px 30px; color:#444444; font-size:24px; font-weight:bold; letter-spacing: 1; text-shadow: #ffffff 0 1px 1px;}
#content .technology_btns a div b {float:right; width:41px; height:42px; margin-top:-7px; background: url('images/tech_arrows.png') left top no-repeat;}

#content .technology_btns a:hover div {color:#df2526;}
#content .technology_btns a:hover div b {background-position:left bottom;}

#content .media_btns {font-size:15px;}
#content .media_btns a {float:left; width:455px; height:112px;  margin-bottom:10px}
#content .media_btns a.right_btn {margin-left:10px;}
#content .media_btns a.btn_odd {background: url('images/media_btn_bg1.png');}
#content .media_btns a.btn_even {background: url('images/media_btn_bg2.png');}
#content .media_btns a span {display:block; padding:15px 20px 20px 20px; color:#ffffff; text-shadow: #444444 0 1px 2px;}
#content .media_btns a span b {float:left; width:77px; height:75px; margin-top:2px; margin-right:20px; background: url('images/media_icons.png') no-repeat;}

#content .media_btns a span u {float:left; display:block; width:318px; text-decoration: none;} 
#content .media_btns a span i {float:left; font-style: normal; font-size:24px; padding-bottom:5px; letter-spacing: 1; border-bottom:1px dotted white; margin-bottom:5px;}


#content .media_btns a span b.btn1 {background-position: left top;}
#content .media_btns a span b.btn2 {background-position: -77px top;}
#content .media_btns a span b.btn3 {background-position: -154px top;}
#content .media_btns a span b.btn4 {background-position: -231px top;}
#content .media_btns a span b.btn5 {background-position: -308px top;}
#content .media_btns a span b.btn6 {background-position: -385px top;}
#content .media_btns a span b.btn7 {background-position: -462px top;}
#content .media_btns a span b.btn8 {background-position: -539px top;}
#content .media_btns a span b.btn9 {background-position: -616px top;}
#content .media_btns a span b.btn10 {background-position: -693px top;}


#content .media_btns a:hover div {color:#df2526;}
#content .media_btns a:hover div b {background-position:left bottom;}


#scroller img {float:left;}

#scroller_btns {width:140px; margin: 0 auto;}
#scroller_btns div {width: 16px; height: 16px; float:left; background: url('images/scroller_btn1.png') left bottom no-repeat; margin-right: 3px; margin-top: 13px; cursor:pointer;}
#scroller_btns div:hover, #scroller_btns div.current {background-position: left top; }

#scroller_controls a {background:url("images/play_pause.png") no-repeat; float:left; height:22px; left:4px; position:relative; top:10px; width:22px; }
#scroller_controls a.pause {background-position: top right;}
#scroller_controls a.play {background-position: top left;}
#scroller_controls a.pause:hover {background-position: bottom right;}
#scroller_controls a.play:hover {background-position: bottom left;}

#logos img {width:212px; height:78px; border: solid 6px #ffffff; outline: solid 1px #d0d0d0; margin-left: 3px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px; background-color: #f7f7f7;}

form.contact_form {font-size:12px;line-height:120%;}
form.contact_form input {width:260px; height:26px;margin-bottom:12px;}
form.contact_form textarea {width:260px; height: 56px; margin-bottom:16px;}
form.contact_form input.submit {background:url('images/contact_btn.png') top;border:none;height:45px;width:184px;position:relative; top: 4px; left:76px; cursor: pointer;}
form.contact_form input.submit:hover {background-position: bottom;}

#marsmediagroup
{
    color: #fff;
    height: 30px;
    margin: 10px auto 0 auto;
    font-size: 13px;
    text-align: center;
}

#marsmediagroup img
{
    border: 0px none;
    vertical-align: middle;
}
