body {
MARGIN: 0 auto;
text-align: center;
background:url('bg.jpg');
background-position:top center;
background-repeat:no-repeat;
background-color:#000000;
}
a:active {
-moz-outline-style: none;
outline: none;
}
a:focus {
-moz-outline-style: none;
outline: none;
}
.hidden-content {
display:none;
visibility:hidden;
}
.clear {
clear:both;
}

/* ========================================= */
/* ================ HOMEPAGE =============== */
/* ========================================= */

.page {
margin: 0 auto;
width:1000px;
text-align:center;
}
.top-menu {
margin: 120px 0px 0px 0px;
width:1000px;
height:40px;
position:relative;
z-index:1;
}
.top-menu-contents {
float:right;
height:40px;
background:url('topmenu.png');
background-position:top left;
background-repeat:no-repeat;
margin:0px 25px 0px 0px;
padding:10px 10px 0px 15px;
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
color:#83bf20;
}
.top-menu-contents a:link, .top-menu-contents a:visited {
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
color:#83bf20;
padding:0px 10px 0px 10px;
}
.top-menu-contents a:hover, .top-menu-contents a:active {
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
color:#b2e55c;
}
.active {
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
FONT-FAMILY: Arial; 
text-decoration:none;
text-align:left;
color:#b2e55c;
padding:0px 10px 0px 10px;
}
.content-top {
/*clear:both;*/
margin-top: -20px;
width:1000px;
height:14px;
position:relative;
z-index:100;
background:url('content-top.png');
background-position:top left;
background-repeat:no-repeat;
}
.content {
position:relative;
z-index:100;
margin: 0px;
padding: 0px;
width:1000px;
background:url('content-bg.png');
background-position:top left;
background-repeat:repeat-y;
}
.content-bottom {
margin: 0px;
width:1000px;
height:17px;
background:url('content-bottom.png');
background-position:top left;
background-repeat:no-repeat;
}
.homepagepromos {
float:left;
margin:53px 10px 0px 40px;
FONT-WEIGHT: normal; 
FONT-SIZE: 13px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#83bf20;
}
.twitterfeed {
float:left;
margin:60px 0px 0px 0px;
width:250px;
FONT-WEIGHT: bold; 
FONT-SIZE: 14px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#000000;
}
.twitterfeed  ul, .twitterfeed li {
margin:0px;
padding:0px;
list-style-type: none;
FONT-WEIGHT: normal; 
FONT-SIZE: 13px; 
FONT-FAMILY: Arial;
text-decoration:none;
font-style:italic;
text-align:left;
color:#000000;
}
.twitterfeed  a {
FONT-WEIGHT: normal; 
FONT-SIZE: 13px; 
FONT-FAMILY: Arial;
text-decoration:underline;
text-align:left;
color:#83bf20;
}
.client-thumb {
float:left;
width:200px;
height:150px;
border:solid 1px #000000;
margin:20px;
}
.client-link {
float:right;
margin:20px;
}
.homepage-left-content {
width:600px;
float:left;
margin:10px 0px 0px 50px;
}
.homepage-left-content-text {
padding:20px 0px 30px 0px;
clear:both;
FONT-WEIGHT: normal; 
FONT-SIZE: 15px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:justify;
color:#000000;
}
.homepage-left-content-text a:link , .homepage-left-content-text a:visited {
FONT-WEIGHT: normal; 
FONT-SIZE: 15px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:justify;
color:#83bf20;
}
.homepage-left-content-text a:hover , .homepage-left-content-text a:active {
FONT-WEIGHT: normal; 
FONT-SIZE: 15px; 
FONT-FAMILY: Arial;
text-decoration:underline;
text-align:justify;
color:#83bf20;
}
.current-work {
width:605px;
height:380px;
margin:0px 0px 0px 0px;
background:url('what-are-we-working-on-bg.gif');
background-position: top left;
background-repeat:no-repeat;
position:relative;
}
.current-work-image {
position:absolute;
top:55px;
left:20px;
}
.homepage-right-content {
width:272px;
float:left;
margin:10px 0px 0px 30px;
padding:100px 10px 10px 10px;
FONT-WEIGHT: normal; 
FONT-SIZE: 13px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#83bf20;
background:url('recentnews.jpg');
background-position: top left;
background-repeat:no-repeat;
}
.homepage-quick-links {
width:270px;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
}
.quick-links-title {
padding:0px 0px 0px 10px;
FONT-WEIGHT: normal; 
FONT-SIZE: 19px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#000000;
}
.quick-links-title strong {
FONT-WEIGHT: bold; 
FONT-SIZE: 19px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:left;
color:#000;
}
.quick-links-text {
padding:3px 10px 0px 10px;
FONT-WEIGHT: normal; 
FONT-SIZE: 12px; 
FONT-FAMILY: Arial;
text-decoration:none;
text-align:justify;
color:#000000;
}
.quick-links-text a {
FONT-WEIGHT: normal; 
FONT-SIZE: 12px; 
FONT-FAMILY: Arial;
text-decoration:underline;
color:#000;
}
.quick-links-text a:hover {
FONT-WEIGHT: normal; 
FONT-SIZE: 12px; 
FONT-FAMILY: Arial;
text-decoration:none;
color:#000;
}

