/* css by theCoup.org */
/* ---[ contents ]----------
[ global ]
[ layout ]
[ banner ]
[ sections ]
[ columns ]
[ right column ]
[ active menu highlight ]
[ menu ]
[ submenu ]
[ menu bottom ]
[ contact form ]
[ search ]
[ typography main ]
[ body links ]
[ lists ]
[ feed service lists ]
[ misc ]
[ bookmarks ]
[ color ]
[ live adjustments ]
----------------------- */ 


/* ---[ global ]---------- */

html, img, div { margin:0px; border:0px; padding:0px; }

body { 
 font-family: "Trebuchet MS", trebuchet, georgia, verdana, sans-serif;
 font-size:62.5%; /* equals 10px. allows ie resize. */ 
 line-height:1.8em; /* equals 18px */
 margin:0; padding:0; 
 color:black; text-align:center;
 border-top:8px solid rgb(174,177,154);
 background:rgb(174,177,154);
 }

#container { text-align:left; }

body#current #menu a.current { color:rgb(223,22,44); background:none; cursor:default; }
body#current ul#submenu a.current { color:rgb(223,22,44); background:none; cursor:default; }


table { border-spacing:0; border-collapse:collapse; }
td { text-align:left; font-weight:normal; }


/* ---[ layout ]---------- */

#container {
 position:relative; top:0px;
 margin:0px auto; padding:0px;
 width:820px; 
 background:rgb(174,177,154) url(/images/background.gif) top center repeat-y;
 }

#banner {
 position:relative;
 width:770px; margin:0 25px;
 height:60px; background:white;
 }

#menu {
 position:relative; 
 width:770px; margin:0 25px;
 background:rgb(149,150,156) url(/images/menu-bkg.gif) top center repeat-x;
 }

#pagebody { /* class .wide-column affects center column below */
 position:relative;
 width:770px; 
 margin:0 25px;
 background:white url(/images/asterisk.gif) 50px 20px no-repeat;
 }

#menu-bottom {
 position:relative; 
 width:820px; 
 margin:0 auto 20px; padding-top:20px;
 text-align:left; 
 background:rgb(174,177,154) url(/images/background-bottom.gif) top center no-repeat;
 }


/* ---[ banner ]---------- */

#banner h1 {
 position:absolute; display:block;
 top:0px; left:-1000px;
 padding-right:1200px; /* browser bug fix? */
 }

#banner img#logo {
 position:absolute; display:block;
 top:17px; left:20px; border:0;
 }

#menu-top { position:absolute; top:3px; right:0px; }


/* ---[ columns ]---------- */

#content-wrap {
 position:relative; display:inline; float:left;
 width:510px; 
 padding-bottom:2.5em;
 }
/* 9 column: 140px 340px 255px */
 
#left {
 position:absolute; 
 margin:0; padding:0; 
 top:0; left:0px;
 width:170px;
 }

#center {
 top:0; width:300px;
 margin:0 20px 0 auto;
 }

#pagebody.wide-column #center {
 margin:20px;
 width:auto;
 }

#right {
 display:inline; float:right;
 width:255px; margin-top:27px; 
 margin-bottom:30px;
 }
 
 
/* ---[ right column ]---------- */

#right h4 {
 margin:2em 0 0; padding:0;
 background:transparent url(/images/feature.gif) top left repeat-y;
 background:none;
 border-top:rgb(251,12,12) 2px solid;
 }

#right h4 a { 
 color:black; display:block; text-decoration:none;
 padding:2px 4px; margin:0;
 }

#right h4 a:hover { 
 background:rgb(251,12,12);
 color:white;
 }

#right p {
 margin:0 0 .5em; padding:4px;
 background:transparent url(/images/feature.gif) top left repeat-y;
 line-height:1.5em;
 }

#right img.article-image { float:right; margin:.5em 10px 5px 5px; }



/* ---[ active menu highlight ]---------- */

body.about #menu li.about a { color:rgb(251,12,12); }
body.services #menu li.services a { color:rgb(251,12,12); }
body.work #menu li.work a { color:rgb(251,12,12); }
body.case #menu li.work a { color:rgb(251,12,12); }
body.client #menu li.work a { color:rgb(251,12,12); }
body.media #menu li.media a { color:rgb(251,12,12); }
body.press #menu li.media a { color:rgb(251,12,12); }
body.testimonials #menu li.testimonials a { color:rgb(251,12,12); }

