/* 
	Ramtech
	
	Table of Content
	
	1. Resets
	2. Base Styling/Page Contraints
	3. Header
	4. Homepage Specific
	5. Splash
	6. Content
	7. Footer
	8. Generic Classes
	
*/

/*mmmmm Resets mmmmm*/
@import url("reset.css");

/*mmmmm Base Styling/Page Contraints mmmmm*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
#wrapper {
	margin:0 auto;
	width:899px;
}
#header {
	background:url(/images/header_background.png) no-repeat center center;
	height:125px;
	position:relative;
}
#content {
	margin:10px 0 0;
}
#splash {
	height:150px;
	position:relative;
}
#footer {
	height:291px;
	background:url(/images/footer_background.jpg) no-repeat top center;
	position:relative;
	margin:13px 0 0;
}
/*mmmmm Header mmmmm*/
#header #logo {
	position:absolute;
	bottom:0;
	left:40px;
}
#header #related-info {
	position:absolute;
	right:48px;
	top:17px;
}
#header #related-info li {
	float:left;
	border-right:1px solid #3399CC;
}
#header #related-info li a {
	display:block;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	text-transform:lowercase;
	padding:0 0.4em;
	font-weight:bold;
}
#header #top-navigation {
	position:absolute;
	bottom:0;
	right:15px;
}
#header #top-navigation li {
	float:left;
}
#header #top-navigation li a {
	display:block;
	height:36px;
	text-indent:-9999px;
	padding-bottom:10px;
}
#header #top-navigation li a:hover {
	background-position:0 -46px !important;
	border-bottom:10px solid #FFF;
	padding-bottom:0;
}
#header #top-navigation li#home a {
	background:url(/images/home.png) no-repeat top center;
	width:54px;
}
#header #top-navigation li#companies a {
	background:url(/images/companies.png) no-repeat top center;
	width:86px;
}
#header #top-navigation li#about a {
	background:url(/images/about.png) no-repeat top center;
	width:86px;
}
.home #header #top-navigation li#home a,
.about #header #top-navigation li#about a,
.companies #header #top-navigation li#companies a{
	background-position:0 -46px !important;
	border-bottom:10px solid #FFF;
	padding-bottom:0;
}
#header #top-navigation li#services a {
	background:url(/images/services.png) no-repeat top center;
	width:84px;
}

.services #header #top-navigation li#services a {
	background-position:0 -46px !important;
	border-bottom:10px solid #FFF;
	padding-bottom:0;
}

#header #top-navigation li#strategic a {
	background:url(/images/strategic.png) no-repeat top center;
	width:159px;
}

.strategic #header #top-navigation li#strategic a {
	background-position:0 -46px !important;
	border-bottom:10px solid #FFF;
	padding-bottom:0;
}

#header #top-navigation li#portfolio a {
	background:url(/images/portfolio.png) no-repeat top center;
	width:93px;
}

.portfolio #header #top-navigation li#portfolio a {
	background-position:0 -46px !important;
	border-bottom:10px solid #FFF;
	padding-bottom:0;
}

#header #top-navigation li#resources a {
	background:url(/images/resources.png) no-repeat top center;
	width:97px;
}

.resources #header #top-navigation li#resources a {
	background-position:0 -46px !important;
	border-bottom:10px solid #FFF;
	padding-bottom:0;
}

/*mmmmm Homepage Specific mmmmm*/
.home #content #splash {
	background-color:#3f3009;
	height:225px;
	position:relative;
	background-image:none !important;
	margin-bottom:0;
}
.home #content #splash img {
	position:absolute;
	top:0;
	left:426px !important;
}
.home #content #splash p {
	color:#C3B18A;
	font-size:18px;
	line-height:1.4em;
	margin-right:474px !important;
	margin-left:0;
	padding:1.5em;
	font-weight:normal;
}
.home #content #splash p a {
	color:#3399cc;
}
.home #content #splash #blurb {
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	margin:0;
	position:absolute;
	right:20px;
	top:90px;
}
.home #content h3 {
	color:#1E5A7E;
	margin:8px 0;
	text-transform:uppercase;
	font-size:14px;
}
.home #content p {
	color:#3f3009;
	line-height:1.4em;
	font-size:0.8em;
}
.home #content #left-column {
	background:#ddd3bc url(/images/tan_box_bottom_left.jpg) no-repeat bottom left;
	float:left;
	height:243px;
	padding:11px 28px 0;
	width:243px;
	border:none;
}
.home #content #left-column img {
	margin:10px 0;
}
.home #content #right-column {
	float:right;
	width:290px;
	height:254px !important;
	min-height:254px !important;
	background:#C7BB9E url(/images/darktan_box_bottom_right.jpg) no-repeat scroll 283px bottom;
	overflow:hidden;
	padding:0;
}

.home #content #right-column ul {
	width:293px;
}
.home #content #right-column ul li {
	float:left;
}
.home #content #right-column ul li a {
	display:block;
	padding:1.2em 28px;
	color:#A2916A;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}
