/* Lavidge Base HTML/CSS  -  Written By:Eric Florez  -  Last Updated:2009-08-13 */
/* ====================== Page Formatting ======================== */
* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

html, body, form {height:100%;}
body, p, a, th, td, li, input, select, textarea {
	color:#000;
	font-size:11px;}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color:#f07d25;}
h1, h1 a {
	font-size:20px;
	padding-bottom:8px;
	text-transform:uppercase;}
h2, h2 a {
	font-size:16px;
	padding-bottom:8px;
	text-transform:uppercase;}
h3, h3 a {
	font-size:14px;
	padding-bottom:12px;
	text-transform:uppercase;}
h4, h4 a {
	font-size:12px;
	padding-bottom:10px;}
h5, h5 a {
	color:#000;
	font-size:16px;}
h6, h6 a {font-size:14px;}

ul {
	padding-bottom:20px;
	list-style-type:none;}
ul ul {padding-bottom:0;}
li {
	padding-left:14px;
	background:url(../img/backgrounds/bulletSquare.gif) no-repeat 0 4px;}
ol {
	margin-left:20px;
	*margin-left:24px;
	padding-bottom:20px;}
ol li {
	padding-left:0;
	background:none;}

p {padding-bottom:20px;}

a {text-decoration:underline;}
a:hover {text-decoration:none;}

strong {font-weight:bold;}

img {border:0;}

hr {
	clear:both;
	width:100%;
	height:1px;
	color:#f4e8cc;
	margin:10px 0;
	border:0px none;
	background-color:#f4e8cc;}

.floatLeft {float:left;}
.floatRight {float:right;}

.clear {
	width:100%;
	clear:both;
	height:0px;
	overflow:hidden;}
	
.lowercase {text-transform:lowercase;}
strong .lowercase {font-weight:bold;}
	
/* ====================== Layout & Columns ======================== */
#page_container {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	background:url(../img/backgrounds/header.gif) repeat-x 0 -106px;}

#main {
	width:1000px;
	padding-bottom:346px;}
#left_col {width:230px;}
#right_col {
	width:680px;
	padding-right:20px;}

.col1 {
	width:345px;
	padding-top:10px;
	border-top:1px solid #f7eeda;}
.col2 {width:270px;}

.tab_panel {
	min-height:368px;
	_height:368px;
	padding:56px 15px 0 20px;}
.left_nav {
	border-top:1px solid #fff;
	background:url(../img/backgrounds/tabApproach.png) no-repeat 0 -1px;}
.dialog_panel {background:url(../img/backgrounds/tabDialog.png) no-repeat 0 0;}
#left_col .ui-tabs-hide {display:none;}

#main .web_assessment {margin-left:206px;}

#bread_crumbs {
	height:35px;
	color:#ababab;
	font-size:10px;
	padding:25px 0 0 4px;
	text-transform:uppercase;}
#bread_crumbs a, #bread_crumbs .seperator {
	color:#757575;
	font-size:10px;
	text-decoration:none;}
#bread_crumbs a:hover {text-decoration:underline;}

/* ====================== Header & Footer ====================== */
#header {
	height:270px;
	background:#000;
	position:relative;}
#logo {
	top:8px;
	left:118px;
	position:absolute;}
#printLogo {display:none;}

.page_photo p {padding:0;}

.blogTitle {display:none;}

h2.category_title, h2.page_title {
	left:300px;
	font-weight:bold;
	position:absolute;
	text-transform:uppercase;}
h2.category_title {
	top:194px;
	color:#fff;
	font-size:24px;
	letter-spacing:-1px;}
h2.category_title span {font-weight:bold;}
h2.category_title .category_desc, h3.category_desc {display:none;}
h2.page_title {
	top:212px;
	left:298px;
	color:#dcceab;
	font-size:40px;
	letter-spacing:-3px;}

#header .abs_pos {
	top:194px;
	left:298px;
	display:none;
	position:absolute;}

#footer_container {
	width:100%;
	height:296px;
	background:#000;
	position:absolute;
	bottom:0 !important;
	border-top:1px solid #666;}
#footer {
	width:1000px;
	padding:28px 50px 0 40px;}

#footer_logos img {margin-right:16px;}

#footer_links {width:726px;}
#footer_links .callout {
	float:left;
	width:165px;
	min-height:75px;
	_height:75px;
	margin-bottom:10px;
	padding:0 5px 0 10px;
	border-left:1px solid #666666;}
#footer_links .no_padding {padding:0;}
#footer_links .no_border {border:none;}
#footer_links ul {
	margin:0;
	padding:0;
	list-style-type:none;}
#footer_links .callout ul li {
	padding:0;
	background:none;}
#footer_links .callout li a {
	color:#f07d25;
	display:block;
	font-size:9px;
	font-weight:bold;
	padding-bottom:2px;
	text-decoration:none;
	text-transform:uppercase;}
#footer_links .callout li a span {display:none;}
#footer_links .callout li li a {
	color:#666666;
	font-weight:normal;}
