body {margin: auto; text-align: center; padding: 0; font: 13px/17px verdana, sans-serif; background-color:#D2E4B5; } #container {margin: auto; text-align: left; width: 832px; overflow: hidden; background-color:#FFF; background: url(/images/template/content_bg_white.jpg) repeat-y; } #title {position: relative; top: 10px; width:400px; height:0px; margin:auto; z-index:600; text-align: center;} #title h1 {color: #CCC; font: bold italic 18px verdana, sans-serif; margin: 0; padding: 0;} #header {height: 120px;} #header #logo {height: 130px; margin:0; top:0; } #header #logo_blog {height: 130px; background: url(/images/template/Logo_Clearly_Trained.jpg) no-repeat;} #navigation {font: bold 14px verdana, sans-serif; position:absolute; margin:auto; width:800px; float: left; top:62px; z-index:500; } #navigation #nav_left {text-align: left; margin: 13px 0 0 73px; } #header #navigation #nav_left ul {list-style: none; margin: 0; padding: 0;} #header #navigation #nav_left ul li {float: left;} #header #navigation #nav_left ul li:hover /*MUST SET BACKGROUND-COLOR PROPERTY FOR DROP DOWNS TO WORK*/ {background-color: transparent; } #header #navigation #nav_left ul li a {display: block; color: #647340; padding: 0 28px 5px 0; text-decoration: none;} #header #navigation #nav_left ul li a:hover {color: #568CAE;} #header #navigation #nav_left ul li.active a {display: block; color: #FF6600; padding: 0 28px 5px 0; text-decoration: underline;} /*START: drop down menu formatting*/ #header #navigation #nav_left ul li ul.sub_1 {position: absolute; width: 168px; top:30px; height: 88px; z-index:601; left: -999px; background: url(/images/template/menu_drop_bg.gif); background-color: transparent; padding: 18px 0 0px 0;} #header #navigation #nav_left ul li ul.sub_2 {position: absolute; width: 194px; top:30px; height: 134px; z-index:602; left: -999px; background: url(/images/template/menu_drop_bg2.gif); background-color: transparent; padding: 18px 0 0px 0;} #header #navigation #nav_left ul li:hover ul, #header #navigation #nav_left ul li.sfhover ul {left: auto;} #header #navigation #nav_left ul li ul li:hover {background-color: transparent;} #header #navigation #nav_left ul li ul li a {display: block; color: #003366; text-decoration: none; margin: 0 0 0 15px; padding: 0 0 5px 0;} #header #navigation #nav_left ul li.active ul li a {display: block; color: #003366; text-decoration: none; margin: 0 0 0 15px; padding: 0 0 5px 0;} #header #navigation #nav_left ul li ul li a:hover {display: block; color: #FF6600; text-decoration: none; margin: 0 0 0 15px; padding: 0 0 5px 0;} /*END: drop down menu formatting*/ #content {z-index:-1; text-align: left; } #content #con_top {margin: 0 25px 0 25px; background-color: #FFF;} #content ul { margin: 0; padding-left: 0; /* distance between marker and text */ } #content li { text-align: left; list-style: none; background: url(/images/icons/bullet_arrow.gif) left top no-repeat; padding-left: 25px; } #content li li { list-style: none; background: url(/images/icons/bullet_sub_arrow.gif) 0px top no-repeat; padding-left: 15px; } #content #con_top h1 {color: #093755; text-align: left; font: bold 24px verdana, sans-serif; margin: 0; padding: 0;} #content #con_top h3 {color: #093755; font: bold 16px verdana, sans-serif; margin: 0;} /*services sub menu*/ #content #con_top h5 {color: #093755; font: bold 10px verdana, sans-serif; margin: 0;} #content #con_top h5 a {color: #015BAE;} #content #con_top h5 a:hover {color: #568CAE;} #content #con_top h5.active a {color: #ff6600;} /*case study align right*/ #content #con_top_right h1 {color: #093755; text-align: right; font: bold 24px verdana, sans-serif; margin: 0; padding: 0;} #content #con_top_right h3 {color: #093755; font: bold 16px verdana, sans-serif; margin: 0;} #content_right {z-index:-1; text-align: right; } #content #con_top_right { margin: 0 25px 0 25px; background-color: #FFF; text-align: right; } #content #con_left {float: left; margin-top:-5px; text-align: left; width: 530px; position: relative; padding: 0 25px 0 25px; background-color: transparent;} #content #con_left a {color: #015BAE;} #content #con_left a:hover {color: #9F1C29;} #content #con_left h1 { color: #093755; font: bold 24px verdana, sans-serif; margin: 0; padding: 0; font-size: 18px; } #content #con_left h2 {color: #093755; font: bold 18px verdana, sans-serif;} #content #con_left h3 {color: #000; font: bold 13px verdana, sans-serif; margin: 0;} #content #con_right {float: right; margin-top:11px; width: 220px; padding: 0 30px 0 0; position: relative; background-color:ffffff; } #content #con_right_blog {float: right; width: 200px; margin:10px 0px 10px 20px;} #content #con_right a {color: #015BAE;} #content #con_right a:hover {color: #9F1C29;} #content #con_right h1 {font: bold 13px verdana, sans-serif; color:#FF6600; padding: 0 0 3px 0; margin: 10px 0 10px 0;} a.srollover_view {display: block; width: 133px; height: 29px; background: url("/images/template/btn_view.gif") 0 0 no-repeat; text-decoration: none;} a:hover.srollover_view {background-position: -133px 0;} a.srollover_port {display: block; width: 133px; height: 29px; background: url("/images/template/btn_port.gif") 0 0 no-repeat; text-decoration: none;} a:hover.srollover_port {background-position: -133px 0;} a.srollover_launch {margin-top: 15px; margin-bottom: 5px; display: block; width: 133px; height: 29px; background: url("/images/template/btn_launch.gif") 0 0 no-repeat; text-decoration: none;} a:hover.srollover_launch {background-position: -133px 0;} a.srollover_case {margin-top: 15px; display: block; width: 133px; height: 29px; background: url("/images/template/btn_case.gif") 0 0 no-repeat; text-decoration: none;} a:hover.srollover_case {background-position: -133px 0;} hr.cleaner {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; } #portfolio_left {position: relative; margin: 15px 0 0 0; padding: 5px 10px 60px 10px; background: url(/images/portfolio/icons/header_bar_blue.jpg) no-repeat #F8F8F8; } #portfolio_image {border: solid #91B5D2 1px; float: right; margin: 4px 6px 10px 10px;/*37 should be 4 in the end*/} #client_box {padding: 6px 6px 6px 20px; border-top: dotted #ccc 1px;} #story_box {padding: 6px 6px 6px 20px; border: dotted #ccc 1px; background-color:#dcd9d6; text-align: left; } div.hr {padding: 6px 6px 6px 20px; border-top: dotted #ccc 1px;} div.hr hr {display: none;} #footer {float: left; width: 832px; height: 33px; font-size: 10px; margin-top: 0px; padding: 10px 0 15px 0; color: #666; text-align: center; background: url(/images/template/footer_bk.jpg) no-repeat;} #container #content #con_left table tr td table tr td p i { text-align: left; }