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, 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, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;}
html, body {height: 100%;}
a {color: #cd2026; text-decoration: none; outline: 0; outline: none;}
a:hover {color: #000; text-decoration: none;}
:focus {outline: 0;}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}
/*
/ Style guide
/ Marstudio red: #cd2026;
/
*/
.noshow {display: none;}
.cap {text-transform: capitalize;}
/*begin: home page only styles*/
#home-body-wrapper {margin: 23px 0 0 0; height: auto; width: 927px; float: left;}
#home-top-wrapper {margin: 0; padding: 22px 0 0 0; height: 160px; width: 927px; float: left;}
#info-wrapper {margin: 0; height: 128px; width: 927px; float: left;}
.shop-top-wrapper {
float: left;
height: 189px;
margin: 0;
padding: 22px 0 0;
width: 927px;
}
/*begin: home page slideshow*/
.image {position: relative; width: 100%; /* for IE 6 */}
/*a*/
.banner-heading-container-a {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-a h2 {left: 35px; top: 120px; z-index: 200;}
.banner-heading-container-a h2 span {padding: 0; font: bold 96pt/96pt Arial Black, Helvetica, Sans-Serif;}
.banner-description-container-zero {
position: absolute;
top: 40px;
width: 340px;
height: auto;
z-index: 3;
color: #fff;
left: 480px;}
.banner-description-container-zero p {color: #fff; font-size: 0.9em; line-height: 1.2em;}
.banner-description-container-a {
position: absolute;
top: 140px;
width: 190px;
height: auto;
z-index: 3;
left: 679px;}
.banner-description-container-a p {color: #fff; font-size: 0.8em;}
a.banner-more-container-a {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 679px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 205px;}
a.banner-more-container-a:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 300;}
/*b*/
.banner-heading-container-b {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-b h2 {top: 248px;}
.banner-heading-container-b h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-b h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-b h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-b {position: absolute; top: 150px; width: 180px; height: auto; z-index: 300; left: 699px;}
.banner-description-container-b p {color: #fff; font-size: 0.8em;}
a.banner-more-container-b {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 699px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 235px;}
a.banner-more-container-b:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 300;}
/*c*/
.banner-heading-container-c {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-c h2 {top: 248px;}
.banner-heading-container-c h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-c h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-c h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-c {position: absolute; top: 270px; width: 245px; height: auto; z-index: 300; left: 570px;}
.banner-description-container-c p {color: #fff; font-size: 0.8em;}
a.banner-more-container-c {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 570px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 340px;}
a.banner-more-container-c:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*d*/
.banner-heading-container-d {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-d h2 {top: 248px;}
.banner-heading-container-d h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-d h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-d h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-d {position: absolute; top: 80px; width: 180px; height: auto; z-index: 300; left: 690px;}
.banner-description-container-d p {color: #fff; font-size: 0.8em;}
a.banner-more-container-d {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 690px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 165px;}
a.banner-more-container-d:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*e*/
.banner-heading-container-e {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-e h2 {top: 248px;}
.banner-heading-container-e h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-e h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-e h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-e {position: absolute; top: 150px; width: 180px; height: auto; z-index: 300; left: 690px;}
.banner-description-container-e p {color: #fff; font-size: 0.8em;}
a.banner-more-container-e {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 690px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 235px;}
a.banner-more-container-e:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*f*/
.banner-heading-container-f {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-f h2 {top: 248px;}
.banner-heading-container-f h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-f h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-f h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-f {position: absolute; top: 215px; width: 180px; height: auto; z-index: 300; left: 60px;}
.banner-description-container-f p {color: #fff; font-size: 0.8em;}
a.banner-more-container-f {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 60px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 315px;}
a.banner-more-container-f:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*g*/
.banner-heading-container-g {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-g h2 {top: 248px;}
.banner-heading-container-g h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-g h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-g h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-g {position: absolute; top: 190px; width: 220px; height: auto; z-index: 300; left: 143px;}
.banner-description-container-g p {color: #392313; font-size: 0.8em;}
a.banner-more-container-g {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 143px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 280px;}
a.banner-more-container-g:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*h*/
.banner-heading-container-h {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-h h2 {top: 248px;}
.banner-heading-container-h h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-h h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-h h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-h {position: absolute; top: 190px; width: 220px; height: auto; z-index: 300; right: 41px;}
.banner-description-container-h p {color: #fff; font-size: 0.8em;}
a.banner-more-container-h {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 666px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 293px;}
a.banner-more-container-h:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*i*/
.banner-heading-container-i {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-i h2 {top: 248px;}
.banner-heading-container-i h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-i h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-i h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-i {position: absolute; top: 190px; width: 230px; height: auto; z-index: 300; right: 555px;}
.banner-description-container-i p {color: #392313; font-size: 0.8em;}
a.banner-more-container-i {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 143px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 272px;}
a.banner-more-container-i:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*j*/
.banner-heading-container-j {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-j h2 {top: 248px;}
.banner-heading-container-j h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-j h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-j h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-j {position: absolute; top: 190px; width: 240px; height: auto; z-index: 300; right: 33px;}
.banner-description-container-j p {color: #fff; font-size: 0.8em;}
a.banner-more-container-j {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 655px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 274px;}
a.banner-more-container-j:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*k*/
.banner-heading-container-k {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-k h2 {top: 248px;}
.banner-heading-container-k h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-k h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-k h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-k {position: absolute; top: 60px; width: 200px; height: auto; z-index: 300; left: 675px;}
.banner-description-container-k p {color: #fff; font-size: 0.8em;}
a.banner-more-container-k {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 675px;
background:url(../images/action/more-arrow2.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 120px;}
a.banner-more-container-k:hover {
color: #000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*l*/
.banner-heading-container-l {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-l h2 {top: 248px;}
.banner-heading-container-l h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-l h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-l h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-l {position: absolute; top: 210px; width: 200px; height: auto; z-index: 300; left: 655px;}
.banner-description-container-l p {color: #fff; font-size: 0.8em;}
a.banner-more-container-l {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 655px;
background:url(../images/action/more-arrow2.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 295px;}
a.banner-more-container-l:hover {
color: #000;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/*m*/
.banner-heading-container-m {position: relative; width: 100%; /* for IE 6 */}
.banner-heading-container-m h2 {top: 248px;}
.banner-heading-container-m h2 span {padding: 0 0 0 35px; font: bold 80pt/80pt Arial Black, Helvetica, Sans-Serif;}
.banner-heading-container-m h2 span span {margin: 0; padding: 0; font: bold 80pt/80pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-heading-container-m h2 span span span {margin: 0; padding: 0; font: normal 70pt/70pt Arial, Helvetica, Sans-Serif; line-height: 110pt;}
.banner-description-container-m {position: absolute; top: 210px; width: 200px; height: auto; z-index: 300; left: 655px;}
.banner-description-container-m p {color: #fff; font-size: 0.8em;}
a.banner-more-container-m {
margin: 14px 0 0 0;
position: absolute;
height: 25px;
width: auto;
left: 655px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 3;
top: 295px;}
a.banner-more-container-m:hover {
color: #cd2026;
text-decoration: none;
cursor: pointer;
z-index: 3;}
/* */
h2 {
position: absolute;
left: 0px;
width: 890px;
top: 258px;}
h2 span {padding: 10px; color: white; letter-spacing: -1px;}
h2 span.spacer {padding:0 0 0 35px;}
.banner-more-action-container {
margin: 0 11px 0 0;
padding: 3px 6px 0 6px;
height: 21px;
width: auto;
background-color: #000;
font-size: 0.8em;
z-index: 300;
display: block;}
.banner-more-action-container2 {
margin: 0 11px 0 0;
padding: 3px 6px 0 6px;
height: 19px;
width: auto;
background-color: #cd2026;
font-size: 0.8em;
z-index: 300;
display: block;}
/*end: home page slidehow*/
/* begin: home page slideshow */
.slideshow {position: relative; width: 947px; padding: 0; margin: 0;} .slideshow a img {border: none;} .slideshow li.slide {list-style-type: none;} .slideshow .slides {height: 395px; margin: 0;} .slideshow .slides li.slide {visibility: hidden; position: absolute; left: 0px; top: 0;} .slideshow .buttons {display: none;} .slideshow .buttons {display: block; position: absolute; z-index: 100; right: 42px; bottom: 20px; margin: 0;} .slideshow .buttons li {float: left; display: inline; width: 23px; height: 23px; margin: 0; padding-left: 4px; line-height: 23px; background-repeat:no-repeat;} .slideshow .buttons li a {height: 23px; width: 23px; text-align: center; text-decoration: none; color: #000; display: block; border: 1px solid #000; font-size: 0.8em; outline: 0; float: left;} .slideshow ul.buttons li a:hover {text-decoration: none; border: 1px solid #000; background-color: #cc0000; display: block; color: #0a0a0a;} .slideshow ul.buttons li.active a:hover, .slideshow ul.buttons li.active a {border: 1px solid #000; background-color: #cc0000; color:#fff; display: block;}
/* end: home page slideshow */
/* universal */
#call-container {
margin: 20px 0 25px 0;
height: auto;
width: 622px;
float: right;
text-align: right;}
#call-container p {font-size: 0.9em; margin: 0;}
#call-container p.phone {font-size: 1.4em; font-weight: bold;}
#wrapper {margin: 0 auto; height: auto; text-align: left; width: 927px; font-size: 100%;} /* 946? */
#top-wrapper {
margin: 27px 0 0 0;
height: 160px;
width: 927px;
float: left;}
#logo-container {
margin: 0;
height: 160px;
width: 305px;
display: inline;
float: left;}
/* - - - - - - - - - - - - - - - SHOP */
/* shop page, extinct #phone-container {
margin: 135px 27px 0 250px;
height: auto;
width: auto;
font-size: 1.2em;
font-weight: normal;
display: inline;
float: right;} */
#logout {
position: absolute;
bottom: 30px;
right: 30px;
margin: 0;
height: auto;
width: 150px;
font-size: 1.2em;
font-weight: normal;
display: inline;
float: right;
text-align: right;}
#logout-container a {color: #000;}
#logout-container a:hover {color: #cc0001;}
#logout-container2 {
margin: 165px 0 0 0;
height: auto;
width: auto;
font-size: 1.2em;
font-weight: normal;
display: block;
float: right;}
#logout-container2 a {color: #000;}
#logout-container2 a:hover {color: #cc0001;}
#logout-container3 {
margin: 1px 20px 0 0;
height: auto;
width: auto;
font-size: 0.8em;
display: inline;
float: right;}
#logout-container3 a {color: #cc0001; font-weight: bold;}
#logout-container3 a:hover {color: #000;}
#offline-nav-container {margin: 20px auto 0; padding: 0; height: 20px; width: 930px;}
#mainnav-container {
margin: 0 27px 0 0;
height: 160px;
width: 160px;
float: right;}
.hline-full {
margin: 25px 0 25px 0;
height: 1px;
line-height: 0em;
width: 927px;
background:url(../images/dash-hline.png) top left repeat-x;
float: left;}
/*arrow - black background with red hover text*/
a.action-arrow-container-a {
margin: 20px 0 0 0;
height: 25px;
background:url(../images/action/more-arrow.gif) top right no-repeat;
display: inline-block;
color: #fff;
text-decoration: none;
cursor: pointer;}
a.action-arrow-container-a:hover {
color: #cc0000;
text-decoration: none;
cursor: pointer;}
.action-arrow-container {
margin: 0 11px 0 0;
padding: 3px 6px 0 6px;
height: 21px;
background-color: #000;
font-size: 0.8em;
display: block;}
.notification_error {border:1px solid #A25965;height:auto;width:90%;padding:4px;background:#F8F0F1;text-align:left;-moz-border-radius:5px;}
.notification_ok {border:0px #567397 solid;height:auto;width:90%;padding:15px 8px 8px 8px;background:#000;color:#fff;text-align:center;/*-moz-border-radius: 5px;*/}
/*arrow - red hover background*/
a.action-arrow2-container-a {
margin: 20px 0 0 0;
height: 25px;
background:url(../images/longarrow.gif) top right no-repeat;
display: inline-block;
color: #fff;
text-decoration: none;
cursor: pointer;}
a.action-arrow2-container-a:hover {
text-decoration: none;
background:url(../images/longarrow-over.gif) top right no-repeat;
cursor: pointer;}
.action-arrow2-container {
margin: 0 11px 0 0;
padding: 3px 6px 0 6px;
height: 21px;
font-size: 0.8em;
display: block;}
/*end: universal styles*/
/*begin: universal text styles & other*/
.strong {font-weight: bold;}
.normal {font-weight: normal;}
.hide {display: none;}
/*end: universal text styles &other*/
/*begin: mainnav box*/
ul#menu {width: 160px; height: 160px; list-style: none; float: left;}
ul#menu li {float:left;}
ul#menu li a {display:block; height:52px; position:relative;}
/*1*/
ul#menu li a.news-over {margin: 0 2px 2px 0; width:52px; background:url(../images/Nav/1.gif) top left no-repeat;}
ul#menu li a.news {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/news.gif) top left no-repeat;}
ul#menu li a.news span {background: url(../images/nav/1.gif) top left no-repeat;}
ul#menu li a.news-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/news.gif) top left no-repeat;}
ul#menu li a.news-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}
/*2*/
ul#menu li a.about-over {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/2.gif) top left no-repeat;}
ul#menu li a.about {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/about.gif) top left no-repeat;}
ul#menu li a.about span {background: url(../images/nav/2.gif) top left no-repeat;}
ul#menu li a.about-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/about.gif) top left no-repeat;}
ul#menu li a.about-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}
/*3*/
ul#menu li a.services-over {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/3.gif) top left no-repeat;}
ul#menu li a.services {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/services.gif) top left no-repeat;}
ul#menu li a.services span {background: url(../images/nav/3.gif) top left no-repeat;}
ul#menu li a.services-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/services.gif) top left no-repeat;}
ul#menu li a.services-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}
/*4*/
ul#menu li a.clients-over {margin: 0 2px 2px 0; width:52px; background: url(../images/nav/4.gif) top left no-repeat;}
ul#menu li a.clients {margin: 0 2px 2px 0; width:52px; background: url(../images/nav/clients.gif) top left no-repeat;}
ul#menu li a.clients span {background:url(../images/nav/4.gif) top left no-repeat;}
ul#menu li a.clients-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/clients.gif) top left no-repeat;}
ul#menu li a.clients-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}
/*5*/
ul#menu li a.portfolio-over {margin: 0 2px 2px 0; width:52px; background: url(../images/nav/5.gif) top left no-repeat;}
ul#menu li a.portfolio {margin: 0 2px 2px 0; width:52px; background: url(../images/nav/portfolio.gif) top left no-repeat;}
ul#menu li a.portfolio span {width: 52px; background:url(../images/nav/5.gif) top left no-repeat;}
ul#menu li a.portfolio-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/portfolio.gif) top left no-repeat;}
ul#menu li a.portfolio-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}
/*6*/
ul#menu li a.play-over {margin: 0 2px 2px 0; width:52px; background: url(../images/nav/6.gif) top left no-repeat;}
ul#menu li a.play {margin: 0 2px 2px 0; width:52px; background: url(../images/nav/play.gif) top left no-repeat;}
ul#menu li a.play span {background:url(../images/nav/6.gif) top left no-repeat;}
ul#menu li a.play-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/play.gif) top left no-repeat;}
ul#menu li a.play-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}
/*7*/
ul#menu li a.green-over {margin: 0 0 2px 0; width:52px; background: url(../images/nav/7.gif) top left no-repeat;}
ul#menu li a.green {margin: 0 0 2px 0; width:52px; background: url(../images/nav/green.gif) top left no-repeat;}
ul#menu li a.green span {background:url(../images/nav/7.gif) top left no-repeat;}
ul#menu li a.green-return span span {margin: 0 2px 2px 0; width:52px; background:url(../images/nav/green.gif) top left no-repeat;}
ul#menu li a.green-return span span:hover {margin: 0 2px 2px 0; width:52px; cursor: pointer;}
/*8*/
ul#menu li a.blog-over {margin: 0 0 2px 0; width:52px; background: url(../images/nav/8.gif) top left no-repeat;}
ul#menu li a.blog {margin: 0 0 2px 0; width:52px; background: url(../images/nav/blog.gif) top left no-repeat;}
ul#menu li a.blog span {background:url(../images/nav/8.gif) top left no-repeat;}
ul#menu li a.blog-return span span {margin: 0 0 2px 0; width:52px; background:url(../images/nav/blog.gif) top left no-repeat;}
ul#menu li a.blog-return span span:hover {margin: 0 0 2px 0; width:52px; cursor: pointer;}
/*9*/
ul#menu li a.contact-over {margin: 0 0 2px 0; width:52px; background: url(../images/nav/9.gif) top left no-repeat;}
ul#menu li a.contact {margin: 0 0 2px 0; width:52px; background: url(../images/nav/contact.gif) top left no-repeat;}
ul#menu li a.contact span {background:url(../images/nav/9.gif) top left no-repeat;}
ul#menu li a.contact-return span span {margin: 0 0 2px 0; width:52px; background:url(../images/nav/contact.gif) top left no-repeat;}
ul#menu li a.contact-return span span:hover {margin: 0 0 2px 0; width:52px; cursor: pointer;}
ul#menu li a span {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1;} /*z-index was 100*/
ul#menu li a span:hover {cursor: pointer;}
/* end: mainnav box*/
/*begin: top banner & styles for each section*/
#top-banner-wrapper {
margin-top: 30px;
padding: 0 30px 0 30px;
position: relative;
height: 198px;
width: 867px; /*870?? 930??*/
background:url(../images/top/bg.png) top left no-repeat;
float: left;}
#top-banner-wrapper p {
font-size: 7.5em;
letter-spacing: -1pt;
height: auto;
width: auto;
display: block;
float: left;}
.topban-push {margin-top: 40px;}
/* social media banner */
#top-banner-wrapper2 {
padding: 0 30px 0 30px;
position: relative;
height: 203px;
width: 867px; /*870?? 930??*/
background:url(../images/top/bg2.png) top left no-repeat;
display: inline;
float: left;}
#top-banner-wrapper2 p {
font-size: 7.5em;
letter-spacing: -1pt;
height: auto;
width: auto;
display: block;
float: left;}
/* end social media banner */
#top-banner-services-wrapper {
padding: 0 30px 0 30px;
position: relative;
height: 198px;
width: 867px;
background:url(../images/top/services-bg.png) top left no-repeat;
display: inline;
float: left;}
#top-banner-services-wrapper p {
font-size: 7.5em;
letter-spacing: -1pt;
float: left;}
/*#top-banner-id-4 {
position: absolute;
background: url(../images/top/4.png) top left no-repeat;
height: 72px;
width: 72px;
left: 588px;
top: -39px;}*/
#top-banner-id-5 {
position: absolute;
background: url(../images/top/5.png) top left no-repeat;
height: 72px;
width: 72px;
left: 588px;
top: -39px;}
#top-banner-id-1 {
position: absolute;
background: none; /* url(../images/top/1.png) top left no-repeat; /* mews !*/
height: 59px;
width: 59px;
left: 414px;
top: -34px;}
#top-banner-id-swirl2 { /* portfolio */
position: absolute;
background: url(../images/top/swirl2.png) top left no-repeat;
height: 154px;
width: 289px;
left: 200px;
top: -95px;}
#top-banner-id-swirl3 {
position: absolute;
background: url(../images/top/swirl4.png) top left no-repeat;
height: 429px;
width: 208px;
left: 335px;
top: -180px;}
#top-banner-id-swirl4 {
position: absolute;
background: url(../images/top/swirl6.png) top left no-repeat;
height: 103px;
width: 289px;
left: 370px;
top: 6px;}
#top-banner-id-swirl5 {
position: absolute;
background: url(../images/top/swirl8.png) top left no-repeat;
height: 202px;
width: 367px;
left: 327px;
top: -148px;}
#top-banner-id-contact-swirl {
position: absolute;
background: url(../images/top/contact-swirl.png) top left no-repeat;
height: 61px;
width: 63px;
left: 451px;
top: -66px;}
#top-banner-id-creative-swirl {
position: absolute;
background: url(../images/top/swirl7b.png) top left no-repeat;
height: 217px;
width: 313px;
left: 358px;
top: -185px;}
#top-banner-id-swirl6 {
position: absolute;
background: url(../images/blog/swirl6.png) top left no-repeat;
height: 328px;
width: 190px;
left: 312px;
bottom: 1px;}
.top-wrapper {
padding: 22px 0 0 0;
height: 189px;
width: 927px;
float: left;}
.top-wrapper.swirl1 {background:url(../images/top/swirl1.png) 368px -22px no-repeat;} /* clients */
.top-wrapper.swirl3 {background:url(../images/top/swirl3.png) 370px 7px no-repeat;} /* news */
.top-wrapper.swirl6 {background:url(../images/top/swirl6b.png) 393px 16px no-repeat;} /* services */
#top-wrapper-blurb { /*little box in top banner for short blurb*/
margin: 40px 0 0 15px;
height: 80px;
width: 220px;
font-size: 0.9em;
color: #333;
overflow: visible;
position: absolute;
float: left;
top: 63px;
left: 330px;}
#top-wrapper-blurb2 { /*little box in top banner for short blurb 2*/
margin: 40px 0 0 15px;
height: 85px;
width: 420px;
font-size: 0.9em;
color: #333;
overflow: visible;
position: absolute;
float: left;
top: 63px;
left: 410px;}
/*end: top banner & styles for each section*/
/*start: blog*/
#top-banner-swirl4 {
position: absolute;
background: url(../images/blog/swirl6.png) top left no-repeat;
height: 328px;
width: 190px;
left: 312px;
bottom: 1px;}
.top-banner-title {margin: 60px 0 0 0;}
#archive-search-container {height: 140px; width: 290px; float: right;}
#archive-search-container {font-size: 1.1em;}
/*end: blog*/
/*begin: other pages standard styles*/
#content-wrapper {
margin: 28px 0 0 0;
height: auto;
width: 927px;
float: left;}
#alt-content-wrapper {
margin: 0 0 28px 0;
height: auto;
width: 927px;
float: left;}
#alt2-content-wrapper { /* for portfolio pages and etc. */
margin: 28px 0 0 0;
float: left;}
/*begin: client-login*/
a.client-login {
padding: 5px 0 0 60px;
height: 50px;
width: 85px;
background: url(../images/login.gif) top left no-repeat;
display: block;
float: left;}
a.client-login:hover {background:url(../images/login-over.gif) top left no-repeat;}
a.client-login span {color: #000;}
a.client-login:hover span {color: #cc0000;}
.client-login-first {line-height: 1.0em; font-size: 0.8em;}
.client-login-last {line-height: 1.2em; font-size: 1.6em;}
/*end: client-login*/
.content-socialmedia-wrapper {
margin: 0 0 15px 0;
padding: 0 0 5px 0;
height: auto;
width: 927px;
float: left;}
.content-socialmedia-wrapper.alt1 {padding: 37px 0 25px 0;}
#alt-blurb-container {
height: auto;
width: 400px;
font-size: 0.75em;
color: #000;
float: left;}
/*#dashed-content-wrapper { /*full page content wrapper that mimics other top banners ; [3/15/10 - removed to accommodate social media hover]*/
/*position: relative;
height: auto;
width: 867px;
display: inline;
float: left;}*/
#dashed-content-container {
position: relative;
height: auto;
width: 927px;
background:url(../images/dash-doublevline.gif) top left repeat-y;
display: inline;
float: left;}
#dashed-top-container {
height: 6px;
width: 927px;
background:url(../images/top-dashed-bg.gif) top left no-repeat;
float: left;}
#dashed-bottom-container {
height: 23px;
width: 927px;
background:url(../images/bottom-dashed-bg.png) top left no-repeat;
float: left;}
#alt-content-container {
margin: 0 229px 0 78px;
height: auto;
width: 620px;
float: left;}
#alt-content-container p {margin: 0 0 20px 0; font-size: 0.9em; line-height: 1.2em;}
#content-silo-container {
margin: 0 0 0 30px;
height: auto;
min-height: 170px;
width: 230px;
display: inline;
background:url(../images/green/carbon-neutral.png) 40px 0 no-repeat;
float: left;}
#content-companion-container {height: auto; width: 637px; float: left;}
#content-companion-container h1.first {margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold;}
#content-companion-container h1 {margin: 10px 0 10px 0; font-size: 1.4em; font-weight: bold;}
#content-companion-container p {font-size: 0.9em; line-height: 1.3em;}
/*about & about pages [profile, mission, partners]*/
#about-display-container {
margin: 0 0 40px 0;
height: 140px;
width: 444px;
background:url(../images/top/about.png) top left no-repeat;
float: left;}
#profile-content-container {
margin: 180px 229px 0 78px;
height: auto;
width: 620px;
float: left;}
#profile-content-container p {margin: 0 0 20px 0; font-size: 0.9em; line-height: 1.2em;}
.content-dashed-wrapper {
/*position: relative; */ /* [3-15-10 commented out to accommodate social media pop up */
height: auto;
width: 867px;
display: inline;
float: left;}
.content-dashed-wrapper.style1 {background:url(../images/top/profile.png) 30px 1px no-repeat;}
#dashed-profile-content-wrapper { /*full page profile content wrapper that mimics other top banners*/
/*position: relative; */ /* [3-15-10 commented out to accommodate social media pop up */
height: auto;
width: 867px;
display: inline;
background:url(../images/top/profile.png) 30px 1px no-repeat;
float: left;}
#dashed-mission-content-wrapper { /*full page mission content wrapper that mimics other top banners*/
/*position: relative; */ /* [3-15-10 commented out to accommodate social media pop up */
height: auto;
width: 867px;
display: inline;
background:url(../images/top/mission-bottom.png) 30px 112px no-repeat;
float: left;}
#top-banner-id-mission {
position: absolute;
background: url(../images/top/mission-top.png) top left no-repeat;
height: 332px;
width: 365px;
left: 317px;
top: -139px;}
#partners-display-container {
margin: 0 0 40px 78px;
height: 130px;
width: 550px;
background:url(../images/top/partners.png) top left no-repeat;
float: left;}
#content-partners-container {
margin: 0 0 0 78px;
height: auto;
width: 828px;
float: left;}
.content-partners-silo {position: relative; padding: 0 0 80px 0; height: auto; width: 380px; float: left;}
#content-partners-container img.logo {height: 169px; width: 380px; float: left;}
#content-partners-container p.info {margin: 20px 0 0 0; height: auto; width: 380px; font-size: 0.9em; line-height: 1.2em; display: block; float: left;}
/* partners arrow */
#alt-partner-container {
position: absolute;
margin: 25px 0 0 0;
height: 35px;
width: 383px;
display: inline;
float: left;
left: -10px;
bottom: 30px;}
#partners-left-navlist {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
line-height: 1.8em;
text-align: left;}
.partners-left {float: left;}
#partners-left-navlist a {
margin: 0 2px 0 0;
padding-right: 40px;
text-decoration: none;}
#partners-left-navlist a:hover {
text-decoration: none;}
/* end partners arrow */
/*clients & clients pages [testimonials]*/
.clients-row-container {
margin: 0 0 5px 30px;
height: 186px;
width: 867px;
display: inline;
float: left;}
.client-goto-container-first {
height: 186px;
width: 285px;
background-color: #000;
float: left;}
.client-goto-container { /*for old non-slideshow clients index page */
margin: 0 0 0 6px;
height: 186px;
width: 285px;
background-color: #000;
float: left;}
.goto {display: block; height: 186px; width: 285px;}
.kellogg-conference-hotel {background:url(../images/clients/kellogg-conference-hotel.png) 83px 22px no-repeat;}
.anora-home {background:url(../images/clients/anora-home.png) 39px 43px no-repeat;}
.montgomery-medical-associates-pc {background:url(../images/clients/montgomery-medical-associates-pc.png) 25px 64px no-repeat;}
.synergy-d-and-c {background:url(../images/clients/synergy-d-and-c.png) 26px 64px no-repeat;}
.innovative-pest-management {background:url(../images/clients/innovative-pest-management.png) 64px 28px no-repeat;}
.cv-expert-review {background:url(../images/clients/cv-expert-review.png) 31px 56px no-repeat;}
.ardmore-rsm {background:url(../images/clients/ardmore-rsm.png) 27px 55px no-repeat;}
.esettlement-solutions {background:url(../images/clients/esettlement-solutions.png) 50px 47px no-repeat;}
.half-bridal {background:url(../images/clients/half-bridal.png) 35px 48px no-repeat;}
.client-launch {
position: absolute;
display: block;
background: url(../images/clients/launch.gif) bottom right no-repeat;
cursor: pointer;}
.client-launch:hover {background: url(../images/clients/launch-over.gif) bottom right no-repeat;}
/*client slidingbox*/
h3 {margin: 15px 15px 0 15px; color:#FFF; font:1.2em Arial, sans-serif; font-weight: bold;}
.boxgrid {
margin: 0 6px 5px 0;
width: 285px;
height: 186px;
float: left;
/*background: #333;*/
background: url(../images/clients/marstudio-clients-box-background.png) top left no-repeat;
overflow: hidden;
position: relative;}
.boxgrid a {color: #cc0000;}
.boxgrid a:hover {color: #fff;}
.boxgrid-last {margin: 0;}
.boxgrid img {position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p {
padding: 0 15px;
color: #afafaf;
font-weight: bold;
font: 10pt "Lucida Grande", Arial, sans-serif;}
.boxcaption{
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.captionfull .boxcaption {top: 260; left: 0;}
.caption .boxcaption {top: 220; left: 0;}
/*green & green pages [hosting, printing]*/
#green-logo-container {
margin: 0;
height: 160px;
width: 305px;
display: inline;
float: left;}
#green-top-banner-wrapper {
margin-top: 30px;
padding: 0 30px 0 30px;
position: relative;
height: 172px;
width: 867px;
display: inline;
background:url(../images/green/top-banner-body.png) top left no-repeat;
float: left;}
#green-top-banner-wrapper p {font-size: 7.5em; letter-spacing: -1pt; float: left;}
#leaf-tip-container {
position: absolute;
height: 36px;
width: 32px;
background:url(../images/green/leaf-tip.png) top left no-repeat;
float: left;
left: 610px;
top: -36px;}
#green-top-banner-bottom-container {
height: 26px;
width: 927px;
background:url(../images/green/top-banner-bottom.png) bottom left no-repeat;
float: left;}
.green-column-l-wrapper {
margin: 0 0 0 30px;
height: auto;
width: 408px;
display: inline;
float: left;}
.green-column-r-wrapper {
margin: 0 30px 0 51px;
height: auto;
width: 408px;
display: inline;
float: left;}
.green-title-silo {
height: auto;
width: 171px;
background: url(../images/green/green.png) 42px 0 no-repeat;
float: left;}
.green-title-silo img {margin: 40px 0 0 0; float: left;}
.green-services-info {height: auto; width: 237px; float: left;}
.green-services-info p {
margin: 5px 0 0 0;
font-size: 0.9em;
line-height: 1.3em;}
.printing-partners-container {
margin: 30px 0 0 0;
padding: 0 30px 30px 50px;
height: auto;
width: 847px;
background: url(../images/dash-hline.png) bottom left repeat-x;
float: left;}
.printing-partners-logo-container {
height: auto;
width: 210px;
text-align: center;
float: left;}
.printing-partners-logo-container a {text-align: center;}
.printing-partners-logo-container a:hover {text-align: center;}
.printing-partners-info-container {height: auto; width: 637px; float: left;}
.printing-partners-info-container a {color: #12a02a;}
.printing-partners-info-container a:hover {color: #cc0000;}
.printing-partners-info-container p {margin: 0 0 15px 0; font-size: 0.8em;}
.printing-partners-info-container .footnote {margin: 0 0 15px 0; font-size: 0.6em;}
/*testimonials*/
.testimonial-wrapper {
margin: 0 0 25px 37px;
height: auto;
width: 415px;
display: inline-block;
zoom:1; /* IE7 i hate you */
*display: inline;
clear:both;}
.testimonial-container {
padding: 20px 0 21px 0;
height: auto;
width: 415px;
background:#cc0000 url(../images/testimonials-tail.gif) bottom left no-repeat;
display:block;}
.testimonial-container p {
font-style: italic;
padding: 0 20px 20px 20px;
color: #fff;
font-size: 1.0em;}
.post-meta {color: #000;}
.post-meta-key {display: none;}
.author-container {
padding: 10px 0;
height: auto;
width: 415px;
color: #333;
float: left;}
.author-container span {font-size: 1.1em;}
.author-container .subcopy {font-size: 0.8em;}
/*pagination on pop-up pages*/
.pagination-container {height: 23px; width: auto; float: right;}
.pagination-topmargin {margin: 83px 0 0 0;}
.pagination-topbottommargins {margin: 10px 41px 20px 0;} /* was margin: 10px 30px 10px 0; */
.pagination-container .btn-l {height: 23px; width: 23px; float: left;}
.pagination-container .btn-l a {background: url(../images/action/pagination-arrows.gif) top left no-repeat; background-position: 0px 0px; float: left;}
.pagination-container .btn-l a:hover {background: url(../images/action/pagination-arrows.gif) top left no-repeat; background-position: -23px 0px;}
.pagination-container .btn-r {height: 23px; width: 23px; float: left;}
.pagination-container .btn-r a {background: url(../images/action/pagination-arrows.gif) top left no-repeat; background-position: -46px 0%; float: left;}
.pagination-container .btn-r a:hover {background: url(../images/action/pagination-arrows.gif) top left no-repeat; background-position: -69px 0%;}
.pagination-container .pages-container {
margin: 0 2px 0 2px;
padding: 2px 6px 0 6px;
height: 19px;
width: auto;
border: 1px solid #000;
font-size: 0.8em;
float: left;}
.pagination-border-container {
margin: 0 0 0 7px;
height: 1px;
width: 898px; /* was 100% */
background:url(../images/dash-hline.png) top left repeat-x;
float: left;}
.pagination-noborder-container {
margin: 0 0 0 7px;
height: 1px;
width: 898px;
float: left;}
/*pop-ups framework on portfolio, creative, etc.*/
/*mew... i mean new, for modules*/
.show-group-container-basic {
position: relative;
margin: 0 0 30px 7px;
padding: 0;
height: auto;
min-height: 460px;
width: 454px;
float: left;}
.group-border-basic {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
height: 1px;
width: 440px;
background:url(../images/slideshows/hline-dashed3.gif) bottom left repeat-x;
float: left;}
.alt-showcase-row-container {
margin: 0 0 30px 0;
height: auto;
width: 946px;
background:url(../images/showcase-hline.png) bottom left no-repeat;
float: left;}
/*old*/
.showcase-row-container {
margin: 0 0 30px 0;
height: auto;
width: 927px;
background:url(../images/showcase-hline.png) bottom left no-repeat;
float: left;}
.showcase-row-container-noborder {
margin: 0 0 30px 0;
height: auto;
width: 927px;
float: left;}
.showcase-row-container-alt {
height: auto;
width: 927px;
background:url(../images/showcase-hline.png) bottom left no-repeat;
float: left;}
.show-group-container-l {
padding: 0 0 30px 12px;
height: auto;
width: 454px;
float: left;}
.show-group-container-l-last {
padding: 0 0 30px 12px;
height: auto;
width: 454px;
float: left;}
.show-group-container-l-noborder {
padding: 0 0 30px 12px;
height: auto;
width: 454px;
float: left;}
.show-group-container-r {
margin: 0 0 0 7px;
padding: 0 0 30px 0;
height: auto;
width: 454px;
float: left;}
.show-group-container-r-last {
padding: 0 0 30px 0;
height: auto;
width: 454px;
float: left;}
.show-group-container-r-noborder {
padding: 0 0 30px 0;
height: auto;
width: 454px;
float: left;}
.show-item-container {position: relative; margin: 0 0 10px 0; height: auto; width: 454px; float: left;}
.show-img {margin: 7px 0 0 7px;}
.launch {
position: absolute;
display: block;
background: url(../images/slideshows/launch.gif) 404px 222px no-repeat;
cursor: pointer;}
.launch:hover {background: url(../images/slideshows/launch-over.gif) 404px 222px no-repeat;}
.show-info-container {
padding: 0 20px 0 20px;
height: auto;
width: 414px;
float: left;}
.show-info-container p {color: #333; font-size: 0.8em; line-height: 1.2em;}
.show-info-container .title {margin: 0 0 15px 0; color: #333; font-size: 1.2em;}
.show-info-container .credit {margin: -10px 0 15px 0; color: #333; font-size: 0.8em;}
.show-info-container .redo {margin: 15px 0 0 0; color: #333;}
/*slideshow caption styles*/
.show-caption-container {
padding: 0 3px 0 3px;
position: absolute;
height: auto;
width: 100%;
left: 0px;
bottom: 3px;
color: #000;
float: left;}
.show-caption-container a {color: #cc0000;}
.show-caption-container a:hover {color: #000;}
.show-text {
margin: 0 7px 0 7px;
height: auto;
width: auto;
display: block;
font-size: 9pt;
color: #000;
float: left;}
.show-pipe {
height: auto;
width: 1px;
display: block;
font-size: 8pt;
color: #000;
float: left;}
.show-pagenumber {
margin: 0 7px 0 7px;
padding: 0 7px 0 0;
height: auto;
width: auto;
display: block;
font-size: 8pt;
color: #000;
font-weight: bold;
float: right;}
/*portfolio, creative*/
#show-wrapper-columnl {height: auto; width: 466px; float: left;}
#show-wrapper-columnr {
margin: 0 0 0 7px;
height: auto;
width: 453px;
float: left;}
.show-container {
position: relative;
height: 275px;
width: 454px;
background: url(../images/slideshows/show-bg.png) top left no-repeat;
float: left;}
#panels-wrapper {
margin-top: 30px;
height: auto;
width: 927px;
float: left;}
.panel-container {
margin: 0 3px 0 0;
padding: 30px;
height: 335px;
width: 170px;
display: block;
float: left;}
.panel-info {color: #fff; font-size: 0.8em; display: block;}
.panel-container-last {
padding: 30px;
height: 335px;
width: 168px;
display: block;
float: left;}
/*creative*/
a.panel-paintings {background: #f0c102 url(../images/panels/paintings.png) 157px 133px no-repeat;}
a.panel-paintings:hover {background: #a88701 url(../images/panels/paintings.png) 157px 133px no-repeat;}
a.panel-sketches {background: #7db8d9 url(../images/panels/sketches.png) 157px 135px no-repeat;}
a.panel-sketches:hover {background: #578097 url(../images/panels/sketches.png) 157px 135px no-repeat;}
a.panel-photographs {background: #675d56 url(../images/panels/photographs.png) 157px 46px no-repeat;}
a.panel-photographs:hover {background: #48413c url(../images/panels/photographs.png) 157px 46px no-repeat;}
a.panel-illustrations {background: #bd8cbf url(../images/panels/illustrations.png) 157px 86px no-repeat;}
a.panel-illustrations:hover {background: #846285 url(../images/panels/illustrations.png) 157px 86px no-repeat;}
/*portfolio*/
a.panel-web {background: #9900cc url(../images/panels/web.png) 157px 249px no-repeat;}
a.panel-web:hover {background: #6b008e url(../images/panels/web.png) 157px 249px no-repeat;}
a.panel-print {background: #cccc00 url(../images/panels/print.png) 157px 252px no-repeat;}
a.panel-print:hover {background: #8e8e00 url(../images/panels/print.png) 157px 252px no-repeat;}
a.panel-branding {background: #ff6600 url(../images/panels/branding.png) 157px 144px no-repeat;}
a.panel-branding:hover {background: #b24700 url(../images/panels/branding.png) 157px 144px no-repeat;}
a.panel-campaigns {background: #66cccc url(../images/panels/campaigns.png) 157px 80px no-repeat;}
a.panel-campaigns:hover {background: #478e8e url(../images/panels/campaigns.png) 157px 80px no-repeat;}
/*services*/
a.panel-web2 {background: #668098 url(../images/panels/web.png) 157px 249px no-repeat;}
a.panel-web2:hover {background: #47596a url(../images/panels/web.png) 157px 249px no-repeat;}
a.panel-print2 {background: #887f6f url(../images/panels/print.png) 157px 252px no-repeat;}
a.panel-print2:hover {background: #5f594d url(../images/panels/print.png) 157px 252px no-repeat;}
a.panel-branding2 {background: #a186be url(../images/panels/branding.png) 157px 144px no-repeat;}
a.panel-branding2:hover {background: #705e85 url(../images/panels/branding.png) 157px 144px no-repeat;}
a.panel-multimedia {background: #afaa5a url(../images/panels/multimedia.png) 157px 95px no-repeat;}
a.panel-multimedia:hover {background: #7a773f url(../images/panels/multimedia.png) 157px 80px no-repeat;}
/*news*/
.news-row-container {margin: 0 0 0 28px; height: auto; width: 867px; float: left;}
#news-columnl {
margin: 0 0 0 30px;
height: auto;
width: 415px;
float: left;}
#news-columnr {
margin: 0 30px 0 37px;
height: auto;
width: 415px;
float: left;}
.news-wrapper-l {
margin: 0 0 25px 0;
height: auto;
width: 415px;
float: left;}
.news-wrapper-r {
margin: 0 0 25px 0;
height: auto;
width: 415px;
float: right;}
.news-container {
position: relative;
padding: 0 0 21px 0;
height: auto;
min-height: 140px;
width: 415px;
background: #cc0000 url(../images/testimonials-tail.gif) bottom left no-repeat;
float: left;}
.news-container p {padding: 20px; color: #fff; font-size: 1.0em;}
.news-author-container {
padding: 10px 0 0 0;
height: auto;
width: 415px;
color: #333;
float: left;}
.news-author-container span {font-size: 1.1em;}
.news-author-container .subcopy {font-size: 0.8em;}
.news-launch {
position: absolute;
background: url(../images/action/launch.gif) top right no-repeat;
cursor: pointer;
bottom: 21px; /* 21 */
right: 0px;}
.news-launch:hover {background: url(../images/action/launch-over.gif) top right no-repeat;}
.news-launch-no {
position: absolute;
display: block;
background: none;
cursor: pointer;
bottom: 21px;
right: 0px;}
.news-launch-no:hover {background: none;}
.year-container {margin: 0 0 25px 0; height: auto; width: 927px; float: left;}
.year-container-alt {margin: 0 0 25px 0; height: auto; width: 927px; background:url(../images/dash-hline.png) bottom left repeat-x; float: left;}
.year-last-container {height: auto; width: 927px; float: left;}
.date-block-container {
height: 97px;
width: 106px;
float: left;}
.date-block {
padding: 42px 0 0 0;
height: 36px;
width: 76px;
display: block;
color: #fff;
text-align: center;
font-size: 1.9em;
letter-spacing: -1px;
font-weight: bold;
background-color: #cd2026;
float: left;}
.archives-container {
height: auto;
width: 791px;
float: left;}
.archives-container .title .nolink {color: #000; font-size: 1.1em; font-weight: bold;}
.archives-container .title a {color: #000; font-size: 1.1em; font-weight: bold;}
.archives-container .title a:hover {color: #cc0000; font-size: 1.1em; font-weight: bold;}
.archives-container .entry {margin: 0 0 25px 0; font-size: 0.8em;}
.archives-container .entry-hasmore {margin: 0 0 10px 0; font-size: 0.8em;}
.archives-container .entry-last {margin: 0; font-size: 0.8em;}
#article-title-container {
margin: 0 0 0 30px;
height: auto;
width: 867px;
float: left;}
#article-title-container h2 {font-size: 1.6em; color: #cc0000; font-weight: bold; position: static;}
#article-title-container .byline {color: #333; font-size: 0.7em;}
#article-title-container .title {margin: 20px 0 0 0; color: #000; font-size: 1.2em; font-weight: bold;}
#article-body-container {
margin: 0;
height: auto;
width: 867px;
float: left;}
#article-body-container h1 {
margin: 20px 0 0 30px;
display: block;
width: 867px;
font-size: 1.4em;
font-weight: bold;
line-height: 1.2em;}
#article-body-container p {
margin: 20px 0 0 30px;
font-size: 1.0em;
line-height: 1.2em;}
#dropdown-menu-wrapper {padding: 9px 12px 4px 12px; height: 30px; width: 263px; background-color: #CC0000; float: left; position: absolute; top: 125px; left: 610px;}
.text-container {margin: 2px 0 0 0; padding-right: 20px; width: auto; display: block; font-size: 0.8em; float: left; color: #fff;}
.dropdown-container {margin: 0px 10px 0 0; padding: 0; height: auto; width: 190px; background-color:#fff; float: left; border: 1px solid #fff;}
.button-container {padding: 2px 6px 4px 5px; color: #fff; background-color: #000; border: 0;}
/*services*/
#services-id-container-branding {
height: 97px;
width: 106px;
float: left;}
#services-block {
height: 76px;
width: 76px;
display: block;
color: #fff;
text-align: center;
font-size: 1.9em;
letter-spacing: -1px;
font-weight: bold;
float: left;}
.branding {background: url(../images/b.png) top left no-repeat;}
.web {background: url(../images/w.png) top left no-repeat;}
.print {background: url(../images/p.png) top left no-repeat;}
.multimedia {background: url(../images/m.png) top left no-repeat;}
.services-body-container {
height: auto;
width: 791px;
float: left;}
.services-body-container .title {color: #000; font-size: 1.1em; font-weight: bold;}
.services-body-container .title a {color: #000; font-size: 1.1em; font-weight: bold;}
.services-body-container .title a:hover {color: #cc0000; font-size: 1.1em; font-weight: bold;}
.services-body-container .entry {margin: 0 0 25px 0; font-size: 0.8em; line-height: 1.5em;}
.services-body-container .entry-last {margin: 0; font-size: 0.8em; line-height: 1.5em;}
/*share this*/
span#sharethis_0 {
width:50px;
height:50px;
padding:0 !important;
margin:0 !important;
float: left;}
span#sharethis_0 a.stico_default {
display:block !important;
width:147px;
height:50px;
background:url(../images/socialmedia/share-st.png) no-repeat !important;
padding:0 !important;
margin:0 !important;
float: left;}
span#sharethis_0 a.stico_default:hover {
background:url(../images/socialmedia/share-st-over.png) no-repeat !important;}
span#sharethis_0 a span.stbuttontext {
margin: 0 0 0 60px;
padding: 20px 0 0 0;
display:inline;
line-height: 1.0em;
font-size: 1.2em;
color: #000;
float: left;}
span#sharethis_0 a span.stbuttontext:hover {
color:#cc0000;}
span#sharethis_0 a span.stbuttontext p:first-line {
background-color: #3399CC;}
span#sharethis_0 a span.stbuttontext:hover p:first-line {
background-color: #3399CC;}
#share-wrapper {margin: 0 17px 0 12px; height: 55px; width: 145px; float: left;}
#share-text-container {
height: 55px;
width: 90px;}
a.share {
margin: 0 0 0 12px;
height: 55px;
width: 145px;}
a.share:hover {}
a.share span {color: #000;}
a.share:hover span {color: #cc0000;}
.share-first {line-height: 1.0em; font-size: 0.8em;}
.share-last {line-height: 1.2em; font-size: 1.6em;}
/*end: other pages standard styles*/
/* social media */
a.sm {
margin: 0;
height: 80px;
width: 80px;
display: block;}
a.sm-twitter {background: url(../images/socialmedia/sm-twitter.gif) top left no-repeat;}
a.sm-twitter:hover {background: url(../images/socialmedia/sm-twitter-over.gif) top left no-repeat;}
a.sm-facebook {background: url(../images/socialmedia/sm-facebook.gif) top left no-repeat;}
a.sm-facebook:hover {background: url(../images/socialmedia/sm-facebook-over.gif) top left no-repeat;}
a.sm-flickr {background: url(../images/socialmedia/sm-flickr.gif) top left no-repeat;}
a.sm-flickr:hover {background: url(../images/socialmedia/sm-flickr-over.gif) top left no-repeat;}
a.sm-linkedin {background: url(../images/socialmedia/sm-linkedin.gif) top left no-repeat;}
a.sm-linkedin:hover {background: url(../images/socialmedia/sm-linkedin-over.gif) top left no-repeat;}
a.sm-youtube {background: url(../images/socialmedia/sm-youtube.gif) top left no-repeat;}
a.sm-youtube:hover {background: url(../images/socialmedia/sm-youtube-over.gif) top left no-repeat;}
a.sm-behance {background: url(../images/socialmedia/sm-behance.gif) top left no-repeat;}
a.sm-behance:hover {background: url(../images/socialmedia/sm-behance-over.gif) top left no-repeat;}
.socialmedia-container {
margin: 20px 0 0 0;
padding: 0 30px 20px 0;
height: auto;
width: 897px;
background: url(../images/dash-hline.png) bottom left repeat-x;
float: left;}
.socialmedia-logo-container {
height: auto;
width: 108px;
text-align: left;
float: left;}
.socialmedia-logo-container a {text-align: left;}
.socialmedia-logo-container a:hover {}
.socialmedia-info-container {height: auto; width: 637px; float: left;}
.socialmedia-info-container a {color: #000; font-size: 2.0em;}
.socialmedia-info-container a:hover {color: #cc0000;}
.socialmedia-info-container p {font-size: 0.8em;}
.socialmedia-info-container .footnote {margin: 0 0 15px 0; font-size: 0.6em;}
a.socialmedia-lead {
padding: 0 30px 0 0;
background: url(../images/action-arrow-over.gif) right 7px no-repeat;}
a.socialmedia-lead:hover {
background: url(../images/action-arrow-over2.gif) right 7px no-repeat;}
/*begin: top banner list*/
#bannerlist-container {
margin: 25px 0 0 0;
height: 35px;
width: 868px;
display: inline;
float: left;}
#alt-bannerlist-container {
margin: 25px 0 0 30px;
height: 35px;
width: 868px;
display: inline;
float: left;}
#bannerlist-left-navlist ul {
display: inline;}
#bannerlist-left-navlist li {
display: inline;}
#bannerlist-left-navlist li span {
font-size: 1.5em;
line-height: 1.1em;}
#bannerlist-left-navlist li.last {border:none;}
#bannerlist-left-navlist {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: normal;
text-align: left;}
.bannerlist-right {line-height: 1.6em; float: right;}
.bannerlist-left {float: left;}
#bannerlist-left-navlist a {
margin: 0 2px 0 0;
text-decoration: none;}
#bannerlist-left-navlist a:hover {
text-decoration: none;}
a.white-over {color: #000;}
a.white-over:hover {color: #fff;}
a.nav-left {background: url(../images/action/nav-topleft-reg.gif) 100% 8px no-repeat;}
a.nav-left:hover {background: url(../images/action/nav-topleft-over.gif) 100% 8px no-repeat;}
a.nav-right {background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.nav-right:hover {background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat;}
a.plain {padding: 0 20px 0 10px; color: #000; display: block;}
a.plain:hover {padding: 0 20px 0 10px; color: #cc0000; display: block;}
a.plainer {padding: 0 34px 0 0; color: #000; display: block; background: url(../images/action/nav-topleft-reg.gif) 100% 8px no-repeat;}
a.plainer:hover {padding: 0 34px 0 0; color: #cc0000; display: block; background: url(../images/action/nav-topleft-over.gif) 100% 8px no-repeat;}
a.plainer-blog {padding: 0 34px 0 0; color: #000; display: block;}
a.plainer-blog:hover {padding: 0 34px 0 0; color: #cc0000; display: block;}
a.plain-last {padding: 0 0 0 10px; color: #000; display: block;}
a.plain-last:hover {padding: 0 0 0 10px; display: block;}
a.marstudio {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.marstudio:hover {padding: 0 34px 0 10px; color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #cc0000;}
a.orange {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.orange:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #ff6600;}
a.olive {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.olive:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #cccc00;}
a.violet {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.violet:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #9900cc;}
a.teal {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.teal:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #66cccc;}
a.slate {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.slate:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #668098;}
a.brown {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.brown:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #887f6f;}
a.lavender {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.lavender:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #a186be;}
a.pea {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.pea:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #afaa5a;}
a.mustard {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.mustard:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #f0c102;}
a.sky {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.sky:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #7db8d9;}
a.dirt {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.dirt:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #675d56;}
a.berry {padding: 0 34px 0 10px; color: #000; display: block; background: url(../images/action/nav-topright-reg.gif) 92% 8px no-repeat;}
a.berry:hover {color: #fff; display: block; background: url(../images/action/nav-topright-over.gif) 92% 8px no-repeat #bd8cbf;}
/*end: top banner list*/
/*begin: social media (also see: share this*/
#socialmedia-container {
padding: 40px 0 0 0;
height: 88px; /*128*/
width: 437px;
float: left;}
#socialmedia-action-items-container {float: right;} /*was position:relative*/
.socialmedia-action-container {
margin: 40px 0 0 20px;
height: 50px;
width: 150px;
float: right;}
a.twitter {
margin: 0 0 0 12px;
padding: 5px 0 0 60px;
height: 50px;
width: 85px;
background: url(../images/socialmedia/twitter.gif) top left no-repeat;
display: block;
float: left;}
a.twitter:hover {background:url(../images/socialmedia/twitter-over.gif) top left no-repeat;}
a.twitter span {color: #000;}
a.twitter:hover span {color: #cc0000;}
.twitter-first {line-height: 1.0em; font-size: 0.8em;}
.twitter-last {line-height: 1.2em; font-size: 1.6em;}
a.friends {
margin: 0 0 0 12px;
padding: 10px 0 0 60px;
height: 45px;
width: 85px;
background: url(../images/socialmedia/share.gif) top left no-repeat;
display: block;
float: left;}
a.friends:hover {background:url(../images/socialmedia/share-over.gif) top left no-repeat;}
a.friends span {color: #000;}
a.friends:hover span {color: #cc0000;}
.friends-first {line-height: 1.0em; font-size: 0.8em;}
.friends-last {line-height: 1.2em; font-size: 1.6em;}
a.nl {
margin: 0 0 0 12px;
padding: 5px 0 0 60px;
height: 50px;
width: 125px;
background: url(../images/socialmedia/share.gif) top left no-repeat;
display: block;
float: left;}
a.nl:hover {background:url(../images/socialmedia/share-over.gif) top left no-repeat;}
a.nl span {color: #000;}
a.nl:hover span {color: #cc0000;}
.nl-first {line-height: 1.0em; font-size: 0.8em;}
.nl-last {line-height: 1.2em; font-size: 1.6em;}
#demotip {
display:none;
background:transparent url(../images/tooltip-bg-1.png) no-repeat;
font-size:12px;
height:70px;
width:600px;
padding:25px;
color:#fff; }
/* style the trigger elements */
#demo img {
border:0;
cursor:pointer;
margin:0 8px;
}
/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}
:focus {
-moz-outline-style:none;
}
/*end: social media*/
/*begin: footer*/
#footer-wrapper {
padding: 37px 0 10px 0;
height: 57px;
width: 927px;
background:url(../images/footer-bg.png) top left no-repeat;
float: left;}
#footer-credit-container {
margin: 0 0 0 30px;
height: 20px;
width: 315px;
display: inline-block;
float: left;}
#credit-text-container-first {
height: 20px;
width: 205px;
float: left;
font-size: 1em;}
#credit-text-container-first a {color: #000;}
#credit-text-container-first a:hover {color: #cc0000;}
.credit-text-container {
height: 20px;
width: 15px;
float: left;}
.credit-text-container2 {
height: 20px;
width: 42px;
float: left;}
#footer-credit-container p {margin: 5px 0 0 0; font-size: 0.6em;}
#credit-pipe-container {
margin: 0 10px 0 0;
height: 20px;
width: 1px;
background-color: #000;
float: left;}
#s3logo-container {
margin: 0 4px;
height: 20px;
width: 20px;
background:url(../images/s3-logo.png) top left no-repeat;
float: left;}
#footer-navlist-container {
margin: 0 40px 0 0;
padding: 5px 0 0 0;
height: 20px;
width: 540px;
float: right;}
.pipe-style {margin: 2px 0 0 4px; padding: 0; font-size: 0.8em; color: #41508c;}
#footer-left-navlist ul {
display: inline;
margin: 0;
padding: 0;}
#footer-left-navlist li {
display: inline;
margin: 0;
padding: 0;}
#footer-left-navlist li.last {border:none;}
#footer-left-navlist {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.6em;
font-weight: normal;
text-align: right;}
#footer-left-navlist span {
color: #000;
text-decoration: none;}
#footer-left-navlist span.style0412 {font-weight: bold; color: #cc0000;}
#footer-left-navlist a {
color: #000;
text-decoration: none;}
#footer-left-navlist a:hover {
color: #cc0000;
text-decoration: none;}
/*end: footer*/
/* =Hoverbox Code - Box
----------------------------------------------------------------------*/
#overviewnav {position:absolute;visibility:hidden;width:100px;height:20px; z-index: 500;}
#box-all-wrapper {position:absolute;visibility:hidden;top:0px;left:0px; height: 200px; width: 200px; float: left;}
#box-wrapper {padding: 0 0 21px 0; height: auto; width: 160px; background: url(../images/socialmedia/sm-funnel.png) 10px bottom no-repeat; float: left;}
#box-main {padding: 10px 10px 0 10px; height: auto; width: 140px; background-color: #cc0000; float: left;}
a.box-item1 { /*flickr*/
padding: 5px 0 10px 45px;
height: 36px;
width: 100%;
color: #fff;
background: url(../images/socialmedia/flickr.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.box-item1:hover {
color: #000;
background: url(../images/socialmedia/flickr-over.png) top left no-repeat;}
a.box-item1 span {font-size: 0.7em;}
a.box-item2 { /*facebook*/
padding: 5px 0 10px 45px;
height: 36px;
width: 100%;
color: #fff;
background: url(../images/socialmedia/facebook.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.box-item2:hover {
color: #000;
background: url(../images/socialmedia/facebook-over.png) top left no-repeat;}
a.box-item2 span {font-size: 0.7em;}
a.box-item3 { /*twitter*/
padding: 5px 0 10px 45px;
height: 36px;
width: 100%;
color: #fff;
background: url(../images/socialmedia/twitter.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.box-item3:hover {
color: #000;
background: url(../images/socialmedia/twitter-over.png) top left no-repeat;}
a.box-item3 span {font-size: 0.7em;}
/* social media page */
#socialmedia-body-container {
width: 867px;
padding: 0 30px;
float: left;}
#socialmedia-group-container1 {
margin: 0 30px 0 0;
height: auto;
width: 430px;
float: left;}
#socialmedia-group-container2 {
margin: 0 0 30px 0;
height: auto;
width: 400px;
float: right;}
.socialmedia-item-container {
margin: 0 0 30px 0;
height: auto;
width: 400px;
float: left;}
.socialmedia-item-container p {font-size: 0.8em; line-height: 1.2em; width: 100%; float: left;}
a.socialmedia-item1 { /*flickr*/
padding: 5px 0 10px 45px;
height: 36px;
width: 100%;
color: #000;
background: url(../images/socialmedia/flickr.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.socialmedia-item1:hover {
color: #000;
background: url(../images/socialmedia/flickr-over.png) top left no-repeat;}
a.socialmedia-item2 { /*ew, zuckerberg*/
padding: 5px 0 10px 45px;
height: 36px;
width: auto;
color: #000;
background: url(../images/socialmedia/facebook.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.socialmedia-item2:hover {
color: #000;
background: url(../images/socialmedia/facebook-over.png) top left no-repeat;}
a.socialmedia-item3 { /*twitter*/
padding: 5px 0 10px 45px;
height: 36px;
width: auto;
color: #000;
background: url(../images/socialmedia/twitter.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.socialmedia-item3:hover {
color: #000;
background: url(../images/socialmedia/twitter-over.png) top left no-repeat;}
/* syzygy */
/*pop up */
.pu { /* hello */
position: absolute;
z-index: 900000000;
margin: 0 11px 0 0;
padding: 20px;
height: auto;
min-height: 225px;
width: 262px;
left: -107px;
top: -156px;
background: #000;
-moz-box-shadow: 3px 3px 4px #666;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666');}
.pu-tail {
position: absolute;
top: 109px; left: 26px;
height: 25px;
width: 30px;
background: url(../images/newsletter-tail.png) no-repeat;}
.pu-title {
margin: 0 0 3px 0;
font-size: 1.2em;
line-height: 1.6em;
font-weight: bold;
color: #fff;}
.pu-title span {font-size: 1.8em; font-weight: bold;}
.pu-form-wrapper {
margin: 5px 0 0 0;
height: auto;
width: 254px;
float: left;}
.pu-form-wrapper p {
margin: 0 0 10px 0;
color: #fff;
font-size: 0.8em;}
.pu-content-container {
margin: 15px 0 0 0;
height: auto;
width: 254px;
float: left;}
.pu-form-wrapper {
height: auto;
width: 254px;
float: left;}
.pu-field-container {
height: 38px;
width: 250px;
float: left;}
.pu-field {
padding: 0 5px 0 5px;
height: 28px;
width: 247px;
font-size: 1.0em;
line-height: 1.8em;
border: 1px solid #000;}
.pu-textarea {
padding: 5px;
height: 82px;
width: 247px;
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #000;}
.pu-btn-container {
margin: 9px 0 0 0;
height: auto;
width: 72px;
float: left;}
.pu-unsub {
margin: 9px 0 0 0;
padding: 5px 0 0 0;
height: auto;
width: 100px;
text-align: right;
font-size: 0.8em;
float: right;}
.pu-unsub a {
color: #cd2026;}
.pu-unsub a:hover {
color: #fff;}
.pu-btn {
background-color:#c8322e;
width:72px;
height: 27px;
padding: 0 0 1px 0;
text-decoration: none;
font-size: 1.0em;
color: #fff;
border-style: none;
cursor: pointer;}
.pu-btn:hover {background-color:#fff; color: #000;}
/* end pop up */
textarea {overflow-x: hidden; overflow-y: auto;}
.syzygy-wrapper {
margin: 11px 0 0 0;
height: 334px;
width: 927px;
font-size: 0.9em;
float: left;}
.sy { /* hello */
position: relative;
margin: 0 11px 0 0;
padding: 20px;
background: #000;
height: 274px;
width: 262px;
float: left;}
.zy { /* news */
position: relative;
margin: 0 10px 0 0;
padding: 20px;
background: #404040;
height: 274px;
width: 262px;
float: left;}
.icon-news {
position: absolute;
right: 20px;}
.zy-action {
position: absolute;
right: 20px;
bottom: 20px;}
.zy-action a {height: 19px; padding: 2px 30px 0 0; background: url(../images/action/action-arrow.gif) top right no-repeat; color: #fff; font-size: 0.9em; font-weight: bold; display: block;}
.zy-action a:hover {color: #cd2026; background: url(../images/action/action-arrow-over2.gif) top right no-repeat;}
.gy { /* testimonials */
position: relative;
padding: 20px;
background: #cd2026;
height: 274px;
width: 262px;
float: left;}
.gy-tail {
position: absolute;
height: 20px;
width: 21px;
left: 36px;
bottom: -20px;}
.gy-action {
position: absolute;
right: 20px;
bottom: 20px;}
.gy-action a {height: 19px; padding: 2px 30px 0 0; background: url(../images/action/action-arrow.gif) top right no-repeat; color: #fff; font-size: 0.9em; font-weight: bold; display: block;}
.gy-action a:hover {color: #000; background: url(../images/action/action-arrow-over.gif) top right no-repeat;}
.icon-quote {
position: absolute;
right: 20px;}
.syzygy-title {
margin: 0 0 3px 0;
font-size: 2.0em;
font-weight: bold;
color: #fff;}
.syzygy-form-wrapper {
margin: 5px 0 0 0;
height: auto;
width: 254px;
float: left;}
.syzygy-form-wrapper p {
margin: 0 0 10px 0;
color: #fff;}
.syzygy-content-container {
margin: 15px 0 0 0;
height: auto;
width: 254px;
float: left;}
.syzygy-news {
color: #fff;}
.news-action {
margin: 10px 0 0 0;
height: auto;
width: auto;
float: left;}
.news-action a {height: 19px; padding: 2px 25px 0 5px; background: #cd2026 url(../images/action/icon-sm-action.gif) 90% 5px no-repeat;color: #fff; font-size: 0.8em; display: block;}
.news-action a:hover {color: #000; background: #fff url(../images/action/icon-sm-action-over.gif) 90% 5px no-repeat;}
.syzygy-testimonials {
color: #fff;
font-size: 1.3em;}
/*contact form - home page*/
.syzygy-form-wrapper {
padding: 3px 0 0 0;
height: auto;
width: 254px;
float: left;}
.syzygy-field-container {
height: 38px;
width: 250px;
float: left;}
.syzygy-field {
padding: 0 5px 0 5px;
height: 28px;
width: 247px;
font-size: 1.0em;
line-height: 1.8em;
border: 1px solid #000;}
.syzygy-textarea {
padding: 5px;
height: 72px;
width: 247px;
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #000;}
.syzygy-btn-container {
margin: 9px 0 0 0;
height: auto;
width: 72px;
float: left;}
.syzygy-btn {
background-color:#c8322e;
width:72px;
height: 27px;
padding: 0 0 1px 0;
text-decoration: none;
font-size: 1.0em;
color: #fff;
border-style: none;
cursor: pointer;}
.syzygy-btn:hover {background-color:#fff; color: #000;}
/* alt contact form 1 */
.altcon1-all-wrapper {
padding: 18px 20px 0 20px;
height: 50px;
width: 405px;
background: #000;
float: left;}
.altcon1-title {
margin: 0 0 3px 0;
font-size: 1.0em;
font-weight: bold;
color: #fff;}
.altcon1-form-wrapper {
height: auto;
width: 405px;
float: left;}
.altcon1-field-container {
height: 38px;
width: 300px;
float: left;}
.altcon1-field {
padding: 0 5px 0 5px;
height: 28px;
width: 325px;
font-size: 0.8em;
line-height: 1.8em;
border: 1px solid #000;}
.altcon1-textarea {
padding: 5px;
height: 82px;
width: 272px;
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #000;}
.altcon1-btn-container {
margin: 0;
float: right;}
.altcon1-btn {
background-color:#c8322e;
padding: 4px 7px;
text-decoration: none;
font-size: 1.0em;
color: #fff;
border-style: none;
cursor: pointer;}
.altcon1-btn:hover {background-color:#fff; color: #000;}
.altcon-nospam {
margin: 10px 0 0 0;
height: auto;
width: 100%;
font-size: 0.7em;
float: left;}
/* sitemap */
.smap-row-wrapper {
margin: 0 0 30px 0;
min-height: 198px;
height: auto;
width: 927px;
background: url(../images/sitemap-bg.gif) top left repeat-y;
float: left;}
.smap-row-wrapper h2 {position: static;}
.smap-container {
height: auto;
width: 231px;
float: left;}
.smap-container h2 {
margin: 0 0 5px 20px;
font-size: 1.4em;
font-weight: bold;}
.smap-container a {
margin: 0 0 0 20px;
font-size: 0.9em;
line-height: 1.8em;
display: block;}
/*contact & contact pages [-]*/
#contact-display-container {
margin: -5px 0 0 33px;
height: 248px;
width: 688px;
background:url(../images/top/contact.png) top left no-repeat;
display: inline;
float: left;}
#contact-form-container {
margin: 0 0 0 30px;
height: auto;
width: 358px;
float: left;}
#contact-info-container {
margin: -3px 0 0 0;
height: auto;
width: 509px;
float: left;}
.contact-info-row-container {
padding: 0 0 15px 0;
height: auto;
width: 509px;
display: block;
float: left;}
.contact-info-item-container {
height: auto;
width: 212px;
float: left;}
.contact-info-row-container .title {
color: #c8322e;
font-size: 1.2em;
font-weight: bold;}
.contact-info-row-container p {color: #000; font-size: 0.9em;}
#map-container {
height: auto;
width: 509px;
float: left;}
.google-map {border: 1px solid #000;}
a.map-link {
margin: 5px 0 0 0;
display: inline-block;
float: left;
width: auto;
color: #000;
font-size: 0.9em;
text-decoration: none;}
a.map-link:hover {color: #cc0000;}
/*contact form*/
.btn-container {
margin: 10px 5px 0 0;
padding: 0;
height: 23px;
width: 72px;
float: left;}
.btn {
background-color:#000;
display:block;
float:left;
height:30px;
width:72px;
text-decoration: none;
font-size: 1.0em;
color: #ffffff;
border-style: none;
cursor: hand;}
.btn:hover {background-color:#c8322e; cursor: hand;}
.form-wrapper {
height: auto;
width: 350px;
float: left;}
.label-container {
padding: 5px 10px 0 0;
height: 25px;
width: 50px;
color: #000;
font-size: 1.0em;}
.labelwide-container {
padding: 5px 10px 0 0;
height: 25px;
width: 120px;
color: #000;
font-size: 1.0em;}
.field-container {width: 240px; height: 30px;}
.field {
margin: 0 0 10px 0;
padding: 5px 5px 0 5px;
height: 25px;
width: 240px;
font-size: 1.0em;
border: 1px solid #000;}
#zip-container {
margin: 0 0 0 50px;
padding: 5px 5px 0 5px;
height: 25px;
width: 30px;
font-size: 1.0em;
float: left;}
#zip-field-container {
height: 30px;
width: 90px;
text-align: right;
float: left;}
#zip {
padding: 5px 5px 0 5px;
height: 25px;
width: 90px;
border: 1px solid #000;
font-size: 1.0em;
float: left;}
#state-container {
height: 30px;
width: 60px;
float: left;}
#state {
height: 30px;
width: 60px;
border: 1px solid #000;
font-size: 1.0em;
float: left;}
#state-zip-wrapper {
margin: 0 0 10px 0;
height: auto;
width: 240px;
float: left;}
#textarea {
padding: 5px;
height: 231px;
width: 323px;
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #000;}
#trust {
margin: 0 0 0 30px;
height: auto;
width: 658px;
float: left;}
.martindonovan {
font-size: 7.5em;
letter-spacing: -1pt;
height: auto;
width: auto;
display: block;
float: left;}
.textbox2 {
padding: 5px;
text-align: left;
margin: 0 4px 0 0;
border: 1px solid #000;
height: 18px;
width: 180px;
float: left;}
.textbox2.archives {height: 30px;}
/*.news-excerpt {padding: 0; margin: 0 0 10px 30px; height: auto; width: 415px; float: left;}*/
.news-excerpt {
margin: 0 0 25px 37px;
height: auto;
width: 415px;
display: inline-block;
zoom:1; /* IE7 i hate you */
*display: inline;
clear:both;}
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/
.hoverbox a {position: relative;}
.hoverbox a:hover {display: block; font-size: 100%; z-index: 1;}
.hoverbox a:hover .preview {top: -38px; left: -50px;}
.hoverbox li {position: static;}
.star1 {font-size: 1.3em;color: #C8322E;}
.star1-container {
color: #666;
font-size: 1.6em;
margin: 0 0 15px 30px;
height: 15px;
width: 837px;
float: left;}
.star1-p {font-size: 0.8em;}
#shop-wrapper {
height: auto;
width: 929px;
float: left;}
#shop-banner-blurb {
margin: 25px 0 0 0;
height: auto;
width: 510px;
float: right;
color: #000;
font-size: 0.9em;
text-align: right;
position: absolute;
left: 387px;
top: 0px;}
#shop-wrapper .arrow {
height: 26px;
width: 26px;}
#shop-wrapper .arrow:hover {
height: 26px;
width: 26px;}
#v1-container {
margin: 0 3px 0 0;
height: 395px;
width: 696px;
color: #fff;
background: #cc0001;
float: left;}
#v2-container {
height: 395px;
width: 230px;
color: #fff;
background: #000;
float: left;}
#shop-wrapper .action {margin: 35px 0 0 43px; font-size: 2.2em;}
#shop-wrapper .which {
margin: 130px 0 0 43px;
font-size: 6.5em;
line-height: 1em;
letter-spacing: -4px;
font-weight: bold;}
#shop-wrapper .which-smaller {
margin: 40px 0 0 40px;
font-size: 2.5em;
line-height: 1em;
font-weight: bold;
display: block;}
#shop-wrapper .what {margin: 20px 0 0 43px; font-size: 1.6em; letter-spacing: -1px;}
#shop-wrapper .what-smaller {
margin: 30px 0 0 40px;
font-size: 1.3em;}
.shop-row-container {
margin: 10px 0 30px 0;
height: auto;
width: 927px;
background:url(../images/showcase-hline.png) bottom left no-repeat;
float: left;}
.shop-header-container {
margin: 10px 0 15px 0;
height: auto;
width: 927px;
float: left;}
.shop-header-container .title {
margin: 0 0 0 30px;
display: block;
color: #c8322e;
font-size: 2.2em;
font-weight: bold;}
.shop-subtitle {
margin: 0 0 0 30px;
display: block;
width: 867px;
color: #000;
font-size: 1.1em;
font-weight: bold;
float: left;}
.shop-subdescrip {
margin: 15px 0 0 30px;
display: block;
width: 867px;
color: #000;
font-size: 0.8em;
float: left;}
.shop-description {
margin: 15px 0 0 30px;
display: block;
width: 867px;
color: #000;
font-size: 0.9em;
float: left;}
.shop-row-title-container-left {
height: auto;
width: 445px;
float: left;}
.shop-row-title-container-right {
margin: 0 0 0 36px;
height: auto;
width: 409px;
float: left;}
.shop-row-title {
margin: 0 0 0 30px;
color: #000;
font-size: 2.2em;
font-weight: bold;
line-height: 1.7em;}
.shop-subtitle-description {
color: #000;
font-size: 0.8em;}
#shop-column-container-left {margin: 0 0 0 30px; height: auto; width: 416px; float: left;}
#shop-column-container-right {margin: 0; height: auto; width: 445px; float: right;}
.shop-column-list-container {
margin: 0;
height: auto;
width: 182px;
float: left;}
.column-2 {margin: 0 0 0 21px;}
a.shop-option-container {
margin: 0 0 10px 0;
padding: 6px 0 0 9px;
height: 27px;
width: 173px;
background: #cc0000 url(../images/shop/option-arrow.gif) top right no-repeat;
color: #fff;
font-size: 1.1em;
display: block;
float: left;}
a.shop-option-container:hover {
background: #cc0000 url(../images/shop/option-arrow-over.gif) top right no-repeat;
color: #fff;}
/*sub page - tables*/
.table-wrapper { /*not pop-ups*/
margin: 20px 0 0 30px;
height: auto;
width: 867px;
float: left;}
.table-wrapper2 { /*not pop-ups*/
margin: 20px 30px 0 0;
height: auto;
width: 568px;
float: right;}
.table-wrapper3 { /*not pop-ups*/
margin: 20px 0 0 30px;
height: auto;
width: 289px;
float: left;}
.table-wrapper2 .table-item {
width: auto;
height: 50px;
font-size: 0.8em;}
.table-wrapper2 .table-heading {
padding-right: 15px !important;
width: auto;}
.table-data-fixed1 {
padding: 5px 0 5px 0;
background-color: #e5e5e5;
color: #000;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #fff;
height: 50px;
width: 82px;
}
.table-data-fixed3 {
padding: 5px 0 5px 0;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
color: #000;
height: 37px;
text-align: center;
font-size: 0.8em;
height: 50px;
width: 100%;}
.table-wrapper table {width: 100%;}
.table-wrapper-popups { /*for pop-ups*/
margin: 20px 0 0 30px;
height: auto;
width: 650px;
float: left;}
.table-heading {
padding: 0 0 0 12px;
background-color: #c8322e;
color: #fff;
font-weight: bold;
height: 37px;
width: 276px;}
.table-heading2 {
padding: 0 5px 0 5px;
background-color: #c8322e;
color: #fff;
font-weight: bold;
text-align: center;
height: 37px;
width: 82px;
}
.table-info2 {
padding: 5px 0 5px 0;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
color: #000;
font-weight: bold;
text-align: center;
height: 50px;
width: 82px;
}
.table-title {
padding: 0 0 0 12px;
background-color: #000;
color: #fff;
font-weight: bold;
height: 37px;
width: 276px;}
.table-title3 {
padding: 0 0 0 12px;
background-color: #000;
color: #fff;
font-weight: bold;
height: 37px;
width: auto;}
.table-title2 {
padding: 0 0 0 12px;
background-color: #000;
color: #fff;
font-weight: bold;
height: 37px;
width: 259px;}
.table-item {
padding: 5px 0 5px 12px;
background-color: #e5e5e5;
color: #000;
border-bottom: 1px solid #fff;
height: 37px;
width: 276px;}
.ind {padding: 0 0 0 24px;}
.checkmark-container {
height: 14px;
width: 15px;
background: url(../shop/images/checkmark.gif) top left no-repeat;
float: left;}
.checkmark-container img {
height: 14px;
width: 15px;
float: left;}
.shop-table-footnote {
margin: 15px 0 0 30px;
height: auto;
width: 837px;
display: block;
color: #666;
font-size: 0.7em;
float: left;}
.shop-table-footnote-alt { /*negative margin*/
margin: -10px 0 0 30px;
height: auto;
width: 837px;
display: block;
color: #666;
font-size: 0.7em;
float: left;}
/*cols 2col*/
.table-heading-2col {
padding: 0 0 0 12px;
background-color: #c8322e;
color: #fff;
font-weight: bold;
height: 37px;
width: 431px;}
.table-item-2col {
padding: 0 0 0 12px;
background-color: #e5e5e5;
color: #000;
height: 37px;
width: 431px;}
/*cols any*/
.table-heading-any {
padding: 0 12px 0 12px;
background-color: #c8322e;
color: #fff;
font-weight: bold;
height: 37px;
width: auto;}
.table-title-any {
padding: 0 12px 0 12px;
background-color: #000;
color: #fff;
font-weight: bold;
height: 37px;
width: auto;}
.table-item-any {
padding: 10px 12px 10px 12px;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
color: #000;
height: 37px;
width: auto;}
/*white*/
.table-item-any2 {
padding: 0 12px 0 12px;
background-color: #fff;
color: #000;
height: 37px;
width: auto;}
/*sub page - duo options */
.duo-option-container-l {
margin: 0 0 0 30px;
height: auto;
width: 400px;
display: inline;
float: left;}
.duo-option-container-r {
margin: 0 0 0 50px;
height: auto;
width: 400px;
display: inline;
float: left;}
.duo-option-header {
font-size: 1.4em;
font-weight: bold;
color: #000;
display: block;}
.duo-option-subheader {
margin: 5px 0 15px 0;
font-size: 0.8em;
color: #666;
display: block;}
a.duo-option-button-container {
padding: 5px 0 0 15px;
height: 28px;
width: 101px;
background: #cc0000 url(../images/shop/option-arrow.gif) top right no-repeat;
color: #fff;
font-size: 1.2em;
float: left;}
a.duo-option-button-container:hover {background: #cc0000 url(../images/shop/option-arrow-over.gif) top right no-repeat;}
/*sub page - triple options */
.triple-option-container-l {
margin: 0 0 0 30px;
height: auto;
width: 288px;
display: inline;
float: left;}
.sep {
border-right: 1px solid #000;
width: 238px;}
.triple-option-container-m {
margin: 0;
height: auto;
width: 288px;
display: inline;
float: left;}
.triple-option-container-r {
margin: 0;
height: auto;
width: 290px;
display: inline;
float: left;}
.triple-option-container-full {
margin: 0 0 0 30px;
height: auto;
width: 595px;
display: inline;
float: left;}
.triple-option-header {
font-size: 1.4em;
font-weight: bold;
color: #000;
display: block;}
.triple-option-descrip {
padding: 8px 0 0 0;
font-size: 0.9em;
color: #000;
display: block;}
.triple-option-subheader {
margin: 5px 0 3px 0;
font-size: 0.8em;
color: #666;
display: block;}
a.triple-option-button-container {
padding: 5px 0 0 15px;
height: 28px;
width: 101px;
background: #cc0000 url(../images/shop/option-arrow.gif) top right no-repeat;
color: #fff;
font-size: 1.2em;
float: left;}
a.triple-option-button-container:hover {background: #cc0000 url(../images/shop/option-arrow-over.gif) top right no-repeat;}
/* fonts */
.subopt {margin: 5px 0 5px 0; font-size: 0.8em;}
/* misc */
.banner1-container {
margin: 20px 0 0 0;
height: auto;
width: 100%;
background-color: #cc0000;
display: inline-block;
float: left;}
.banner1-container p {
color: #fff;
font-size: 1.4em;
font-weight: bold;
text-align: center;
line-height: 3.0em;}
.banner1-container p span {
font-size: 0.8em;
font-weight: bold;}
/* =Hoverbox Code - Box
----------------------------------------------------------------------*/
#overviewnav {position:absolute;visibility:hidden;width:100px;height:20px; z-index: 500;}
#box-all-wrapper {position:absolute;visibility:hidden;top:0px;left:0px; height: 200px; width: 200px; float: left;}
#box-wrapper {padding: 0 0 21px 0; height: auto; width: 160px; background: url(../images/socialmedia/sm-funnel.png) 10px bottom no-repeat; float: left;}
#box-main {padding: 10px 10px 0 10px; height: auto; width: 140px; background-color: #cc0000; float: left;}
a.box-item1 { /*flickr*/
padding: 5px 0 10px 45px;
height: 36px;
width: 100%;
color: #fff;
background: url(../images/socialmedia/flickr.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.box-item1:hover {
color: #000;
background: url(../images/socialmedia/flickr-over.png) top left no-repeat;}
a.box-item1 span {font-size: 0.7em;}
a.box-item2 { /*facebook*/
padding: 5px 0 10px 45px;
height: 36px;
width: 100%;
color: #fff;
background: url(../images/socialmedia/facebook.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.box-item2:hover {
color: #000;
background: url(../images/socialmedia/facebook-over.png) top left no-repeat;}
a.box-item2 span {font-size: 0.7em;}
a.box-item3 { /*twitter*/
padding: 5px 0 10px 45px;
height: 36px;
width: 100%;
color: #fff;
background: url(../images/socialmedia/twitter.png) top left no-repeat;
float: left;
font-size: 1.3em;
line-height: 0.8em;}
a.box-item3:hover {
color: #000;
background: url(../images/socialmedia/twitter-over.png) top left no-repeat;}
a.box-item3 span {font-size: 0.7em;}
#lightbox {margin: 10% 0 0 0; position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #cc0000;}
/* superfish */
/* Menu wrapper */
#nav {
position: relative;
padding: 0;
font-size: 80%;
height: 60px;
width: auto; /* 560 */
top: 0;
right: 0; /* right:0; if not using sfHoverlast; right:-2px; if using sfHoverlast */
z-index: 20;
float: right;}
.nav, .nav * {
margin: 0;
padding: 0;
list-style: none;}
.nav {line-height:14px;}
.nav ul {top:-999em;}
.nav ul li {width: 100%;}
.nav li {
float: left;
position: relative;}
.nav a {background: #000; display:block;}
.nav li:hover ul, ul.nav li.sfHover:hover ul {position:absolute;left:-1px; top:60px;}
.nav li:hover ul.in {left:-1px; top:60px;}
ul.nav li.sfHover:hover ul.in {left:0px; top:60px;}
.nav li:hover ul.in li {height: auto;display:block;}
ul.nav li.sfHover:hover ul.in li a {margin: 2px 0 0 0; display:block;}
ul.nav li.sfHover:hover ul.in li a:hover {margin: 2px 0 0 0; display:block;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul, ul.nav li li.sfHover ul {left:0;top:-3px;}
.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}
.nav {float:left; display: block;}
/* titles */
.nav li a {margin: 0 0 0 2px; border:0;width:60px;height:60px;}
.nav li a span {padding: 40px 0 0 0; text-align: center; color: #fff; font-size: 0.8em; font-weight: bold; display: block;}
.nav li a:hover span {display:none;}
.nav li a.about {background: url(../images/nav/superfish/about.gif) no-repeat;}
.nav li a.services {background: url(../images/nav/superfish/services.gif) no-repeat;}
.nav li a.portfolio {background: url(../images/nav/superfish/portfolio.gif) no-repeat;}
.nav li a.news {background: url(../images/nav/superfish/news.gif) no-repeat;}
.nav li a.clients {background: url(../images/nav/superfish/clients.gif) no-repeat;}
.nav li a.green {background: url(../images/nav/superfish/green.gif) no-repeat;}
.nav li a.play {background: url(../images/nav/superfish/play.gif) no-repeat;}
.nav li a.blog {background: url(../images/nav/superfish/blog.gif) no-repeat;}
.nav li a.contact {background: url(../images/nav/superfish/contact.gif) no-repeat;}
.nav a {color: #fff;font-weight:normal;padding: 0;text-decoration:none;}
.nav ul li a {color: #fff;font-weight:normal;padding: 0;}
/* numbers */
.nav li.sfHover {margin-right: 2px;height: 60px; width: 60px;}
.nav li.sfHoverlast {margin-right: 2px;height: 60px; width: 60px;}
.nav li.sfHover a span {display:none;}
.nav li.sfHover .bg1 {background: url(../images/nav/superfish/1.gif) no-repeat;}
.nav li.sfHover .bg2 {background: url(../images/nav/superfish/2.gif) no-repeat;}
.nav li.sfHover .bg3 {background: url(../images/nav/superfish/3.gif) no-repeat;}
.nav li.sfHover .bg4 {background: url(../images/nav/superfish/4.gif) no-repeat;}
.nav li.sfHover .bg5 {background: url(../images/nav/superfish/5.gif) no-repeat;}
.nav li.sfHover .bg6 {background: url(../images/nav/superfish/6.gif) no-repeat;}
.nav li.sfHover .bg7 {background: url(../images/nav/superfish/7.gif) no-repeat;}
.nav li.sfHover .bg8 {background: url(../images/nav/superfish/8.gif) no-repeat;}
.nav li.sfHover .bg9 {background: url(../images/nav/superfish/9.gif) no-repeat;}
.nav li:hover, .nav a:focus, .nav a:hover, .nav a:active {color:#347094;}
.nav li ul {margin-left:2px; display:block;}
.nav li.sfHoverlast ul {margin-left:-60px; display:block;}
.nav li ul ul {margin-left:50px;width:100%;display: block;}
.nav li li,.nav li li li {display:block;}
.nav li li a, .nav li li li a, .nav a.subfish {margin: 2px 0 0 0; padding: 10px 0 10px 0; display:block;}
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {color:#347094;background:#cd2026; display:block;}
.nav a.subfish:focus,.nav a.subfish:hover,.nav a.subfish:active {height: auto; display:block;}
.nav ul li {height: auto; display: block;}
.nav ul li:hover, .nav ul li.sfHover,.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active {height: auto; display: block;}
.nav li.sfHover a.guppy {padding: 10px 0px 10px 10px; width: 112px; height: auto; color:#fff; display: block;}
.nav li.sfHover a.guppy:hover {background: #cd2026;}
/* for the non-scripters */
.nav li {margin-right: 2px;height: 60px; width: 60px;}
.nav li:hover .bg1 {background: url(../images/nav/superfish/1.gif) no-repeat;}
.nav li:hover .bg2 {background: url(../images/nav/superfish/2.gif) no-repeat;}
.nav li:hover .bg3 {background: url(../images/nav/superfish/3.gif) no-repeat;}
.nav li:hover .bg4 {background: url(../images/nav/superfish/4.gif) no-repeat;}
.nav li:hover .bg5 {background: url(../images/nav/superfish/5.gif) no-repeat;}
.nav li:hover .bg6 {background: url(../images/nav/superfish/6.gif) no-repeat;}
.nav li:hover .bg7 {background: url(../images/nav/superfish/7.gif) no-repeat;}
.nav li:hover .bg8 {background: url(../images/nav/superfish/8.gif) no-repeat;}
.nav li:hover .bg9 {background: url(../images/nav/superfish/9.gif) no-repeat;}
.nav li a.guppy {padding: 10px 0px 10px 10px; width: 112px; height: auto; color:#fff; display: block;}
.nav li a.guppy:hover {background: #cd2026;}
/* a wizard approaches */
.nav a.sel1 {background: url(../images/nav/superfish/1.gif) no-repeat;} .nav a.sel1 span {display:none;}
.nav a.sel2 {background: url(../images/nav/superfish/2.gif) no-repeat;} .nav a.sel2 span {display:none;}
.nav a.sel3 {background: url(../images/nav/superfish/3.gif) no-repeat;} .nav a.sel3 span {display:none;}
.nav a.sel4 {background: url(../images/nav/superfish/4.gif) no-repeat;} .nav a.sel4 span {display:none;}
.nav a.sel5 {background: url(../images/nav/superfish/5.gif) no-repeat;} .nav a.sel5 span {display:none;}
.nav a.sel6 {background: url(../images/nav/superfish/6.gif) no-repeat;} .nav a.sel6 span {display:none;}
.nav a.sel7 {background: url(../images/nav/superfish/7.gif) no-repeat;} .nav a.sel7 span {display:none;}
.nav a.sel8 {background: url(../images/nav/superfish/8.gif) no-repeat;} .nav a.sel8 span {display:none;}
.nav a.sel9 {background: url(../images/nav/superfish/9.gif) no-repeat;} .nav a.sel9 span {display:none;}
/* wp */
/* styling floated images in wp */
img.alignright {float: right; position: static !important;}
img.alignleft {float: left; margin: 5px 20px 15px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; position: static !important;}
a img.alignright {float: right; margin: 5px 0 15px 20px; position: static !important;}
a img.alignleft {float: left; margin: 5px 20px 15px 0; position: static !important;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; position: static !important;}
img.alignnone {position: static !important;}
a img.alignnone {position: static !important;}
/* end styling */
/* WP blog */
a.blog-archive {
margin-top: 10px;
font-size: 1.0em;
font-weight: bold;
display: inline-block;
color: #000;}
a.blog-archive:hover, a.blog-archive.selected:hover {
color: #cd2026;}
.post-dash {
background: url("../images/dash-hline.png") repeat-x scroll left bottom transparent;
display: block;
float: left;
height: 1px;
margin: 25px 0 0 0;
width: 927px;}
.blog-post-wrapper {
float: right;
height: auto;
width: 635px;}
.blog-post-date-wrapper {
height: auto;
width: 240px;
float: left;}
.blog-date {
color: #000;
font-size: 1.4em;}
.blog-title-container {
float: left;
height: auto;
width: 635px;}
a.blog-permalink-title {
padding-bottom: 25px;
color: #000;
font-size: 0.9em;
font-weight: bold;
margin: 0 0 2px;
display: inline-block;}
a.blog-permalink-title:hover {color: #cd2026;}
.dayofweek {
color: #cd2026;
font-size: 2.6em;
font-weight: bold;}
#archive-container {
float: left;
height: auto;
margin: 10px 0 0;
width: 290px;}
.archive {color: #cd2026 !important;}
.blognav-pipe {margin: 0 10px; font-size: 0.8em;}
.blognav-newer {
padding-left: 20px;
background: url(../images/action/arrow-prev.gif) left 2px no-repeat;
font-size: 0.8em;}
.blognav-older {
padding-right: 20px;
background: url(../images/action/arrow-next.gif) right 2px no-repeat;
font-size: 0.8em;}
#search-container {margin: 20px 0 0 0; height: auto; width: 290px; float: left;}
#search {
border: 0;
height: 30px;
width: 85px;
color: #fff;
font-size: 1em;
font-weight: normal;
background-color: #000;
float: left;}
#archive-container {margin: 10px 0 0 0; height: auto; width: 290px; float: left;}
#rss-container {margin: 10px 0 0 0; float: left;}
#date-container {height: auto; width: 240px; float: left;}
.post-container {height: auto; width: 635px; float: left;}
#search-container p { /* ? */
margin: 0 0 15px 0;}
object {
padding: 15px 0 0 0;}
a.post-title {margin: 0 0 2px 0; color: #000; font-size: 1.5em; font-weight: bold;}
a.post-title:hover {margin: 0 0 5px 0; color: #cc0000;font-size: 1.5em;}
#post-body {display: block; padding: 25px 0 25px 0; font-size: 0.8em;}
.post-dash {margin: 0 0 25px 0; display: block; height: 1px; width: 927px; background: url(http://www.marstudio.com/images/dash-hline.png) bottom left repeat-x; float: left;}
/* facebox */
#facebox {
padding-bottom: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;}
#facebox .popup{
position:relative;
/*-border:3px solid rgba(0,0,0,0);
webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
box-shadow:0 0 18px rgba(0,0,0,0.4);*/}
#facebox .content {
display:table;
width: auto;
background: #fff;
/*-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;*/
padding-bottom: 30px;
padding-right: 30px;
padding-top: 30px;
float: left;}
/*.ie7 #facebox .content {
display: inline;
float: none;
width: auto;
background: #fff;
padding-bottom: 30px;
padding-right: 30px;
padding-top: 30px;}*/
#facebox .close{
position:absolute;
top:5px;
right:5px;
padding:2px;
background:#fff;
}
.ie7 #facebox .close {
position: absolute;
width: 35px;
height: 35px;
top:5px;
right:5px;}
#facebox .close img{
opacity:1.0;
}
#facebox .close:hover img{
opacity:1.0;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 99;
}
/*universals*/
.more-info {
margin: 0;
padding: 0;}
.more-info-container {margin: 0 0 0 30px; padding: 30px 30px 0 30px; height: auto; width: 343px !important; display: block; float: left;}
p.more-info {margin-bottom: 10px; font-size: 0.8em; width: 100%; display: block; overflow: hidden; float: left;}
.shop-bullet {
display: inline-block;
height: 6px;
width: 6px;
margin: 0 10px 0 0;}
.popup-col-wrapper {
margin: 10px 0 10px 0;
height: auto;
width: 373px;
font-size: 0.8em;
display: block;
float: left;}
.popup-col-wrapper.alt {margin: 0 !important;}
.popup-col-1 { /*left*/
height: auto;
width: 180px;
float: left;}
.popup-col-2 { /*right*/
height: auto;
width: 180px;
float: right;}
.popcheck {
height: 14px;
width: 15px;
background: url(../images/shop/checkmark.gif) left top no-repeat;}
/* kwick panels */
.kwick-panel-container {
position: absolute;
padding-top: 30px;
height: 365px;
width: 230px;
float: left;}
.kwick-panel-container span {
font-family: Arial, Helvetica, sans-serif;
margin-left: 30px;
color: #fff;
font-size: 0.8em;
line-height: 1.3em;
display: block;}
.kwicks {
/* recommended styles for kwicks ul container */
list-style: none;
position: relative;
margin: 0;
padding: 0;}
.kwicks li{
/* these are required, but the values are up to you (must be pixel) */
width: 183px;
height: 395px;
/*do not change these */
display: block;
overflow: hidden;
padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right: 5px; /*Set to same as spacing option. */
float: left;}
.kwicks.horizontal p {
color: #fff;
margin-left: 30px;
white-space: nowrap;}
.kwicks.vertical li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-bottom: 5px; /*Set to same as spacing option. */ }
#kwick_1 {background: #9900cc;}
#kwick_1:hover {background: #6b008e;}
#kwick_1 img {margin-top: 249px;}
#kwick_2 {background: #cccc00;}
#kwick_2:hover {background: #8e8e00;}
#kwick_2 img {margin-top: 252px;}
#kwick_3 {background: #ff6600;}
#kwick_3:hover {background: #b24700;}
#kwick_3 img {margin-top: 150px;}
#kwick_4 {background: #66cccc;}
#kwick_4:hover {background: #478e8e;}
#kwick_4 img {margin-top: 80px;}
#kwick_5 {background: #606f7d;}
#kwick_5:hover {background: #434d57;}
#kwick_5 img {margin-top: 95px;}
#kwick_1 img, #kwick_2 img, #kwick_3 img,
#kwick_4 img, #kwick_5 img {margin-right: 30px; float: right;}
.kwicks.horizontal #kwick_4 {margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */}
.kwicks.vertical #kwick_4 {margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */}