@import url("reset.css");

body { background:#f4fafa url(i/bg-body.gif);text-align:center;font-size:100%;}

.container { width:685px; margin:0 auto;text-align:left; margin-top:25px; }

/* =HEADER *************************************/
.header h1 { background:#fff url(i/bg-header.jpg) bottom left no-repeat;height:150px;width:100%;border-top:5px solid #124672; }
.header h1 a { display:block;height:150px;width:100%;background:none;text-indent:-9999px; }

/* =NAVIGATION *************************************/
.navigation ul { float:left; width:100%;height:36px;background:#98d8e2; }
.navigation li { float:left;background-image:url(i/bg-nav.gif);background-repeat:no-repeat; }
.navigation a { display:block; height:36px;overflow:hidden;color:#fff;text-indent:-9999px;background-image:url(i/bg-nav.gif);background-repeat:no-repeat; }
.navigation li.nav-about-us,
.navigation li.nav-about-us a { width:139px;background-position:0 9px; }
#about-us .navigation li.nav-about-us a,
.navigation li.nav-about-us a:hover { background-position:0 -27px;}
.navigation li.nav-management,
.navigation li.nav-management a { width:136px;background-position:-139px 9px; }
#management .navigation li.nav-management a,
.navigation li.nav-management a:hover { background-position:-139px -27px; }
.navigation li.nav-services,
.navigation li.nav-services a { width:137px;background-position:-275px 9px; }
#services .navigation li.nav-services a,
.navigation li.nav-services a:hover { background-position:-275px -27px; }
.navigation li.nav-experience,
.navigation li.nav-experience a { width:136px;background-position:-412px 9px; }
.navigation li.nav-experience a:hover { background-position:-412px -27px; }
#clients .navigation li.nav-experience a,#projects .navigation li.nav-experience a { background-position:-412px -27px; }
.navigation li.nav-contact-us,
.navigation li.nav-contact-us a { width:137px;background-position:-548px 9px; }
#contact .navigation li.nav-contact-us a, .navigation li.nav-contact-us a:hover { background-position:-548px -27px; }


#home .navigation ul,#contact .navigation ul,#sitemap .navigation ul { border-bottom:5px solid #98d8e2;}

/* =SUBNAVIGATION *************************************/
.subnavigation ul { background:#99d8e2;clear:both;float:left;width:100%; }
.subnavigation li { float:left;border-right:2px solid #98d8e2;}
.subnavigation li a { display:block; height:22px; line-height:22px; text-align:left; background:url(i/bg-subnav.gif) top center no-repeat; text-indent:-9999px;overflow:hidden;  }
/* ABOUT US SUBNAVIGATION */
.subnavigation li.subnav-alliances a { width:137px;background-position:top center; }
.subnavigation li.subnav-alliances a:hover { background-position:center -23px; }
.subnavigation li.subnav-affiliations a { width:134px;background-position:center -46px; }
.subnavigation li.subnav-affiliations a:hover { background-position:center -69px; }
.subnavigation li.subnav-associations a { width:135px;background-position:center -92px; }
.subnavigation li.subnav-associations a:hover { background-position:center -115px; }
.subnavigation li.subnav-news a { width:134px;background-position:center -139px; }
.subnavigation li.subnav-news a:hover { background-position:center -162px; }
/* MANAGEMENT SUBNAVIGATION */
.subnavigation li.subnav-john-j-murphy a { width:137px;background-position:center -185px; }
.subnavigation li.subnav-john-j-murphy a:hover { background-position:center -208px; }
.subnavigation li.subnav-donald-m-murphy a { width:134px;background-position:center -231px; }
.subnavigation li.subnav-donald-m-murphy a:hover { background-position:center -255px; }
.subnavigation li.subnav-vance-f-schipani a { width:135px;background-position:center -278px; }
.subnavigation li.subnav-vance-f-schipani a:hover { background-position:center -301px; }
/* SERVICES SUBNAVIGATION */
.subnavigation li.subnav-installation { margin-left:139px; }
.subnavigation li.subnav-installation a { width:134px;background-position:center -324px; }
.subnavigation li.subnav-installation a:hover { background-position:center -347px; }
.subnavigation li.subnav-design-build a { width:135px;background-position:center -370px; }
.subnavigation li.subnav-design-build a:hover { background-position:center -393px; }
.subnavigation li.subnav-engineering a { width:134px;background-position:center -417px; }
.subnavigation li.subnav-engineering a:hover { background-position:center -440px; }
.subnavigation li.subnav-service { border-right:0; }
.subnavigation li.subnav-service a { width:137px;background-position:center -463px; }
.subnavigation li.subnav-service a:hover { background-position:center -486px; }
/* EXPERIENCE SUBNAVIGATION */
.subnavigation li.subnav-clients { margin-left:412px; }
.subnavigation li.subnav-clients a { width:134px;background-position:center -509px; }
.subnavigation li.subnav-clients a:hover,
#clients .subnavigation li.subnav-clients a { background-position:center -532px; }
.subnavigation li.subnav-projects { border-right:0; }
.subnavigation li.subnav-projects a { width:137px;background-position:center -556px; }
.subnavigation li.subnav-projects a:hover,
#projects .subnavigation li.subnav-projects a { background-position:center -579px; }


/* =CONTENT *************************************/
.content-header { background:#4aa4c2 url(i/bg-content-header.gif) top right repeat-y;color:#fff;font-size:1.18em;float:left; width:100%;position:relative;min-height:200px; }
.content-header h2 { position:absolute;text-indent:-9999px;height:200px;width:470px;background-position:top left;background-repeat:no-repeat; }
#about-us .content-header h2 { background-image:url(i/hdr-about-us.jpg) }
#services .content-header { min-height:222px; }
#services .content-header h2 { background-image:url(i/hdr-services.jpg);height:222px; }
#contact .content-header { min-height:168px; }
#contact .content-header h2 { background-image:url(i/hdr-contact.jpg);width:100%;height:168px; }
.content-header ul { float:right; width:210px;font-size:0.923em; }
.content-header li { padding:10px; }
.content { clear:both;background:#fff;float:left;width:100%;font-family:Geneva,Verdana,sans-serif;color:#888;font-size:0.688em;line-height:1.25; }
#home .content { background:#fff url(i/bg-homepage.jpg) top left no-repeat; padding-top:250px;}
.main-content { padding:20px;clear:both;line-height:1.5; }
#home .main-content p.introduction { font-size:1.25em;line-height:1.7; }
#home .main-content img { float:left;margin-right:10px; }

/* =FOOTER *************************************/
.footer { background:#104773;color:#fff;font-size:0.688em;font-family:Geneva,Verdana,sans-serif;padding:10px;float:left;width:665px;margin-bottom:30px;position:relative; }
.footer .sitemap-link { position:absolute;right:10px;top:10px;text-transform:uppercase; }
.footer .sitemap-link a { color:#fff; }

/* =ABOUT US PAGE ***************************************/
.about-logos img { margin:20px; }
#about-us .content-header img { position:relative;left:50px;margin:10px 0; }
#about-us .main-content h4 { margin-top:20px;font-weight:bold;text-transform:none; }

/* =MANAGEMENT PAGE *************************************/
.management-list { margin:0; }
.main-content .management-list li { float:left;width:100%;margin-bottom:60px;padding:0;background:none; }
.management-list img { float:left;margin-right:20px; }
.bio { overflow:hidden; }
.main-content .management-list h4 { font-size:1em;margin:0 0 10px 0;font-weight:bold;text-transform:none; }

/* =SERVICES PAGE *************************************/
#services-installation,#services-design-build,#services-engineering,#services-service { float:left;width:100%;clear:left;margin-bottom:35px; }
.services-image { float:left;width:185px; }
.services-content { overflow:hidden; }

/* =CLIENTS PAGE *************************************/
.clients-list { margin:0; }
.main-content .clients-list li { margin:0;margin-bottom:40px; padding:0;list-style:none; }
.clients-list .client-logo { float:left;margin-right:10px;  }
.clients-list .client-info { overflow:hidden; }
#clients h3 { margin:0; }
#clients h4 { margin:15px 0 0 0;}
.column { float:left; width:33%; }
.main-content .column li { padding-left:0;background:none;font-weight:bold; }
.main-content .column li li { padding-left:10px;background:url(i/list-bullet.gif) left 2px no-repeat;font-weight:normal; }

/* =PROJECTS PAGE *************************************/
#projects .main-content { position:relative;background:url(i/bg-projects-main-content.gif) top right repeat-y; }
.projects-thumbnails { position:absolute;right:10px;top:10px; }
.projects-thumbnails ul { margin:0;padding:0;list-style:none; }
.main-content .projects-thumbnails li { background:none;padding:0;margin:0; }
.projects-container { min-height:400px;position:relative;width:575px; }
#projects-navigation { position:absolute;top:180px;width:100%; }
#projects-navigation-previous,#projects-navigation-next { position:absolute; top:0; text-indent:-9999px;background-image:url(i/btns-projects.png);background-repeat:no-repeat;height:37px;width:21px;cursor:pointer; }
#projects-navigation-previous { left:0;background-position:top left; }
#projects-navigation-next { right:0;background-position: top right; }
.projects-content { padding:0 50px;margin-top:30px; }
.projects-content ul { list-style:none;margin:0;padding:0; }
.main-content .projects-content li { background:none;padding:0;margin:0; }
.project-image { text-align:center; }
.project-description h3 { color:#00709A;text-transform:uppercase;font-weight:bold; }
#projects-list .show { display:block; }
#projects-list .hide { display:none; }

/* =CONTACT US PAGE *************************************/
.main-content .kaback-gps-link a,.main-content .kaback-gps-link a:visited { display:block;height:42px;line-height:42px;padding-left:55px;background:url(i/btn-gps.gif) top left no-repeat;position:relative;top:-10px; color:#124672;text-decoration:underline;font-weight:bold; }
.main-content .kaback-extranet-link a,.main-content .kaback-extranet-link a:visited { display:block;height:35px;line-height:35px;padding-left:44px;background:url(i/btn-access-kaback-extranet.jpg) top left no-repeat;position:relative; color:#124672;text-decoration:underline;font-weight:bold;}
.adr { overflow:hidden;position:relative;height:100px; }
.tel { position:absolute;left:200px;top:0; }
.fax { top:20px; }
.email-container { position:absolute;left:200px;top:40px; }
.tel .type { display:block;background:url(i/hdrs-contact-us.png) 0 -16px no-repeat;text-indent:-9999px;overflow:hidden;float:left;width:50px;height:11px;position:relative;top:4px;}
.fax .type { display:block;background:url(i/hdrs-contact-us.png) 0 -32px no-repeat;text-indent:-9999px;overflow:hidden;float:left;width:50px;height:11px;position:relative;top:4px;}
.email-container .type { display:block;background:url(i/hdrs-contact-us.png) 0 -48px no-repeat;text-indent:-9999px;overflow:hidden;float:left;width:50px;height:11px;position:relative;top:4px;}
#form-contact-us p  { display:block;background:url(i/hdrs-contact-us.png) 0 -64px no-repeat;text-indent:-9999px;overflow:hidden;width:100%;height:11px;}
#label-name,#label-email,#label-phone,#label-inquiry {display:block;background-repeat:no-repeat;background-image:url(i/hdrs-contact-us.png);text-indent:-9999px;overflow:hidden;height:11px;}
#label-name { background-position:0 -80px;}
#label-email { background-position:0 -96px;}
#label-phone { background-position:0 -112px;}
#label-inquiry { background-position:0 -128px;}

/* =CONTENT HEADERS *************************************/
h2.h2-management,h2.h2-clients,h2.h2-projects,h2.h2-sitemap { margin-bottom:30px; }
h2.h2-management { height:50px;width:323px;background:url(i/hdr-management.png) top left no-repeat;text-indent:-9999px;overflow:hidden; }
h2.h2-clients { height:50px;width:160px;background:url(i/hdr-clients.png) top left no-repeat;text-indent:-9999px;overflow:hidden; }
h2.h2-projects { height:56px;width:194px;background:url(i/hdr-projects.png) top left no-repeat;text-indent:-9999px;overflow:hidden; }
h2.h2-sitemap { height:57px;width:199px;background:url(i/hdr-sitemap.png) top left no-repeat;text-indent:-9999px;overflow:hidden; }


#about-us .main-content h3 { height:15px;width:200px;background-image:url(i/hdrs-about-us.png);background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin-top:60px; }
h3.h3-alliances { background-position:top left; }
h3.h3-affiliations { background-position:left -15px; }
h3.h3-associations { background-position:left -30px; }
h3.h3-news { background-position:left -45px; }

#management .main-content h3 { height:15px;width:200px;background-image:url(i/hdrs-management.png);background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin-bottom:0; }
h3.h3-john-j-murphy { background-position:top left; }
h3.h3-donald-m-murphy { background-position:left -15px; }
h3.h3-vance-f-schipani { background-position:left -30px; }

#services .main-content h3 { height:15px;width:200px;background-image:url(i/hdrs-services.png);background-repeat:no-repeat;text-indent:-9999px;overflow:hidden; }
h3.h3-installation { background-position:top left; }
h3.h3-design-build { background-position:left -15px; }
h3.h3-engineering { background-position:left -30px; }
h3.h3-service { background-position:left -45px; }

.h3-we-are-located-at { text-indent:-999px;background:url(i/hdrs-contact-us.png) 0 0 no-repeat;height:11px;overflow:hidden;float:left;width:140px; }

.client-info h3, .client-info h4 { text-indent:-9999px;background:url(i/hdrs-clients.png) 0 0 no-repeat;height:15px;overflow:hidden; }
.client-info .h3-silverstein { background-position:0 0; }
.client-info .h3-tishman { background-position:0 -30px; }
.client-info .h3-lehr { background-position:0 -60px; }
.client-info .h3-unity { background-position:0 -90px; }
.client-info .h3-rfrrealty { background-position:0 -120px; }
.client-info .h3-tdbank { background-position:0 -150px; }
.client-info .h4-manager-silverstein { background-position:0 -15px; }
.client-info .h4-manager-tishman { background-position:0 -45px; }
.client-info .h4-manager-lehr { background-position:0 -75px; }
.client-info .h4-manager-unity { background-position:0 -105px; }
.client-info .h4-manager-rfrrealty { background-position:0 -135px; }
.client-info .h4-manager-tdbank { background-position:0 -165px; }


/* =LISTS *************************************/
.list-column-1,.list-column-2 { float:left;width:50%; }

/* =FORMS *************************************/
form { margin:25px 0;float:left; }
input,textarea { border:1px solid #11628e;width:300px;}
label { float:left;width:60px;margin-right:5px; }
.form-section { float:left;width:100%;margin-bottom:10px;clear:left; }
button { background:#11628e;color:#fff;padding:3px;border:0;position:relative;left:65px; }

/* =LINKS *************************************/
.main-content a:link { color:#124672;text-decoration:underline;font-weight:bold; }
.main-content a:visited { color:#464445; }
.main-content a:hover { color:#003F5C; }
.main-content a:active { color:#003F5C; }
.main-content a.top-link { padding-left:15px;background:url(i/btn-top.png) left center no-repeat; }

/* =TYPOGRAPHY *************************************/
strong { font-weight:bold; }
em { font-style:italic; }
.main-content h3 { margin-bottom:1em; }
.main-content h4 { text-transform:uppercase;margin-top:1em;font-size:1.2em; }
.main-content h5 { font-weight:bold;margin-top:1em;font-size:1.1em; }
.main-content h6 { font-weight:bold;margin-top:1em; }
.main-content p { margin-bottom:1em; }
.main-content ul { margin:1em 0; }
.main-content li { padding-left:10px;background:url(i/list-bullet.gif) left 2px no-repeat;}
p.introduction { font-size:1.1em;margin-bottom:20px; }