.home #content #right-column dl {
	float:left;
	font-size:12px;
	padding:15px 20px 0 28px;
	width:250px;
}
.home #content #right-column dl dt {
	font-weight:bold;
	margin-bottom:5px;
}
.home #content #right-column dl dd {
	margin-bottom:10px;
	line-height:1.2em;
}
.home #content #right-column dl dd a {
	color:#006699;
}
.home #content #center-column {
	float:left;
	background-color:#DDD3BC;
	width:290px;
	padding:11px 10px 0;
	height:243px;
}
.home #content #center-column dl {
	color:#3F3009;
	float:right;
	font-size:12px;
	width:180px;
}
.home #content #center-column dl dt {
	font-weight:bold;
	margin-bottom:5px;
}
.home #content #center-column dl dd {
	margin-bottom:5px;
	line-height:1.2em;
}
.home #content #center-column dl dd a {
	color:#006699;
}
.home #content #center-column img {
	float:left;
	margin:0 10px 0 0;
}
/*mmmmm Splash mmmmm*/
#splash {
	background:#A0CAD3 url(/images/splash_background.png) no-repeat bottom right;
	margin-bottom:22px;
}
#splash img {
	position:absolute;
	top:0;
	left:0;
}
#splash p {
	color:#3F3009;
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	margin-left:395px;
	padding:30px 20px;
}
/*mmmmm Content mmmmm*/
#content #left-column {
	border-right:1px solid #87B8D0;
	float:left;
	height:349px;
	padding:0 5px;
	width:159px;
}

#content #left-column h3 {
	color:#c3b18a;
	text-transform:uppercase;
	margin:4px 0 8px 0;
	font-size:14px;
}
#content #left-column #left-navigation li {
	margin-bottom:8px;
}
#content #left-column #left-navigation li a {
	color:#3399CC;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
#content #left-column #left-navigation li a.selected,
#content #left-column #left-navigation li a:hover {
	color:#0a2339;
}
#content #right-column {
	float:right;
	padding:0 21px;
	width:687px;
}


#content #right-column td {
	color:#3f3009;
	font-size:12px;
	line-height:1.4em;
	margin:0 0 9px 0;
}
#content #right-column h2 {
	color:#c3b18a;
	font-size:30px;
	text-transform:lowercase;
	margin-bottom:15px;
}
#content #right-column h3 {
	color:#c3b18a;
	font-size:14px;
	margin:17px 0 5px;
	margin-bottom:15px;
}
#content #right-column p {
	color:#3f3009;
	font-size:12px;
	line-height:1.4em;
	margin:0 0 9px 0;
}
#content #right-column ul li {
	margin-bottom:0.2em;
}

#content #right-column .list {
	font-size:12px;
	line-height:14pt;
	color:#3f3009;
	margin:0 0 10px 20px;
	list-style:disc;
}
#content #right-column ul li a {
	color:#3399CC;
	font-size:12px;
	text-decoration:none;
}
#content .thumbnail {
	margin-top:8px;
}
#content .thumbnail li {
	height:123px;
	margin-bottom:0.6em !important;
}
#content .thumbnail li img {
	float:left;
}
#content .thumbnail li span, #content .thumbnail li h4 {
	display:block;
}
#content .thumbnail li h4 {
	color:#c3b18a;
	font-size:15px;
}
#content .thumbnail li span.title {
	color:#3399CC;
	font-size:12px;
	margin-top:4px;
	margin-bottom:4px;
}
#content .thumbnail li span.description {
	color:#3F3009;
	font-size:12px;
	line-height:1.4em;
}
/*mmmmm Footer mmmmm*/
#footer #address-info {
	left:46px;
	position:absolute;
	top:45px;
}
#footer #address-info li {
	margin:0 0 12px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
#footer #address-info li a {
	color:#3399cc;
	text-decoration:none;
}
#footer #base-info {
	left:39px;
	position:absolute;
	top:206px;
}
#footer #base-info li {
	float:left;
	color:#FFF;
	border-right:1px solid #FFF;
	font-size:12px;
	padding:0 0.6em;
	font-weight:bold;
}
#footer #base-info li a {
	color:#3399cc;
	text-decoration:none;
}
#footer #associated-icons {
	bottom:64px;
	position:absolute;
	right:25px;
}
#footer #associated-icons li {
	float:left;
	margin-right:20px;
}

/*mmmmm Form Classes mmmmm*/

input, textarea {padding:2px;}
#content #right-column .txtField {width:252px; border-left:1px solid #ccc; border-bottom:none; border-right:none; border-top:1px solid #ccc; padding:6px; background-color:#eee;}
#content #right-column .txtAreaField {width:329px; height:161px; padding:6px; border-left:1px solid #ccc; border-bottom:none; border-right:none; border-top:1px solid #ccc; padding:6px; background-color:#eee;} 

#content #right-column blockquote p {margin-left:25px; font-size:12px;}

fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	border: 3px double #ccc;
	background-color: #FFF;
	overflow: auto;
}
legend {
	padding: 2px 5px;
	color: #3399cc;
	font-weight: bold;
}

fieldset fieldset  {
	background-color:#FFF;
	border: 1px solid #ccc;
}



/*mmmmm Generic Classes mmmmm*/
ul li.last {
	border-right:none !important;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.hideInitially{
	visibility: hidden;
	display:none;}