/* ================================================== */
/* ================ CONTENT STRUCTURE =============== */
/* ================================================== */

.left-content {
float:left;
text-align:left;
}
.right-content-homepage {
margin:65px 40px 0px 0px;
float:right;
height:415px;
width:474px;
text-align:left;
background:url('homepage-background.jpg');
background-position:top right;
background-repeat:no-repeat;
}
.right-content {
margin:50px 40px 0px 0px;
float:right;
width:355px;
height:317px;
text-align:left;
background:url('homepagemonitor-sml.jpg');
position:relative;
}
#fadeshowsmall {
background:#ffffff;
position:absolute;
top:22px;
left:21px;
}
.page-content {
margin:0 auto;
padding:20px 0px 40px 0px;
width:920px;
clear:both;
text-align:justify;
font-family:Arial;
font-size:14px;
color:#333333;
font-weight:normal;
line-height:20px;
}
.page-content  a:link, .page-content  a:visited {
font-family:Arial;
font-size:14px;
color:#83bf20;
font-weight:normal;
text-decoration:none;
}
.page-content  a:hover, .page-content  a:active {
font-family:Arial;
font-size:14px;
color:#83bf20;
font-weight:normal;
text-decoration:underline;
}
.page-content-heading-black {
float:left;
text-align:left;
font-family:Arial;
font-size:18px;
color:#ffffff;
font-weight:normal;
line-height:22px;
margin:0px 0px 10px 0px;
padding:5px 10px 5px 10px;
text-decoration:none;
background:#000000;
letter-spacing:-1px;
white-space: nowrap;
}
.page-content-heading {
float:left;
text-align:left;
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
line-height:22px;
margin:0px 0px 10px 0px;
padding:5px 10px 5px 10px;
text-decoration:none;
background:#83bf20;
letter-spacing:-1px;
white-space: nowrap;
}
.page-content-heading a:link, .page-content-heading a:visited {
text-align:left;
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
line-height:22px;
margin:0px 0px 10px 0px;
padding:5px 10px 5px 10px;
text-decoration:none;
letter-spacing:-1px;
}
.page-content-heading a:hover, .page-content-heading a:active {
text-align:left;
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
line-height:22px;
margin:0px 0px 10px 0px;
padding:5px 10px 5px 10px;
text-decoration:underline;
letter-spacing:-1px;
}
.left-menu {
text-align:left;
float:left;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
}
.left-menu ul, .left-menu li {
list-style-type:none;
text-align:left;
margin:2px;
}
.quote, .quote2 {
font-style: italic;
}
.left-menu-heading {
float:left;
text-align:left;
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
line-height:22px;
margin:0px 0px 10px 0px;
padding:5px 10px 5px 10px;
text-decoration:none;
background:#83bf20;
letter-spacing:-1px;
clear:both;
white-space: nowrap;
}
.left-menu  a:link, .left-menu  a:visited {
font-family:Arial;
font-size:14px;
color:#83bf20;
font-weight:normal;
text-decoration:none;
}
.left-menu  a:hover, .left-menu  a:active {
font-family:Arial;
font-size:14px;
color:#333333;
font-weight:normal;
text-decoration:none;
}
.right-content-text {
width:730px;
padding-left:20px;
float:left;
border-left:solid 1px #83bf20;
min-height:350px;
}
.logo {
margin:25px 0px 0px 40px;
}
.headline-box {
margin:50px 0px 0px 40px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.headline {
float:left;
text-align:left;
font-family:Arial;
font-size:24px;
color:#dddddd;
font-weight:normal;
line-height:30px;
margin:10px 0px 0px 0px;
padding:5px 10px 5px 10px;
text-decoration:none;
background:#000000;
letter-spacing:-2px;
clear:both;
white-space: nowrap;
}
.headline h1 {
font-family:Arial;
font-size:24px;
color:#dddddd;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px;
text-decoration:none;
letter-spacing:-2px;
}
.headline h2 {
font-family:Arial;
font-size:24px;
color:#dddddd;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px;
text-decoration:none;
letter-spacing:-2px;
}
.headline-large {
float:left;
text-align:left;
font-family:Arial;
font-size:30px;
color:#000000;
font-weight:normal;
line-height:30px;
margin:0px 0px 0px 0px;
padding:5px 10px 5px 10px;
text-decoration:none;
background:#83bf20;
letter-spacing:-2px;
clear:both;
white-space: nowrap;
}
.headline-large h1 {
font-family:Arial;
font-size:30px;
color:#000;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px;
text-decoration:none;
letter-spacing:-2px;
}
.headline-large h2 {
font-family:Arial;
font-size:30px;
color:#000;
font-weight:normal;
line-height:30px;
margin:0px;
padding:0px;
text-decoration:none;
letter-spacing:-2px;
}
.contact-form-quote {
text-align:left;
font-family:Arial;
font-size:11px;
color:#222222;
font-weight:normal;
font-style:italic;
line-height:12px;
}



/* =================================================== */
/* ================ HOMEPAGE SLIDESHOW =============== */
/* =================================================== */

.homepage-slideshow {
float:right;
width: 412px;
height: 258px;
margin:28px 32px 0px 0px;
}
#leadimage {
position:relative;
height:360px
}
#leadimage a {
float:left;
position:absolute;
}
#leadimage a img {
border:none;
}
#leadimage a.show {
z-index:500
}
#leadimage .caption {
z-index:600; 
background-color:#000; 
color:#ffffff; 
height:100px; 
width:100%; 
position:absolute;
bottom:0;
}
#leadimage .caption .content {
margin:5px
}
#leadimage .caption .content h3 {
margin:0;
padding:0;
color:#1DCCEF;
}

