/* main color was #c00e14 */
/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;
}
body{
background:#5c0000;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body{font:13px "Trebuchet MS", verdana, arial, helvetica, sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}


.hidden {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
img,div,span,a,p,h1,h2,h3,h4,h5,h6 {behavior: url(/assets/templates/layout/iepngfix.htc)}

/* =elements ***************************** */
a:link			{color: #de151a;text-decoration: underline;}
a:active		{color: #de151a;}
a:visited		{color: #de151a;}
a:hover		{color: #de151a; }

em {font-size: 107%;font-style: normal;font-weight: bold;}
div.job-info p {width:300px;margin:10px auto;}

/* =typography***************************** */
#main-content h1,h2,h3,h4,h5,h6 {margin: 30px 10px 5px;}
#main-content h1 {color: #de151a;font-size: 167%;}
#main-content h2 {color: #999;font-size: 144%;margin: 10px 10px 5px;}
#main-content h3 {color: #999;font-size: 129%;margin: 10px 10px 5px;}
#main-content h4 {color: #999;font-size: 114%;margin: 10px 10px 5px;}
#main-content h4 a {color: #999;text-decoration: none;}
#main-content p {margin: 0 10px 15px 10px;line-height: 1.6em;color: #3a3a3a;}
#main-content ul {margin: 15px 10px;list-style: none;}
#main-content ul li {line-height: 2em;color: #3a3a3a;background: url(images/arrow.gif) no-repeat 0 .75em;padding: 0 0 0 15px;}


#plain-cafe {
  color:#fff;
  }
  
#plain-cafe  h2{
  color: #fff;font-size: 144%;
  margin: 30px 0px 0px 0px;
}

/* =home page***************************** */
#header.header-home {padding: 26px 0 0 0; }
#header #header-cta {width: 960px;margin: 0 auto; background: url(images/illustration-home2.jpg) no-repeat right top; padding: 30px 0 20px 0;}
#header #header-cta h1 {font-size: 28px;margin: 0 10px;color: #fff;width: 520px;}
#header #header-cta span#sub-text {margin: 10px;width: 390px;display: block;height: 24px;background: url(images/heading-sub-cta.jpg) no-repeat 0 0;text-indent: -9999px;}
#header #header-cta p {color: #fff;width: 489px;font-size: 100%; line-height: 1.7em;margin: 10px;}
#header #header-cta a {display: block; width: 393px; margin: 0 10px;height: 35px;text-indent: -9999px; background: url(images/cta-home-button.gif) no-repeat;}
#main-content-home {float: right; width: 960px;overflow: hidden;padding: 0 0 20px 0;
background: #5c0000;}

ul#home-list {list-style: none;margin: 10px 0 0 0;}
ul#home-list li {
  width: 475px; /*background: url(images/background-cardlet2.jpg) no-repeat 0 0;*/
  height: 223px;
  float: left;
  margin: 10px 5px 0 0;
  display: inline;
  position: relative;}
ul#home-list li h2 {color: #fff;clear: both;margin: 20px 20px 5px;font-size: 144%;}
ul#home-list li p {padding: 0 0 30px 95px;font-size: 100%;line-height: 1.6em;margin: 10px 20px;color: #fff;}
ul#home-list li a {color: #fff;}
ul#home-list li#church-box p {background: url(images/greekChurch.jpg) no-repeat 0 0; height:104px}
ul#home-list li#church-detail p {background: url(images/greekChurch.jpg) no-repeat 0 0; height:104px; width:600px}
ul#home-list li#hotrods-box p {background: url(images/smallPics/hotrods.jpg) no-repeat 0 0; height:104px}
ul#home-list li#hotrods-detail p {background: url(images/smallPics/hotrods2.jpg) no-repeat 0 0; height:104px; width:600px}
ul#home-list li#beach-box p {background: url(images/smallPics/beach.jpg) no-repeat 0 0; height:104px}
ul#home-list li#beach-detail p {background: url(images/smallPics/beach.jpg) no-repeat 0 0; height:104px; width:600px}
ul#home-list li#pekapeka-box p {background: url(images/smallPics/pekapeka1.jpg) no-repeat 0 0; height:104px}
ul#home-list li#pekapeka-detail p {background: url(images/smallPics/pekapeka1.jpg) no-repeat 0 0; height:104px; width:600px}
ul#home-list li#cafe-box p {background: url(images/smallPics/coffee1.jpg) no-repeat 0 0; height:104px}
ul#home-list li#cafe-detail p {background: url(images/smallPics/coffee1.jpg) no-repeat 0 0; height:104px; width:600px}

ul#home-list li#zanah-box p {background: url(images/smallPics/zanah.jpg) no-repeat 0 0; height:104px}
ul#home-list li#zanah-detail p {background: url(images/smallPics/zanah.jpg) no-repeat 0 0; height:104px; width:600px}


ul#home-list li#zanah2-box p {background: url(images/smallPics/friends.jpg) no-repeat 0 0; height:104px}
ul#home-list li#zanah2-detail p {background: url(images/smallPics/friends.jpg) no-repeat 0 0; height:104px; width:600px}

ul#plain-list {list-style: none;margin: 10px 0 0 0;}
ul#plain-list li {
  margin: 10px 5px 0 0;
  position: relative;}
ul#plain-list li h2 {color: #fff;clear: both;margin: 20px 20px 5px;font-size: 144%;}
ul#plain-list li p {padding: 0 0 30px 95px;font-size: 100%;line-height: 1.6em;margin: 10px 20px;color: #fff;}
ul#plain-list li a {color: #fff;}

ul#beach-list {list-style: none;margin: 10px 0 0 0;}
ul#beach-list li {
  width: 200px; 
  /*background: url(images/background-cardlet3.jpg) no-repeat 0 0;*/ 
  height: 90px;
  float: left;
  margin: 10px 5px 0 0;
  display: inline;
  position: relative;
  color:#fff;}
ul#beach-list li h2 {color: #fff;clear: both;margin: 20px 20px 5px;font-size: 144%;}
ul#beach-list li p {padding: 10px 0 0px 0px;font-size: 100%;line-height: 1.6em;margin: 10px 20px;color: #fff;}
ul#beach-list li a {color: #fff;}

a.link-button {text-decoration: none;color: #aaaaaa;text-decoration: underline;font-size: 100%;padding: 5px 0 0 0;}


ul#photos-list {list-style: none;margin: 10px 0 0 0;}
ul#photos-list li {
  width: 250px; /*background: url(images/background-cardlet2.jpg) no-repeat 0 0;*/
  height: 150px;
  float: left;
  margin: 10px 5px 0 0;
  display: inline;
  position: relative;}

/* =tools pages***************************** */
#main-content-results h1,h2,h3,h4,h5,h6 {margin: 30px 10px 5px;}
#main-content-results h1 {color: #de151a;font-size: 167%;}
#main-content-results p {margin: 0 10px 15px 10px;line-height: 1.6em;color: #3a3a3a;}
#main-content-results table {font-size: 92%;width: 940px;margin: 20px auto;}
#main-content-results table td {padding: 7px 4px;}
#google {margin: 20px 0;}
#google table td {padding: 5px 10px;}
#saturation {margin: 10px 0 0 0;}
#saturation td {padding: 5px 10px;}
#main-content .tools {margin: 20px 10px;}
#main-content .tools table td {width: 250px;float: left;}
#main-content .tools table td label {color: #5e5e5e;font-weight: bold;display: block;margin: 0; padding: 0 0 5px 0;}
#main-content .tools table td input {margin: 0;padding: 0;}
#main-content .tools table td select {display: block;margin:10px 0 0 0;}

/* =top ctas ***************************** */
.cta-top {height: 137px;padding: 30px 360px 0 20px;}
.cta-top p {font-size: 114%;;color: #3a3a3a;line-height: 1.3em;}
.cta-top p#sifr-emphasis {font-weight: bold;font-size: 22px;color: #3a3a3a;margin: 0 0 3px 0;}
#cta-1 {background: url(images/bottle-cap-strip-1.jpg) no-repeat 0 0;}
#cta-2 {background: url(images/bottle-cap-strip-3.jpg) no-repeat 0 0;padding: 35px 355px 0 20px}
#cta-3 {background: url(images/bottle-cap-strip-3.jpg) no-repeat 0 0;padding: 10px 355px 0 20px}
#cta-4 {background: url(images/bottle-cap-strip-4.jpg) no-repeat 0 0;}
#cta-5 {background: url(images/bottle-cap-strip-5.jpg) no-repeat 0 0;}
#cta-6 {background: url(images/bottle-cap-strip-6.jpg) no-repeat 0 0;}
#cta-7 {background: url(images/bottle-cap-strip-no-logo-search.jpg) no-repeat 0 0;}

/* =grids ***************************** */
#header {position: relative;padding: 26px 0 20px 0;background: #2d937f url(images/bg.gif) repeat-x;border-bottom: 7px solid #88090d;}
#header #navigation {position: relative;width: 960px;height: 53px;margin: 0 auto;}
#header #navigation a#logo {position: absolute;left: 0;top: 0;background: transparent url(images/logo.gif) no-repeat 0 0;width: 204px; height: 70px;text-indent: -9999px;}
#header #navigation ul {padding: 6px 0 0 240px;list-style:none;}
#header #navigation ul li {float:left;}
#header #navigation ul li a {font-weight: bold;float: left;color: #fff;padding: 10px 14px;text-decoration: none;height: 16px;}
#header #navigation ul li a:hover {background: #5a5858;}
#header #navigation span {float: right;width: 165px; height: 25px;background: url(images/date.gif) no-repeat;text-indent: -9999px;margin: 8px 0 0 0;}
#header img#top-pattern {position: absolute; top: -26px; right: 0;width: 131px; height: 26px;}

#body {width: 960px;margin: 0 auto;}


#footer.footer-home {background: #404040 url(images/footer-bg.gif) repeat-x top;clear: both;padding: 0;}
#footer {background: #404040 url(images/footer-bg-2.gif) repeat-x top;clear: both;padding: 42px 0 0 0;}
#footer-inner {width: 960px; margin: 0 auto;overflow: hidden;}
#footer-inner ul {list-style: none;float: left;width: 960px;margin: 8px 0;}
#footer-inner ul li {float: left;margin: 0 10px;}
#footer-inner ul li a {color: #fff; text-decoration: none;font-size: 92%;}
#footer-inner p {color: #dbdbdb;margin: 15px 10px 10px 10px;float: left;font-size: 92%;}
#footer-inner a {color: #fff;}
#footer-inner a.rss {color: #dbdbdb;margin: 0 10px;padding: 0 0 0 20px;}
#footer-inner a#back-to-top {float: right;width: 94px; height: 27px;text-indent: -9999px; background: url(/assets/images/back-to-top.gif) no-repeat bottom;margin: 12px 0 0 0;}

/* =sIFR screen ***************************** */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] { display: none !important;}

/* =Forms ********************************** */
table.form th {padding:5px 15px 5px 10px;vertical-align:top;}
table.form td {padding:5px;}
table.form label {font-weight:normal;}
table.form input.text, table.form textarea, table.form select, table.form input.file {padding:2px;width:296px;}
/*table.form input.file {border-top-color:#fff;}*/
table.form select {width:auto;}
table.form div.submit {width:420px;margin-left:5px;}
table.form div.submit input {padding:2px;float:right;}
table.form .full {width:410px;margin-left:5px;}
#main-content table.form h2 {margin-left:5px;}

/* =Case Studies **************************** */
#main-content #case-studies li {line-height:1.2em;margin:1em 0;background-position:0 0.43em;}


.clear {
	clear: both;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clear:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clear {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
 * html .clear {height: 1%;}
 .clear {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */