html, body {font:90% 'Century Gothic';background: #F9F7F8 url(../../images/gradiant.jpg) repeat-x;margin:0; padding:0;text-align:center;color:#000;height:100%; } .pageStructure #container {width: 960px;margin: 0 auto;text-align: left; position: relative; min-height: 100%; height: auto !important; height: 100%} .pageStructure #header {padding:0; margin:0 0 0 0; height:140px;} .pageStructure #homeHeader {height:331px;} .pageStructure #homeHeaderContent {height:331px;background:url(../../images/homeHeader2.png) no-repeat;/*-moz-border-radius: 12px;-webkit-border-radius: 12px;*/} .pageStructure #subHeader {height:150px; width:846px;-moz-border-radius: 12px;-webkit-border-radius: 12px;} .pageStructure #counter {height:290px; -moz-border-radius:12px;-moz-border-radius:12px;/* background:url(../../images/blackSpacer.png)*/} .pageStructure #counterImage {height:145px;-moz-border-radius-bottomleft:12px;-moz-border-radius-bottomright:12px; background:url(../../images/blackSpacer.png)} .pageStructure #counterImage img {-moz-border-radius-bottomleft:12px;-moz-border-radius-bottomright:12px;} .pageStructure #mainContent {padding: 0; margin:10px 0 20px 15px; width:811px; min-height: 100%; height: auto !important; height: auto; } /*reWrite HTML tags____________________________________________________*/ h1 {font-size:24px; font-weight:normal; margin:0 0 20px 0;border-bottom:1px #A1B3BD solid; color:#1E4961} h1.home {font-size:24px; font-weight:normal; margin:0;border-bottom:1px #687B8F solid;} h1.subPage {border-bottom:1px #909EAB solid; font-size:24px; font-weight:normal; margin:0; color:#000} h1.subPageRightColumn {/*border-bottom:1px #909EAB solid;*/ font-size:24px; font-weight:normal; margin:0; color:#000} h1.subPage span{float:right; font-size:14px; margin-top:11px; text-transform:uppercase} h1.subPage span a {font-size:12px;cursor:pointer;color:#666;} h1.subPage span a:hover {text-decoration:underline;color:#000;} h2{margin: 0;padding:0px; font-size:1.8em; color:#000; font-weight:normal;text-decoration:none;} h2 a{margin: 0;padding:0px; font-size:80%; color:#000; font-weight:normal;text-decoration:none; border-bottom:1px #E0B352 solid} h2 a:hover{color:#224C84;text-decoration:none; border-bottom:1px #fff solid} h2 .newsDate{margin:0 10px;padding:0px; font-size:.6em; color:#11362F; font-weight:normal;} a.inlineLink {color:#000; text-decoration:none; border-bottom:1px #fff solid} a.inlineLink:hover {color:#000; text-decoration:none; border-bottom:1px #F17E01 solid} .pageStructure #rightPanel {float:right;padding: 0; width:300px;margin-left:30px} .pageStructure #leftPanel {padding:0; width:470px;} .pageStructure #leftPanelFull {padding:0; width:100%;} .pageStructure #leftPanelSubPages {padding:0; width:676px;border-top:none;} .leftColumn {float:left;width: 204px;padding:3px; background:#F17E01; margin-top:19px;} .middleColumn {margin:0 230px;padding:3px; width:204px; background:#F17E01; margin-top:19px;} .rightColumn {float: right;width: 204px; padding:3px; background:#F17E01; margin-top:19px;} .serviceTitles {font-size:22px; color:#000; padding:8px 10px;} .pageStructure #footer {width:100%;height:110px; margin-top:0px; /*position: absolute;bottom: 0 !important;bottom: -1px;*/} /*.pageStructure #footer {padding: 0; font-size:12px;border-top:1px #687B8F solid; margin:30px 0; color:#8F9EAB}*/ .pageStructure #footer p {margin: 0;padding: 10px 0 0 110px; color:#666666} .pageStructure #footer p.eTeam { float:right;margin: 0;padding: 10px 0;} .pageStructure #footer a{color:#fff; text-decoration:none} .pageStructure #footer a:hover{color:#fff; text-decoration:underline} .logoRotator { float:right; width:170px; height:240px; margin-top:70px; margin-right:70px; vertical-align:middle} .slideshow {} /* top menu ____________________________________________________*/ .topMenuContainer {float:right;} .sf-menu, .sf-menu * {margin:0; padding:0;list-style:none;} .sf-menu {line-height:1.0;} .sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block;position:relative;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em; /* match top ul list item height */z-index:99;} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;} /*** DEMO SKIN ***/ .sf-menu {float:right; margin-right:17px} .sf-menu a {padding:.75em 1em;text-decoration:none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/color: #fff;} .sf-menu li {background:#0076AC;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;} .sf-menu li li {background: #0076AC;} .sf-menu li li li { background: #0076AC;} .sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#DD0808; color:#fff;outline:0;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;} a.activeTopNav {background:#662B00;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;color:#ffffff;} a.dropNavTab {background:#662B00;color:#ffffff; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; -moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;} a.dropNavTab:hover {background:#662B00;color:#fff; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; -moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;} a.dropNavTabLast {background:#662B00;color:#ffffff; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; -moz-border-radius-bottomleft:12px;-moz-border-radius-bottomright:12px;} a.dropNavTabLast:hover {background:#662B00;color:#fff; -moz-border-radius-topleft:0;-moz-border-radius-topright:0; -moz-border-radius-bottomleft:12px;-moz-border-radius-bottomright:12px;} /*top menu (http://www.sohtanaka.com/web-design/examples/fancy-navigation/)*/ .menuContainer {height:32px; vertical-align:bottom} .menuContainerSub {height:40px; padding-left:82px; border-bottom:1px #871A1A solid} ul#topnav {margin: 0; padding: 0; list-style: none; clear: both;float: left;} ul#topnav li{margin: 0; padding: 0; overflow: hidden; float: left; height:40px;} ul#topnav a, ul#topnav span {-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;padding:10px 10px;float:left;text-decoration:none; color:#fff;text-transform:uppercase;clear:both;height:20px;line-height:20px;} ul#topnav a {color: #E0CC52;} ul#topnav span {display: none;} ul#topnav.v2 span{background: url(../../images/b_bg.jpg) repeat-x left top;} ul#topnav.v2 a{color: #555; background: url(../../images/b_bg.jpg) repeat-x left bottom;} ul#topnav.v2 li ul li{color: #000; background: #fff} /* news page cotnent slider __________________________________________*/ .vertical {position:relative;overflow:hidden;height: 665px;} .items {position:absolute;height:20000em;margin: 0px;} .items div {margin:0 0;padding:0;font-size:12px;} .items img {float:left;margin-right:20px;height:180px;width:240px;} .items h3 {margin:0 0 0 0; color:#fff; font-size:12px;font-weight:normal; background:#909EAB} #actions {margin:30px 0 10px 0;} #actions a {font-size:12px;cursor:pointer;color:#666;} #actions a:hover {text-decoration:underline;color:#000;} .disabled {visibility: visible;} .nextPage {} /* input _______________________________________________________*/ .textField {font:normal 14px 'Century Gothic';color:#000; padding:4px 4px 4px 4px;border:1px #A1b3bd solid; background:#fff } .textField:focus, .textField:hover {font:normal 14px 'Century Gothic';color:#000; border:1px #871A1A solid;} .textfieldUnnecessary {font:normal 14px 'Century Gothic';color:#000; padding:4px 15px 4px 4px;border:1px #F27E20 solid;} .textfieldUnnecessary:focus, .textfieldUnnecessary:hover {font:normal 14px 'Century Gothic';color:#000; border:1px #214B83 solid;} .selectTitle {background:#F27F21; color:#fff; padding:2px 6px} .select { color:#224C84; font-size:12px; padding:2px; font-weight:normal; border:1px #F27F21 solid; outline:1px #F27F21 solid; width:137px} .button {background:#1E4961; border:1px #1E4961 solid; padding:4px; color:#fff; cursor:pointer} .button:hover {background:#871A1A; border:1px #871A1A solid; padding:4px; color:#fff; cursor:pointer} .buttonPost {background:#E61F26; border:1px #E61F26 solid; padding:4px; color:#fff; cursor:pointer; font-size:12px} .delete {background:red; padding:2px 3px; color:#fff; cursor:pointer; font-size:11px; text-decoration:none} /* Easy Slider for newsDetail page ___________________________________________*/ #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;} #slider2{} #slider2 li{width:650px;} #slider2 li img{border:none} #prevBtn a{color:#fff; margin:10px 0 0 0; background:#000; padding:4px 6px; text-decoration:none; font:normal 11px verdana;} #nextBtn a{color:#fff; margin:10px 0 0 0; background:#000; padding:4px 6px; text-decoration:none; font:normal 11px verdana} /* pager with content component ____________________________________________*/ #wrapper {width: 100%;margin: 0 auto;} #slider {width: 100%;margin: 0 auto;} .scroll {width: 100%; height:630px;overflow: visible;overflow-x: hidden;position: relative;clear: left;} .scrollContainer div.panel {height: 50px;width: 580px;} ul.navigation {list-style: none;margin: 0;padding: 0;padding-bottom: 0;} ul.navigation li {display: inline;margin: 0;} ul.navigation a {padding:2px 6px;color: #fff;background:#000;text-decoration: none;} ul.navigation a:hover {color: #FFFF00; background:#000;} ul.navigation a.selected { color:#fff; background:#224C84} ul.navigation a:focus {outline: none;} .scrollButtons {position: absolute;top: 150px;cursor: pointer;} .scrollButtons.left {left: -20px;} .scrollButtons.right {right: -20px;} .hide {display: none;} /* for admin panel (list)*/ div.adminlistItems{margin:0;padding:0;} div.adminlistItems {color:#fff;list-style-type:none;background:#224C84;margin:0;padding:10px 0;font-family:verdana;font-size:12px; height:auto;} div.adminlistItems a {padding: 0;text-decoration:none;color:#fff; text-decoration:underline} div.adminlistItems a:hover {color:#fff;text-decoration:none;} div.adminlistItems .publish {font-weight:normal;padding:10px 0px;color:#8B8B8B;font-family:verdana;font-size:11px;text-transform:none;line-height:25px;} div.adminlistItems a.delete {padding: 2px 4px;background-color:red;text-decoration:none;color:#fff;font-family:Verdana; font-size:10px;margin: 0 0 0 5px;} div.adminlistItems a.delete:hover {color:#fff;text-decoration:none;background-color: #ff0000;} div.adminlistItems a.edit {padding: 2px 4px;background-color:#6F6F6F;text-decoration:none;color:#fff;font-family:Verdana;font-size:10px;margin: 0 0 0 5px;} div.adminlistItems a.edit:hover {color:#fff;text-decoration:none;background-color: #F68A41;} div.adminlistItems a.active {padding: 2px 4px;background-color:#FFFF00;text-decoration:none;color:#711200;font-family:Verdana;font-size:10px;margin: 0 5px 0 0;} div.adminlistItems a.active:hover { color:#ACA899;text-decoration:none;background-color: #F5F4EA;} div.adminlistItems a.inActive {padding: 2px 4px;background-color:#F5F4EA;text-decoration:none;color:#ACA899;font-family:Verdana;font-size:10px;margin: 0 5px 0 0;} /* grayscale images (onHover) for home pages ______________________________*/ img {border: none;} ul.gallery {width: 676px;list-style: none;margin: 0 auto; padding: 0;} ul.gallery li {float: left;width: 204px;padding:3px; background:#F17E01;margin: 17px 0 0 0;display: inline;text-align: center; /*border: 1px solid #ccc;*/ /*-moz-border-radius: 3px; --CSS3 Rounded Corners--*/ /*-khtml-border-radius: 3px; --CSS3 Rounded Corners--*/ /*-webkit-border-radius: 3px; --CSS3 Rounded Corners--*/ /*--Gimp Fix aka IE6 Fix--*/} ul.gallery li a.thumb {width: 204px;height: 143px;cursor: pointer;} ul.gallery li span {width: 204px;height: 143px;overflow: hidden;display: block;} ul.gallery li a.thumb:hover {background: #333;} ul.gallery li h2 {font-size: 2.2em;font-weight: normal;margin: 0; padding:2px 10px;background: #F17E01;/*border-top: 1px solid #fff*/} ul.gallery li a {text-decoration: none; color: #000; display: block; border:none} ul.gallery li a:hover {text-decoration: none; color: #214B83; display: block; border:none} /* product list for consumer page __________________________________________*/ #menu_blue{ width:100%; margin:0; padding:0; height:120px } #menu_blue ul{ list-style:none; width:100%; } #menu_blue li{ display:block; float:left; } #menu_blue li img{width:130px; height:100px} #menu_blue li a{ background:#e4e8eb url(../../images/Untitled-1.jpg) repeat-x; border:2px solid #bdc5cd; margin:0 1px; padding:4px; display:block; float:left; color:#2b61a1; text-transform:uppercase; text-decoration:none; font-size:14px; font-weight:bold; height: 130px;width:130px; vertical-align:bottom } #menu_blue li a span{ color:#636363; font-size:10px; text-transform:lowercase; font-weight:normal; } #menu_blue li a:hover{ background:#e46825 url(../../images/Untitled-2.jpg) repeat-x; border:2px solid #4a88ce; text-decoration:none; } #menu_blue li a:hover span{ color:#636363; } .current_blue{ background:#74befd url(../../images/Untitled-2.jpg) repeat-x; border:2px solid #4a88ce; margin:0 1px; padding:15px 15px 15px 15px; display:block; float:left; color:#2b61a1; text-transform:uppercase; text-decoration:none; font-size:13px; cursor:pointer; font-weight:bold; height: 50px; } .current_blue span{ color:#636363; font-size:10px; text-transform:lowercase; font-weight:normal; } .tableBorder { border:1px #fff solid; margin-bottom:10px;/*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;*/} /* calendar for admin section _______________________________*/ table.jCalendar { border: 0px solid #000; background: #fff; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: red; color: #fff; font-weight: bold; padding: 3px 5px; font-family:verdana; } table.jCalendar td { background: #FCD4D6; color: #000; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #ddd; color: #aaa; } table.jCalendar td.today { background: red; color: #fff; } table.jCalendar td.selected { background: #f66; color: #fff; } table.jCalendar td.selected:hover { background: #f33; color: #fff; } table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #fff; color: #000; } table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #bbb; color: #888; } /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { position: relative; background: #ffff00; font-size: 10px; font-family: verdana; color:#fff; padding: 2px; width: 185px; line-height: 1.2em; margin: 20px 0 0 0; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; color:#000; margin: 2px 0; padding: 0 0 5px 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: red; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } /* located in demo.css and creates a little calendar icon * instead of a text link for "Choose date" */ a.dp-choose-date { float: left; width: 19px; height: 18px; padding: 0; margin: 6px 3px 0 3px; display: block; text-indent: -2000px; overflow: hidden; background: url(../../images/calendar.jpg) no-repeat; } a.dp-choose-date.dp-disabled { background-position: 0 0; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied { width: 140px; float: left; } /* column list __________________________________________________________*/ .fourColumns li {width: 50%;float: left; list-style:none;} /* This will clear the floating in standads compliant browers... might not work in IE */ .fourColumns:after {display: block;clear: both;} /*
  1. An item
  2. Another item
  3. A different item
  4. Item four
  5. etc
  6. An itme
  7. An item
  8. Another item
  9. A different item
  10. Item four
  11. etc
  12. An itme
  13. An item
  14. Another item
  15. A different item
  16. Item four
  17. etc
  18. An itme
*/ /* spy control (http://jqueryfordesigners.com/demo/simple-spy.html)_____*/ #sidebar {} #sidebar ul {font-size:1em;list-style-type:none;margin:0;padding:0;position:relative;} #sidebar li {height: 70px;overflow: hidden; background:#A6D1D8; padding:10px; border-bottom:1px #000 solid; /*filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;*/} #sidebar li .black {height: 90px;overflow: hidden; background:#A6D1D8; padding:10px; border-bottom:1px #1E4961 solid} #sidebar li .date { color:#1E4961} #sidebar li p { margin: 0; margin-bottom: 4px;} #sidebar li p.info { color:#1E4961} #sidebar li p.heading a{color:#871A1A;font-weight:bold; font-size:15px} #sidebar li a{color: #fff;} .moreNews a {padding:4px 8px; background:#0076AC; width:50px; color:#fff; text-decoration:none; float:right} .moreNews a:hover {padding:4px 8px; background:#DD0808; width:50px; color:#fff; text-decoration:none; float:right} /* Testimonials ____________________________________________________________*/ ul.Expertise{margin:10px 0 0 0 ;padding:0;} ul.Expertise li{background-color:#fff;padding:10px 10px;display:block;list-style-type:none;border-bottom:1px #B5B8D6 solid;list-style:disc;} ul.Expertise li .date{color:#fff;padding:0;display:block;font-size:12px; font-style:normal; background:#0076AC; width:100px; text-align:center} ul.Expertise li em{color:#000;padding:0;display:block;font-size:21px; font-style:normal; text-decoration:underline} ul.Expertise li.last{background-color:#6BE0F9;padding:10px 10px;display:block;list-style-type:none;border-bottom:0px #B5B8D6 solid;list-style:disc;} /* filterable products _____________________________________________________*/ ul#filter { float: left; font-size: 16px; list-style: none; margin: 0; width: 100%; } ul#filter li {margin-bottom:1px} ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; } ul#filter a { color: #fff; text-decoration: none;background:#871A1A; display:block; padding:4px; margin-bottom:1px } ul#filter li.current a, ul#filter a:hover { text-decoration: none; } ul#filter li.current a { color: #333; font-weight: bold; } ul#portfolio { float: left; list-style: none; margin: 0; width:100%; } ul#portfolio li { border: 1px solid #dedede; float: left; margin: 0 10px 10px 0; padding: 5px; width: 202px; } ul#portfolio a { display: block; width: 100%; background:#fff} ul#portfolio a:hover { text-decoration: none; } ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; } /* right list items _________________________________________________________*/ ul.rightMenu{margin:10px 0 0 0;padding:0;list-style-type:none;} ul.rightMenu li{margin:0;padding:0;border-bottom:1px solid #A1B3BD;} ul.rightMenu li.last{margin:0;padding:0;border-bottom:none;} ul.rightMenu li a{display:block;text-decoration:none;color:#fff;background:#1E4961;padding:10px;} ul.rightMenu li a:hover{background:#871a1a;} ul.rightMenu li a.current,ul.rightMenu li a.current:hover{background:#871a1a;} /* client / product containers ______________________________________________*/ .imageContainer {background:#fff; border:2px #A1B3BD solid; height:170px} .flashContainer {width:443px;padding-top:21px;margin-left:15px} a.contact {float:right; margin-right:-5px;margin-bottom:72px; width:212px; margin-top:-10px} .ErrorMsg { font:Verdana; font-style:normal; background:#FDE8E7 url(../images/error.gif) no-repeat 0 7px; color:#000; display:block; margin:5px 0; padding:10px 20px 10px 40px; text-align:left; overflow:hidden; font-size:12px; border:1px #DFB9B7 solid; border-bottom:3px #DFB9B7 solid; } .SuccessMsg { font:Verdana; font-style:normal; background:#D7FAD3 url(../images/success.gif) no-repeat 0 7px; color:#555; display:block; margin:5px 0; padding:10px 20px 10px 40px; text-align:left; overflow:hidden; font-size:11px; border:1px #86F17B solid; border-bottom:3px #86F17B solid; }