/* Theme Name: CTN Solutions Theme URI: http://www.ctnsolutions.com Description: Custom Wordpress Theme for CTN Solutions Version: 1 Author: TME Communications Author URI: http://www.tmecom.com */ @charset "utf-8"; @import url("css/reset.css"); @import url("css/text.css"); /* Pale Blue: #ebf1f6 Light blue: #72b3e4 Medium Blue: #427fae Dark Blue: #0c3151 Light Grey: #878787 Med Grey: #7f7f7f */ /* -- Global Styles --*/ #whitebg {width:100%; height:auto; background:#fff url(images/main_bg_top.gif) top left repeat-x;} #wrapper {max-width:898px; min-height:600px; padding:0px 18px; margin:0px auto; background:url(images/body_shadow.jpg) center 215px no-repeat;} /*################################################################################################################*/ /*---------------------------------------------- HOMEPAGE STYLES -------------------------------------------------*/ /*################################################################################################################*/ /* -- Header --*/ #header {width:100%;} #logo {position:absolute; z-index:20; margin:15px 100px 0px 720px; clear:both;} /* -- Navigation --*/ #nav {width:900px; background:#111; margin:0 auto; background:url(images/nav_bg.gif) top left repeat-x; /*overflow:hidden;*/} #nav ul#parent_nav {width:100%; height:57px; margin:0 auto;} #nav ul#parent_nav li {width:175px; min-height:100%; margin:0 2.5px; display:inline; list-style:none; float:left; /*overflow:hidden;*/} #nav ul#parent_nav li a {font: bold 16px "Trebuchet MS", helvetica, arial, sans-serif; color:#ededee; text-transform:uppercase; text-decoration:none; padding-top:20px; text-align:center; width:175px; height:37px; display:block; cursor:pointer; /*Rollover State */ background:url(images/nav_button_bg.gif) left bottom repeat-x;} #nav ul#parent_nav li a:hover {background:url(images/nav_button_bg.gif) left center repeat-x;} #nav ul#parent_nav li.current_page_item a, #nav ul#parent_nav li.current_page_parent a {background:url(images/nav_button_bg.gif) left top repeat-x;} li.hide_parent {display:none;} /*################################################ SUBNAV #########################################################*/ #nav ul#parent_nav li ul.children {width:175px; padding:0; display:none; padding-bottom:10px; position:absolute; z-index:100; background:#333; border-bottom:3px solid #666; /* Opacity Settings for all browsers --> */ opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); } #nav ul#parent_nav li ul.children li {width:175px; max-height:15px; min-height:12px; display:inline-block; float:left; margin:5px 0px; background:none;} #nav ul#parent_nav li ul.children li.last-child {margin-bottom:10px;} #nav ul#parent_nav li ul.children li a, #nav ul#parent_nav li ul.children li a:visited {display:block; width:165px; max-height:15px; padding:5px 5px 5px 5px; font: 11px "Trebuchet MS", helvetica, arial, sans-serif; color:#ededee; text-transform:normal; text-decoration:none; text-align:center; cursor:pointer; background:none;} #nav ul#parent_nav li ul.children li a:hover {background:#555; color:#fff;} #nav ul#parent_nav li.current_page_item ul.children li a, #nav ul#parent_nav li.current_page_parent ul.children li a {background:none;} #nav ul#parent_nav li.current_page_item ul.children li a:hover, #nav ul#parent_nav li.current_page_parent ul.children li a:hover {background:#555; color:#fff;} /* #nav ul#parent_nav li ul.children {display:none;} */ /* ################################################################################################################ */ /* -- Billboard --*/ #billboard {width:100%; height:422px; margin:0px auto;} /* -- Home Content --*/ #blurb_wrap {width:100%; height:282px; background:url(images/blurb_bg.gif) top left repeat-x; margin-bottom:20px;} #blurb {} #blurb p {padding:25px 50px 15px 50px;} #netcare_wrap {height:100px; margin-bottom:0px;} #netcare_wrap span {} #netcare {height:100%; width:47%; padding-left:15px;} #netcare span.icon {margin-left:20px; float:left; width:135px;} #netcare_desc {margin-right:20px;} #netcare_desc a {font-size:13px; line-height:17px; color:#80868e;} #netcare_desc a:hover {color:#427fae;} #netcare #nc_type {width:240px; height:50px; text-indent:-9999px; background:url(images/netcare_type.png) top left no-repeat;} #netcare a {width:240px;} #netcare_virtual {height:100%; width:47%; padding-right:15px; margin-right:20px;} #netcare_virtual span.icon {float:left;} #netcare_virt_desc a {font-size:13px; line-height:17px; color:#80868e;} #netcare_virt_desc a:hover {color:#427fae;} #netcare_virtual #nc_virt_type {width:240px; height:50px; text-indent:-9999px; background:url(images/netcare_virt_type.png) top left no-repeat;} #netcare_virtual a {width:240px;} /* -- Buckets --*/ #buckets {width:100%; margin-top:30px; height:146px;} #buckets ul {display:inline; list-style:none;} #buckets ul li {float:left; border-right:1px solid #d8d8d8;} #buckets ul li a {margin:0px auto; text-align:center; text-decoration:none; border:none; padding:0 40px;} #buckets ul li a img {border:none;} li#solutions_demo {width:207px; height:100%; padding-right:6px; border-right:1px solid #d8d8d8;} li#case_studies {width:207px; height:100%; padding:0px 6px; border-right:1px solid #d8d8d8;} #buckets ul li#news_events {width:207px; height:100%; padding-right:13px; border:none;} #buckets ul li#contact_us {width:239px; height:100%; margin:0; padding:0; border:none; background:#eee;} #buckets ul li#contact_us a {padding:0; border:none;} /*################################################################################################################*/ /*---------------------------------------------- INTERIOR STYLES -------------------------------------------------*/ /*################################################################################################################*/ /* -- INTERIOR CONTENT --*/ #content_container {min-height:800px; margin:0 auto; clear:both;} /* -- Wraps entire content below navigation --*/ #headline_wrap {width:100%; min-height:117px; background:url(images/header_bg.jpg) top left no-repeat;} /* -- Wraps headline to left of logo --*/ #headline {width:260px; height:66px; clear:both; float:right; border-right:2px solid #b0b0b0; margin:25px 200px 0px 0px;} #headline h1 {width:240px; height:56px; color:#b0b0b0; display:block; text-align:right; float:right; margin:auto 0px; padding:5px 0px; padding-right:15px;} #headline h1 span.one-line {font:bold italic 23px/54px "Trebuchet MS", helvetica, arial, sans-serif; color:#b0b0b0; text-align:right;} #headline h1 span.one-line-sml {font:bold italic 20px/54px "Trebuchet MS", helvetica, arial, sans-serif; color:#b0b0b0; text-align:right;} #headline h1 span.two-lines {font:bold italic 20px/26px "Trebuchet MS", helvetica, arial, sans-serif; color:#b0b0b0; text-align:right;} #main_body {width:900px; min-height:680px; margin:0px auto 10px auto; background:#ededee url(images/mainbody_bg.gif) top left repeat-y; clear:both; overflow:hidden;} #main_body_fullpage {width:880px; min-height:680px; margin:0px auto 10px auto; padding:10px 20px; background:#ededee url(images/mainbody_bg_single.gif) top left repeat-x; clear:both; overflow:hidden;} /* -- Outer Content Container (Grey Box) --*/ #content_right {width:620px; float:right; clear:both; padding:16px 20px; background:#ededee; overflow:hidden;} #content_right h2, #content_right h2 a {font: bold 24px "Trebuchet MS", helvetica, arial, sans-serif; padding-bottom:10px; text-decoration:none;} #content_right h2 a:hover {color:#2294db;}/* -- wraps body copy to right of Sidebar Nav --*/ #content_right ul {display:block; width:500px; padding:0px 30px;} #content_right ul li {list-style:url(images/oval.gif); padding-right:5px; font:12px/18px "Trebuchet MS", helvetica, arial, sans-serif;} #content_right ol {display:block; width:500px; padding:0px 30px;} #content_right ol li {list-style:decimal; font:12px/18px "Trebuchet MS", helvetica, arial, sans-serif;} #content_right img {display:block; marging:0px; padding:0px;} /* -- Content Single Page (no sidebar) -- */ #content_single {width:870px; clear:both; padding:16px 20px; background:#ededee; overflow:hidden;} #content_single h2, #content_single h2 a {font: bold 24px "Trebuchet MS", helvetica, arial, sans-serif; padding-bottom:10px; text-decoration:none;} #content_single h2 a:hover {color:#2294db;}/* -- wraps body copy to right of Sidebar Nav --*/ #content_single ul {display:block; width:500px; padding:0px 30px;} #content_single ul li {list-style:url(images/oval.gif); padding-right:5px; font:12px/18px "Trebuchet MS", helvetica, arial, sans-serif;} #content_single ol {display:block; width:500px; padding:0px 30px;} #content_single ol li {list-style:decimal; font:12px/18px "Trebuchet MS", helvetica, arial, sans-serif;} #content_single img {display:block; marging:0px; padding:0px;} #two-col {width:100%; overflow:hidden; clear:both;} #left-box {float:left; width:50%;} #right-box {float:right; width:50%;} ul#contact_list {margin:0; padding:0; width:100%;} ul#contact_list li {margin:10px 0px; width:20%; float:left; display:inline; padding:10px; border-collapse: collapse; border-right:3px solid white;} ul#contact_list li.noborder {border-right:none;} /* -- Sidebar Navigation --*/ #sidenav {width:216px; min-height:400px; position:absolute; float:left; border-top:16px solid #ededee; margin:0px 0px 0px 16px; float:left; clear:both; background:#fefefe;} #sidenav ul {} #sidenav ul li {font-family:"Trebuchet MS", helvetica, arial, sans-serif; border-bottom:5px solid #ededee; padding:10px 15px;} #sidenav ul li:hover {background:#f6fafd;} #sidenav ul li.page_title, #sidenav ul li.page_title:hover {font-size:24px; text-align:center; padding:15px; color:#7f7f7f; background:#fefefe;} #sidenav ul li a {font-size:14px; font-weight:bold;} #sidenav ul li.current_page_item, #sidenav ul li.current_page_item a {font-size:14px; font-weight:bold; color:#cc0000; background:#f6fafd;} #sidenav ul ul li {list-style:url(images/dash.gif) inside; font:12px "Trebuchet MS", helvetica, arial, sans-serif; border-bottom:1px solid #ededee; padding:5px 15px;} #sidenav span.space {max-height:150px; min-height:20px; display:block; clear:both;} #sidenav_bottom {min-height:120px; padding:10px 0px; clear:both; /*position:relative;*/} #sidenav_bottom h3 {font-family:"Trebuchet MS", helvetica, arial, sans-serif; font-weight:bold; font-size:15px; color:#7f7f7f; padding-left:20px; margin-bottom:10px;} #sidenav_bottom ul li, #sidenav_bottom ul li:hover {font-size:12px; color:#7f7f7f; background:#fefefe; border:none; padding:0px 0px 0px 30px; margin-bottom:5px;} #sidenav_bottom ul li a {font-size:12px; color:#7f7f7f;} #sidenav li.sidenav_banner {border:none; padding:0px; height:44px;} #sidenav li.sidenav_banner:hover {border:none; padding:0px; background:#ffe6e6;} /* -- Boilerplate --*/ #boilerplate {width:868px; height:100px; padding:16px 16px 5px 16px; overflow:hidden; clear:both;} #contact_btn {float:left; clear:both; margin-top:-86px;} #ctn_desc {float:right; margin-left:15px; width:635px; min-height:86px; background:white; clear:both;} #ctn_desc p {font-size:10.4px; line-height:20px; color:#878787;} /* -- Footer --*/ .push {min-height:20px; max-height:50%;} #footer {width:auto; min-height:53px; height:100%; padding-top:15px; background:url(images/footer_bg.gif) top left repeat-x; clear:both;} #footer_wrap {width:900px; height:100%; margin:0px auto;} #footer_info {margin: 0px auto;} #footer_info h3 {font-family:"Trebuchet MS" helvetica, arial, sans-serif; text-align:center; font-size:14px; line-height:17px; font-style:italic; font-weight:bold; color:#427fae;} #footer_info p {font-family:"Trebuchet MS" helvetica, arial, sans-serif; text-align:center; font-size:11px; line-height:14px; color:#96989b;} /* -- Global Classes --*/ .bor {border:1px solid red;} .align_left {float:left;} .align_right {float:right;} .clear {clear:both;} .bold {font-weight:bold;} .blue {color:#427fae;} .transparent {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);} .transparent p, .transparent a, {position:relative;} /*################################################################################################################*/ /*----------------------------------------- PARTNERS PAGE STYLES -------------------------------------------------*/ /*################################################################################################################*/ div#partner_logos table tr td img {max-width:175px; max-height:86px; margin:0px auto;} /*################################################################################################################*/ /*------------------------------------------------ POP-UP STYLES -------------------------------------------------*/ /*################################################################################################################*/ body#privacy {max-width:650px; padding: 10px; margin: 10px; background:url(/images/top_gradient.gif) top left repeat-x;} body#privacy h1 {font-family:"Trebuchet MS", helvetica, arial, sans-serif; color:#0776bc; font-size:24px; font-weight:bold; line-height:34px;} body#privacy h2 {font-family:"Trebuchet MS", helvetica, arial, sans-serif; color:#0776bc; font-size:18px; font-weight:bold; line-height:30px;} body#privacy p {margin-bottom:15px;}