#footer_links li a:hover {text-decoration:underline;}

#footer_nav ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;}
#footer_nav li {
	color:#f07d25;
	font-size:9px;
	display:inline;
	padding:0 20px 0 0;}
#footer_nav li a {
	color:#999999;
	font-size:9px;}
#footer_nav li a:hover {text-decoration:underline;}

#footer_desc {clear:both;}
#footer_desc p {
	color:#f07d25;
	font-size:11px;
	padding-top:8px;}

/* ====================== Nav Menu ====================== */
#nav {
	top:180px;
	left:30px;
	width:200px;
	position:absolute;}

#nav ul {
	margin:0;
	list-style:none;}
#nav ul li {
	padding:0;
	display:block;
	background:none;}
#nav li a {
	color:#fff;
	display:block;
	font-size:18px;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;}
#nav li a:hover, #nav li.currentCategory1 a {color:#f07d25;}

.left_nav ul {
	margin:0;
	list-style-type:none;}
.left_nav li {
	display:block;
	padding:0 0 8px;
	text-align:right;
	background:none;}
.left_nav li a {
	display:block;
	line-height:16px;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase;}
.left_nav li a span {
	display:block;
	color:#ababab;
	font-size:10px;
	line-height:normal;
	letter-spacing:normal;
	text-transform:none;}
