/* Thor Equities */ /* Main Style Vars */ @c_newpink: #74D1F5; /* color vars */ @c_main: #000;/*#697581;*/ /*#616C77;*/ @c_boxBG: rgba(24,24,24,0.9); /*#181818;*/ @c_nav: #F7F8FB;/*#C3C3C3;*/ @c_navDark: @c_newpink; @c_header: #0C2850; /*#697581*/ @c_main_font: #0052B2; @c_header_bg: @c_newpink; @c_copy:#87A0BA; /*#C0C0C0;*/ @c_header4: #88A0BB; /* font vars */ @f_nav: Helvetica; @f_header: Helvetica; @f_body: 'Helvetica Neue', 'Arial'; @f_custom: Trajan Pro; @f_gillsans: "Gill Sans", "Gill Sans MT", sans-serif; /* Style Functions */ .box-shadow (@x:2px, @y:2px, @z:4px, @c:#000) { -moz-box-shadow: @x @y @z @c; /* FF3.5+ */ -webkit-box-shadow: @x @y @z @c; /* Saf3.0+, Chrome */ box-shadow: @x @y @z @c; /* Opera 10.5, IE9, Chrome 10+ */ } .rounded-corners (@radius:5px) { -moz-border-radius: @radius; /* FF1+ */ -webkit-border-radius: @radius; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: @radius; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .gradient () { background: #7d7e7d; /* old browsers */ background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.95)), color-stop(50%,rgba(0,0,0,0.8))); /* webkit */ filter: e("progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* ie */") } /* Traditional CSS */ body,html { } html{ /* background: url('../img/backgrounds/sexy-background.jpg') no-repeat scroll top center; */ -webkit-background-size: 1600px 4000px; background-color:#0C2850; /* background-size:cover;*/ } body { font-family: @f_body; } .container_12 { /* padding:0 120px;*/ } .container_12 .grid_12 { margin-top:30px; background-color:#f6f6f6; overflow:auto; } #wrap { width:1060px; margin:auto; } #content { } .space-shim { height:670px; z-index:-1000; width:1px; } .shadow { margin-left:5px; box-shadow:0px 0px 3px black; } a{outline:none;color:#1c81cb;text-decoration:none;} a:hover{outline:none;color:@c_navDark;} a.active {color:@c_navDark !important;} .box { overflow: auto; position: relative; padding-bottom:45px; } .textweightfix{-webkit-text-stroke:1px transparent;opacity:0.9999;} .rightedge{margin-right:0px;} .galleryitem img{width:69px;height:69px;} h1{font-family:@f_header;font-size:40px;margin-bottom:10px;color:@c_header;} h1.page-header { position: absolute; top: 210px; left: 70px; font-family: @f_custom; color: white; font-size: 32px; font-weight: 100; } h2{font-family:@f_custom;font-size:30px;margin-bottom:15px;color:#1c81cb;text-transform:uppercase;font-weight:100; margin-top:60px; -webkit-text-stroke:1px transparent; /*Safari Fix*/} h3{font-family:@f_gillsans;font-size:24px;font-weight:100;margin-bottom:28px;margin-top:56px;text-transform:uppercase;color:@c_header;letter-spacing:0.05em;} h4 { font-family: @f_header; font-size: 11px; margin-bottom: 30px; margin-top: -12px; color: @c_header; font-weight: 100; text-transform: uppercase; } h5{font-family:@f_header;text-transform:uppercase;} h6{font-family:@f_header;} ol{} ol li{list-style:decimal outside;margin-left:20px;} /*p { margin: 0px 0px 20px 0px;font-size:15px;line-height:19px;}*/ form p { margin:0px;line-height:10px;} blockquote{ } .clear{clear:both;} ul.navigation { font-family: @f_gillsans; padding-top:25px; text-align: right; margin-right:60px; } ul.navigation li { text-transform: uppercase; list-style-type: square; list-style-position: outside; color: @c_nav; display:inline; } ul.navigation li a { color: @c_nav; font-size: 14px; letter-spacing:0.1em; padding:30px; font-weight:100; } ul.navigation li a:hover { color:#74D1F5; } #strategy-subnav { height:31px; width:1060px; background: url('../img/blue-100.png'); /* z-index:-1;*/ /* position:absolute;*/ /* top:85px;*/ margin-top:25px; box-shadow:0px 2px 7px black; } div.plain_list { -webkit-text-stroke:1px transparent;opacity:0.9999; color: #0C2850; } div.plain_list h4 { margin-top:30px; margin-bottom:14px; } div.plain_list h5 { font-size:12px; } div.plain_list ul { list-style: none; } div.plain_list ul li { list-style: none; margin-left:0px; padding-left:0px; } #strategy-subnav ul { padding-top:5px; } #strategy-subnav ul li { display:inline; padding:10px; } #strategy-subnav ul li a { font-size:12px; padding:5px; } ul.navigation li.active a.active{color:#74D1F5 !important;} div.uppertags { text-shadow:1px 1px 1px black; /* top:220px;*/ /* left:50%;*/ /* width:960px;*/ } div.uppertags h2 { font-size:36px; color:white; } div.uppertags p { font-size:15px; line-height:17px; } #everything { overflow:auto; } #header { position:absolute; top:0px; z-index:10000; box-shadow: 0px 2px 7px black; background: url('../img/blue-80.png'); width:1060px; height:70px; } #header ul.navigation li a { } #headerhomelink { display:block; background: url('../img/thor-blue-logo.jpg') no-repeat scroll top left; margin-left:60px; width: 140px; height: 161px; position:absolute; } #header-background { /* position:absolute;*/ /* z-index:-100;*/ /* top:0;*/ /* left:50%;*/ /* margin-left:-600px;*/ box-shadow: 0px 2px 12px #000; } div.property-top { height:194px; } div.property-top ul.navigation { padding-top:8px; margin-left:47px; } div.property-top ul.navigation li { text-transform: none; } div.property-top h2 { margin-top:20px; margin-bottom:0px; margin-left:30px; } div.property-top p { margin-top:8px; margin-left:30px; margin-bottom:5px; } div.horizontal { border-top:1px solid rgba(116,209,245,0.3); } #footer{margin:20px 0px 10px 60px; width:940px; padding-top:20px; border-top:1px solid rgba(116,209,245,0.3); } #footer p { font-size:16px; line-height:18px; color:white; } #footer p a { color:#74D1F5; } #footer p.copyright { font-size:11px; color:white; } #footer p.contact-info { font-size:12px; line-height:15px; padding-top:6px; } #footer ul.navigation{font-size:12px;text-transform:uppercase;overflow:auto;float:left;} #footer ul.navigation li{} #footer ul.navigation li a{display:block;padding:5px;} #footer ul.navigation li a:hover{} em{font-style:italic;} /** Thor Box Styles */ /*.box {padding:30px;padding-top:40px;}*/ h2.page-header { color: #FFF; background-color: @c_header_bg; width: 140px; font-weight: 100; padding-top: 31px; padding-bottom: 6px; margin-bottom:0px; text-align: center; text-transform: capitalize; } p { color:#0C2850; font-size:14px; /* font-weight:100;*/ line-height:18px; -webkit-text-stroke:1px transparent; /*Safari Fix*/ -moz-text-stroke:1px transparent; /*Safari Fix*/ font-family:@f_body; opacity:0.99; margin-top:10px; margin-bottom:15px; } /* check out .map-box for copy styles */ p.homepage { font-size:18px; line-height:21px; font-weight:100; } div.quote { border-bottom:1px solid #1C81CA; border-top:1px solid #1C81CA; color:#8DB5E2; display:block; font-weight:100; letter-spacing:-0.1em; margin-bottom:50px; margin-top:50px; opacity:0.99; padding-bottom:6px; padding-right:40px; padding-top:20px; -webkit-text-stroke:1px transparent; /*Safari Fix*/ } div.quote span.credit { display:block; text-align:right; color:#868686; margin-top:10px; font-size:16px; } div.quote p { color:#0C2850; font-family: Georgia; font-style: italic; font-weight:100; font-size:19px; line-height:26px; } div.copy p.half { padding-right:340px; } /** General Styles **/ .image-container { /*min-height:860px;*/ /*background:yellow;*/ } .image-cell, .logo-cell { display:block; /*margin:5px;*/ margin-right:10px; margin-bottom:10px; width:200px; float:left; } .image-cell.last, .logo-cell.last { margin-right:0; } .image-cell.bottom-row, .logo-cell.bottom-row { margin-bottom:0; } .image-cell:hover { opacity:0.6; } .footer-image-container { overflow:hidden; width:2100px; } .page-header-absolute { position:absolute; z-index:100; } .force280 { height:280px; overflow:hidden; } /** Page specific Styles **/ /** landing page **/ .vision-box { padding-top:30px; background:#414141; height:250px; } .vision-box h2 { /*margin-top:20px;*/ margin-left:20px; color:#C0C0C0; font-weight:100; } .vision-box p { margin-left:20px; margin-bottom:10px; margin-right:20px; color:#C0C0C0; } .landing-copy { -moz-box-shadow:2px 2px 4px #000; /* FF3.5+ */ -webkit-box-shadow:2px 2px 4px #000; /* Saf3.0+, Chrome */ box-shadow:2px 2px 4px #000; /* Opera 10.5, IE9, Chrome 10+ */ } .landing-background { background:url('../img/410-x280-thor-logo.png') top left no-repeat; height:280px; width:410px; } .landing-background p { padding-top:60px; padding-left:40px; padding-right:40px; color:#D5DDE8; font-size:18px; font-weight:100; } .landing-background span.tagline { display:block; color:#87A0BA; font-size:12px; font-weight:100; margin-left:40px; margin-top:10px; } .landing-copy p { margin-top:0; } /* /portfolio */ .map-box { padding-top: 14px; padding-left:30px; padding-bottom:0px; /*padding-left: 40px;*/ } .map-box h2 { margin-top:20px; } .map-box h3 { font-size:13px; font-weight:normal; } .map-box h4 { font-size:13px; color:#87A0BA; } .google-map { margin-top:10px; margin-bottom:10px; } div.property-list-box { } div.property-list-box h2 { font-size:18px; } ul.property-list { padding-left:17px; padding-bottom:20px; font-weight:400; -webkit-text-stroke:1px transparent; opacity:0.9999; } ul.property-list { /* float:left;*/ /* width:200px;*/ /* margin-right:30px;*/ } ul.property-list li { font-family:@f_body; font-size:16px; margin-right:10px; margin-top:7px; list-style-type:square; } ul.property-list-big li a { font-size:13px; } ul.property-list li a { color:#0C2850; } ul.prop-big li a { font-size:13px; } ul.property-list li a:hover {color:black;} /* /portfolio/(:any) */ .property-top { height: 172px; /*border-bottom: 9px solid #767676;*/ /*border-bottom:9px solid @c_main;*/ } .slideshow-hero-container { width:1060px; height:450px; overflow:hidden; background-color:#001330; position:absolute; top:0px; margin-left:-60px; box-shadow:0px 0px 7px black; z-index:-100; } .slideshow-hero-container div.slideshow-hero-inside div { float:right; margin-right:60px; } h4.back-to-list { margin-top:30px; } .property-copy-container { padding:20px; } .property-copy-container .copy h2 { font-size:14px; margin-bottom:5px; } .property-copy-container .copy ul { margin-bottom:15px; } .property-copy-container .copy ul li { font-size:13px; margin-bottom:4px; list-style-type:circle; margin-left:20px; } .property-video-container { margin-bottom:20px; text-align:center; } .property-map-container { margin-bottom:20px; height:300px; } #map_canvas { width:460px;height:300px; } .video-container { margin-top:0px; width:1060px; height:450px; overflow:hidden; box-shadow:0px 0px 7px black; } .video-container img { /* padding-top:100px;*/ } .no-gallery { opacity:.7; } .property-top ul.navigation { margin-left:40px; width:200px; } .property-top h2 { margin-left:25px; color:#44515F; } .property-top p { margin-left:25px; } #website-cell a { font-size:12px; } #agents-cell, #website-cell { margin-left:30px; } #agents-cell p { color:#E6E6E6; } #agents-cell .agent-cell { font-size:12px; color:@c_copy; } #agents-cell p { margin-left:0; margin-bottom:5px; } /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background:none; width:1000px; } /* close button positioned on upper right corner */ .simple_overlay .close { background:#CCC; position:absolute; left:0px; top:0px; cursor:pointer; height:24px; width:24px; text-align: center; line-height:24px; font-size:18px; } .simple_overlay #overlay-caption { display:none; font-size:12px; padding:10px; padding-top:5px; } .overlay-trigger-caption { display:none; } .property-list-container ul li { margin-left:4px; } .property-link-container ul li a { /* color: #87A0BA;*/ /* font-size: 13px;*/ } .property-link-container ul li a:hover { /* color: #00305D;*/ } /* /strategy */ .box.strategy-box { } /* /strategy/acquisition-criteria */ .acquisition-box h2 { } .acquisition-box ul { margin-top:10px; margin-bottom:15px; } .acquisition-box ul li { font-size:12px; margin-right:10px; margin-top:3px; list-style-type:square; margin-left:20px; } .acquisition-box ul ul { margin-top:0; margin-bottom:0; } .acquisition-box ul ul li { font-size:12px; margin-right:10px; margin-top:3px; list-style-type:circle; margin-left:40px; } .acquisition-box h4 { margin-top:15px; font-weight:100; font-size:14px; color:@c_header; } .acquisition-box p { margin-top:10px; margin-bottom:10px; } /* /history */ .box.history-box { /* padding:20px;*/ /* margin-top:40px;*/ } .box.history-box h4.title { /*width:350px;*/ } #player { /*margin:auto;*/ margin-bottom:20px; } /* /contact */ h2.thankyou { margin-top:12px; display: none; border-left:3px solid #004B8D; padding-left:30px; font-family:Helvetica Neue, Arial; font-weight:normal; font-size:14px; color: #0C2850; } h2.contacttitle { } div.contactinfo { } div.resume-link { padding:25px; padding-left:5px; font-family:@f_gillsans; font-weight:100; color: #0C2850; } div.resume-link a { text-transform: uppercase; margin-top:2px; } div.box.contact-form { border-bottom:1px solid rgba(116,209,245,0.3); padding-bottom:0px; } .formcontain { padding-top:43px; margin-left:2px; /* border-right:1px solid rgba(116,209,245,0.3);*/ } img.form-pad { padding-top:43px; } .formstyle input, .formstyle textarea { display: block; width: 310px; background: #e9e9e9; border: 0px; border-bottom: 1px solid #19224C; margin: 0; padding: 4px; color:#0C2850; margin-bottom:16px; font-family:@f_body; font-weight:300; } .formstyle textarea { width: 310px; } input.required { } input.input-error { border-bottom: 1px solid red !important; } label { font-family:@f_gillsans; display: block; text-transform: uppercase; font-size: 13px; color:#0C2850; font-weight: 100; padding:3px 0px; } input#submit { color: #0C2850; font-family:@f_gillsans; margin-top: 10px; cursor: pointer; background: none; border: none; font-size:18px; text-align: right; width: 320px; padding-bottom:40px; margin-bottom:0px; } input#submit:hover { color: #004B8D; } .careers-box {height:195px;overflow:hidden;}