/* Misc Styles and defaults -------------------------------------------- */ * { margin: 0; padding: 0; } .offleft { display: block; position: absolute; text-indent: -9999px; overflow: hidden; padding-right: 50px; text-align: left; } html { height:100%; } body { font-family:Oxygen, sans-serif; } body.HomePage { height:100%; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } .clearfix:after, #Layout:after, #BgContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; } .grayopacity { } a img { border:none; } /* CONTAINER ----------------------------------------- */ #BgContainer { width:100%; margin-top:0px; } .interior #BgContainer { width:100%; height:100%; } #Container { width:100%; } .interior #Container { width:100%; background-color:#fff; } .interior #Layout { width:1002px; margin:88px auto 30px auto; } /* HEADER ----------------------------------------- */ #Header { width:100%; padding-top:80px; background-color:rgba(32,31,31,0.65); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99201f1f', endColorstr='#99201f1f',GradientType=1 ); /* IE6-9 */ } .interior #headerwrap { background-size:cover; padding-top:80px; } .interior #Header { padding-top:0px; } header { width:1002px; height:95px; margin:0px auto 0px auto; position:relative; } #Header #logo { display:block; width:300px; height:95px; background:transparent url(../images/land-expressions.png) 50px 26px no-repeat; position:absolute; top:0px; left:0px; z-index:100; } #Header #Navigation { display:table; width:702px; position:absolute; top:0px; left:300px; } #Header #Navigation ul { display:table-row; } #Header #Navigation ul li { display:table-cell; text-align:center; background-image:url(../images/navhoverleft.png); background-position:left -95px; background-repeat:no-repeat; } #Header #Navigation ul li a { display:block; height:54px; padding-top:41px; font-family:Montserrat, sans-serif; color:#fff; text-transform:uppercase; font-size:14px; text-decoration:none; } #Header #Navigation ul li a:hover, #Header #Navigation ul li.section a, #Header #Navigation ul li.current a { background: -moz-linear-gradient(-10deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 13%, rgba(255,255,255,0.2) 14%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 88%, rgba(255,255,255,0) 89%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(13%,rgba(255,255,255,0)), color-stop(14%,rgba(255,255,255,0.2)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(88%,rgba(255,255,255,0.2)), color-stop(89%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-10deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 13%,rgba(255,255,255,0.2) 14%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 88%,rgba(255,255,255,0) 89%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-10deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 13%,rgba(255,255,255,0.2) 14%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 88%,rgba(255,255,255,0) 89%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-10deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 13%,rgba(255,255,255,0.2) 14%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 88%,rgba(255,255,255,0) 89%,rgba(255,255,255,0) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#33ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* HOME PAGE ----------------------------------------- */ .HomePage #pageBody { width:570px; margin:147px auto 0px auto; padding:30px; font-family:Oxygen, sans-serif; color:#fff; background-color:rgba(32,31,31,0.9); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5201f1f', endColorstr='#e5201f1f',GradientType=1 ); /* IE6-9 */ } .HomePage #pageBody h2 { font-size:17px; font-weight:700; text-transform:uppercase; margin-bottom:10px; } .HomePage #pageBody p { font-size:12px; line-height:19px; font-weight:400; margin-bottom:10px; } /* INTERIOR PAGE ----------------------------------------- */ .interior #pageBody { float:left; width:395px; margin-left:30px; padding-bottom:80px; } .ProjectCategoryPage.interior #pageBody, .BioHolderPage.interior #pageBody { float:left; width:733px; } .ProjectPage.interior #pageBody { float:left; width:690px; } .interior #pageBody h1 { font-size:27px; line-height:29px; text-transform:uppercase; color:#5a5959; letter-spacing:0.05em; margin-bottom:15px; } .interior #pageBody h2 { font-size:19px; line-height:22px; text-transform:uppercase; color:#5a5959; letter-spacing:0.05em; margin-bottom:6px; } .interior #pageBody h3 { font-size:16px; line-height:19px; text-transform:uppercase; color:#5a5959; letter-spacing:0.05em; margin-bottom:6px; } .interior #pageBody h4 { font-size:13px; line-height:16px; text-transform:uppercase; color:#5a5959; letter-spacing:0.05em; margin-bottom:4px; } .interior #pageBody p { font-size:12px; line-height:17px; color:#5a5959; margin-bottom:10px; } .interior #pageBody a { color:#80929c; } .interior #pageBody ol, .interior #pageBody ul { padding-left:30px; margin-bottom:12px; } .interior #pageBody li { font-size:12px; line-height:17px; color:#5a5959; margin-bottom:3px; } .interior #col3 { float:right; width:318px; margin-left:20px; } .interior #pageBody #projectthumbs { padding-left:0px; } .interior #pageBody #projectthumbs.category li, .interior #pageBody #projectthumbs.bio li { list-style-type:none; float:left; width:232px; height:152px; overflow:hidden; margin:0px 8px 8px 0px; position:relative; z-index:0; } .interior #pageBody #projectthumbs.portfolio li { list-style-type:none; float:left; width:712px; height:152px; overflow:hidden; margin:0px 8px 8px 0px; position:relative; z-index:0; } .interior #pageBody #projectthumbs li a { display:block; width:100%; height:152px; position:relative; z-index:10; } .interior #pageBody #projectthumbs li img { float:left; } .interior #pageBody #projectthumbs li h2.overlay { display:table; width:100%; z-index:20; position:absolute; left:0px; background-color:rgba(32,31,31,0.8); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c201f1f', endColorstr='#4c201f1f',GradientType=1 ); /* IE6-9 */ } .interior #pageBody #projectthumbs li h2.overlay a { display:table-row; color:#fff; text-decoration:none; text-align:center; font-size:18px; line-height:22px; font-weight:400; text-transform:uppercase; } .interior #pageBody #projectthumbs li h2.overlay a span { display:table-cell; width:100%; height:152px; padding:0px 15px 0px 15px; vertical-align:middle; } .ProjectPage.interior div#galleria, .VirtualPage.interior div#galleria { padding:0px; width:690px; height:100px; overflow:hidden; margin-bottom:20px; } .ProjectPage.interior div#galleria img, .VirtualPage.interior div#galleryia img { float:left;} .ProjectCategoryPage.interior #Content, .BioHolderPage.interior #Content, .VirtualPage.interior #Content { clear:both; margin-right:260px; } .ProjectPage.interior #Content, .BioPage.interior #Content, .VirtualPage.interior #Content { clear:both; width:535px; } @keyframes thumbOverlay { from { top:200px; } to { top:0px; } } @-moz-keyframes thumbOverlay /* Firefox */ { from { top:200px; } to { top:0px; } } @-webkit-keyframes thumbOverlay /* Safari and Chrome */ { from { top:200px; } to { top:0px; } } @-o-keyframes thumbOverlay /* Opera */ { from { top:200px; } to { top:0px; } } .interior #pageBody #projectthumbs li:hover h2.overlay { animation: thumbOverlay 0.5s 1; -moz-animation: thumbOverlay 0.5s 1; /* Firefox */ -webkit-animation: thumbOverlay 0.5s 1; /* Safari and Chrome */ -o-animation: thumbOverlay 0.5s 1; /* Opera */ top:0px; } /* SIDEBAR -------------------------------------- */ #sidebarnav { float:left; width:205px; margin-left:30px; min-height:200px; font-family:Montserrat, sans-serif; } #sidebarnav ul { text-align:right; } #sidebarnav ul li { list-style-type:none; } #sidebarnav li.level1 a.level1 { display:block; padding-right:13px; height:45px; font-size:12px; line-height:50px; text-transform:uppercase; text-decoration:none; color:#9c4743; background:#fff url(../images/navitemend.png) left top no-repeat; } #sidebarnav li.level1 + li.level1 a.level1 { color:#859c37; } #sidebarnav li.level1 + li.level1 + li.level1 a.level1 { color:#006a8e; } #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1, .BioHolderPage #sidebarnav li.level1 a.level1, .BioHolderPage #sidebarnav li.level1 + li.level1 a.level1, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1 a.level1, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1, .BioPage #sidebarnav li.level1 a.level1, .BioPage #sidebarnav li.level1 + li.level1 a.level1, .BioPage #sidebarnav li.level1 + li.level1 + li.level1 a.level1, .BioPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1 { color:#5a5959; } #sidebarnav ul.level1 ul.level2 { margin-bottom:10px; } #sidebarnav li.level1 a.level1:hover, #sidebarnav li.level1 a.level1.current, #sidebarnav li.level1.section a.level1 { background:#9c4743 url(../images/navitemend.png) left bottom no-repeat; color:#fff; } #sidebarnav li.level1 + li.level1 a.level1:hover, #sidebarnav li.level1 + li.level1 a.level1.current, #sidebarnav li.level1 + li.level1.section a.level1 { background-color:#859c37; color:#fff; } #sidebarnav li.level1 + li.level1 + li.level1 a.level1:hover, #sidebarnav li.level1 + li.level1 + li.level1 a.level1.current, #sidebarnav li.level1 + li.level1 + li.level1.section a.level1 { background-color:#006a8e; color:#fff; } #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1:hover, #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1.current, #sidebarnav li.level1 + li.level1 + li.level1 + li.level1.section a.level1, .BioHolderPage #sidebarnav li.level1 a.level1:hover, .BioHolderPage #sidebarnav li.level1 a.level1.current, .BioHolderPage #sidebarnav li.level1.section a.level1, .BioHolderPage #sidebarnav li.level1 + li.level1 a.level1:hover, .BioHolderPage #sidebarnav li.level1 + li.level1 a.level1.current, .BioHolderPage #sidebarnav li.level1 + li.level1.section a.level1, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1 a.level1:hover, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1 a.level1.current, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1.section a.level1, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1:hover, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1.current, .BioHolderPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1.section a.level1, .BioPage #sidebarnav li.level1 a.level1:hover, .BioPage #sidebarnav li.level1 a.level1.current, .BioPage #sidebarnav li.level1.section a.level1, .BioPage #sidebarnav li.level1 + li.level1 a.level1:hover, .BioPage #sidebarnav li.level1 + li.level1 a.level1.current, .BioPage #sidebarnav li.level1 + li.level1.section a.level1, .BioPage #sidebarnav li.level1 + li.level1 + li.level1 a.level1:hover, .BioPage #sidebarnav li.level1 + li.level1 + li.level1 a.level1.current, .BioPage #sidebarnav li.level1 + li.level1 + li.level1.section a.level1, .BioPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1:hover, .BioPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1 a.level1.current, .BioPage #sidebarnav li.level1 + li.level1 + li.level1 + li.level1.section a.level1 { background-color:#5a5959; color:#fff; } #sidebarnav ul.level1 li.level2 a.level2 { display:block; padding-right:17px; font-size:12px; line-height:23px; padding-top:3px; text-decoration:none; color:#80929c; background:#fff url(../images/navitemend.png) left top no-repeat; } #sidebarnav ul.level1 li.level2 a.level2:hover, #sidebarnav ul.level1 li.level2 a.level2.current, #sidebarnav ul.level1 li.level2.section a.level2 { color:#5a5959; } /* FOOTER ----------------------------------------------- */ #Footer { width:100%; padding:20px 0px 20px 0px; color:#fff; font-size:11px; text-align:center; background-color:rgba(32,31,31,0.65); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99201f1f', endColorstr='#99201f1f',GradientType=1 ); /* IE6-9 */ } .HomePage #Footer { position:fixed; bottom:0px; } @media only screen and (max-device-width: 480px) { #Header { height: 80px; overflow:hidden; } .interior #BgContainer { width:1002px; height:auto; } .HomePage #BgContainer { width:1002px; height:900px; } #Footer { position:relative; margin-top:100px; width:1002px; } } #Footer a { color:#fff; } #Copyright p { display:inline; } #social { display:inline; } #social li { list-style-type:none; display:inline; padding-left:6px; }