/* ---[ menu ]---------- */

#menu ul { 
 position:relative; 
 margin:0; padding:0; padding-left:20px;
 list-style:none;
 }

#menu li { 
 float:left; 
 list-style:none;
 margin:0; padding:0;
 margin-right:1px; 
 }

#menu a { 
 /* line-height:1.5em; not in simplebits */
 float:left; margin: 0 1px 0 0; /* simplebits */
 padding:6px 17px 5px 12px;
 font-family: verdana, arial, sans-serif;
 font-size:1.1em; line-height:1.2em; letter-spacing:2px;
 text-decoration:none; 
 text-transform:uppercase; 
 color:#666; font-weight:bold;
 background:#ddd url(/images/menu.gif) top left no-repeat;
 }

#menu a:hover { color:black; background:url(/images/menu.gif) top right no-repeat; }


/* ---[ submenu ]---------- */

ul#submenu {
 list-style:none;
 margin:0; padding:0px;
 margin:4.7em 2px 20px 2px; 
 width:166px; 
 border:1px solid rgb(241,114,128);
 border-width:0 1px 0 0;
 }
 
ul#submenu li {
 margin:0; padding:0; text-indent:0;
 list-style:none;
 }

ul#submenu a {
 display:block;
 height:auto; line-height:1.2em;
 margin:0 0 .5em; 
 padding:3px 6px 3px 10px;
 width:150px;
 font-family: verdana, arial, sans-serif;
 font-size:1em;
 text-decoration:none; font-weight:bold;
 text-transform:uppercase;
 color:#666;
 text-align:right;
 }

ul#submenu a:hover {
 color:#fff;
 background:rgb(251,12,12);
 }

 
/* ---[ menu top ]---------- */

#menu-top ul { list-style:none; margin:0; padding:0; }
#menu-top li { display:inline; list-style:none; margin:0 5px; padding:0;  }

#menu-top li a { 
 margin:0; padding:1px 5px; 
 text-align:center;
 text-transform:uppercase; 
 text-decoration:none;
 color:#bbb; font-weight:bold; 
 }

#menu-top li a:hover { color:white; background:rgb(251,12,12); }

 
/* ---[ menu bottom ]---------- */

#menu-bottom { color:white; font-size:1.1em; }
#menu-bottom p { display:inline; float:right; margin:0px 40px 0 0; }
#menu-bottom p a { color:#eee; text-decoration:none; }
#menu-bottom p a:hover { color:rgb(251,12,12); text-decoration:underline; }

#menu-bottom ul { 
 position:relative;
 margin:2px 50% 0 30px; padding:0; 
 list-style:none;
 }

#menu-bottom li { display:inline; list-style:none; margin:0; padding:0;  }

#menu-bottom li a { 
 margin:0 15px; padding:1px 0; 
 margin:0; padding:0 15px 2px; 
 text-align:center;
 text-transform:uppercase; 
 color:#fff; text-decoration:none;
 }

#menu-bottom li a:hover { color:rgb(251,12,12); 
 border-bottom:4px rgb(251,12,12) solid; 
 border:0px; background:white; color:black;
 }


/* ---[ contact form ]---------- */

form.zemContactForm { margin:0; }

form.zemContactForm label { padding:0 3px; }
form.zemContactForm legend { ; }

form.zemContactForm input { margin:0 0 1em; }

form.zemContactForm textarea { margin:0 0 1em; }

input.zemCheckbox { 
 display:block; float:left; 
 margin:0; vertical-align:top; 
 }

label.zemCheckbox { 
 margin:-2px 2px; line-height:1em; 
 vertical-align:bottom; 
 }

input.zemSubmit { clear:both; }

form.zemContactForm fieldset { border:0; margin:0; padding:0; }

form.zemContactForm label.zemRequired { 
 color:rgb(251,12,12); font-weight:bold; 
 }

span.zemRequired { 
 color:rgb(251,12,12); font-weight:bold; 
 } 

