/* Link styles
------------------------------------------------ */
a:link, a:visited {color: #444; text-decoration: underline;outline: none;}
a:hover   {color: #000; text-decoration: underline;}
a:active  {color: #000; text-decoration: underline;}

a.no-border:link, a.no-border:visited {color: #444;text-decoration:none;border:none;} a.no-border:hover {color: #000;text-decoration:none;border:none;}

/* Container
------------------------------------------------ */

body { margin: 0px;  padding: 0px;text-align: center;
background-color: #F3F3F3;}

#all {position: relative;margin: 0px;width: auto;text-align: center;background-color: #FFF;  background-image: url('../images/bkgd_body_2.jpg');background-repeat: repeat-x;padding: 100px 0 0 0;}

#main {width: 990px;position: relative;margin: 0px auto;text-align: left; }

#content {padding: 0 0 48px 0;margin: 32px 0 0 0;height: auto;width: auto;}


/* Header
------------------------------------------------ */

#header {height: 127px;width: 980px;margin: 0px auto;padding: 0px;text-align: right;overflow:hidden;}
#header .header-left h1 { margin:  0 0 0 0;padding-bottom: 0px;}
#header .header-left h1 span {position:absolute;left:-20000px;}

.header-left {width:  354px;height: 127px;float: left;padding: 0 0 0 0;margin: 0px;}

.header-right {width:620px;height:auto;float: right;padding: 86px 0 0 0;margin: 0px;text-align: right;}

/* Footer
------------------------------------------------ */
.body-bottom
{
    width: auto;
    height: 140px;
    padding: 0px ;
    margin: 0px auto;
    background-color: #F3F3F3;
    background-image:  url(../images/bkgd_footer.jpg);
    background-repeat: repeat-x;

}

.footer {margin: 0px auto 0px auto;width: 990px;height:32px;padding-top: 24px; font: normal 1em Arial, Helvetica, Verdana, sans-serif;}

.footer-left {float: left;padding:0px;margin: 0px; width:  200px;text-align: left;  color:#444;}

.footer-right h2 { color:#444;font: normal 1.3em  Arial, Helvetica, Verdana, sans-serif;letter-spacing:normal;margin: 0 0 6px 0;padding-bottom: 4px;border-bottom:1px solid #999;}


.footer-right {float: right;width: 764px;padding: 0 0 0 0;margin: 0px; text-align: left; color:#444;}

.footer-right a:link, .footer-right a:visited, 
.footer-left a:link, .footer-left a:visited{ color: #444;text-decoration: underline; }
.footer-right a:hover, .footer-left a:hover{ color: #000000;text-decoration: underline;}
.footer-right a:active, .footer-left a:active{color: #000000;text-decoration: underline; }
.footer-right a.active, .footer-left a.active{ color: #000000;text-decoration: underline; }


/* Navigation & Lists
------------------------------------------------ */
#nav {width:600px;margin: 0px auto;height:2em;padding: 0 0 0 20px;position: relative;text-align: right;}

#navlist {margin: 0px;padding: 0px;height:2.2em;}

#navlist ul {margin: 0px;padding: 0px;float: right;list-style-type: none;}

#navlist li {margin: 0px;padding:  0px 0px 0px 28px;display: block;float: left;list-style-type: none;}

#navlist a {padding: 8px 0px 1px 0px;margin: 0px;text-decoration: none;border:none;outline: none;display: block;font-weight: bold;font-family: Helvetica,sans-serif; font-size: 1.2em;}

#navlist a:link, #navlist a:visited {color: #161616; text-decoration:none;}
#navlist li a:hover {color: #000; text-decoration:none;
border-bottom: 4px solid #76C5C9;}
#navlist a:active {color: #000;text-decoration:none;border-bottom: 4px solid #76C5C9;}
#navlist li a.active  {color: #000; border-bottom: 4px solid #76C5C9;text-decoration:none;}

.articlelist { width: auto;height: auto;padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;font-family: Helvetica, Arial, sans-serif;line-height: 1em;font-size:0.9em;}

.articlelist ul {margin: 0px;padding: 0px;list-style-type: none; text-decoration: none; }

.articlelist li{ height: auto;margin: 0px  0px  0px  0px; padding: 0px  0px  6px  0px;list-style-type: none;}

.articlelist a { padding: 0px;width: auto; text-decoration: none;border:none; background-color:#FFFFFF;outline: none;}

.articlelist a:link, .articlelist a:visited { color: #444444; text-decoration: none; }
.articlelist a:hover { color:  #FD8A87; text-decoration: none; }
.articlelist a:active { color: #000; text-decoration: none; }
.articlelist li a.active { color: #000; text-decoration: none;}

/* Layout
------------------------------------------------ */


.content-float-wide {height: auto;float: left;width:989px;padding: 0px;margin: 0px;overflow:hidden;}
.content-float {height: auto;float: left;width:740px;padding: 0px;margin: 0px;overflow:hidden;}

.col-2 {height: auto;float: right;width: 514px;padding: 0px;margin: 0px;}
.col-2-wide {height: auto;float: right;width: 764px;padding: 0px;margin: 0px;}
.col-1 {height: auto;float: left;width: 210px; padding: 0px;margin: 0px;}
.col-3 {height: auto;float: right;width: 230px;padding: 0px; margin: 0px;}

#content-main {width: auto;height: auto;margin: 0px; padding: 0 0 0 0;overflow:hidden;color: #161616;}
#sidebar-lhs, #sidebar-rhs {width: auto;height: auto;margin: 0px;padding: 0px;color: #161616;}

#atff {display: none;}

/* Panels
---------------------------------------------------------------- */

.panel { margin: 0px; padding: 0 6px 16px 0;}

.panel h3 {font-size: 1.2em; font-weight: bold; color: #444;margin: 3px 0 0.6em 0;line-height: 1em;border-bottom:4px solid #FD8A87;padding: 0 0 0.4em 0;}

#search div { margin: 0px;padding: 2px 0px 0 6px;}

span.date {font-size:0.8em;font-style:italic;color:#999;}

div.article-listing  { padding: 0px 0 4px 0;margin: 4px 0 0 8px;}
div.article-listing p { margin:  .1em 0 .3em 0; padding-bottom: 0px;font: normal 0.9em Helvetica, Arial, Verdana, sans-serif;line-height: 1.2em;color: #444;}

p.entry-summary{margin:  .4em 0 .3em 0; padding-bottom: 0px;font: normal 1em Helvetica, Arial, Verdana, sans-serif;line-height: 1.2em;color: #444;}
p.small { font-size: 0.8em;line-height: 1.2em; margin:  .3em 0; padding-bottom: 6px;}

/* Gallery Images
---------------------------------------------------------------- */

#latest-work {width: auto;height: auto;margin: 0px;padding: 0px 6px 0 0;}

#latest-work ul.thumbs,
#content-main ul.thumbs  {  width: auto; height: auto;list-style: none;margin: 0 0 0 0; padding: 2px 0 0 0; }
#latest-work ul.thumbs li, #content-main ul.thumbs li { float:left;margin: 0 8px 4px 0;padding: 0 0 0 0; }
#latest-work ul.thumbs img, #content-main ul.thumbs img {width:100px;height:100px; border: 1px solid #CECECE;padding: 2px;}
#latest-work ul.thumbs a:hover img, #content-main ul.thumbs a:hover img {border: 1px solid #999;padding: 2px;}
#latest-work ul.thumbs a:hover { }
/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
 margin:  .4em 0 .2em 0;
 line-height: 1.2em;
 padding-bottom: 2px;
}

h1 { font-family: Arial,Helvetica,sans-serif; font-size: 180%; font-weight: normal; color: #161616; }
h2 { font-family: Arial,Helvetica,sans-serif; font-size: 150%; font-weight: normal; color:#161616;margin:  0 0 .4em 0; }
h3 { font-family: Arial,Helvetica,sans-serif; font-size: 120%; font-weight: normal; color: #FD8A87; padding-bottom: 0px; line-height: 1em; margin:  .4em 0 0.2em 0em;}
h4 { font-size: 110%; font-weight: normal; color: #161616; }
h5 { font-size: 80%; font-weight: bold; color: #161616; }

p
{
 line-height: 1.5em;
 margin:  0 0 .5em 0;
 padding-bottom: 4px;
}


/* Neutralize styling:
Elements we want to clean out entirely
and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset
{
 margin: 0;
 padding: 0;
 font: normal 100.01%/1.3em Helvetica, Arial, Verdana, sans-serif; 
}

html { font-size: 80%; } /* 1em = 10px */
html { font-size: 90%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 90%;}

textarea
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Form Styles
---------------------------------------------------------------- */

#zemContactForm {line-height:1.2em;font-size:0.9em;}

form textarea,  form input 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
width: auto;
margin-left: 0px; 
font-size: 110%;
}

.form-row-contact {margin: 0 0 8px 0;}

.form-row-contact input, .form-row-contact select {margin: 4px 0 0 0;}


.form-row-contact label {font-size:90%;}

label.address2{display:none;}
label.zemRequirederrorElement,label.zemRequired{font-weight:bold;}

.zemError { font: normal 100% Arial,Helvetica,sans-serif; padding-left: 0px; margin-top: 7px;width: auto; color: #FF0000;}

.zemError li { padding-left: 0px; list-style: none;margin-bottom: 3px; margin-left: 0px;margin-top: 3px;padding-top: 3px;padding-top: 3px;color: #FF0000;padding-left: 21px;    background-image:  url(../images/error.png);
background-repeat: no-repeat; 
background-position:0px 1px;}

/* Images / Graphics
------------------------------------------------ */

.hr {height: 1px; width: auto;background-image: url('../images/dash.gif'); background-repeat: repeat-x;}
.image-right { float: right;height: auto;width: auto;position: relative; margin: 0px 0 6px 8px; border:none;}
.image-left {float: left;height: auto;width: auto; position: relative;margin: 0px 12px 6px 0; border:none;}

img{border: none;}

/* Iframes
------------------------------------------------ */

iframe {width:530px;height:350px;border:none;}