/* Client:GCC Enterprises Author:Bit-Wizards Custom Software Solutions, Inc. Author URI:http://bit-wizards.com/ */ /*# COLORS #*/ /*--------------------------------------------------- Body Background:Main Text:Links:*/ /*# RESET #*/ /*---------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;} table {border-collapse:collapse; border-spacing:0;} ol,ul {list-style:none;} h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;} abbr,acronym {border:0;} /*# LAYOUT STYLES #*/ /*---------------------------------------------------*/ body {background-color:#26364c; text-align:center; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:14px; color:#444; line-height:20px;} #btnHiring {height:185px; width:185px; position:absolute; left:0; top:0; background:transparent url(/App_Themes/GCC/images/btn_hiring.png) no-repeat 0 0; display:block;} .bgPageframe {background:#2c3e57 url(/App_Themes/GCC/images/bg_body.jpg) repeat-x scroll center top;} .pageFrame {width:992px; margin:0 auto;} /*# HEADER #*/ /*--------------------------------------------------------------*/ .containerHeader {height:153px;} .logo a {width:189px; height:121px; float:left; background:url(/App_Themes/GCC/images/logo.png) no-repeat 0 0; margin:9px 0 0 89px; overflow:hidden; text-indent:-999px; text-decoration:none;} .search {width:250px; height:43px; padding:0 16px 18px 0; float:right; color:#cde2ff;} .search label {padding-right:10px; height:20px; line-height:14px;} .searchTextinput {width:150px; height:20px; background:url(/App_Themes/GCC/images/bg_search.jpg) no-repeat 0 0; border:none; color:#FFF; line-height:20px; padding:0 5px;} .submit {width:18px; height:20px; background:url(/App_Themes/GCC/images/btn_search.jpg) no-repeat 0 0; border:none;} .search img {padding-right:4px;} .search p {padding-top:6px;} .search p img {vertical-align:middle;} .search a {color:#cde2ff; text-decoration:none;} .slogan {width:657px; height:44px; clear:right; float:right; background:url(/App_Themes/GCC/images/slogan.png) no-repeat left top; overflow:hidden; text-indent:-999px; padding-right:43px;} /*# MAIN NAV #*/ /*--------------------------------------------------------------*/ .navMain ul {margin:0 auto 0 auto; width:980px; text-align:center; list-style-type:none; font-size:16px; font-family:"Century Gothic", "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif; text-transform:uppercase; height:32px;} .navMain ul li {display:inline; position:relative; z-index:9998; } .navMain ul li a {padding:5px 19px 5px 19px; color:#FFF; font-weight:bold; line-height:22px; text-decoration:none; display:inline-block; background:url(/App_Themes/GCC/images/bg_nav_tab.jpg) repeat-x left top; border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF; margin:0 2px;} .navMain ul li a:hover {background-position:0 -32px;} .navMain ul li a.CMSListMenuLinkHighlighted {background-position:0 -64px;} .navMain ul ul {font-size:13px; text-align:left; display:none; width:200px; position:absolute; top:26px; left:0; z-index:5000;} .navMain ul ul ul {position:absolute; top:0; left:240px;} .navMain ul ul li {display:block; width:200px;} .navMain ul ul a {display:block; width:200px; z-index:5000;} .breadcrumbs {padding-left:20px; text-align:left; color:#eae2db; font-size:12px; line-height:30px;} .breadcrumbs a {color:#234069; text-decoration:none;} /*# PROJECT SLIDER #*/ /*--------------------------------------------------------------*/ .containerProjects {width:992px; height:362px; position:relative; left:0; top:0;} #slidingPanelsContainer {width:708px; height:340px; position:absolute; left:16px; top:10px; overflow:hidden; border-top:1px solid #17212e; border-left:1px solid #17212e; border-right:1px solid #17212e; border-bottom:1px solid #ddd;} .panelExpander {width:4260px;} .projectSlide {width:710px; height:342px; float:left; position:relative;} .projectSlide img {border:none;} .projectTitle {background:url(/App_Themes/GCC/images/bg_projecttitle.png) repeat 0 0; padding:10px 100px 10px 20px; width:590px; text-align:left; position:absolute; top:15px; left:0; z-index:9;} .projectTitle a {color:#FFF; font-weight:bold; font-size:16px; text-decoration:none;} .projectTitle a:hover {color:#bed8ff;} .projectTitle span {color:#b0b9c9; font-size:14px; font-weight:normal; display:block;} .btnDetails {width:65px; height:22px; display:block; text-indent:-999px; text-decoration:none; background:url(/App_Themes/GCC/images/btn_details.jpg) no-repeat left center; position:absolute; right:20px; top:20px; z-index:10} .glow {height:342px; width:710px; background:url(/App_Themes/GCC/images/slider_glow.png) no-repeat 0 0; position:absolute; z-index:1; top:10px; left:16px;} .prev_slide {width:33px; height:67px; display:block; text-indent:-999px; text-decoration:none; background:url(/App_Themes/GCC/images/nav_slide_prev.png) no-repeat left center; position:absolute; left:16px; top:150px; z-index:2;} .next_slide {width:33px; height:67px; display:block; text-indent:-999px; text-decoration:none; background:url(/App_Themes/GCC/images/nav_slide_next.png) no-repeat right center; position:absolute; right:266px; top:150px; z-index:2;} .projectCats {width:224px; padding:0 0 0 16px; position:absolute; right:23px; top:10px;} .projectCats h3 {color:#0c1624; font-size:26px; font-family:"Century Gothic", "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height:83px} .projectCats ul {list-style-type:none;} .projectCats ul li a {width:205px; margin:0 auto; display:block; overflow:hidden; text-indent:-999px; text-decoration:none;} .projectCats ul li a.link1, .boxProjectcatsMid ul li a.link1 {height:63px; background:url(/App_Themes/GCC/images/btn_municipalities.png) no-repeat center center;} .projectCats ul li a.link2, .boxProjectcatsMid ul li a.link2 {height:76px; background:url(/App_Themes/GCC/images/btn_gov.png) no-repeat center center; margin-top:15px;} .projectCats ul li a.link3, .boxProjectcatsMid ul li a.link3 {height:64px; background:url(/App_Themes/GCC/images/btn_commercial.png) no-repeat center center; margin-top:24px;} /*# MAIN CONTENT #*/ /*--------------------------------------------------------------*/ .containerHome {height:401px; background:url(/App_Themes/GCC/images/bg_container_site_top.jpg) no-repeat 0 8px;} .containerInterior {height:70px; background:url(/App_Themes/GCC/images/bg_container_site_top_int.jpg) no-repeat 0 8px;} .containerMain {width:992px; margin:0 auto; background:url(/App_Themes/GCC/images/bg_container_site_mid.png) repeat-y center top;} .containerMainshadow {height:7px; width:958px; margin:0 auto; background:url(/App_Themes/GCC/images/bg_container_site_bottom.jpg) no-repeat center bottom;} .colLeft {width:650px; float:left; padding:24px 24px 0 46px; text-align:left;} .colLeft h3 {color:#0c1624; font-size:30px; font-family:"Century Gothic", "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height:30px; border-bottom:3px double #eae2db; padding-bottom:10px; margin-bottom:26px; line-height:35px;} .colLeft .intro {color:#234069; font-size:16px; line-height:22px;} .colLeft .letter {color:#444; background-color:#f9f6f4; font-size:14px; line-height:21px; padding:20px; margin-bottom:20px;} .colLeft .letter span {display:block; text-align:right;} .colLeft a {color:#ba1c17; text-decoration:none;} .colLeft p a:hover {color:#e3221c; text-decoration:underline;} .colLeft h4 {line-height:30px; color:#234069; font-size:20px; font-weight:bold; padding-bottom:20px;} .colLeft ul {list-style-type:square; margin-left:20px; padding:20px 0;} .colLeft ul li {padding-bottom:15px;} .colLeft p {padding-bottom:15px;} .colLeft img.fancy {padding:6px; border:1px solid #d8d1ca; background-color:#eae2db;} .btnPrint, .btnEmail {float:right; overflow:hidden; text-indent:-999px; text-decoration:none;} .btnEmail {width:82px; height:32px; background:url(/App_Themes/GCC/images/btn_email.jpg) 0 0;} a.btnEmail:hover {background-position:0 -32px;} .btnPrint {width:71px; height:32px; background:url(/App_Themes/GCC/images/btn_print.jpg) 0 0; margin-right:5px;} a.btnPrint:hover {background-position:0 -32px;} img.valign {vertical-align:text-top;} .containerProject, .containerProjectindex {padding:20px; border:1px solid #eae2db; background-color:#f9f6f4; font-size:12px; margin-bottom:30px;} .containerProjectindex h5 {width:364px; background:#7f8ca2 url(/App_Themes/GCC/images/bg_projectheading.jpg) repeat-x 0 0; border:1px solid #727e92; padding:8px; color:#FFF; font-weight:bold; margin-bottom:20px; font-size:20px;} .containerProjectindex p, .containerProjectindex ul {width:382px; padding-bottom:0; float:left;} .colLeft .containerProjectindex ul {width:362px; } .containerProjectindex p {padding:6px 0;} .containerProjectindex span {width:382px; display:block; font-size:14px; float:left;} .containerProjectindex .thumb {width:196px; padding:5px; border:1px solid #d8d1ca; background-color:#eae2db; float:right;} .containerProject {padding:20px 20px 5px 20px; border:1px solid #eae2db; background-color:#f9f6f4; font-size:12px; margin-bottom:30px;} .containerProject .colLeft {width:294px; float:left; padding:0;} .containerProject .colRight {width:294px; float:right;} .containerProject h5 {background:#7f8ca2 url(/App_Themes/GCC/images/bg_projectheading.jpg) repeat-x 0 0; border:1px solid #727e92; padding:8px; color:#FFF; font-weight:bold; margin-bottom:20px; font-size:20px;} .containerProject label {display:block; font-weight:bold; font-size:14px;} .containerProject .specTable {list-style-type:none; padding:0; margin:0;} .containerProject .specTable li {padding-bottom:15px;} .containerProject .thumb {width:282px; height:200px; float:right; padding:5px; border:1px solid #D8D1CA; background-color:#EAE2DB;} .containerProject .listImages {list-style-type:none; width:294px; padding:10px 0 0 0; margin:0; float:right; clear:right;} .containerProject .listImages li {display:inline;} .containerProject .listImages li img {margin-right:9px; border:1px solid #D8D1CA;} .colRight {width:272px; float:left; padding-top:4px;} .colRight h4 {color:#0c1624; font-size:30px; font-family:"Century Gothic", "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height:67px;} .boxNews {width:272px;} .boxNewstop {background:url(/App_Themes/GCC/images/bg_container_news_top.png) no-repeat center top; height:12px; overflow:hidden;} .boxNewsmid {width:240px; padding:0 16px 5px 16px; background:url(/App_Themes/GCC/images/bg_container_news_mid.png) repeat-y center top;} .boxNewsmid ul {width:200px; padding:0 20px 20px 20px; margin:0 auto 10px auto; list-style-type:none; text-align:left; background:url(/App_Themes/GCC/images/bg_container_pattern.jpg) repeat 0 0;} .boxNewsmid ul li {background:url(/App_Themes/GCC/images/icon_news.png) no-repeat 0 18px; padding:20px 0 15px 25px; font-size:11px; color:#666; border-bottom:3px double #bcbec7; line-height:14px;} .boxNewsmid ul li a {color:#ba1c17; font-size:12px; font-weight:bold; text-decoration:none;} .boxNewsmid ul li a:hover {text-decoration:underline;} .boxNewsmid ul li span {display:block; color:#234069;} .boxNewsbottom {background:url(/App_Themes/GCC/images/bg_container_news_bottom.png) no-repeat center top; height:10px;} .boxSubpages {width:272px; margin-bottom:7px;} .boxSubpagestop {background:url(/App_Themes/GCC/images/bg_container_subpages_top.png) no-repeat center top; height:10px; overflow:hidden;} .boxSubpagesmid {width:240px; padding:0 16px 5px 16px; background:url(/App_Themes/GCC/images/bg_container_subpages_mid.png) repeat-y center top;} .boxSubpagesmid ul {padding:0 20px 20px 20px; margin:0 auto 10px auto; list-style-type:none; text-align:left; background:url(/App_Themes/GCC/images/bg_container_pattern_blue.jpg) repeat 0 0;} .boxSubpagesmid ul li {background:url(/App_Themes/GCC/images/bullet_arrow.jpg) no-repeat left center; padding:20px 0 15px 15px; font-size:11px; color:#666; border-bottom:3px double #bcbec7; line-height:14px;} .boxSubpagesmid ul li a {color:#ba1c17; font-size:12px; font-weight:bold; text-decoration:none;} .boxSubpagesmid ul li a:hover {text-decoration:underline;} .boxSubpagesmid ul li span {display:block; color:#234069;} .boxSubpagesbottom {background:url(/App_Themes/GCC/images/bg_container_subpages_bottom.png) no-repeat center top; height:10px;} .boxProjectcats {width:272px; margin-bottom:7px;} .boxProjectcatsTop {background:url(/App_Themes/GCC/images/bg_container_subpages_top.png) no-repeat center top; height:10px; overflow:hidden;} .boxProjectcatsMid {background:url(/App_Themes/GCC/images/bg_container_subpages_mid.png) repeat-y center top;} .boxProjectcatsMid ul {width:200px; margin:0 auto 10px auto; list-style-type:none; text-align:left; background:url(/App_Themes/GCC/images/bg_container_pattern_blue.jpg) repeat 0 0; padding:11px 20px 11px 20px;} .boxProjectcatsMid ul li a {width:205px; margin:0 auto; display:block; overflow:hidden; text-indent:-999px; text-decoration:none;} .boxProjectcatsBottom {background:url(/App_Themes/GCC/images/bg_container_subpages_bottom.png) no-repeat center top; height:10px;} .btnSubscribe {display:block; width:105px; height:32px; float:left; background:url(/App_Themes/GCC/images/btn_subscribe.png) no-repeat 0 0; overflow:hidden; text-indent:-999px; text-decoration:none; margin-left:17px;} .btnRead {display:block; width:94px; height:32px; float:left; background:url(/App_Themes/GCC/images/btn_readmore.png) no-repeat 0 0; overflow:hidden; text-indent:-999px; text-decoration:none; margin-left:6px;} /*#SEARCH RESULTS#*/ .searchResult { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid #605f5f; } .searchResultTitle a, .searchResultTitle a:visited { color: #C70C1C; text-decoration: none; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } .searchResultTitle a:hover { text-decoration: underline; } .searchResultText { letter-spacing: 0px; padding: 12px 24px; } .searchResultRelevanceBar { background: #91B4D0; } .searchResultUrl { color: #605f5f; font-size: 12px; letter-spacing: 0px; } .searchResultHighlighted { font-style: italic; font-weight: bold; } /*#CONTACT FORM#*/ #contactForm, fieldset { width:471px; float: left; padding: 0; text-align: left; background-color:#EAE2DB; padding:20px; } #contactForm label, #contactForm span.EditingFormLabel, fieldset label{ font-size: 12px; font-weight: bold; display: block; text-align: left; color: #020D29; } #contactForm label span { width: 400px; } #contactForm span.rememberMe label { display: inline; font-weight: normal; } #contactForm .EditingFormControlNestedControl input { height: 16px; width: 25px; background: white; margin-bottom: 5px; border: 3px double #cccccc; padding: 4px 7px; } #contactForm .DropDownField, fieldset .DropDownField{ width: 390px; background: white; margin-bottom: 5px; border: 3px double #cccccc; padding: 4px; } #contactForm .EditingFormControlNestedControl input.UploaderInputFile, fieldset .EditingFormControlNestedControl input.UploaderInputFile { height: auto; width: auto; background: white; margin-bottom: 5px; border: 0; padding: 6px 7px; } .EditingFormControlNestedControl .Uploader { border:0; } .UploaderLabel { display:none; } #contactForm input.TextBoxField, fieldset input.TextBoxField { height: 18px; width: 376px; background: white; margin-bottom: 5px; border: 3px double #cccccc; padding: 4px; } #contactForm textarea, fieldset textarea{ padding: 10px; background: white; border: 3px double #cccccc; overflow: auto; margin-bottom: 5px; width: 364px; height: 144px; } #contactForm .EditingFormControlNestedControl table input { height: 16px; width: 106px; background: white; margin-bottom: 5px; border: 3px double #cccccc; padding: 4px 7px; } #contactForm input:hover, #contactForm input:focus, #contactForm textarea:hover, #contactForm textarea:focus, #contactForm table input:hover, #contactForm table input:focus { border: 3px double #020D29; } #contactForm img { margin: 0 0 10px 10px !important; } #contactForm input.FormButton, #contactForm input.FormButton:hover, .contactpageForm input.FormButton, .contactpageForm input.FormButton:hover { height: 34px; width: 94px; background: url(/App_Themes/GCC/images/btn_submit_sendtofriend.jpg) no-repeat 0 0; border: 0 !important; display: block; margin: 12px 0; padding: 0; cursor: pointer; color: #3980AA; text-indent:-500px; } #contactForm input.FormButton:hover, .contactpageForm input.FormButton:hover { background-position: 0 -34px; } #contactInfo { width: 198px; float: left; margin-top: 5px; text-align: left; line-height: 24px; padding-top: 12px; } #contactInfo p:first-child { font-size: 18px; font-weight: bold; } #contactInfo p.small { font-size: 10px; } #contactInfo p.phone { font-size: 16px; color: #005c91; font-weight: bold; } a.getDirections, a.getDirections:visited { display: block; width: 135px; height: 24px; background: url(/App_Themes/Speegle/images/button_get_directions.png) no-repeat 0 0; margin-top: 24px; } a.getDirections:hover { background: url(/App_Themes/Speegle/images/button_get_directions_hover.png) no-repeat 0 0; } a.contactMap, a.contactMap:visited { display: block; width: 198px; height: 198px; background: url(/App_Themes/Speegle/images/map.jpg) no-repeat 2px 2px; border: 1px solid #cccccc; padding: 2px; margin-top: 24px; } #myMap { float: left; margin: 10px; } .mapDetails { width: 200px; margin: 10px; float: left; text-align: left; } .mapDetails h2 { font-size: 14px; line-height: 18px; color: #005c92; font-weight: bold; margin: 0 0 18px 0; text-transform: uppercase; } /*# FOOTER #*/ /*--------------------------------------------------------------*/ .bgFooter {background:url(/App_Themes/GCC/images/bg_footer.jpg) no-repeat center top; padding-bottom:20px;} .containerFooter {width:960px; margin:0 auto; padding-top:24px; text-align:left; color:#b6c9e9; font-size:11px; line-height:18px;} .containerFooter .box {width:185px; padding:16px; height:128px; float:left; margin-right:30px; overflow:hidden;} .containerFooter h5 {color:#e4d3c5; font-size:18px; font-family:"Century Gothic", "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height:18px; margin-bottom:18px;} .containerFooter a {color:#b6c9e9; text-decoration:none;} .containerFooter a:hover {text-decoration:underline;} .containerFooter .last {margin-right:0;} .containerFooter .CMSListMenuUL {list-style-type:none;} .containerFooter .CMSListMenuUL li {display:inline;} .containerFooter .CMSListMenuUL li a {display:block; float:left; width:50%;} .containerFooter .btnFacebook {display:block; width:192px; height:41px; background:url(/App_Themes/GCC/images/btn_facebook.jpg) no-repeat 0 0; overflow:hidden; text-indent:-999px; text-decoration:none;} .containerFooter .btnTwitter {display:block; width:192px; height:41px; background:url(/App_Themes/GCC/images/btn_twitter.jpg) no-repeat 0 0; overflow:hidden; text-indent:-999px; text-decoration:none; margin-top:6px;} .containerFooter .sig { margin-top:16px; display:block; float:left; background:transparent url(/App_Themes/GCC/images/siteby.jpg) no-repeat 0 0; width:129px; height:16px; text-decoration:none; text-indent:-999px; overflow:hidden;} /*# DEFAULT STYLES #*/ /*-------------------------------------------------------------- */ .hide_text {text-indent:-9000px; overflow:hidden;} input.hide_text {text-transform:capitalize;} a:focus {outline:none;} hr.hr1 {border: none 0; border-top: 1px solid #ececec; width: 100%; height: 1px; margin: 10px auto 0 0; text-align: left; margin:20px 0;} .alignleft {float:left;} .alignright {float:right;} .clear {clear:both; height:1px; overflow:hidden;} .center {text-align:center;} .left {text-align:left;} .right {text-align:right;} .hidden {display:none;} /*#LOGON PAGE#*/ body.logon .bgPageframe {height:100%;} .LogonData label{ color:#ffffff; padding: 0 5px 0 5px; } .logonlogo { background:url(/App_Themes/GCC/images/logo.png) no-repeat 0 0; width:189px; height:121px; display:block; margin: 0 auto 20px auto; } .logonHeaderContainer { width: 0px; background:url(/App_Themes/GCC/images/bg_projecttitle.png) repeat 0 0; min-height: 220px; position: absolute; top: 300px; left: 0px; } .logonHeader { width: 500px; padding: 30px 0; min-height: 160px; text-align: center; position:absolute; top:0; right:0; } .logonFormContainer { width:0px; background:url(/App_Themes/GCC/images/bg_projecttitle.png) repeat 0 0; position: absolute; top: 510px; right: 0px; text-align:left; } .logonForm { width: 460px; padding: 20px; text-align: center; float:left; } .logonForm table { width:100%; } .logonHeader .loginLine { color:#5486bf; text-align:center; font-size:10px; float:left; } .logonForm label { display:inline-block; width:65px; color:#E4D3C5; text-align:right; margin:0 20px 10px 0; font-weight:bold; } .logonForm input[type="text"], .logonForm input[type="password"] { padding:5px; width:250px; } .rememberMe { margin:0 0 0 140px; text-align:left; } .rememberMe label { width:90px; padding-top:3px; font-size:11px; color:#eee; vertical-align:middle; } .remeberMe input { vertical-align:middle; } .logonForm table { margin:0 auto; } .logonExtras { clear:both; margin:20px 0 0 50px; float:left; width:120px; text-align:left; } .logonForm input, .logonForm select { padding: 0; width: auto; } .LogonButton { margin:25px 50px 0 0; height:37px !important; width:115px !important; background:url(/App_Themes/GCC/images/button_logon.png) repeat 0 0 !important; border:0 !important; text-indent:-9999px; overflow:hidden; text-transform:capitalize; } .LogonButton:hover { background-position:0 -37px !important; cursor:pointer; } .LogonDialog { margin-top:7px; padding:10px !important; width:180px; } .logonExtras input:hover { background:none; } span.poweredBy { margin:35px auto 5px auto;; display:block; width:299px; height:28px; background:url(/App_Themes/GCC/images/powered_by.png) repeat 0 0; } .logonError { display:block; color:red; font-weight:bold; PADDING-BOTTOM:10PX; } .usernameError { color:red; font-weight:bold; font-size:18px; } .loggingIn { width:300px; height:45px; background:url(/App_Themes/GCC/images/logon_loader.gif) no-repeat center bottom; text-align:center; font-size:18px; color:#8ac9f4; font-weight:bold; position:absolute; display:none; } .logonForm br { line-height:5px; }line-height:32px;