/*
Theme Name: 21st Century Web
Theme URI: http://www.ologie.com/
Description: Custom theme developed by Ologie
Version: 1.0
Author: Brian Vaeth
Tags: custom


*/

.screen-reader-text { position: absolute; left: -1000em; }

HTML,BODY{background-color:#666;}

BODY{margin:0;padding:0;}

DIV.clr {clear: both; line-height: 0;}

.abs {position:absolute; top:0; left:0;}

.rel {position:relative; top:0; left:0;}

.hide {display:none;}

#searchform #s { border:0; height:16px; overflow:hidden; width:150px; background-color:#d6d6d6; padding:2px;margin:0;}

.gray {background-color:#ededed;}

.green { background:transparent url(img/green_tile.gif) repeat-y scroll 0 0 ; }

.gray-dogear {background:#d6d6d6 url(img/white-dogear.gif) scroll no-repeat right bottom;}

.shade {}

A {color:#dedede; position:relative; top:0; left:0; z-index:0; }

A.btn { display:block; height:26px; line-height:25px; padding:0 8px; clear:both; font-weight:bold; font-size:11px;
			   background:transparent url(img/button-bg.gif) scroll no-repeat 0 0; color:#FFF !important;}
A.btn:hover { color:#091530 !important; text-decoration:none !important;}


.content UL LI, .page-content UL LI { line-height:1.3em; margin:1em 0;list-style-image:url(img/bullet.gif); }



/* --- TOP HEADER --- */
.top-header {background-color:#FFF;}
.top-header TD {vertical-align:top;}
.top-header TABLE { float:right; margin:0;}
.top-header FORM { margin:0; padding:0;}


/* --- TOP MENU --- */
.top-menu {height:30px; overflow:hidden; background:transparent url(img/top-menu-tile.gif) scroll repeat-x 0 0; white-space:nowrap;}
.top-menu A { font-size:13px; padding:0 0 0 30px; text-transform:uppercase; line-height:30px;letter-spacing:-1px;}
.top-menu LI:first-child A { padding:0;}
.top-menu A:hover { color:#23408f; }

.top-menu UL, .top-menu LI {margin:0; padding:0; list-style-type:none; display:inline-block;}
.top-menu LI {float:left;}
.top-menu LI.current_page_item A, .top-menu LI.current_page_ancestor A {color:#23408f; }

.social-links {margin:10px 0 5px 0; }
.social-links A {display:inline-block; width:24px; height:24px; text-decoration:none; margin:0 3px 0 0; background:transparent url(img/social_media_icons.gif) no-repeat scroll 0 0;}

/* --- CONTENTE AREA --- */
.content-area {height:auto; background:#FFF url(img/content-area-tile.gif) scroll repeat-x 0 -76px; border-bottom:1px solid #4a4a4a; }
.content-area A, .page-content A { color:#23408F;}

/* --- FOOTER --- */
.footer {border-top:1px solid #808080;}
.footer DIV, .footer A { color:#FFF; font-size:10px; text-decoration:none; text-transform:capitalize;}
.footer A {}
.footer A:hover {text-decoration:underline;}
.footer #lgin:hover {text-decoration:none;}


/* --- SUBMENU --- */
.grid_3 .gray-shade {background:transparent url(img/grid_3_gray-trans.gif) no-repeat scroll 0 0; }
.submenu {background:#8c8c8c; padding:18px 25px; }
.submenu H3 { color:#FFF; margin-bottom:15px; padding:5px 0; border:1px solid #CCC; font-weight:normal; border-left-width:0; border-right-width:0;}
.submenu UL, .submenu LI {margin:0; padding:0;}
.submenu LI {list-style-type: none; margin-bottom:15px;}
.submenu LI A {color:#FFF; font-size:14px; line-height:0.9em; }
.submenu LI A:hover, .submenu LI.current_page_item > A, .submenu LI.current_page_ancestor > A {color:#23408f; }
.submenu LI UL LI {margin-bottom: 0px; padding:0 0 0 10px;}
.submenu LI UL LI A { font-size:12px; text-transform:none; }
.submenu UL.archive LI {float:left; width:70px; margin-left:10px; }





/* --- HOME PAGE --- */
#flash-zone {height:348px; background:#FFF; }

.home-tout {height:auto; padding:15px 15px 0 15px; background-color:#d6d6d6; }
.home-tout H3 {font-weight:normal; color:#2E6748; font-size:15px; margin:0 0 15px 0; text-transform:uppercase;}
.home-tout H4 { font-size:14px; font-weight:bold; margin:0 0 8px 0; }
.home-tout .p { font-weight:normal; font-size:13px;}
.home-tout H3 SPAN { color:#a8a8a8; cursor:pointer; } 

.tout-featured-client { }

.tout-news-events DIV {margin:0 0 25px 0; }
.tout-news-events DIV A {color:#1b4a68; }
.tout-news-events P { line-height:1.2em;  }

.home-industries {height:348px; overflow:hidden; background:transparent url(img/homepage-industry-icons.gif) no-repeat scroll 0 0;}
.home-industries A {display:block; height:66px; margin:0 0 5px 0; text-decoration:none;}

.tout-table {margin:0;}
.tout-table TD { background-color:#d6d6d6; width:300px; vertical-align:top; }
.tout-table .gray-dogear {padding:0 0 15px 15px;}



/* --- INDUSTRY LANDING PAGE --- */
.page-template-industries-php  H1 { text-transform: uppercase; }
.page-template-industries-php H2 { color:#666; }
.page-template-industries-php .industry-icon {height:131px; margin-top:20px; height:132; background:#FFF none scroll no-repeat 0 0; cursor:pointer;}

.page-template-industries-php .industry-icon DIV {color:#FFF; font-weight:bold; margin:0 20px 0 136px;}
.page-template-industries-php .industry-icon H2 {color:#FFF; margin:0 20px 8px 136px; padding:10px 0 0 0; text-transform:uppercase; font-size:21px;}

.page-template-industries-php .icon-utilities { background-image: url(img/utilities-sub-bg.jpg); }
.page-template-industries-php .icon-healthcare { background-image: url(img/healthcare-sub-bg.jpg); width:300px; margin-left:150px;}
.page-template-industries-php .icon-government { background-image: url(img/government-sub-bg.jpg); }
.page-template-industries-php .icon-corporate { background-image: url(img/enterprise-sub-bg.jpg); }
.page-template-industries-php .icon-education { background-image: url(img/education-sub-bg.jpg); }
.page-template-industries-php .canvas-healthcare {width:620px; }



/* --- PRODUCTS LANDING PAGE --- */
.page-template-products-php H2 { color:#666; margin:0 0 1em 0; }




/* --- PRODUCT PAGE --- */
.page-template-product-php .content-area .grid_6 {margin-left:0; width:470px; background:transparent none no-repeat scroll 0 0; margin-top:15px;}
.page-template-product-php .content-area .grid_3_shade {margin-left:0; width:230px; background:transparent none no-repeat scroll 0 0; margin-top:20px;}
/* .page-template-product-php .content {background-color:#fff;} */
.page-template-product-php .content H1 {height:100px;}
/* .page-template-product-php .content H1 { font-weight:bold; text-transform:uppercase; margin:0; padding:0; line-height:1em; height:90px; overflow:hidden;} */
.page-template-product-php .content H2 {color:#23408f; margin:0 0 25px 0; }
.page-template-product-php .content H3 { margin:20px 0 8px 0;}
.page-template-product-php .content-area .grid_6 .content {margin:5px 0 0 10px;}
/* .page-template-product-php .content-area .grid_6 .content {background:transparent url(img/product-header.jpg) scroll no-repeat 0 0; margin:6px 0 0 10px; padding:20px 15px 15px 25px;} */


/* --- INDUSRTY PAGE --- */
.page-template-indusrty-php .content-area .grid_6 {margin-left:0; width:470px; background:transparent none no-repeat scroll 0 0; margin-top:15px;}
.page-template-indusrty-php .content-area .grid_3_shade {margin-left:0; width:230px; background:transparent none no-repeat scroll 0 0; margin-top:20px;}
.page-template-indusrty-php H1 {font-size:36px;height:114px; margin:6px 0 25px 10px; background:tranparent none scroll no-repeat 0 0; color:#FFFFFF; font-weight:bold; height:114px; text-transform:uppercase; padding:0 0 0 15px; line-height:60px;}
.page-template-indusrty-php .content {margin:0 20px 20px 30px;}
.page-template-indusrty-php .corporate H1 {background-image:url(img/ent-header.jpg); }
.page-template-indusrty-php .healthcare H1 {background-image:url(img/hlth-header.jpg); }
.page-template-indusrty-php .education H1 {background-image:url(img/edu-header.jpg); }
.page-template-indusrty-php .utilities H1 {background-image:url(img/util-header.jpg); }
.page-template-indusrty-php .government H1 {background-image:url(img/gov-header.jpg); }




/* --- DEFAULT PAGE STYLES (page.php) --- */
.page-content { padding:20px 20px 20px 25px; background-color:FFF; }
.page-content P A {color: #23408F; }
.page-content P A:hover { text-decoration:underline; }
.page-content H1 {margin-bottom:15px; }

/* these are adjustments for the drop-shadow. page-template-default, .archive, and .single all use the same template */
.archive .content-area .grid_7, .single .content-area .grid_7,
.page-template-default .content-area .grid_7 {width:550px; background:transparent none no-repeat scroll 0 0; margin-left:0;}

.archive .content-area .grid_2, .single .content-area .grid_2,
.page-template-default .content-area .grid_2 {margin-top:5px;}



/* --- PROMO STYLES -- */
.promo {cursor:pointer; background-color:transparent;}
.promo IMG {display:block; }



/* --- ARCHIVE LISTS AND VIEW --- */
.the-stories .story {margin:20px 0; }
.the-stories .navigation { margin-top:25px; }
.the-stories .navigation A { color:#000; }
.the-stories .story .date {padding-left:10px;color:#333; line-height:2em; background-color:#CCC; margin-bottom:10px;}



/* --- CONTACT FORM --- */
.page-template-emailform-php .content-area .container_12 {background:#FFF;}
.page-template-emailform-php #the_form LABEL {display:block; margin-bottom:3px;}
.page-template-emailform-php #the_form INPUT, .page-template-emailform-php #the_form SELECT, .page-template-emailform-php #the_form TEXTAREA {width: 350px; }
.page-template-emailform-php #the_form DIV {margin:10px 0; }
.page-template-emailform-php H3 {color:#23408f;}


/* --- SEARCH RESULTS --- */
.search H1 { margin-bottom:5px; } 
.search .content-area .grid_9 {background:transparent none no-repeat scroll 0 0;}
.search .content-area .grid_3_shade {margin-left:0; width:230px; background:transparent none no-repeat scroll 0 0; margin-top:20px;}
.search .page-content {background-color:#FFF;}


/* --- TILED PROMO BOX STYLES --- */
.content-area .tiled-promo {background:transparent url(img/promo_tile.jpg) repeat-y scroll right top; color:#FFF; padding:10px 10px 0 20px; margin-bottom:0;}
.content-area .tiled-promo H3, .tiled-promo H2 {color:#fff; font-weight:normal; font-size:18px; margin:0;}
.content-area .tiled-promo H2 {font-size:22px;}
.content-area .tiled-promo P {margin:1em 0 0 0; color:#FFF;}
.content-area .tiled-promo A {color:#FFF;}
.content-area .tiled-promo A:hover {color:#FFF;}
.content-area .promo-base {background:transparent url(img/promo_base.gif) no-repeat scroll right top; height:20px; line-height:20px;overflow:hidden; margin-bottom:20px; margin-top:0;}


.grid_3 .contact-us, .grid_3 .request-demo {margin-left:10px;}


UL.resources {padding:0; margin:0; }
UL.resources UL {margin:3px 0 10px; padding:0 0 0 3px;}
UL.resources LI { line-height:1.6em; list-style-type:none; font-size:10px; }
UL.resources LI.category-title { list-style-image:none; list-style-type:none; text-transform:uppercase; color:#98b2df; font-weight:bold; font-size:11px; margin-top:5px;}
UL.resources LI UL LI {line-height:1.3em; padding:3px 0;  }
UL.resources LI A {background:transparent url(img/doc_icon.gif) no-repeat scroll 0 0; padding-left:16px; display:block; text-transform:capitalize; font-size:11px;}
UL.resources LI A.flv, UL.resources LI A.youtube { background-image:url(img/video_icon.gif)}

/* -- for the resources page, the styles for the resource list is different */
.page-content UL.resources LI.category-title { color:#333;}
.page-content UL.resources LI {list-style-image:none; list-style-type:none;}

/* --- OUR TEAM --- */
.page-id-176 .page-content P {}


/* --- page fade style adjustment --- 
.content-area .container_12, .top-menu .container_12 { visibility:hidden;} */


/* --- default page header --- */
.archive H1, .single H1, .page-template-products-php H1, .page-template-industries-php H1, .page-template-product-php H1,
.page-template-default H1 {background:transparent url(img/pageheader.jpg) no-repeat scroll 0 0; color:#FFF; height:111px; padding:15px 15px 0;line-height:1.2em;}