/************************************************ * * File : css/global.css * Version : v1.0 * Date : Friday, 20 July 2007 * * * ************************************************ * Global style settings ************************************************/ @media screen { * { margin: 0; padding: 0; } html { } body { text-align: center; font: 12px Arial, Verdana, Tahoma; } h1 { text-indent: -9000px; } h2 { text-indent: -9000px; font-size:14px; } h3 { font: 18px Arial, Verdana, Tahoma; color:#636363; } img { border: 0; vertical-align: bottom; } table { width: 100%; border-collapse: collapse; } a { text-decoration: none; overflow: hidden; } ul { list-style-type: none; } address { font-style: normal; } input { vertical-align: middle; } select { font-size: 0.85em; font-weight: normal; color: #12395A; } option { padding-left:5px; } textarea { font: 11px Verdana, Arial, Helvetica, sans-serif; } p { line-height:16px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /************************************************ * DEBUG ************************************************/ #container { margin:0 auto; padding:0 7px 0 7px; width:900px; text-align:left; background: url(../images/pt-container-bg.jpg) repeat-y; } #navi { height:36px; background: url(../images/pt-navi-bg.jpg) repeat-x; } #navi ul { padding:5px 0 0 10px; float:left; } #navi ul li { font-size:13px; color:#FFF; display:inline; } #navi ul li span { padding:0 5px 0 10px; } #navi ul li a { color:#FFF; } #navi p { font-size:13px; float:right; padding:5px 10px 0 0; color:#FFFFFF; } h1#main { height:260px; } h1#photovoltaic { height:136px; background: url(../images/pt-photovoltaic-header.jpg) no-repeat; } h1#photovoltaic-comm { height:136px; background: url(../images/pt-photovoltaic-comm-header.jpg) no-repeat; } h1#photovoltaic-res { height:136px; background: url(../images/pt-photovoltaic-res-header.jpg) no-repeat; } h1#powertomorrow { height:136px; background: url(../images/pt-powertomorrow-header.jpg) no-repeat; } h1#thermal-comm { height:136px; background: url(../images/pt-thermal-comm-header.jpg) no-repeat; } h1#thermal-res { height:136px; background: url(../images/pt-thermal-res-header.jpg) no-repeat; } h1#thermal { height:136px; background: url(../images/pt-thermal-header.jpg) no-repeat; } h1#windpower { height:136px; background: url(../images/pt-windpower-header.jpg) no-repeat; } h2#phone { clear:left; height:26px; background: url(../images/pt-phone-header.jpg) no-repeat; } embed { float:left; } #wrapper { padding:3px; } #wrapper #content { width:520px; float:left; } #wrapper #content h3 { padding:10px 0 0 7px; height:28px; background: url(../images/pt-content-h3.jpg) no-repeat; } #wrapper #content h5 a { float:right; width:248px; height:16px; text-indent:-9000px; margin:50px 10px 10px 0; background: url(../images/pt-question-header.jpg) no-repeat 100% 0; } #wrapper #content #border { border:#e8e8e8 1px solid; border-top:0; padding-top:20px; float:left; width:518px; } #wrapper #content #border p { margin:0 10px 20px 10px; } #wrapper #content #border p em { color:#50b40d; font-style:normal; } #wrapper #content #border p a { color:#0088c6; text-decoration:underline; } #wrapper #content #border p#loc-phones { width:378px; float:right; margin:0; height:48px; padding:20px 70px 0 70px; text-align:center; font-size:13px; color:#0083c7; font-weight:bold; background: url(../images/pt-locphones-bg.jpg) no-repeat; } #wrapper #content #border dl { margin:0 10px 0 10px; } #wrapper #content #border dl dt { float:left; margin-right:10px; font-weight:bold; } #wrapper #content #border dl dd { font-weight:bold; color:#0083c7; } #wrapper #content ul#partners { margin:20px !important; margin:14px; float:left; text-align:center; } #wrapper #content ul#partners li { margin-right:20px; display:inline; } #wrapper #content ul#benefits { margin:20px; line-height:20px; } #wrapper #content ul#benefits li { color:#0083c7; font-weight:bold; padding-left:10px; background: url(../images/pt-benefits-list.jpg) no-repeat 0 7px; } #wrapper #content ul#benefits-square { margin:0 20px 15px 20px; } #wrapper #content ul#benefits-square li { padding-left:7px; background: url(../images/pt-list-square.jpg) no-repeat 0 6px; } #wrapper #content ul#none { margin:0 20px 15px 20px; } #wrapper #content ul#none li { padding-left:7px; } #wrapper #content ul#none li a { color:#0088c6; } #wrapper #content #contact { float:left; width:518px; border-left:#e8e8e8 1px solid; border-right:#e8e8e8 1px solid; } #wrapper #content #contact h4 { font: 12px Arial, Verdana, Tahoma; color:#000; font-weight:bold; } #wrapper #content #contact h2 { margin:15px 0 10px 0; background: url(../images/pt-question-header.jpg) no-repeat; } #wrapper #content #contact p { margin:15px; } #wrapper #content #contact #area { padding:20px 10px 10px 10px; } #wrapper #content #contact #area h5 { float:left; width:490px; margin-top:10px; font: 12px Arial, Verdana, Tahoma; color:#0083c7; font-weight:bold; } #wrapper #content #contact #area p { margin:15px 0 0 0; } #wrapper #content #contact #area p.apply { margin:0 0 15px 0; font-size:10px; color:#555; clear:left; } #wrapper #content #contact #area div { float:left; width:490px; margin:5px 0 0 8px; } #wrapper #content #contact #area div.align { float:left; width:auto; margin:5px 2px 10px 8px; } #wrapper #content #contact #area div label { font-weight:bold; display:block; } #wrapper #content #contact #area div input { padding:1px; width:300px; border-top:#404040 1px solid; border-left:#404040 1px solid; border-bottom:#e8e7e3 1px solid; border-right:#e8e7e3 1px solid; } #wrapper #content #contact #area div input#city { width:200px; } #wrapper #content #contact #area div input#state { width:50px; } #wrapper #content #contact #area div input#zip { width:50px; } #wrapper #content #contact #area div.interest { width:auto; margin:0px 2px 5px 8px; } #wrapper #content #contact #area div.interest label { width:450px; float:left; font-weight:normal; } #wrapper #content #contact #area div.interest label em { font-size:11px; font-style:normal; } #wrapper #content #contact #area div.interest input { height:13px; width:auto; float:left; margin-right:5px; border:0; } #wrapper #content #contact #area p#questions { float:left; margin:15px 0 5px 0; } #wrapper #content #contact #area textarea { width:490px; height:150px; } #wrapper #content #contact #area input#submit { float:right; width:80px; margin-bottom:20px; } #wrapper #right-block { width:369px; float:right; } #wrapper #right-block p { color:#575757; font-weight:bold; margin:10px 5px 0 5px; } #wrapper #right-block #call-centers { } #wrapper #right-block #call-centers h2 { font-size:10px; height:10px; margin-left:5px; background: url(../images/pt-call-centers-header.jpg) no-repeat; } #wrapper #right-block #call-centers p { height:48px; padding:20px 10px 0 10px; text-align:center; font-size:13px; color:#0083c7; background: url(../images/pt-locphones-bg.jpg) no-repeat; } #wrapper #right-block #featured { margin-bottom:10px; } #wrapper #right-block #featured h2 { height:26px; background: url(../images/pt-featured-header.jpg) no-repeat; } #wrapper #right-block #featured p { margin:0; } #wrapper #right-block #partners { margin-bottom:11px; } #wrapper #right-block #partners ul { padding-top:20px; border:#d9d9d9 1px solid; border-top:0; text-align:center; } #wrapper #right-block #partners ul li { display:inline; } #wrapper #right-block #partners ul li img { margin:0 10px 20px 10px; } #wrapper #right-block #careers { border:#e8e8e8 1px solid; border-top:0; } #wrapper #right-block #careers h2 { height:26px; background: url(../images/pt-careers-header.jpg) no-repeat; } #wrapper #right-block #careers p { margin:10px 10px 5px 10px; font-weight:normal; color:#000; } #wrapper #right-block #careers p strong { color:#0083c7; } #wrapper #right-block #careers ul { margin:5px 10px 10px 0; text-align:right; } #wrapper #right-block #careers ul li { display:block; } #wrapper #right-block #careers ul li a { color:#0083c7; font-weight:bold; } #wrapper #right-block #type { margin-bottom:10px; float:left; } #wrapper #right-block #type h2 { margin-bottom:2px; height:26px; background: url(../images/pt-type-header.jpg) left top no-repeat; } #wrapper #right-block #type ul li { float:left; } #wrapper #right-block #type ul li.move { margin-left:5px; } #career-opportunities { margin-top:15px; float:left; width:689px; padding-left:211px; background: url(../images/pt-career-opportunities-bg.jpg) no-repeat; } #career-opportunities h4 { font: 14px Arial, Verdana, Tahoma; color:#108aca; font-weight:bold; } #career-opportunities h5 { font: 12px Arial, Verdana, Tahoma; color:#000; font-weight:bold; } #career-opportunities ul { padding:15px; } #career-opportunities ul.none li { background:transparent; } #career-opportunities ul li { padding-left:7px; background: url(../images/pt-list-square.jpg) no-repeat 0 6px; } #career-opportunities p { margin-bottom:15px; } #footer { clear:both; height:57px; background: url(../images/pt-footer-bg.jpg) no-repeat; } #footer div { width:773px; padding-top:15px; float:left; } #footer p { margin-left:10px; color:#303030; font-weight:bold; } #footer p img { margin:9px 15px 0 0; float:right; } #footer ul { padding-left:10px; } #footer ul li { font-size:12px; color:#303030; display:inline; } #footer ul li span { padding:0 3px 0 6px; } #footer ul li a { color:#303030; } }