.home_page .left_nav li a span {
	color:#9d8a5a;}

.left_nav ul ul {
	display:none;
	padding-top:8px;}
.left_nav li li {padding:0;}
.left_nav li li a {
	color:#f07d25;
	letter-spacing:normal;
	text-decoration:underline;}
.left_nav li li.currentPage a {color:#b95204;}
.left_nav li li a:hover {text-decoration:none;}

.left_nav ul .currentCategory1 ul {display:list-item;padding-bottom:18px;}

/* ====================== Callouts ====================== */
#right_col .callout {
	padding-top:10px;
	border-top:1px solid #f7eeda;}
#right_col .callout p {padding-bottom:6px;}

.feature_menu_container {
	width:710px;
	position:relative;
	margin-left:-30px;}
.feature_menu {
	float:left;
	width:206px;
	padding:0 0 6px 30px;}
.feature_menu h3 {
	font-size:28px;
	_font-size:26px;
	font-weight:bold;
	padding-bottom:0;}
.feature_menu p {padding-bottom:10px;}

.search_box {padding:5px 0 15px;}
.search_box input {
	width:175px;
	height:17px;
	border:0px none;
	padding:4px 2px 0 3px;
	background:url(../img/backgrounds/searchBox.png) no-repeat 0 0;}


.case_study {
	clear:both;
	padding-top:10px;}
.case_study p {
	font-size:10px;
	padding:0 0 6px 142px;}
.case_study p a {
	color:#f07d25;
	font-size:10px;}
.case_study p img {
	float:left;
	display:inline;
	border:1px solid #fff;
	margin:2px 8px 0 -142px;}
.case_study p a:hover img {
	border:1px solid #f07d25;
	*border-color:#fff;}

.resultsNav {padding-bottom:10px;}

/* ====================== Search Results ========================= */
.resultLink, .resultLink a {color:#F07D25;font-size:14px;}
.searchResultsFooter {color:#ABABAB;font-size:10px;}

.search_box input.searchResultInput, .search_box input.searchResultButton {float:left;}
.search_box input.searchResultButton {width:72px;height:20px;background:url(../img/btnSearch.png) no-repeat top left;padding:0px;margin-left:3px;}

/* ====================== Blog ======================== */
.blog_page h2.category_title, .blog_page h3.category_desc  {display:none;}
.blog_page .blogTitle, .blog_page .blogTitle .category_title, .blog_page .blogTitle .category_desc {display:block;}


.tab_panel h4 {
	color:#000;
	font-size:16px;
	margin-bottom:14px;
	letter-spacing:2px;
	padding-bottom:14px;
	text-transform:uppercase;
	border-bottom:1px solid #dcceab;}
.tab_panel h5 {
	font-size:11px;
	padding-bottom:6px;
	letter-spacing:2px;
	text-transform:uppercase;}

.blog_post {
	position:relative;
	margin-bottom:14px;
	padding-bottom:24px;
	border-bottom:1px solid #dcceab;}

h2.blog_post_title {
	padding-bottom:2px;
	text-transform:uppercase;}
h2.blog_post_title a {
	font-size:11px;
	text-decoration:none;}
h2.blog_post_title a:hover {text-decoration:underline;}
.blog_post_desc p, .blog_post_desc li, .blog_post_desc p a {font-size:10px;}
.blog_post_desc p {padding-bottom:6px;}

.blog_post_date {
	float:left;
	padding-right:4px;}
.blog_post_date .day {
	display:block;
	font-size:20px;
	line-height:18px;
	text-align:center;
	font-weight:normal;}
.tags, .tags a {
	color:#9d8a5a;
	font-size:10px;
	text-transform:uppercase;}
.tags {
	float:left;
	width:152px;
	min-height:27px;
	_height:27px;
	padding:3px 0 2px 4px;
	border-left:1px solid #9d8a5a;}
.tags .tag_title {display:block;}
.post_by, .comments {
	clear:both;
	color:#9d8a5a;
	display:block;
	font-size:10px;
	padding:12px 0 16px;
	text-transform:uppercase;}
.post_by {
	padding:0;
	bottom:12px;
	position:absolute;}
.comments a {
	color:#9d8a5a;
	font-size:10px;}

.blog_categories {
	margin:0;
	list-style-type:none;
	border-top:1px dashed #dcceab;}
.blog_categories li {
	padding:1px 0 3px 12px;
	border-bottom:1px dashed #dcceab;}

/*.tags a:hover, .comments a:hover, .blog_categories li a:hover {text-decoration:none;}*/

/* ====================== Table/Form Styling ======================== */
.form_container td {
	padding-bottom:7px;
	vertical-align:text-top;}

.form_container table input {margin:1px;}
.form_container table .txtBox {padding:2px;}

.form_container table.interestedIn td {
	min-width:130px;
	padding-right:0;}
.form_container table.products_services {width:100%;}
.form_container table.chk_box input {margin:0 5px 0 0;}

.form_container table table {margin-top:-6px;}
.form_container td td {padding-bottom:0;}
.form_container .radio_btn td {padding-right:15px;}

.form_container input.web_addy {width:180px;}
.form_container input.keywords {width:280px;}
.form_container input.name {width:160px;}
.form_container input.co_name {width:175px;}
.form_container input.phone {width:100px;}
.form_container input.email {width:190px;}

.table_base th, .table_base td {vertical-align:top;}
.table_base td {
	width:auto;
	padding:2px 10px 2px 0;}
.table_base td.no_padding_right {padding-right:0;}

input.hidden {display:none;}

.form_container div ul li, .required {color:#ff0000;}

.callout .form_container td {padding-bottom:0;}
.callout .form_container .txt_area_comments {
	width:194px;
	height:60px;
	margin-bottom:12px;}

/* ====================== Template Overrides ======================== */
.no_margin {margin:0;}
.no_padding {padding:0;}
.no_border {border:none;}

#page_container.home_page {background:url(../img/backgrounds/header.gif) repeat-x 0 -84px;}
.home_page #header {height:292px;}
.home_page #logo {top:10px;}

.home_page #nav {top:170px;}

.home_page #header .category_title, .home_page #header .page_title, .home_page #header .category_desc {display:none;}

.home_page #header .abs_pos {display:block;}

.home_page .left_nav {
	border:none;
	background-position:0 0;}

.home_page h4.recent_posts a {text-decoration:none;color:#000;font-size:16px;letter-spacing:2px;}
.home_page h4.recent_posts a:hover {text-decoration:underline;}	
.home_page .blog_post_desc {margin-bottom:10px;}
.home_page .tags {width:145px;}

.home_page #right_col {padding-top:25px;}

.category_page h2.category_title, .category_page h3.category_desc, .blog_page h3.category_desc {
	left:300px;
	width:800px;
	font-weight:bold;
	position:absolute;
	text-transform:uppercase;}
.category_page h2.category_title {
	top:160px;
	color:#dcceab;
	font-size:70px;
	letter-spacing:-3px;}
.category_page h3.category_desc, .blog_page h3.category_desc {
	top:240px;
	color:#fff;
	display:block;
	font-size:19px;}
.category_page .page_title, .hide_category_title #header .category_title, .col1 ul li .category_desc {display:none;}

.casestudy_page .col1 {
	padding-top:0;
	border-top:none;}
/*.casestudy_page #right_col .callout {border-color:#f4f4f4;}*/
.casestudy_page #right_col .page_photo {margin-bottom:40px;}

/*.casestudy_page .search_box input {background-position:0 -121px;}*/

.resultsNavHeadline{
	color:#9d8a5a;
	font-size:10px;
	margin:5px auto;}
.addCSHeadline{
	letter-spacing:3px;
	line-height:16px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:5px;}

#tabs {
	top:266px;
	left:11px;
	width:220px;
	position:absolute;}
#tabs ul {margin:0;}
#tabs li {
	padding:0;
	display:inline;
	list-style-type:none;}
#tabs li a {text-decoration:none;}
#tabs li span {
	float:left;
	color:#fff;
	width:104px;
	height:18px;
	display:block;
	cursor:pointer;
	padding:8px 0 5px 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../img/backgrounds/sprite_tabs.png) no-repeat 0 0;}
#tabs li.ui-tabs-selected .tab1 span {
	color:#fff;
	background-position:0 -233px;}
#tabs li.approach span {
	color:#000;
	width:114px;
	margin-left:1px;
	background-position:-304px 0;}
#tabs li.approach.ui-tabs-selected span {background-position:-304px -233px;}