/*
Theme Name: gwathmey-siegel
Theme URI: http://wordpress.org/
Description: gwathmey-siegel custom theme
Version: 1.0
Tags:
Author: EIT
License:
License URI:

General comments (optional).
*/

/* html5 css fix -*/
article, aside, figure, footer, header, hgroup, nav, section { display:block; }

/* fonts */
@font-face {
	font-family: 'futura_ltregular';
	src: url('fonts/futuralt-webfont.eot');
	src: url('fonts/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/futuralt-webfont.woff') format('woff'),
		 url('fonts/futuralt-webfont.ttf') format('truetype'),
		 url('fonts/futuralt-webfont.svg#futura_ltregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'futura_ltregular';
    src: url('fonts/futuralt-bold-webfont.eot');
    src: url('fonts/futuralt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futuralt-bold-webfont.woff') format('woff'),
         url('fonts/futuralt-bold-webfont.ttf') format('truetype'),
         url('fonts/futuralt-bold-webfont.svg#futura_ltbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body{ margin:0; padding:0; font-family:'futura_ltregular';}
a img{ border:none;}
.clear{ clear:both;}
.mainContainer{ width:998px; height:631px; margin:5px auto; overflow:hidden;}

.columnLeft{ width:196px; float:left; margin:0 6px 0 0; }
.columnRight{ width:796px; float:left;  height:628px;}
.columnLeft .box{ display:block;}
.columnLeft .box.credits{ background:#e1e1e1; height:224px; margin:0 0 5px 0; color:#7c7c7c; font-size:11px; line-height:13px; padding:7px 0 0 10px; text-decoration:none;}
.columnLeft .box.credits h1{ font-size:22px; margin:0 0 11px 0; padding:25px 0 0 0; font-weight:normal; line-height:26px; letter-spacing:1px;}
.columnLeft .box.credits h1 span{ font-size:13px;}
.columnLeft .box.content{ background:#7c7c7c; height:395px; margin:0 0 2px 0; position:relative; }
.columnLeft .box.content h1{ margin:0; padding:13px 0 2px 5px; color:#e0e0e0; text-transform:uppercase; font-size:18px; font-weight:normal; letter-spacing:1px; position:relative; z-index:1;text-shadow:1px 1px 1px #777;}
.columnLeft .box.content h1.noCapitalize{ text-transform:none;}
.columnLeft .box.content h1 a{ color:#e0e0e0; text-decoration:none;}
.columnLeft .box.content h1 a:hover{ color:#fff;}
.columnLeft .box.content .backgroundImage{ position:absolute; left:0; top:0; z-index:0;}
.columnLeft .box.content .backgroundImage img{ width:196px; height:398px;}
.columnLeft .box.content ul{ margin:0; padding:0; list-style-type:none;}
.columnLeft .box.content ul li{ display:block; padding:0 0 0 5px; line-height:16px; font-size:16px;}
.columnLeft .box.content ul li.moreMargin{ padding-bottom:21px;}
.columnLeft .box.content ul li.current-menu-item a{ color:#e0e0e0;}
.columnLeft .box.content ul li a{ color:#aaa; text-decoration:none;  }
.columnLeft .box.content ul li a span{ font-size:12px;}
.columnLeft .box.content ul li a:hover, .columnLeft .box.content ul li a.active{ color:#e0e0e0;}
.columnLeft .backLinkBottom{ position:absolute; left:5px; bottom:5px; color:#fff; font-size:12px; text-decoration:none;}
.columnLeft .backLinkBottom2{ position:absolute; right:5px; bottom:5px; color:#fff; font-size:12px; text-decoration:none;}
.columnLeft .location{ display:block; text-transform:uppercase; font-size:12px; color:#e0e0e0; margin:0 0 20px 5px;}
.columnLeft .subtitle{ display:block; font-size:12px; color:#e0e0e0; margin:0 0 0 5px;}
.columnLeft .description{ display:block; font-size:12px; color:#e0e0e0; margin:0 5px 0 5px;}
.columnLeft .box.google{ background:#e0e0e0; height:27px; padding: 4px 0 0 4px; }
.columnLeft .box.google input[type=submit]{ border:1px solid #7c7c7c; background:#e0e0e0; color:#575757;font-family:'futura_ltregular'; cursor:pointer;}
.columnLeft .box.google input[type=submit]:hover{ color:#fff; background:#7c7c7c;}
.columnLeft .box.google .search-field{ border:1px solid #7c7c7c !important; font-family:'futura_ltregular'; color:#333;}

.columnRight nav{height:36px; margin:0px; z-index:100; position:relative;}
.columnRight nav .menu{ padding:0px; margin:0px; list-style:none; width:999px; text-transform:uppercase; }
.columnRight nav .menu li{ float:left; width:196px; position:relative; height:36px; margin:0 4px 0 0; }
.columnRight nav .menu li.current-page-ancestor, .columnRight nav .menu li.current-page-ancestor ul, .columnRight nav .menu li.current-page-ancestor li{ background:#e7e7e7;}

.columnRight nav .menu li.current-page-ancestor a{ color:#7c7c7c;}
.columnRight nav .menu li.current-page-ancestor .sub-menu a:hover{ background:#aaa;}
.columnRight nav .menu li a{ color:#7C7C7C; font-size:18px; display:block; height:36px; line-height:29px; text-decoration:none; padding:0 0 0 3px; letter-spacing:1px; }
.columnRight nav .menu > li:hover{ background:#E7E7E7}
.columnRight nav .menu li.last{ margin-right:0px}
.columnRight nav .sub-menu{ border:solid #fff; border-width:0 4px 4px 4px ; background:rgb(224, 224, 224,0.8); left:-4px; width:196px; top:36px; position:absolute;  list-style:none; padding:0; display:none;   border-bottom-left-radius:3px; border-bottom-right-radius:3px}
.columnRight nav .sub-menu li{ display:block; height:30px; margin:0; }
.columnRight nav .sub-menu li:last-child{border-bottom-left-radius:3px; border-bottom-right-radius:3px}
.columnRight nav .sub-menu li a{ color:#565656; font-size:13px; font-weight:normal; display:block; padding:0 5px; height:30px; line-height:30px; overflow:hidden; width:186px;  }
.columnRight nav .sub-menu li a:hover{ background:#FFF;}
.columnRight nav .menu>li:hover>.sub-menu{ display:block; }
.columnRight nav .sub-menu .sub-menu{ display:none;}

section, div.section{ position:relative}
.marquee{  background:#e1e1e1; height:27px; width:998px; color: #7c7c7c; font-size:10.5px; overflow:hidden; position:relative; margin:0 auto;}
.marquee ul{ list-style-type:none; margin:0; padding:0; position:absolute; left:0; top:0; height:27px; width:9999px;}
.marquee li{ float:left; line-height:27px; height:27px; margin:0 10px;}
.marquee li a{ color:#7c7c7c; text-decoration:none; opacity:0.8;}
.marquee li a:hover{ color:#000;}
section .slider, div.section .slider{ list-style:none; padding:0px; margin:0px; position:relative; float:left}
section .slider li, div.section .slider li{ width:395px; height:294px; position:absolute; top:0px; left:0px; display:none }
section p, div.section p{ padding:6px 0; margin:0;}
section h1, div.section h1{ font-size:14px;}
section .aligncenter, div.section .aligncenter{ text-align:center;}
section a, div.section a{ color:#fff; text-decoration:underline;}
.footerCredits{ width:998px; margin:0 auto; color:#D6D6D6; font-size:12px; height:20px; line-height:20px; position:relative; color:#7c7c7c; padding:1px 0;}
.footerCredits span{ position:absolute; right:0; color:#e1e1e1;}
.leftColumnGrayBox{ display:none;}

/* Firmprofile */
.halfColumnText { width:384px; height:582px; float:left; background:#7c7c7c; color:#E0E0E0; margin:0 4px 0 0; font-size:12px; line-height:19px; padding:7px 6px; overflow-y: scroll;}
.halfColumnImage { width:396px; float:left; overflow:hidden; height:595px; overflow:hidden;}
.halfColumnImage .imagesWrapper{ width:408px; height:577px;}
.halfColumnImage img { float:left; margin:0 4px 4px 0;}

.justTwoColumnText-first { width:386px; height:582px; float:left; background:#7c7c7c; color:#E0E0E0; margin:0; font-size:12px; line-height:19px; padding:7px 6px;}
.justTwoColumnText-second { width:386px; height:582px; float:left; background:#7c7c7c; color:#E0E0E0; margin:0; font-size:12px; line-height:19px; padding:7px 6px;}

/* */
.doubleColumnText-first, .doubleColumnText-second{width:286px; height:582px; float:left; background:#7c7c7c; color:#E0E0E0; margin:0; font-size:12px; line-height:19px; padding:7px 6px; }
.doubleColumnText-first { }
.doubleColumnText-second{margin:0 4px 0 0;}
.singleColumnImage { width:196px; height:595px; overflow:hidden;}
.singleColumnImage img { float:left; margin:0 0 4px 0;}

/* Associates */
.leadershipArea{ width:800px; height:600px;}
.leadershipArea div{ background:#7c7c7c; float:left; width:196px; height:196px; margin:0 4px 4px 0;}

/* Designphilosophy */
.threeColumns-first, .threeColumns-second, .threeColumns-third{float:left; width:235px; background:#7c7c7c; color:#e0e0e0; font-size:12px; line-height:19px; padding:0 0 0 6px; height:596px;}
.threeColumns-first { padding-right:24px; }
.threeColumns-second { padding-right:24px; }
.threeColumns-third { padding-right:25px;}

/* announcements */

/* awards */
.tableInformationList{ background:#7C7C7C; width:786px; height:619px; padding:5px 5px 5px 5px; overflow-y:scroll;}
.tableInformationList.publications a{ float:left; display:block; width:calc(33.3333% - 66px); height:115px; text-align:center; margin:10px 33px ;}
.tableInformationList.publications a img{ height:110px; width:auto;}
.tableInformationList table{ width:100%;}
.tableInformationList table tbody td{ color:#c0c0c0; font-size:12px; vertical-align:middle; border-bottom: 1px dashed #C0C0C0;padding:4px 0 6px 0;}
.tableInformationList table tbody td a{ color:#fff; text-decoration:none;}
.tableInformationList table tbody td a:hover{ text-decoration:underline;}
.tableInformationList table thead td{ font-weight:bold; font-size:10px; color:#E0E0E0; border-bottom: 1px dashed #C0C0C0;}
.tableInformationList table tbody td.vAlignTop{ vertical-align:top;}

body.mceContentBody { background:#7c7c7c !important;}
body.mceContentBody a{ color:#fff !important;}

/* projects */
#keyprojdata{ position:absolute; right:10px; top:10px; width:250px; z-index:2; color:#e0e0e0; font-size:12px; display:none;}
.projtxt{ display:none; position:absolute; left:0; top:0; background:#7c7c7c; opacity:0.9; width:500px; height:575px; color:#e0e0e0; font-size:12px; padding:10px 286px 10px 10px; z-index:1;}
.projtxt a{ color:#fff; font-size:12px; text-decoration:none;}
.projtxt a:hover{ text-decoration:none;}
.thumbscontainer{ width:796px; height:595px; overflow:hidden;}
.thumbscontainer a{ float:left; display:block; margin:0 4px 4px 0;}
.thumbscontainer img{ float:left;}
.thumbscontainer .imagesWrapper{ width:820px; height:620px;}

h1.font17{ font-size:17px !important;}
h1.font16{ font-size:16px !important;}
h1.font15{ font-size:15px !important;}

/* yale construction*/
.bigImagesYale{ width:796px; height:396px; overflow:hidden; position:relative;}
.bigImagesYale img{ position:absolute; left:0; top:0; display:none;}
.smallImagesYale{ width:796px; height:196px; overflow:hidden; background:url(/images/news/yaleconstruct/banner.jpg) no-repeat; margin:4px 0 0 0;}
.smallImagesYale div{ color:#fff; font-size:13px; float:left;}
.smallImagesYale div span{ color:#e0e0e0; cursor:pointer;}
.smallImagesYale div span:hover{ color:#aaa;}
.smallImagesYale .smallImages1{ width:250px; margin:0 4px 0 0; padding:10px 10px 0 10px;}
.smallImagesYale .smallImages2{ width:249px; margin:0 4px 0 0; padding:10px 10px 0 10px;}
.smallImagesYale .smallImages3{ width:228px; margin:0; padding:10px 10px 0 10px;}
.oneColumnFullWidth{ width:776px; height:576px; background:#7c7c7c; padding:10px; font-family:'futura_ltregular'; color:#e0e0e0; font-size:12px;}

/* design changes */
.internalPage .columnLeft .box.content{ height:431px;}
.internalPage .columnLeft .backgroundImage img{ width:196px !important; height:431px !important;}
.internalPage .columnRight{ height:664px;}
.internalPage .mainContainer{ height:664px;}
.projectListContainer{ background:#fff; width:796px; height:629px; overflow-y:scroll;}
.projectListContainer .projectListWrapper{ width:100%; margin:0 -4px 0 0;}
.projectOnList{ width:calc(50% - 4px); height:207px; overflow:hidden; float:left; position:relative; margin:0 4px 4px 0; background:#a1a1a1;}
.projectOnList .overlay{ z-index:2; position:absolute; left:0px; top:0px; background:#e1e1e1; opacity:0.6; width:396px; height:149px; display:none;}
.projectOnList:hover .overlay{ display:block;}
.projectOnList img{position:absolute; left:0; top:0; width:396px; height:149px; z-index:1;}
.projectOnList .text{position:absolute; left:0; bottom:0; width:100%; box-sizing: border-box; height:70px; z-index:3; background:#e1e1e1; color:#7c7c7c; font-size:12px; text-transform:uppercase; text-decoration:none; padding:7px 0 0 11px; line-height:14px;}
.projectOnList .text i{ font-style:normal; color:#fff !important;}

/* code to have 10 images on home
.homeProject1{ background:#dedede; width:195px; height:146px; left:0px; top:0px; position:absolute; }
.homeProject2{ background:#dedede; width:195px; height:146px; left:200px; top:0px; position:absolute;}
.homeProject3{ background:#dedede; width:395px; height:143px; left:0px; top:151px; position:absolute;}
.homeProject4{ background:#dedede; width:195px; height:146px;  left:0px; top:298px; position:absolute;}
.homeProject5{ background:#dedede; width:195px; height:146px;  left:0px; top:449px; position:absolute;}
.homeProject6{ background:#dedede; width:195px; height:297px;  left:200px; top:298px; position:absolute;}
.homeProject7{ background:#dedede; width:395px; height:146px;  left:401px; top:0px; position:absolute;}
.homeProject8{ background:#dedede; width:195px; height:146px;  left:401px; top:449px; position:absolute;}
.homeProject9{ background:#dedede; width:195px; height:146px;  left:601px; top:449px; position:absolute;}
.homeProject10{ background:#dedede; width:395px; height:294px; left:401px; top:151px;  position:absolute;}*/

/* code to have 3 images on home */
.homeProject1{ background:#dedede; float:left; width:395px; height:295px; margin:0 0 5px 0;}
.homeProject2{ background:#dedede; float:left; width:395px; height:295px;}
.homeProject3{ background:#dedede; float:right; width:395px; height:595px;}

.homePage .columnLeft .box.content{ height:398px;}

.newLayoutProject{ width:578px; height:212px; overflow:hidden; background:#e1e1e1; left:-202px; position:absolute; top:201px; color:#7c7c7c; font-size:12px; padding:10px;}
.newLayoutProject h1{ font-size:15px; margin:0; padding:0; line-height:15px;}
.newLayoutProject span.city{ color:#fff; display:block; text-transform:uppercase;}
.newLayoutImages.projectImage1{ width:396px; height:195px; overflow:hidden; position:absolute; left:0; top:0;}
.newLayoutImages.projectImage1 img{width:396px;}
.newLayoutImages.projectImage2{ width:395px; height:623px; overflow:hidden; position:absolute; right:0; top:0;}
.newLayoutImages.projectImage2 img{height:623px; }
.newLayoutImages.projectImage3{ width:189px; height:185px; overflow:hidden; position:absolute; left:-197px; top:438px;}
.newLayoutImages.projectImage3 img{width:189px; }
.newLayoutImages.projectImage4{ width:189px; height:185px; overflow:hidden; position:absolute; left:3px; top:438px;}
.newLayoutImages.projectImage4 img{width:189px;}
.newLayoutImages.projectImage5{ width:189px; height:185px; overflow:hidden; position:absolute; left:202px; top:438px;}
.newLayoutImages.projectImage5 img{width:189px; }
.newLayoutHide{ display:none;}

.newLayoutProject2{ display:none;}
.newLayoutImages2.projectImage1{ width:396px; height:195px; overflow:hidden; position:absolute; left:0; top:0; margin:0; padding:0;}
.newLayoutImages2.projectImage1 img{width:396px;}
.newLayoutImages2.projectImage2{ width:395px; height:623px; overflow:hidden; position:absolute; right:0; top:0;margin:0; padding:0;}
.newLayoutImages2.projectImage2 img{height:623px; }
.newLayoutImages2.projectImage3{ width:396px; height:195px; overflow:hidden; position:absolute; left:0; top:200px; margin:0; padding:0;}
.newLayoutImages2.projectImage3 img{width:396px;}
.newLayoutImages2.projectImage4{ width:195px; height:195px; overflow:hidden; position:absolute; left:0px; top:400px;margin:0; padding:0;}
.newLayoutImages2.projectImage4 img{width:199px;}
.newLayoutImages2.projectImage5{ width:195px; height:195px; overflow:hidden; position:absolute; left:201px; top:400px;margin:0; padding:0;}
.newLayoutImages2.projectImage5 img{width:199px; }
.newLayoutImages2:hover div{ display:block;}
.newLayoutImages2 div{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.5;}