/* Rausch Construction Company CSS */

/* Global & Reset Styles ----------------------------------------------------------------- */
* {margin:0;padding:0;font-family:Arial, Helvetica, "Helvetica Neue" sans-serif}
.clear {clear:both;}
a {text-decoration:none; border-bottom:1px dotted #00778a; font-weight:bold; color:#00778a;}
a:hover {border-bottom:1px solid #00778a;}
a img {border:none;}
h1 {font-size:22px; line-height:28px; color:#333333;}
h2 {font-size:16px; line-height:22px; color:#333333;}
h3 {font-size:14px; line-height:20px; color:#333333;}
h4 {font-size:14px; line-height:20px; color:#333333;}
h5 {font-size:14px; line-height:20px; color:#333333;}
h6 {font-size:14px; line-height:20px; color:#333333;}
p {font-size:12px; line-height:20px; color:#000000;}
li {font-size:12px; color:#333333;}
dt {color:#333333;}
dd {color:#333333;}

/* Global Header ----------------------------------------------------------------- */
html {background:#00778a url(/assets/images/html_bg_gradient.gif) repeat-x top left;}
body {background: transparent url(/assets/images/banner_back.gif) no-repeat center 157px; padding:20px 0;}
* html body, *:first-child+html body {background-position:center 151px;}
.frame {background:#FFFFFF; width:920px; margin:0 auto; position:relative;}
.header {}
.header a {border:none;}
.head_logo {padding:20px;}
.head_logo h1 {display:block; width:194px; clear:right; padding:20px 35px 20px 20px; /*border-right:1px solid #eeeeee;*/}
.head_nav ul {position:absolute; top:58px; right:40px;}
.head_nav li {display:inline; list-style:none;}
.head_nav li a {font-size:14px; float:left; display:block; margin-left:15px; color:#00778a; padding:0 0 5px 0;}
.head_nav li a:hover, .head_nav li.active a {border-bottom:3px solid #00778a;}
.tagline {border-top: 6px solid #00778A;}
.tagline h2 {background:#000000; padding:20px 40px; color:#aaaaaa; line-height:24px;}

/* Main Content ----------------------------------------------------------------- */
.main {padding:20px;}
.main_wrap {border:1px solid #eeeeee;}

/* Project Details Content ----------------------------------------------------------------- */
.main_project_details {padding:19px;}
.back_to_projects {padding: 0 20px 20px 20px; text-align:right;}
.projecttitle {font-size:18px; text-transform:uppercase; margin:0 0 20px 0;}
.projecttitle em {font-style:normal; font-size:22px; text-transform:none;}
.project_left {float:left; width:500px;}
.projectdetails {}
.projectdetails_input {}
.project_right {float:right; width:250px;}
.timeframe {}
.timeframe_input {}
.budget {}
.budget_input {}
.disciplines {}
.disciplines_input {}
.overview, .projectdetails, .timeframe, .budget, .disciplines {color:#00778a; font-size:11px; letter-spacing:.125em; text-transform:uppercase; font-weight:bold;}
.timeframe_input, .budget_input, .disciplines_input {margin:0 0 20px 0; font-weight:bold;}
.images {padding:20px 0 20px 20px; background:#eeeeee;}
.images a {margin:0 18px 0 0; border:none;}

/* Global Footer ----------------------------------------------------------------- */
.footer {padding:0 20px 20px 20px;}
.footer_wrap {border:1px solid #eeeeee;padding:19px;}
.footer_nav {}
.footer_nav ul {margin:0; padding:0; list-style:none;}
.footer_nav ul li {float:left; margin:0 10px 0 0; border-right:1px solid #eeeeee;}
.footer_nav ul li a {display:block; margin:0 10px 0 0;}
.footer_nav ul li a:hover {}
.footer_nav ul li.last {border-right:none; margin:0;}
.copy {padding:25px 0 0 0;}
.copy a {}

/* Fixes for RichText widgets ----------------------------------------------------------------- */
MODX_RichTextWidget { float: left;}
MODX_RichTextWidget a {589 border: 0px;}

/* General Pages ----------------------------------------------------------------- */
.general_page {padding:20px 0 20px 20px;}

/* News Pages ----------------------------------------------------------------- */
.main_left {float:left; width:65%;}
.main_right {float:right; width:30%; margin-right: 0px;}

/* News Left ----------------------------------------------------------------- */
.news_article {margin:20px 0 20px 20px;}
.news_archive {padding:20px 30px 20px 20px;}
.news_longtittle {}
.news_date {text-transform:uppercase; padding-bottom: 20px; font-size: 11px; color:grey;}
.news_summary {font-weight: bold; padding-bottom: 10px; font-size: 13px;}
.news_title {font-size:14px; text-transform: uppercase; color:#00778A;}

/* News Right ----------------------------------------------------------------- */
.news_mostr {background:#276969 url(/assets/images/news_mostr_gradient.gif) repeat-y top center; border-left:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.news_mostr_top {background:transparent url(/assets/images/news_mostr_top.gif) no-repeat top center;}
.news_mostr_top h1 {color:#003a44; font-size: 11px; padding: 20px 20px 5px 20px; line-height:15px; letter-spacing:.125em; text-transform:uppercase;}
.news_mostr_top h1 em {display:block; color:#ffffff; font-size: 16px; font-style: normal; text-transform: capitalize; font-weight:bold; letter-spacing:normal;}
.news_mostr_bot a {color:#a3e3e7; font-size: 12px; line-height:18px;}
.news_mostr_bot a:hover {color:#ffffff;}
.news_mostr_bot li {list-style: none; padding-bottom: 5px;}
.news_nav {padding: 20px;}
.news_archive_box, .news_pdf_box {border-left:1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.news_archive_box a {display:block; border-bottom: none; padding: 20px; font-size:11px; letter-spacing:.125em; text-transform:uppercase;}
.news_archive_box a span {display:block; color:#000000; font-size:16px; letter-spacing:normal; text-transform:capitalize;}
.news_archive_box a:hover span { text-decoration: underline;}
.news_press_info {padding:20px;}
.news_press_info dl {padding:0px;}
.news_press_info dd {display:inline; font-size: 12px;}
.news_press_info dt {display:inline; font-size: 12px;}








/* News List ----------------------------------------------------------------- */
.news_page {margin:20px 0 20px 20px;}
.news_item {margin:20px 0;}
.news_Title em {font-style:normal;}


/* Archives List ----------------------------------------------------------------- */
.reflect_archive {margin:0 0 0 20px;}
.reflect_year {margin:0 0 0 20px;}
.reflect_month {margin:0 0 0 20px;}
.reflect_items {margin:0 0 0 20px;}


/* Projects List ----------------------------------------------------------------- */
.main_projects {margin:20px 0 20px 20px;}
.ditto_item {margin:20px 0; clear:both;}
.ditto_item img {float:left; margin:0 20px 0 0;}
.ditto_item h1 {text-transform:uppercase; font-size:18px;} /* small caps for location */
.ditto_item h1 em {text-transform:none; font-size:22px;} /* undo small caps */
.ditto_item em {font-style:normal; margin:30px 0 0 0;}
.projectdisciplines, .projecttime {font-size:11px; letter-spacing:.125em; text-transform:uppercase;}
.projectdisciplines em, .projecttime em {letter-spacing:normal; text-transform:capitalize;}
#ditto_wrapper {display:none;} /* ditto_wrapper */

/* Contact ----------------------------------------------------------------- */
#EmailForm {}
#EmailForm fieldset {border:none;}
#EmailForm label {font-size:11px; letter-spacing:.125em; text-transform:uppercase;}
#EmailForm input, #EmailForm textarea {display:block; margin:10px 0;}
#EmailForm input.text, #EmailForm textarea {width:400px; padding:5px; font-size:12px;}

/* General Right ----------------------------------------------------------------- */
.contact_right, .careers_right, .about_right {margin:20px 20px 20px 0;}
.contact_right h6, .careers_right h6, .about_right h6 {font-size:20px; margin:20px 0 10px 0;}
.contact_right dt, .careers_right dt, .about_right dt {font-size: 11px; font-weight:bold; letter-spacing:.125em; padding:.3em 0 .3em 0; text-transform:uppercase;}
.contact_right dd, .careers_right dd, .about_right dd {font-size: 12px; margin:0 0 6px 0;}

/* General Left ----------------------------------------------------------------- */
.main_left h1, .project_left h1 {margin:0 0 20px 0;}
.main_left h2, .project_left h2 {}
.main_left h3, .project_left h3 {}
.main_left h4, .project_left h4 {}
.main_left h5, .project_left h5 {}
.main_left h6, .project_left h6 {}
.main_left p, .project_left p {margin:0 0 20px 0;}
.main_left blockquote, .project_left blockquote {margin:0 30px 20px 30px;}
.main_left ul, .main_left ol, .project_left ul, .project_left ol {margin:0 0 20px 30px;}
.main_left li {padding-bottom:.3em;}
.main_left dl, .project_left dl {}




/* Ditto Project Pagination -------------------------------------------------------- */
#ditto_pages {font-size:12px; line-height:20px; color:#000000;}
.ditto_paging {border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: black;}
#ditto_pages .ditto_currentpage {
	padding: 5px;
	background:#008CBA;
	color: #fff;
	float:left;
	display:inline;
	margin-right:5px;
}
#ditto_pages .ditto_off {
    padding: 5px;
    color: #ccc;
	float:left;
	display:inline;
	margin-right:5px;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	padding: 5px;
	text-decoration: none !important;
	color: #008cba;
	border:none !important;
	float:left;
	display:inline;
	margin-right:5px;
}
#ditto_pages a:hover {
	background:#008cba;
	color:#ffffff;
}