/*------------------------------------------- Sub-page Side Nav -------------------------------------------*/ #nav_container { float: left; width: 253px; } #sub_nav { background: #D8D8D8; width: 253px; } #sub_nav li#first a { border-top: none; } #sub_nav li a { border-top: 1px solid #EEE; color: #333; display: block; font-size: 1.2em; height: 13px; line-height: 2em; padding: 0 0 10px 28px; width: 225px; } #sub_nav li a:hover { background-color: #333; color: #fff; } #top_rounded { background: url(../images/sub_nav_rt.gif) no-repeat; height: 15px; width: 260px; } #bottom_rounded { background: url(../images/sub_nav_rb.gif) no-repeat; height: 17px; width: 260px; } /*drop down*/ #sub_nav li a.active { background: #666; color: #fff; margin: 0; } #sub_nav li a.last { border-bottom: 1px solid #EEE; } #sub_nav li ul { display: block; } #drop_menu li a { background: #999; border-top: none; color: #fff; font-size: 1.2em; line-height: 2em; padding: 0px 0px 10px 28px; } #drop_menu li:hover a { background: #999 url(../images/circle_yellow.gif) no-repeat scroll 15px 9px; } #drop_menu li a.active { background: #999 url(../images/circle_yellow.gif) no-repeat scroll 15px 9px; } #sub_nav_bottom { background: url(../images/sub_nav_bottom.gif) no-repeat; height: 15px; width: 253px;} /*------------------------------------------- Content Area -------------------------------------------*/ #main_content { background: url(../images/content_slice_bg.png) repeat-y; padding: 20px 40px 50px 60px; overflow: hidden; } #content_header { background: url(../images/content_top_bg.png) no-repeat; height: 30px; } #content_container { background: url(../images/content_container_bg.jpg) repeat-y; float: left; width: 625px; } #content_container ul, #content_container ol {color: #666; font-size: 1.2em; list-style-position: outside;} #sub_content { float: left; padding-left: 25px; width: 595px; } #sub_content a { font-size: 1.1em;} #sub_content a:hover { color:#000;} .top_row { border-top: none; float: left; margin: 22px 27px 20px 27px; width: 243px; } .row { border-top: 1px solid #ccc; float: left; margin: 22px 27px 20px 27px; padding: 34px 0 0 0; width: 243px; } .top_row img, .row img { margin: 14px 0 14px 0px; } #header_sub { background: url(../images/header_sub_bg.png) no-repeat; height: 160px; padding: 14px 0 0 55px; width: auto; } /*sub_secondary*/ #content_container2 { width: 595px; } #content_container2 ul, #content_container2 ol {color: #666; font-size: 1.2em; list-style-type:disc; list-style-position: inside;} .top_row2 {border-top: none; float: left; margin: 22px 27px 20px 27px; } .row2 { border-top: 1px solid #ccc; float: left; margin:22px 27px 20px 27px; padding: 34px 0 0 0; } /*sub_tertiary*/ .top_row3 {border-top: none; margin: 22px 0 20px 0;} /*sub_client login, request info, schedule a demo*/ .top_row4 {border-top: none; margin: 0px 0 20px 0;} /*------------------------------------------- Bread crumb -------------------------------------------*/ #breadcrumb li { display: block; float: left; margin:8px 5px 0 0; } #breadcrumb a { color: #999; font-size:1.1em; text-transform: uppercase; background: url(../images/carrot.jpg) no-repeat 0px 2px; padding-left: 10px; } #breadcrumb a.first { color: #999; font-size:1.1em; text-transform: uppercase; background: transparent; padding-left: 0px; } #breadcrumb a.active { color:#333; font-weight: bold; } /*------------------------------------------- Sub-page FORMS -------------------------------------------*/ #red { color:#E52525; font-size:1.2em;} /*client login*/ #form { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; clear:right; padding: 2em 0em; width:595px;} #form label { display: block; color: #000; font-size: 1.2em; margin: 12px 0 0 0px; padding:5px 0 0 0; position: relative; text-align: left; width: 75px; } #form label input {border: 1px solid #999; background:#E8E8E8; left: 100%; height:17px; position: absolute; top: 0px; width: 150px; } #form input.submit { margin: 12px 0 0 75px; float:left;} #form p {color:#000; font-size:1em;} /*request info*/ #request { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; clear:right; padding: 2em 0em; width:595px;} #request label { display: block; color: #000; font-size: 1.2em; margin: 12px 0 0 0px; padding:5px 0 0 0; position: relative; text-align: left; width: 75px; } #request label input {border: 1px solid #999; background:#E8E8E8; left: 100%; height:17px; position: absolute; top: 0px; width: 150px; } #request input.submit { margin: 12px 0 0 0; float:left;} #request p {color:#000; font-size:1em;} #comment label {width:300px;} #comment textarea {border: 1px solid #999; background:#E8E8E8; margin:5px 0 0 0;} /*------------------------------------------- SEARCH PAGE -------------------------------------------*/ #sub_content_search { float: left; width: 850px; } #search_sub { float: left; height: 33px; padding-top: 10px; margin:40px 0 20px 0;} input.search_field { border: 1px solid #666; padding: 3px; } input.go_button { margin-left: -27px; margin-top: 2px; position: absolute; } #black_p {color:#000;} .search_result {border-top: 1px solid #ccc; margin:16px 0 0 0; padding:16px 0 0 0; width:845px; } .search_result p { color: #666; font-size: 1.2em; } .search_result a {color: #E52525; font-size: 1.2em; text-decoration: none; } .search_result a:hover {color: #000;} #gray {color:#666; font-weight: bold;} #gray:hover {color:#e52525;} /*------------------------------------------- NEWS PAGE -------------------------------------------*/ ul.news {} ul.news li { display: block; float: none; margin-bottom: 10px; border-bottom: 1px solid #CCC; padding-bottom: 5px; float: left; width: 595px; } ul.news h4 { color: #999; font-size: 12px; border-bottom: 1px solid #CCC; margin-bottom: 5px; } ul.news h3 { color: #333; font-size: 16px; font-weight: bold; } ul.news p { font-size: 12px; padding: 5px; } ul.news img { float: left; margin-right: 10px; margin-left: 2px; } /* Landing Page Lists */ ul.specialties li.noborder {border-bottom:none;} ul.specialties li { margin: 20px 50px 20px 0px; float: left; width: 250px; height: 250px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #C9C9C9;} ul.specialties li img { display: block; margin: 0px 0px 10px 0px;} ul.specialties li h3 { font-size: 16px; margin-bottom: 8px; } ul.specialties li p { font-size: 12px; margin-bottom: 5px; margin-top: 5px; }