/* -------------------------------------------------------------- ECORP Consulting, Inc. Design by Robert C Smith | robert at robertcsmith dot com * OVERRIDES * This is the main CSS-file for the site that overrides the blueprintcss specs from code.google.com/p/blueprintcss/ -------------------------------------------------------------- */ /* CLEAR FLOATS Based on article by PiE [http://www.positioniseverything.net/easyclearing.html] -------------------------------------------------------------- */ .clearfix:after, .twocolumns:after, .three_columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .twocolumns, .threecolumns {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix, * html .twocolumns, * html .threecolumns {height: 1%;} .clearfix, .twocolumns, .threecolumns {display: block;} /* End hide from IE-mac */ * html .clear { height: 1%; } /* IMAGES -------------------------------------------------------------- */ img { margin: 0 0 0 0; } /* Remember the baseline (typography.css). */ #main_content img {display:block; border:2px solid #026d93; margin-bottom:1.5em;} /*Basic border for images in main content*/ #main_content a:hover img, #main_content a:hover img {border:2px solid #5E9F1D;} /*Image borders with links when hovering*/ #main_content a.hasimage, #main_content a.hasimage:active, #main_content a.hasimage:link, #main_content a.hasimage:visited, #main_content a.hasimage:hover {border: none;} /*Remove the dotted line from an image with a link*/ #header img {width:50.25em; height:7.67em;} #main_content img.w14 {width: 1.167em;} #main_content img.w32 {width: 2.667em;} #main_content img.w50 {width: 4.167em;} #main_content img.w68 {width: 5.667em;} #main_content img.w86 {width: 7.167em;} #main_content img.w104 {width: 8.667em;} #main_content img.w122 {width: 10.167em;} #main_content img.w140 {width: 11.667em;} #main_content img.w158 {width: 13.167em;} #main_content img.w176 {width: 14.667em;} #main_content img.w194 {width: 16.167em;} #main_content img.w212 {width: 17.667em;} #main_content img.w230 {width: 19.167em;} #main_content img.w248 {width: 20.667em;} #main_content img.w266 {width: 22.167em;} #main_content img.w284 {width: 23.667em;} #main_content img.w302 {width: 25.167em;} #main_content img.w320 {width: 26.667em;} #main_content img.w338 {width: 28.167em;} #main_content img.w356 {width: 29.667em;} #main_content img.w374 {width: 31.167em;} #main_content img.w392 {width: 32.667em;} #main_content img.w410 {width: 34.167em;} #main_content img.w428 {width: 35.667em;} #main_content img.w446 {width: 37.167em;} #main_content img.w464 {width: 38.667em;} #main_content img.w482 {width: 40.167em;} #main_content img.w500 {width: 41.667em;} #main_content img.w518 {width: 43.167em;} #main_content img.w536 {width: 44.667em;} #main_content img.w554 {width: 46.167em;} #main_content img.w572 {width: 47.667em;} #main_content img.w590 {width: 49.167em;} #main_content img.w608 {width: 50.667em;} #main_content img.w626 {width: 52.167em;} #main_content img.w644 {width: 53.667em;} #main_content img.w662 {width: 55.167em;} #main_content img.w680 {width: 56.667em;} #main_content img.w698 {width: 58.167em;} #main_content img.h14 {height: 1.167em;} #main_content img.h32 {height: 2.667em;} #main_content img.h50 {height: 4.167em;} #main_content img.h68 {height: 5.667em;} #main_content img.h86 {height: 7.167em;} #main_content img.h104 {height: 8.667em;} #main_content img.h122 {height: 10.167em;} #main_content img.h140 {height: 11.667em;} #main_content img.h158 {height: 13.167em;} #main_content img.h176 {height: 14.667em;} #main_content img.h194 {height: 16.167em;} #main_content img.h212 {height: 17.667em;} #main_content img.h230 {height: 19.167em;} #main_content img.h248 {height: 20.667em;} #main_content img.h266 {height: 22.167em;} #main_content img.h284 {height: 23.667em;} #main_content img.h302 {height: 25.167em;} #main_content img.h320 {height: 26.667em;} #main_content img.h338 {height: 28.167em;} #main_content img.h356 {height: 29.667em;} #main_content img.h374 {height: 31.167em;} #main_content img.h392 {height: 32.667em;} #main_content img.h410 {height: 34.167em;} #main_content img.h428 {height: 35.667em;} #main_content img.h446 {height: 37.167em;} #main_content img.h464 {height: 38.667em;} #main_content img.h482 {height: 40.167em;} #main_content img.h500 {height: 41.667em;} #main_content img.h518 {height: 43.167em;} #main_content img.h536 {height: 44.667em;} #main_content img.h554 {height: 46.167em;} #main_content img.h572 {height: 47.667em;} #main_content img.h590 {height: 49.167em;} #main_content img.h608 {height: 50.667em;} #main_content img.h626 {height: 52.167em;} #main_content img.h644 {height: 53.667em;} #main_content img.h662 {height: 55.167em;} #main_content img.h680 {height: 56.667em;} #main_content img.h698 {height: 58.167em;} /* BASIC ELEMENTS - Styles basic elments in the page -------------------------------------------------------------- */ body {color:#000; margin:0;} /*--Default style info --*/ #main_content p {text-align:left;} h1 {color:#026d93; font: italic 2.33em/1.29em Georgia, "Times New Roman", Times, serif;} /*h1 { font: bold italic 29px/36px baskerville,palatino,'palatino linotype',georgia,serif;}*/ h2 {color:#026d93; font: bold 1.5em/2.0em Georgia, "Times New Roman", Times, serif;} /* h3 {color:#026d93; font: bold 1.167em/2.571em Helvetica, Arial, Verdana, sans-serif;} */ h3 {color:#026d93; font: bold 1.167em/2.571em Helvetica, Arial, Verdana, sans-serif; line-height:1.2em;} h4 {color:#026d93; font: bold 1em/1.5em Georgia, "Times New Roman", Times, serif;} h5 {text-decoration:underline; font-style:italic;} h6 {font-weight:bold;} h7 {color:#026d93; font: bold 1.5em/2.0em Helvetica, Arial, Verdana, sans-serif; line-height:1.2em;} #main_content a, #main_content a:active, #main_content a:link, #main_content a:visited {color:#026D93; border-bottom: 1px solid #b5d0df; text-decoration:none;} #main_content a:hover {border-bottom: 1px solid #b8d998; color:#5E9F1D; text-decoration:none;} p.learn_more {margin:-1em 0 2.5em;} h1 .amp, h2 .amp {font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;} big {text-transform:uppercase; font-weight:bold;} cite, dfn {font-style:italic; } ins {border-bottom: 1px solid #ccc; text-decoration:none; } small {font-size:85%;} abbr, acronym {font-size:90%; line-height:110%; padding-left:0.19em;letter-spacing:0.1em; text-transform: uppercase;} abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; } h1 acronym, h1 abbr {padding-left:0; letter-spacing:0.05em; } #navigation acronym, #navigation abbr {padding-left:0.05em;} #navigation ul ul acronym, #navigation ul ul abbr {padding-left:0.2em;} code, kbd, samp, tt, var, input[type='text'], textarea {font: 0.9em monaco, "Lucida Console", courier, mono-space; } pre {font-family: monaco, "Lucida Console", courier, mono-space; } code, pre {color:#CC3333;} .left { float:left; margin-right:1.5em; } .right { float:right; margin-left:1.5em; } .left .caption, .right .caption {display:block; margin:-1.5em 0 1.5em; font:italic 1em/1.5em Georgia, "Times New Roman", Times, serif; color:#026d93;} /*Image captions*/ #main_content .section {border-top:1px solid #D9D9D9; margin-top:-1px;} /*Divides sections by placing a gray border at the top*/ #main_content .align_left {text-align:left;} #main_content .align_right {text-align:right;} #main_content .align_center {text-align:center;} #main_content .no_border { border-color:#fff;} /*Used on images when no blue border is needed*/ #main_content .no_h_margin {margin-left:0; margin-right:0;} /*Used on .left and .right when no left or right margin is wanted*/ #main_content .no_clear {clear:none;} /*when not wanting to clear a normally cleared element*/ #main_content .inline {display: inline;} /*To convert a block level element to inline*/ #main_content .center, #main_content p.center {display:block; margin:auto; text-align:center;} /*to center inline and block level elements*/ #main_content .indent {padding:0 3em;} /*Indent content*/ #main_content .template {background: transparent url(lib/img/grid.gif) repeat top left scroll;} h3.expertise, h3.more_info, h3.links {padding-left:2.3em;} h3.expertise {background:url('../images/expertise_button.gif') no-repeat scroll 0%;} h3.more_info {background:url('../images/more_info_button.gif') no-repeat scroll 0%;} h3.links {background:url('../images/links_button.gif') no-repeat scroll 0%;} /*Phone, Fax and Cellphone icons used in address blocks*/ #main_content .phone {padding-left: 1.67em; background: transparent url(../images/icon_phone.gif) no-repeat center left;} #main_content .fax {padding-left: 1.67em; background: transparent url(../images/icon_fax.gif) no-repeat center left;} #main_content .cellphone{ padding-left: 1.67em; background: transparent url(../images/icon_cellphone.gif) no-repeat center left;} /* QUOTES -------------------------------------------------------------- */ #main_content q {font-family: "Times New Roman", Times, serif;} #main_content h3 q, #main_content h1 q {font-family:inherit;} /* LISTS -------------------------------------------------------------- */ #main_content ul, #main_content ol {margin: 0 1.5em 1.5em 3em;} #main_content ul.ulfix {margin-left: 0; padding: 0;} #main_content ul.ulfix li {margin-left: 3em; padding: 0;} h1.index_header {margin-bottom:0.6em;} div.index_list {display:inline;} div.index_side {float:right; width:17.25em; margin:1.25em 0 0 0;} ul.index_list {margin:0 0 1.25em 3em;} ul.index_list li {color:#026d93; font:bold 1em/1.5em Georgia, "Times New Roman", Times, serif; margin-bottom:1.25em;} #main_content ul ul, #main_content ul ul ul {margin-bottom:0;} /* target IE6 for ul fix */ * html ul {position:relative;} /* target IE7 for ul fix */ *:first-child+html ul {position:relative; } /* BASIC LAYOUT - Basic Block positioning -------------------------------------------------------------- */ .container /*--Contains div#header, div#navigation, div#content, #footer--*/ { width:74.42em; margin:0.83em; background-image:none; } div#header /*--The main header--*/ { width:74.42em; background:#fff; border-bottom:0.6em solid #026d93; /*border-bottom:1.25em solid #026d93;*/ } div#content /*--The main div that surrounds all interior content--*/ { /*width:738px;*/ float:left; margin:0; padding-bottom:1em; border-left:0.3em solid #026d93; /*border-left:0.42em solid #026d93;*/ min-height:33.33em; } div#main_content { margin:0.75em 0 0 1.50em; width:58.50em; overflow:visible; } div#main_content2 { margin:0.75em 0 0 1.50em; width:58.50em; overflow:visible; } div#main_content2 h3 { text-transform: uppercase; font-size: 15px; padding-top: 0px; color: #29ABE2; /* letter-spacing:0.1em; */ } div#main_content2 p { font-size: 11px; padding-bottom: 0px; color: #ffffff; } #footer {vertical-align:middle; clear: both; margin-bottom:0.83em; position:relative; border-top:0.3em solid #026d93; /*border-top:0.42em solid #026d93;*/ } #footer p /*--The footer text--*/ { color:#666; font:bold 1.17em/2.33em Georgia, "Times New Roman", Times, serif; letter-spacing:0.18em; text-align:center; margin:0; } #footer a, #footer a:visited {color:#666; border:none; text-decoration:none;} #footer a:hover {color:#5E9F1D; text-decoration:underline;} div#navigation { /*--padding-top:0.83em;--*/ float:left; width:12.5em; position:relative; z-index:1000; } div#lower_buttons {padding-top:0.83em; float:left; width:12.50em;} div#locations {width:43em; float:right;} div#preload_images {display:none;} div#background_buttons {vertical-align:middle; margin:1.5em 0;} div#background_buttons p {text-align:center;} div#background_buttons a {font:0.83em/0.83em Arial, Helvetica, sans-serif; color:#999; border:none; text-decoration:none; border:1px solid #999; padding:0.083em 0.25em;} div#background_buttons a:hover {color:#FF0000; border-color:#ff0000;} hr {background:#B2CCFF none repeat scroll 0%; border:medium none; clear:both; color:#B2CCFF; float:none; height:0.1em; margin:0 0 1.4em; width:100%;} /* COLUMNS -------------------------------------------------------------- */ .two_columns {clear:both; margin:0; padding:0;} .two_columns .first_column, .two_columns .second_column {float:left; width:49%;} .three_columns {clear:both; margin:0; padding:0;} .three_columns .first_column, .three_columns .second_column, .three_columns .third_column {float:left; width:33%;} /* NAVIGATION - Style the navigation / main menu -------------------------------------------------------------- */ .nav_button {padding:0 0 0.75em 1em;} .nav_button a, .nav_button a:link, .nav_button a:visited { line-height:2.17em; height:2.17em; display:block; padding-left:2.7em; text-decoration:none; color:#026d93; font-weight:bold; } a#home_button {background:#fff url('../images/home_button.gif') no-repeat scroll 0%;} a#projects_button {background:#fff url('../images/projects_button.gif') no-repeat scroll 0%;} a#contact_button {background:#fff url('../images/contact_button.gif') no-repeat scroll 0%;} a#careers_button {background:#fff url('../images/careers_button.gif') no-repeat scroll 0%;} a#login_button {background:#fff url('../images/login_button.gif') no-repeat scroll 0%;} a#contact_button:hover, a#home_button:hover, a#careers_button:hover, a#login_button:hover, a#projects_button:hover { text-decoration:underline; color:#5E9F1D; } div#nav a, div#nav a:active, div#nav a:link, div#nav a:visited {color:#fff;} #lower_buttons img {width:12.08em; height:3.17em; border:1px solid #fff;} #lower_buttons a:hover img {border:1px solid #5E9F1D; } div#nav { width: 12.33em !important; width: 11.67em; margin: 0 0 0 0; background: #FDD; } div#nav ul { margin: 0; padding: 0; width: 12.33em !important; width: 11.67em; background: #026d93; border: 0.083em solid #AAA; } div#nav li {position: relative; list-style: none; margin: 0; border-bottom: 0.083em solid #CCC;} div#nav li:hover {background: #5E9F1D;} div#nav li.submenu:hover {background-color: #5E9F1D;} div#nav li a {display: block; padding: 0.315em 0.5em 0.315em 0.5em; text-decoration: none; width: 11.67em; line-height:1.5em; } div#nav>ul a {width: auto;} div#nav ul ul {position: absolute; top: 0; left: 12.33em !important; left: 12.67em; display: none;} /*div#nav ul ul {width: 16.5em !important;}*/ div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display:block;} li pdf { padding-left: 1.67em; background: url(../images/icon_pdf.gif) no-repeat center left; } /* FORMS -------------------------------------------------------------- */ from {margin-bottom:1.5em;} fieldset { border: 1px solid #ccc; } legend { background: #fff; } textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; } input, select { cursor: pointer; } input[type='text'] { cursor: text; } fieldset { padding: 0 1em 1em 1em; margin: 1.5em 0; } /* padding-top is margin-top for fieldsets in Opera */ legend { padding-left: .8em; padding-right: .8em; } legend+* { margin-top: 1em; } /* compensates for the opera margin bug */ textarea, input { padding: .3em .4em .15em .4em; } select { padding: .1em .2em 0 .2em; } option { padding: 0 .4em; } /* TABLES -------------------------------------------------------------- */ table { font:0.833em/1.8em Helvetica, Arial, Verdana, sans-serif; color:#333; margin:-3px auto 1.5em; border-collapse:collapse; } table, td, th {border:none; vertical-align:bottom !important; height:auto;} td, th {padding: 0 0.4em;} th {font-weight:700;} thead tr * {text-align:center; border-bottom:2px solid #000; border-top:1px solid #000;} /* GOOGLE MAPS --------------------------------------------------------------*/ #map_canvas { height: 28.17em !important; width: 28.17em !important; margin:0 1.5em 1.5em 0 !important; border:2px solid #026d93; } /* STYLIZED ANCHOR TAGS --------------------------------------------------------------*/ .external {background:transparent url('../images/external_hover.gif') no-repeat scroll right center;padding-right:1.1em;} .external:link, .external:visited, .external:active {background:transparent url('../images/external.gif') no-repeat scroll right center;} .external:hover, .external:focus {background:transparent url('../images/external_hover.gif') no-repeat scroll right center;} /* all A tags whose HREF attribute ends in .pdf */ a[href$='.pdf'] {padding-right:1.50em; background:transparent url(../images/icon_pdf.gif) no-repeat center right;} /* all A tags whose REL attribute equals pdf */ a[rel='pdf'] {padding-right: 1.50em; background: transparent url(../images/icon_pdf.gif) no-repeat center right;} /* all A tags whose REL attributes has the letters pdf somewhere mixed in*/ a[rel*='pdf'] {padding-right: 1.50em; background: transparent url(../images/icon_pdf.gif) no-repeat center right;} /* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */ a[rel~='pdf'] {padding-right: 1.50em; background: transparent url(../images/icon_pdf.gif) no-repeat center right;} /* all A tags whose HREF attribute starts with mailto: or with the class "email" */ a[href ^="mailto:"], a.email {font-weight: bold; padding-right: 1.50em; background: transparent url(../images/icon_mailto.gif) no-repeat center right;} /* all A tags whose CLASS attribute is popup */ a[class ="popup"], a.popup {padding-right: 1.50em; background: transparent url(../images/icon_popup.gif) no-repeat center right;} /* all A tags whose HREF attribute ends in .doc */ a[href$='.doc'] {padding-right: 1.50em; background: transparent url(../images/icon_doc.gif) no-repeat center right;} /* all A tags whose HREF attribute ends in .xls */ a[href$='.xls'] {padding-right: 1.50em; background: transparent url(../images/icon_xls.gif) no-repeat center right;} /* GALLERY --------------------------------------------------------------*/ #gallery { width: 700px; margin: 10px auto; text-align: center; } #gallery a img { padding: 2px 2px; } /* PROJECTS --------------------------------------------------------------*/ .galleryBoxProjects { width:700px; height:506px; padding:5px; text-align:left; font-size: 12px; background: url(../images/bg_projects.png) top left no-repeat; border: solid 1px #1f448c; } .projects p { margin: 10px auto; }