﻿/* CSS Document */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote{margin:0px;padding:0px;border:0px;}

/* PNG FIX */
a, img, div, { behavior: url('/css/iepngfix.htc'); }
div.clear{line-height:0;clear:both;margin:0;padding:0;border:0;}

/* Body */
body{background:url('/images/head-back.png') repeat-x;font-family:arial;}

/* TYPOGRAPHY */
h1{color:#0087CE;font-size:14px;margin-bottom:10px;font-weight:normal;line-height:130%;}
p{color:#666666;font-size:13px;margin-bottom:10px;font-weight:normal;line-height:130%;}
span.blue{color:#0087CE}
span.red{color:#E21C24}
a.underline{text-decoration:underline;}

/* MAIN */
div.global{width:980px;margin-left:auto;margin-right:auto;}

div#breadcrumbs{position:relative;width:615px;height:20px;float:left;padding-left:10px;padding-top:20px;font-size:13px;}
div#breadcrumbs ul{list-style:none;}
div#breadcrumbs li{float:left;margin-right:10px;}
div#breadcrumbs li a{color:#666666;text-decoration:none;}
div#breadcrumbs li a:hover{text-decoration:underline;}
.red{color:#E21C24;font-weight:bold;}
.green{color:#46973F;font-weight:bold;}
.blue{color:#0087CE;font-weight:bold;}

a.red-link{color:#E21C24;text-decoration:none;font-size:12px;cursor:pointer;}
a.green-link{color:#46973F;text-decoration:none;font-size:12px;cursor:pointer;}
a.blue-link{color:#0087CE;text-decoration:none;font-size:12px;cursor:pointer;}

/* LEFT COLUMN */
div#default-col-left{width:620px;float:left;padding-left:10px;padding-top:10px;position:relative;}
div#default-col-left li.redbullet {list-style-image:url('/images/common/red-bullet.gif');list-style-position:outside;color:#666666;font-size:13px;display:list-item;padding:0 0 10px 0;margin-left:15px;}
div#default-col-left li.greenbullet {list-style-image:url('/images/common/green-bullet.gif');list-style-position:outside;color:#666666;font-size:13px;display:list-item;padding:0 0 10px 0;margin-left:15px;}
div#default-col-left li.bluebullet {list-style-image:url('/images/common/blue-bullet.gif');list-style-position:outside;color:#666666;font-size:13px;display:list-item;padding:0 0 10px 0;margin-left:15px;}
div#default-col-left h1.red{color:#E21C24;font-size:14px;line-height:50%;padding-top:10px;}
div#default-col-left h1.green{color:#46973F;font-size:14px;line-height:50%;padding-top:10px;}
div#default-col-left h1.blue{color:#0087CE;font-size:14px;line-height:50%;padding-top:10px;}
            
/* RIGHT COLUMN */
div#default-col-right{width:350px;float:right;margin-top:-30px;position:relative;min-height:100%;}


/* RIGHT-NAVIGATION*/

div#right-col-nav{width:100%;}

div#default-col-right ul{list-style:none;float:right;margin:10px 8px 0 10px;}
div#default-col-right ul li a{display:inline-block;width:160px;padding:50px 2px 10px 5px;text-decoration:none;color:#999999;font-size:15px;}
div#default-col-right li.red-rule {border-top:1px solid #E21C24;margin-left:5px;line-height:0;}
div#default-col-right li.green-rule {border-top:1px solid #46973F;margin-left:5px;line-height:0;}
div#default-col-right li.blue-rule {border-top:1px solid #0087CE;margin-left:5px;line-height:0;}

div#default-col-right ul li a.red-link{padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;}
div#default-col-right ul li a.red-link:hover, div#default-col-right ul li a.red-selected{padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;background-color:#E21C24;background-image:url('/images/common/red-arrow.gif');background-repeat:no-repeat;background-position:0 50%;color:#FFFFFF;}
div#default-col-right ul li a.green-link{padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;}
div#default-col-right ul li a.green-link:hover, div#default-col-right ul li a.green-selected{padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;background-color:#46973F;background-image:url('/images/common/green-arrow.gif');background-repeat:no-repeat;background-position:0 50%;color:#FFFFFF;}
div#default-col-right ul li a.blue-link{padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;}
div#default-col-right ul li a.blue-link:hover, div#default-col-right ul li a.blue-selected{padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;padding:5px 0 5px 10px;margin-top:5px;margin-bottom:5px;background-color:#0087CE;background-image:url('/images/common/blue-arrow.gif');background-repeat:no-repeat;background-position:0 50%;color:#FFFFFF;}

/* DOWNLOADS*/

div#downloads{float:right;width:100%;margin-top:20px; text-transform:uppercase;}

div#downloads a.downloads,div#downloads a.downloads-blue,div#downloads a.downloads-green{display:block;font-weight:bold;text-decoration:none;padding-top:35px;padding-left:10px;color:#999;font-size:11px;float:right;width:72px;height:66px;background:url(/images/downloads.jpg);background-position:top}
div#downloads a.downloads-blue:hover{background-position:center;}
div#downloads a.downloads-green:hover{background-position:bottom;}
div#downloads a.downloads-blue span.blue{color:#0087CE;}
div#downloads a.downloads-green span.green{color:#46973F;}

div#downloads a.downloads-fitness{display:block;font-weight:bold;text-decoration:none;padding-top:35px;padding-left:10px;color:#999;font-size:11px;float:right;width:72px;height:66px;background:url(/images/downloads-fitness.jpg);background-position:top}
div#downloads a.downloads-morgan{display:block;font-weight:bold;text-decoration:none;padding-top:35px;padding-left:10px;color:#999;font-size:11px;float:right;width:72px;height:66px;background:url(/images/downloads-morgan.jpg);background-position:top}
div#downloads a.downloads-fitness:hover,div#downloads a.downloads-morgan:hover{background-position:bottom;}
div#downloads a.downloads-fitness span,div#downloads a.downloads-morgan span{display:none;}
/* TESTIMONIALS */

div#testimonial{position:absolute;float:left;padding-top:30px;height:303px;width:284px;background:url('/images/testimonial.png');bottom:0;right:0;}
div#testimonial div.speech{float:right;font-size:12px;color:#46973F;padding-top:20px;width:125px;padding-right:20px;}

div#testimonial div.sig{position:absolute;left:180px;top:250px;font-size:13px;}
div#testimonial div.name{font-weight:bold;color:#0087CE}
div#testimonial div.position{font-weight:bold;color:#E21C24;}

div#rightImage{width:175px; position:relative;float:right; text-align:center; padding-top:30px;}
div#rightImage div.rightImageText{font-weight:bold;color:#E21C24;font-size:12px;}

/* HOME */

div#home-main{width:100%;background:url(/images/home-main-noflash.jpg) center;height:205px;padding-top:35px;} /*padding-top:251px;*/
#home-header-flash{position:relative;top:-30px}
#home-header-noflash{position:relative;top:30px}
#home-noflash{position:relative;top:-341px;left:40px}
ul.home-ad{list-style:none;padding-left:10px;}
ul.home-ad li{float:left;}
ul.home-ad li a{display:block;height:162px;width:181px;}
ul.home-ad li.home-ad-1{background:url('/images/energy-services.png') no-repeat;cursor:pointer;background-position:top;behavior: url(/css/iepngfix.htc)}
ul.home-ad li.home-ad-2{background:url('/images/built-services.png') no-repeat;cursor:pointer;background-position:top;behavior: url(/css/iepngfix.htc)}
ul.home-ad li.home-ad-3{background:url('/images/design-management.png') no-repeat;cursor:pointer;background-position:top;behavior: url(/css/iepngfix.htc)}

ul.home-ad li:hover{background-position:bottom;}

ul.home-ad a span{display:none;}

div.float-left{float:left;position:relative; min-height:620px;}
div#home-left{width:280px;height:360px;float:left;padding-left:10px;padding-top:20px;position:relative;}
div#home-right{width:690px;float:left;}
div#home-image{width:720px;float:right;position:absolute;bottom:0;left:270px;}

div#home-left img,div#default-col-left img{padding:10px 0px 10px 0px;}

a.employee1 span,a.employee1-on span{display:none;}
a.employee1{display:block;position:absolute;top:0px;left:0px;float:left;height:341px;width:170px;background:url(/images/home-images/mark.png) top}
a.employee1-on{display:block;position:absolute;top:0px;z-index:10;left:0px;height:341px;width:170px;background:url(/images/home-images/mark.png) bottom}
a.employee1:hover{background:url(/images/home-images/mark.png) center; z-index:10; cursor:pointer;}

a.employee2 span,a.employee2-on span{display:none;}
a.employee2{position:absolute;top:50px;left:100px;display:block;float:left;height:291px;width:184px;background:url(/images/home-images/sarah.png) top}
a.employee2-on{display:block;position:absolute;top:50px;left:100px; z-index:9;height:291px;width:184px;background:url(/images/home-images/sarah.png) bottom}
a.employee2:hover{background:url(/images/home-images/sarah.png) center; z-index:9;cursor:pointer;}

a.employee3 span,a.employee3-on span{display:none;}
a.employee3{position:absolute;top:5px;left:230px;display:block;z-index:8;float:left;height:338px;width:184px;background:url(/images/home-images/matt.png) center}
a.employee3-on{display:block;position:absolute;top:5px;left:230px; z-index:11;height:338px;width:184px;background:url(/images/home-images/matt.png) bottom}
a.employee3:hover{background:url(/images/home-images/matt.png) top; z-index:11;cursor:pointer;}

/* ABOUT */

/* div#about-main{width:100%;background:url(/images/about-main.jpg) center;height:136px;padding-top:15px;} */

ul.about-ad{list-style:none;float:right;padding-right:180px;padding-top:17px;}
ul.about-ad li{float:left;margin-right:10px;display:block;height:128px;width:144px;}
ul.about-ad li a{display:block;height:128px;width:144px;}
ul.about-ad li.about-ad-1{background:url('/images/common/energy-services-small.png') no-repeat;cursor:pointer;background-position:top;behavior: url('/css/iepngfix.htc');}
ul.about-ad li.about-ad-2{background:url('/images/common/built-services-small.png') no-repeat;cursor:pointer;background-position:top;behavior: url('/css/iepngfix.htc');}
ul.about-ad li.about-ad-3{background:url('/images/common/design-management-small.png') no-repeat;cursor:pointer;background-position:top;behavior: url('/css/iepngfix.htc');}

ul.about-ad li.about-ad-1:hover,ul.about-ad li.about-ad-2:hover,ul.about-ad li.about-ad-3:hover{background-position:0 -127px;}

ul.about-ad a span{display:none;}


/* HEADER */

div#header{position:relative;width:980px;}
div#navigation{float:left;width:517px;position:relative;left:11px;}
div#info{float:left;width:275px;font-size:13px;line-height:130%;color:#666666;padding:28px 0px 0px 22px;}
div#info a{color:#666666;text-decoration:none;}
div#logo{position:absolute;float:right;width:178px;height:167px;right:0px;}

/* MAIN NAVIGATION */

div#navigation ul{list-style:none}
div#navigation ul li{float:left;}

div#navigation ul li a span{display:none;}

div#navigation ul li a.about{background:url(/images/about.gif);width:101px;}
div#navigation ul li a.news{background:url(/images/news.gif);width:91px;}
div#navigation ul li a.clients{background:url(/images/clients.gif);width:112px;}
div#navigation ul li a.login{background:url(/images/login.gif);width:94px;}
div#navigation ul li a.training{background:url(/images/training.gif);width:119px;}

div#navigation ul li a{display:block;height:75px;background-position:top left;}
div#navigation ul li a:hover{background-position:bottom right;}

/* LEFT NAVIGATION */

/* CLIENTS */

/* Contact Us */

/* FLASH */

/* FOOTER */

div.footer{width:100%;background:url(/images/footer-top.gif) top repeat-x;padding-top:25px;margin-bottom:20px;height:55px;}

div.footer-inner{width:980px;margin-left:auto;margin-right:auto;}
 
div#copy{float:left;width:300px;font-size:12px;color:#46973F;padding-left:10px;}
 
div#foot-links{color:#E21C24;float:right;text-align:right;width:600px;font-size:12px;margin-right:10px;}
 
div#foot-links a{color:#E21C24;text-decoration:none;}
div#foot-links a:hover{text-decoration:underline;} 
div#foot-links a.underline{text-decoration:underline;color:#666;} 
 
div#foot-links span{color:#666;}

/* Video Player */


#sitemap ul{ margin-left:20px; }

a.case-study-link{ background:url(/images/case-study.jpg) left top no-repeat; padding:18px 0 18px 48px; height:25px; margin-bottom:10px; font-weight:bold; width:150px;line-height:50px;}
a.case-study-link:hover{background-position:left bottom;}