.zemThanks { 
 color:rgb(251,12,12); font-weight:bold; 
 font-size:1.1em;
 } 

.zemError strong, .zemRequirederrorElement  { 
 color:rgb(251,12,12); font-weight:bold; 
 }

input.zemRequirederrorElement, textarea.zemRequirederrorElement { 
 background:#fea; color:black; font-weight:normal; 
 border:1px solid rgb(251,12,12); 
 }

/* ---[ search ]---------- */


div#sitesearch { margin-top:1em;
 border-right:7px solid #ddd; 
 padding:0 12px 0 0; 
 text-align:right; 
 }

div#sitesearch form { ; }

div#sitesearch input.txt { border:1px solid #999; }

div#sitesearch input.buttn { margin-top:1px; }

div.search-result { 
 padding-bottom:2em; 
 border-bottom:1px solid #ddd; 
 }



/* ---[ typography main ]---------- */

p, pre, h2, h3, h4, h5 {
 margin:1em 0; text-indent:0;
 font-size:1.1em; line-height:1.8em;
 }

blockquote { 
 margin:1em 12px 1em 0; 
 padding:10px 0; 
 font-family: arial, verdana, sans-serif;
 color: #666;
 line-height: 1.4em;
 font-size:1.1em;
 background:#eee; 
 }

blockquote p { 
 margin:0 15px; 
 line-height: 1.5em;
 font-size:1em;
 font-family: arial, verdana, sans-serif;
 }

blockquote p strong { font-weight:bold; }

blockquote.red { background:rgb(251,12,12); }
blockquote.dark { background:rgb(174,177,154); }

/* TXP applies class to paragraph */
p.red { color:white; }
p.red a:link { color:white; }
p.red a:visited { color:white; }
p.red a:hover { background:white; color:rgb(251,12,12); }

p.dark { color:white; }
p.dark a:link { color:white; }
p.dark a:visited { color:white; }
p.dark a:hover { background:white; color:black; }

	
h2 {
 text-indent:-1px; margin-bottom:0;
 font-size:1.7em; line-height:1em; 
 font-weight:normal; letter-spacing:2px;
 }

h3 { 
 font-size:1.2em; line-height:1em; 
 margin-top:2em; margin-bottom:1em;
 font-weight:bold; color:black;
 }

strong { ; }
em { ; }


/* ---[ body links ]---------- */

p a:link { color:rgb(251,12,12); } 
p a:visited { color:#366;  }
p a:hover { color:white; background:rgb(251,12,12); text-decoration:none;  } 
p a:active { color:red; color:white; background:black; }

li a:link { color:rgb(251,12,12); } 
li a:visited { color:#366;  }
li a:hover { color:white; background:rgb(251,12,12); text-decoration:none;  } 
li a:active { color:white; background:black; }

h4 a:link { color:rgb(251,12,12); } 
h4 a:visited { color:#366;  }
h4 a:hover { color:black; color:white; background:rgb(251,12,12); text-decoration:none;  } 
h4 a:active { color:red; color:white; background:black; }

h3 a { color:black; text-decoration:none; }
h3 a:hover { color:rgb(223,22,44); text-decoration:underline; }

p a.exit { 
 padding-right:12px;
 background:transparent url(/images/exit.gif) center right no-repeat; 
 }

p a.exit:hover { 
 color:white; 
 background:rgb(251,12,12) url(/images/exit.gif) center right no-repeat; 
 }

a.up { 
 display:block; float:right; 
 margin-right:10px; padding-right:12px; 
 background:url(/images/arrow-up.png) center right no-repeat; 
 color:#999; text-decoration:none;
 }

a.up:hover { color:rgb(251,12,12); }


/* ---[ lists ]---------- */

#center li { font-size:1em; line-height:1.2em; }
#center li li { margin:1em 2em;   }
#center li li li { margin:1em 2em;  }
#center li { margin-right:33px; line-height:1.5em; margin-bottom:1.5em; }


#right ul { padding:0; margin:0 20px; }
#right li { margin:1em 0; padding:0; line-height:1.4em; }

#right ul.redtop { border-top:rgb(251,12,12) 2px solid; }

#right li a:link { color:#366; } 
#right li a:hover { color:white; background:rgb(251,12,12); text-decoration:none;  } 
#right li a:active { color:white; background:black; }


.file-list { line-height:2.8em;  }
.file-list img { margin:3px 5px 3px 0; vertical-align:middle;  }
.file-list a { line-height:2.8em;  }
.file-list a:hover { color:white; background:rgb(251,12,12); text-decoration:none; }


/* ---[ feed service list ]---------- */

div#feed-button { text-align:right; }

div#feed-button a { 
 display:block; margin:2em 22px; padding-right:18px; width:auto;
 background:transparent url(/images/rss.gif) center right no-repeat; 
 font-size:12px; line-height:14px; 
 color:#bbb; text-decoration:none;
 }

div#feed-button a:hover { color:black; }



.addfeed ul { list-style:none; margin:0; padding:0; }

.addfeed li ul {
 position:absolute; display:none;
 list-style:none; margin:0; padding:0;
 background:#fff;
 border:1px solid #ccc;
 padding:8px 8px 4px 4px;
 }

#center .addfeed li { 
 margin:1em 0; padding:3px 0; 
 font-size:1.4em;
 }

#center .addfeed li li { 
 margin:2px 0; padding:0; 
 font-size:1em;
 }