/* ======================================= */
/* ================ FOOTER =============== */
/* ======================================= */

.footer {
margin: 0px;
width:1000px;
text-align:right;
}
.footer-button {
margin: 0px;
width:1000px;
height:28px;
text-align:left;
background:url('dropdown.png');
background-position:top left;
background-repeat:no-repeat;
}
.footer-column {
width:200px;
float:left;
margin:5px 10px 15px 10px;
text-align:left;
font-family:Arial;
font-size:12px;
color:#222222;
font-weight:normal;
text-decoration:none;
}
.footer-column a:link, .footer-column a:visited {
font-family:Arial;
font-size:12px;
color:#222222;
font-weight:normal;
text-decoration:none;
}
.footer-column a:hover, .footer-column a:active {
font-family:Arial;
font-size:12px;
color:#222222;
font-weight:normal;
text-decoration:underline;
}
.footer-address {
margin:0px 0px 15px 0px;
text-align:center;
font-family:Arial;
font-size:11px;
color:#222222;
font-weight:bold;
}
.footer-address h2 {
margin:0px 0px 0px 0px;
text-align:center;
font-family:Arial;
font-size:11px;
color:#222222;
font-weight:bold;
display:inline;
}
.footer-address a:link, .footer-address a:visited {
margin:0px 0px 0px 0px;
text-align:center;
font-family:Arial;
font-size:11px;
color:#222222;
font-weight:bold;
text-decoration:none;
}
.footer-address a:hover, .footer-address a:active {
margin:0px 0px 0px 0px;
text-align:center;
font-family:Arial;
font-size:11px;
color:#222222;
font-weight:bold;
text-decoration:underline;
}
#hiddenfooter {
display:none;
margin: 0px;
width:1000px;
text-align:center;
background:url('dropdown-bg.png');
background-position:top left;
background-repeat:repeat-y;
}

/* ================================ */
/* ============ BLOG ============== */
/* ================================ */

.webfaced-blog-image {
float:left;
margin:3px 15px 10px 0px;
border:solid 1px #bbbbbb;
}
.blog-title {
float:left;
text-align:left;
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
line-height:22px;
margin:10px 0px 10px 0px;
padding:5px 10px 5px 10px;
text-decoration:none;
background:#83bf20;
letter-spacing:-1px;
white-space: nowrap;
}
.blog-title a:link, .blog-title a:visited {
text-align:left;
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
line-height:22px;
text-decoration:none;
letter-spacing:-1px;
}
.blog-title a:hover, .blog-title a:active {
text-align:left;
font-family:Arial;
font-size:18px;
color:#000000;
font-weight:normal;
line-height:22px;
text-decoration:underline;
letter-spacing:-1px;
}
.post-date {
text-align:left;
font-family:Arial;
font-size:12px;
color:#000000;
font-weight:normal;
margin:3px 0px 5px 0px;
text-decoration:none;
}
.left-menu ul {
margin:0px;
padding:0px;
}
.left-menu ul li{
margin:0px 0px 5px 0px;
padding:0px 0px 5px 0px;
border-bottom:solid 1px #83bf20;
}