/* Theme Name: Soltoro Ltd Version: 1 brown-red: #421400 orange: #f79120 */ #menu li{ z-index:900; } /* RESET ---------------------------------------*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, strong, ol, ul, li, fieldset, form, label{ background: transparent; border: 0; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus { outline: 0; } html, body { height: 100%; } ol, ul { float:left; list-style: none; } blockquote { float:left; border-left:3px solid #f79120; font-style: italic; padding:20px; margin:20px; width:577px; } strong { font-weight: bold; } em { font-style: italic; } hr { display: none; } textarea { font-size:12px; font-family: Arial, Helvetica, sans-serif; } cite { float:left; width:100%; } .right { float: right; } .hide { display: none; } .clear { clear: both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* COMMON ELEMENTS ---------------------------------------*/ body { background:url(images/bg.gif) #421400 center repeat-y; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; text-align:justify; } .bodysubtitle {font-family:Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; color: #f79120; font-weight:bold; } .bodysubtitle-red {font-family:Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; color: #c82327; font-weight:bold; } .bodysubhead {font-family:Arial, Helvetica, sans-serif; font-size: 14px; height: 100%; color: #421400; font-weight:bold; } a { color:#f79120; text-decoration:underline; } a:hover { color:#f6dbaa; text-decoration:none; } h1 { float:left; color:#421400; font-weight: bold; font-size: 32px; line-height: 36px; margin-bottom: 15px; width:100%; } h2 { float:left; color:#421400; font-weight: bold; font-size: 24px; line-height: 18px; margin-bottom: 15px; width:100%; } h3 { float:left; font-weight: bold; font-size: 21px; line-height: 18px; margin-bottom: 14px; width:100%; } h4 { float:left; font-weight: bold; font-size: 18px; line-height: 18px; margin-bottom: 12px; width:100%; } h5 { float:left; font-weight: bold; font-size: 16px; line-height: 18px; width:100%; } h6 { float:left; font-weight: bold; font-size: 14px; line-height: 18px; width:100%; } p { float:left; line-height:19px; padding-bottom:13px; width:100%; } .tablenotes { float:left; line-height:15px; font-size:11px; padding-bottom:14px; width:660px; } .tabletitle { font-weight:bold; padding-bottom:5px; text-transform: uppercase; letter-spacing:5px; color: #421400; padding-top: 5px; font-size: 15px; text-align:center; width:660px; } .wrapper { width:100%; } .image-left { float:left; padding:0 15px 15px 0; } .image-right {float:right; margin-top: 30px; padding: 0 0 15px 10px;} .content-left { float:left; line-height:19px; width: 330px; padding: 20px 15px 15px 0; margin-top: 30px;} .content-right { float:right; padding:0 0 15px 15px; line-height:19px; } .bottom { padding:0 !important; margin:0 !important; } .bordered { border:1px solid #421400; } .body-tag {font-family:Georgia, Times, serif; font-size: 20px; font-style:italic; line-height:26px; color: #f79120; font-weight:bold; } /* LAYOUT ---------------------------------------*/ #shell { margin:0 auto; width:1015px; } #header { float:left; padding-bottom:1px; width:100%; height:154px; } #header-r { float:left; background:url(images/header-r-bg-ag.jpg) no-repeat; width:810px; height:154px; } #logo { float:left; width:205px; height:154px; overflow:hidden; } #logo a { float:left; background:url(images/logo.jpg) no-repeat; width:205px; height:154px; text-indent:-9999px; } #newsletter { float:left; display:inline; margin:74px 0 16px 578px; width:232px; height:27px; overflow:hidden; } #menu { float:left; border-top:1px solid white; width:810px; height:36px; } #menu li { float:left; display:inline; } #menu li a { float:left; height:36px; text-indent:-9999px; } #menu li ul { background: #c82327; margin: 0; padding: 0; position: absolute; left:0; top:36px; visibility: hidden; border: 1px solid white; z-index:9999; } #menu li ul li { float: left; position:relative; display: list-item; width:100%; } #menu li ul li a { float:left; border-top:1px solid #c82327; border-bottom:1px solid #c82327; color:#fff; padding:5px 15px; text-indent:0; height:auto; text-decoration:none; } #menu li ul li a:hover { background: #f36c25; border-top:1px solid #fff; border-bottom:1px solid #fff; } #subnav-corporate { width:155px; } #subnav-corporate a { width:125px; } #subnav-projects { width:143px; } #subnav-projects a { width:113px; } #subnav-investor { width:148px; } #subnav-investor a { width:118px; } #subnav-news { width:115px; } #subnav-news a { width:85px; } #corporate { position:relative; width:157px; } #projects { position:relative; width:145px; } #investor { position:relative; width:150px; } #news { position:relative; width:117px; } #nav-home { background:url(images/menu.gif) 0 0 no-repeat; width:108px; } #nav-corporate { background:url(images/menu.gif) -108px 0 no-repeat; width:157px; } #nav-projects { background:url(images/menu.gif) -265px 0 no-repeat; width:145px; } #nav-investor { background:url(images/menu.gif) -410px 0 no-repeat; width:150px; } #nav-news { background:url(images/menu.gif) -560px 0 no-repeat; width:117px; } #nav-contact { background:url(images/menu.gif) -677px 0 no-repeat; width:133px; } #nav-home:hover, #nav-home-active { background:url(images/menu.gif) 0 -36px no-repeat; width:108px; } #nav-corporate:hover, #nav-corporate-active { background:url(images/menu.gif) -108px -36px no-repeat; width:157px; } #nav-projects:hover, #nav-projects-active { background:url(images/menu.gif) -265px -36px no-repeat; width:145px; } #nav-investor:hover, #nav-investor-active { background:url(images/menu.gif) -410px -36px no-repeat; width:150px; } #nav-news:hover , #nav-news-active { background:url(images/menu.gif) -560px -36px no-repeat; width:117px; } #nav-contact:hover, #nav-contact-active { background:url(images/menu.gif) -677px -36px no-repeat; width:133px; } #subnav-corporate .subnav2 { left:155px !important; } #subnav-projects .subnav2 { left:143px !important; } #subnav-investor .subnav2 { left:148px !important; } #subnav-news .subnav2 { left:115px !important; } .subnav2 { display:none; position:absolute; top:0 !important; } #menu li ul li:hover .subnav2 { display:block; } #feature-slideshow { list-style:none outside none !important; width:100%; height:216px; overflow:hidden; } #feature-slideshow li { float:left; width:100%; height:216px; overflow:hidden; } #content { float:left; padding-left:30px; padding-top:20px; width:985px; } #content-l { float:left; padding-right:45px; width:620px; } #content-full { float:left; padding-right:15px; width:920px; } #sidebar { float:left; background-color:#fff5d2; line-height:18px; padding:20px 17px 2px 17px; width:284px; } #footer { float:left; display:inline; background-color:#f79120; color:white; font-weight:bold; font-size:14px; margin:15px 0; padding:12px 14px 12px 18px; width:983px; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { color:#000; text-decoration:none; } #copyright { float:right; } #footer-menu { width:50%; } #footer-menu li { float:left; display:inline; border-right:2px solid white; padding:1px 10px; } #footer-menu li.first { padding-left:0; } #footer-menu li.last { border-right:none; } /* SIDEBAR ELEMENTS ---------------------------------------*/ .sidebar-list { width:100%; } #sidebar a { color:#421400; text-decoration:none; } #sidebar a:hover { color:#f79120; text-decoration:underline; } h5.sidebar-title { color:#421400; font-size:25px; padding-bottom:9px; width:100%; } .sub-caption { padding-bottom:3px !important; } .sidebar-title-sub-caption { float:left; font-size:14px; width:100%; } .sidebar-title-sub-caption img { padding-left:7px; } .sidebar-list li { float:left; border-bottom:1px dotted #421400; padding:15px 0 12px; width:284px; } .sidebar-list li.first { padding-top:0; } .sidebar-list li.last { border-bottom:none !important; } ul.simple-list { padding-left:5px; width:270px; } ul.simple-list li { border-bottom: none !important; padding:5px 0px; width:100%; text-align:left; } ul.simple-list li.first { padding-top:0;text-align:left; } ul.simple-list li.last { padding:10px 0 0 0 !important; border-bottom:none !important;text-align:left; } .simple-list-heading { float:left; font-weight:bold; width:100%; } .simple-list li.read-more { border-bottom:none !important; font-weight:bold; text-align:right; padding:6px 0 0 0; } .sidebar-gallery { width:100%; padding-top:5px; } .sidebar-gallery li { display:inline; border:none; padding:0 20px 20px 0; width:132px; } .sidebar-gallery img { border:1px solid #421400; } .sidebar-gallery li.sidebar-gallery-r { padding-right:0; } .sidebar-gallery li.sidebar-gallery-bottom { padding-bottom:0; } .sidebar-gallery span { float:left; font-weight:bold; width:100%; text-align:center; } ul.full-picture-list { padding-bottom:10px; width:100%; } .full-picture-list li { border:none !important; padding-bottom:0 !important; } .full-list-content { float:left; display:inline; margin-left:20px; padding:5px 0 5px 0; width:264px; } ul.photo-gallery { width:100%; } .photo-gallery li { display:inline; border:none !important; padding:0 10px 10px 0; width:61px; } .photo-gallery img { border:1px solid #421400; } .photo-gallery li.last { padding-right:0; } /* HOME PAGE ALTERATIONS ---------------------------------------*/ .content-home { padding-top:0 !important; } .content-l-home { padding:0 !important; width:665px !important; } .sidebar-home { display:inline; margin-top:20px; } .content-home-wrapper { float:left; padding-right:45px; width:620px; } /* MISC. ---------------------------------------*/ .content-thumbs {border-top:1px dashed #421400; margin-top:20px; padding-top:20px; width:95%;} .content-thumbs li { float:left; display:inline; padding-right:13px; width:145px;} .content-thumbs span.identifier { float:left; color:#421400; font-size:16px; padding-bottom:7px; width:100%; } .downloadable { float:left; border:1px solid #421400; width:143px; height:148px; } .downloadable a { color:#421400; text-decoration:none; } .downloadable a:hover { color:#f79120; } .pdf-download { float:left; background:url(images/pdf.jpg) 12px 0 no-repeat; padding:2px 0 7px 32px; } .reg-download { float:left; background:url(images/vid.jpg) 12px 0 no-repeat; padding:2px 0 7px 32px; } .SBcontent-thumbs { width:100%; } .SBcontent-thumbs li { display:inline; padding: 0 20px 20px 0; width:132px; border-bottom:0px !important;} .SBcontent-thumbs li.SBcontent-thumbs-r { padding-right:0; } .SBcontent-thumbs li.SBcontent-thumbs-bottom { padding-bottom:5px; } .SBcontent-thumbs span.identifier { float:left; color:#421400; font-size:14px; font-weight:bold; padding-bottom:7px; width:100%; } .SBdownloadable { float:left; border:1px solid #421400; width:130px; height:140px; background:#FFFFFF; } .SBdownloadable a { color:#421400; text-decoration:none; } .SBdownloadable a:hover { color:#f79120; } .SBpdf-download { float:left; background:url(images/pdf.jpg) 12px 0 no-repeat; padding:2px 0 7px 32px; width:120px; } .content-thumbs-pg { margin-top:0px; padding-top:20px; width:100%; } .content-thumbs-pg li { float:left; display:inline; padding-right:13px; width:145px;} .content-thumbs-pg span.identifier { float:left; color:#421400; font-size:16px; padding-bottom:7px; width:100%; } /* PROJECTS CASE STUDY */ .split-title-l { float:left; padding-right:20px; width:450px; } .split-title-r { float:left; text-align:right; width:150px; } .split-title-l h1 { margin-bottom:7px; } .page-title-caption { font-weight:bold; font-size:15px; padding-bottom:20px; } .page-title-caption2 { font-weight:bold; font-size:15px; } .page-title-subcaption { font-weight:normal; font-size:15px; padding-bottom:20px; } /* LISTS ---------------------------------------*/ .stdUnOrder, .stdOrder { padding:0 60px 20px 60px; line-height:18px; width:500px; } .stdOrder { padding-left:80px; width:480px; } .stdUnOrder li { float:left; background:url(images/li-bg.gif) no-repeat; padding-bottom:10px; padding-left:20px; width:480px; } .stdOrder li { list-style-type:lower-roman; padding-bottom:10px; width:100%; } /* TABLES ---------------------------------------*/ table.stdTable { float:left; margin-bottom:20px; width:auto; border-collapse:collapse; } .stdTable th { border:1px solid #000; background-color:#f2f2f2; padding:5px; } .stdTable td { padding:5px; border:1px solid #000; text-align:center; } .stdTable caption { font-weight:bold; padding-bottom:7px; } table.dataTable { float:left; margin-bottom:20px; width:auto; border-collapse:collapse; } .dataTable th { border:0px; background-color:#f2f2f2; padding:5px; } .dataTable td { padding:5px; border:0px; text-align:center; } table.infoTable { float:left; margin-bottom:20px; width:auto; text-align:left; } .infoTable th { font-weight:bold; padding:5px 5px 10px 5px; vertical-align:top; text-align:left; line-height:17px;} .infoTable td { padding:5px 5px 10px 5px; line-height:17px; vertical-align:top; border-left: 1px #421400;} table.reportTable { float:left; margin-bottom:20px; vertical-align:top; border-collapse:collapse; margin-left:30px;} .reportTable th { font-weight:bold; padding:2px 15px 2px 2px; text-align:right;line-height:17px;width:130px;color: #000000; border-right: solid 1px #421400; margin-left:20px;} .reportTable td { padding:2px 2px 2px 15px ; line-height:17px; text-align:left;} .reportTable td a { text-decoration:none; color:#000000; } .reportTable td a:hover { text-decoration:none; color:#f79120; } /* FORMS ---------------------------------------*/ #newsletter-form { float:left; width:100%; height:27px; } #newsletter-form input { float:left; border:1px solid #fff; font-size:11px; padding:6px 3px; width:175px; } #newsletter-form #newsletter-send { background:url(images/newsletter-send-bg.gif) no-repeat; border:none; padding:0; width:28px; height:27px; cursor:pointer; }