.addfeed li a { 
 margin:0; padding:0 0 0 2px; border:0; background:none; 
 border-left:3px solid #fff;
 }

.addfeed li a:hover { 
 border-left:3px solid rgb(251,12,12);
 }

#center .addfeed li img { margin:0; padding:0; border:0; }


/* ---[ misc ]---------- */

#center img { margin-top:10px; margin-bottom:10px; }
#center img.gray { border:1px solid #ccc; }
#center img.right { 
 display:inline; float:right; margin:.7em 0 3px 6px  }
#center img.left { 
 display:inline; float:left; margin:1.8em 6px 3px 0; }
#center img.center { 
 display:block; margin-left:auto; margin-right:auto; }
/* list hide last */
#center img.hide { display:none; } 
#center img.topmargin { margin-top:1.7em; } 

#center img.article-image { float:right; margin:0 10px 5px 5px; }
/* used by form:article-feature for Press Room and Work */


.left { display:block; float:left; margin:10px; }

div#admin-edit a { position:absolute; top:1px; right:40px; color:#999; text-decoration:none;  }
div#admin-edit a:hover { color:red; text-decoration:underline; }

div.news { /* wraps news on homepage if it's not an excerpt */
 border-bottom:1px solid #ccc;
 }

#center div.feature{ /* top-level media and case/client list. also wrap right column features */
 border-bottom:1px solid #ccc;
 }

#accessibility { display:none; }

img#tagline { position:absolute; top:0; right:30px; }


/* ---[ flickr images ]---------- */

#center .flickr { 
 width:190px; margin:5px; 
 border:1px solid #ddd; background:white; 
 } 

#center .horizontal { 
 width:250px; margin:5px; border:1px solid #ddd; 
 }

#center .right { display:inline; float:right; }

#center .flickr img { margin:5px; } 

#center .flickr p { 
 margin:5px 5px 10px; 
 font-size:.9em; line-height:1.2em; 
 }


/* ---[ bookmarks ]---------- */

#bookmarks { 
 border-top:1px #ccc solid; color:#aaa;
 }

#bookmarks ul { 
 margin:0; padding:0; list-style:none;
 }

#bookmarks li { 
 display:inline; list-style:none; 
 margin:0; padding:0;  
 }

#bookmarks li a { 
 margin:0 2px; padding:1px 4px; 
 text-align:center;
 color:#aaa; text-decoration:none;
 }

#bookmarks li a:hover { 
 background:rgb(251,12,12); color:white;
 }




/* ---[ color ]---------- */

.black { color:black; }
.white { color:white; }
.red {  color:rgb(251,12,12); }
.red-bkg { background:rgb(251,12,12); }
.dark-bkg {  background:rgb(174,177,154); }

/* ---[ live adjustments ]---------- */



 /* self-clearing floats */

#menu:after, #pagebody:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

br.clear { clear:both; margin:0; line-height:1em; font-size:1em; }

#menu-top li.signup { display:none; }