/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0 }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal }
ul,ol { list-style: none }
fieldset,img { border: none }
caption,th { text-align: left }
/*table { border-collapse: collapse; border-spacing: 0; }*/
html { text-align: center; border: 0; padding: 0; margin: 0; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif }
img { behavior: url(iepngfix.htc); border: 0 }
/*html,body{ margin:0px; height:100% }*/
.mcb_communications { margin: 0; padding: 0; height: 100%; font-size: 100%; text-align: left; color: #818181; position: relative; background:#FFF url(imgs/backbody.png) no-repeat top center }
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #414141 }
/* TYPE */
a.foot { color: #4a8d0e; }
a.foot:hover { text-decoration: underline; color:#d76c1e }
.divider { color: #d76c1e; font-size: 130% }
a { color: #d76c1e; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
p { line-height: 1.1em }
blockquote { font-style: italic; line-height: 1.1em }
p.txtfoot {font-size: 80%; color:#94b709; position: absolute; bottom: 5px; right: 15px }
p.linkfoot {font-size: 11px; color:#405B70; position: absolute; bottom: 15px; right: 290px }
h1 { color: #d67026; font-size: 170%; line-height: 75px; margin-bottom: 0px; }
h2 { color: #d67026; font-size: 120%; line-height: 20px; margin: 10px 0 }
h3 { font-size: 13px; line-height: 18px }
h4 { font-size: 12px; line-height: 18px }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.otro { margin-left: 0; padding-left: 2em; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { behavior: url(iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#col_r { float: right; width: 400px; padding-right: 35px; padding-top: 30px; }
#col_r_s { float: left; width: 570px }
#col_l { padding-left: 35px; float:left; width: 400px }
#col_l_s { padding-left: 55px; float:left; width: 258px }
#header { height: 267px; width: 631px; float: right; margin: 0; padding-right: 6px; padding-top: 1px }
#lineBottom { background-color: #94b709; height: 15px; width: 100% }
#restBottom { background-color: #ccc; height: 100%; margin: auto; width: 100% }
#logo { display: inline-block; overflow:hidden; position:relative; float: left; width:192px; height:87px; margin: 7px 0 0 0px }
#logo img { border:none; position:absolute; left:-0px; top:-0px; width:602px; height:688px }

#in_the_media { display: inline-block; overflow:hidden; position:relative; float: left; width:164px; height:30px; margin: 0 }
#in_the_media img { border:none; position:absolute; left:-192px; top:-0px; width:602px; height:688px }
#our_experience { display: inline-block; overflow:hidden; position:relative; float: left; width:200px; height:30px; margin: 0 }
#our_experience img { border:none; position:absolute; left:-358px; top:-39px; width:602px; height:688px }
#our_promise { display: inline-block; overflow:hidden; position:relative; float: left; width:164px; height:30px; margin: 0 }
#our_promise img { border:none; position:absolute; left:-356px; top:-0px; width:602px; height:688px }
#our_clients { display: inline-block; overflow:hidden; position:relative; float: left; width:164px; height:30px; margin: 0 }
#our_clients img { border:none; position:absolute; left:-192px; top:-40px; width:602px; height:688px }
#our_contacts { display: inline-block; overflow:hidden; position:relative; float: left; width:167px; height:30px; margin: 0 }
#our_contacts img { border:none; position:absolute; left:-22px; top:-325px; width:602px; height:688px }
#areas_of_expertise { display: inline-block; overflow:hidden; position:relative; float: left; width: 210px; height:30px; margin: 0 }
#areas_of_expertise img { border:none; position:absolute; left:-203px; top:-325px; width:602px; height:688px }
#road_to_success { display: inline-block; overflow:hidden; position:relative; float: left; width:187px; height:30px; margin: 0 }
#road_to_success img { border:none; position:absolute; left:-22px; top:-355px; width:602px; height:688px }
#marketing_message { display: inline-block; overflow:hidden; position:relative; float: left; width: 210px; height:30px; margin: 0 }
#marketing_message img { border:none; position:absolute; left:-211px; top:-357px; width:602px; height:688px }


#container { width:908px; position:relative; margin: 5px auto auto auto }
#hcontainer { width:908px; position:relative; margin: 5px auto auto auto }
/*opera horizontal scroll fix*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    #container, #hcontainer { width:908px; position:relative; margin: 5px auto auto auto; overflow-x: hidden }
}

/* GLOBAL BUTTONS */
#subnav, #subnav1 { margin: 0; padding: 20px 0 0 0; position: relative; float:left }
#subnav li, #subnav1 li { display: block; margin: 0; padding: 0; font-size: 0px }
#subnav li a, #subnav1 li a { display: inline-block; overflow:hidden; position:relative; margin: 0; padding: 0; border: none; height: 35px; width: 170px; background: url(imgs/skin.png) 600px 600px no-repeat }

/* BUTTONS NAME IMAGES */
#subnav li#what_we_do a img { border: none; position:absolute; left: 0px; top: -94px; width:602px; height:688px }
#subnav li#marketing_services a img { border: none; position:absolute; left: 0px; top: -128px; width:602px; height:688px }
#subnav li#editorial_writing a img { border: none; position:absolute; left: 0px; top: -162px; width:602px; height:688px }
#subnav li#staff a img { border: none; position:absolute; left: 0px; top: -194px; width:602px; height:688px }
#subnav li#clients a img { border: none; position:absolute; left: 0px; top: -228px; width:602px; height:688px }
#subnav li#contact_us a img { border: none; position:absolute; left: 0px; top: -263px; width:602px; height:688px }

#subnav1 li#more_in_the_media a img { border: none; position:absolute; left: -460px; top: -309px; width:602px; height:688px }
#subnav1 li#testimonials a img { border: none; position:absolute; left: -460px; top: -343px; width:602px; height:688px }
#subnav1 li#newsmakers a img { border: none; position:absolute; left: -460px; top: -378px; width:602px; height:688px }

#subnav1 li#more_in_the_media a { width: 145px }
#subnav1 li#testimonials a { width: 145px }
#subnav1 li#newsmakers a { width: 145px }

/* BUTTONS ACTIONS*/

#subnav li a:hover, #subnav1 li a:hover { background-position: -171px -94px }
#subnav li a:active, #subnav1 li a:active { background-position: -342px -94px }

/* ON STATES */
.what_we_do #subnav li#what_we_do a { background-position: -342px -94px; cursor: default !important }
.marketing_services #subnav li#marketing_services a { background-position: -342px -94px; cursor: default !important }
.editorial_writing #subnav li#editorial_writing a { background-position: -342px -94px; cursor: default !important }
.staff #subnav li#staff a { background-position: -342px -94px; cursor: default !important }
.clients #subnav li#clients a { background-position: -342px -94px; cursor: default !important }
.contact_us #subnav li#contact_us a { background-position: -342px -94px; cursor: default !important }

.lineB { background: url(imgs/skin.png) -0px -306px no-repeat; width: 398px; height: 1px; position: absolute; bottom: 95px; right: 15px }

.lineMenu { background: url(imgs/skin.png) -85px -116px no-repeat; width: 1px; height: 119px; display: inline-block }
.lineV { background: url(imgs/skin.png) -600px -138px no-repeat; width: 5px; height: 300px; float: left; margin: 0px 50px 0 50px }
.lineV_s { background: url(imgs/skin.png) -600px -138px no-repeat; width: 5px; height: 300px; float: left; margin: 30px 30px 0 20px }
.lineT { background: url(imgs/skin.png) -0px -308px no-repeat; width: 100%; height: 1px; margin-bottom: 20px }
.lineT1 { background: url(imgs/skin.png) -0px -310px no-repeat; width: 260px; height: 1px; margin-bottom: 5px }
.lineTlgt { background: url(imgs/skin.png) -0px -306px no-repeat; width: 100%; height: 1px; margin: 20px 0 20px 0 }
a.bullet { background: url(imgs/skin.png) -587px -526px no-repeat; outline:0; padding: 0 0 0 30px }
.bulletTr { background: url(imgs/skin.png) -587px -526px no-repeat; width: 9px; height: 9px; margin: 0 5px 0 0; padding: 6px; display: inline; font-size: 8px  }
.hangingindent { text-indent: -12px; padding-left: 12px }
.arrowup { background: url(imgs/skin.png) -592px -2px no-repeat; width: 4px; height: 4px; margin: 0 5px 0 0; padding: 4px; display: inline; font-size: 5px  }

button:focus{ outline:none; -moz-outline-style: none}
:focus { -moz-outline-style: none}

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

#container:after, #hcontainer:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#container, #hcontainer, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1 }