/* ############################################# */
/* #  RUBIX MEDIA LLC                          # */
/* #  P.Gold - 24 DEC 2008                     # */
/* ############################################# */

@import "reset.css";



/* ********************************************* */
/*              GLOBAL DEFINITIONS               */
/* ********************************************* */
table{width:100%;}
th{text-align:left;}
td{vertical-align:top;}
img{display:block;}
a img{border:none;}
.nowrap{white-space:nowrap;}
.clear{clear:both;height:0px;font-size:0px;}
.clearfix:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
strong { font-weight: bold; }
em { font-style: italic; }



/* ******************************************* */
/*                   LAYOUT                    */
/* ******************************************* */
body {
	background: #5e6b7a;
	color: #fff;
	font: 12px Geneva,helvetica,sans-serif;
}

a {
	color:#fff;
	text-decoration:none;
}
a:hover{ text-decoration: underline; }

.site-container {
	padding-bottom: 10px;
}

.page-header h1,
.site-footer .inner,
.site-body .inner,
.site-header .inner {
	margin: 0 auto;
	padding: 0 25px;
	text-align: left;
	width: 950px;
}



/* ..... HEADER ..... */
.site-header {
	background: #fff;
	padding: 15px 0;
}
	.site-header a,
	.site-header {
		color: #2f2f2f;
	}

	.site-header .inner {
		position: relative;
	}
	.site-header .inner:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}

	.site-brand {
		float: left;
	}
	.site-nav-wrapper {
		background: url(/img/cmn/nav-brace-lt.gif) no-repeat left bottom;
		float: right;
		margin: 25px 0 0;
	}
	.site-nav:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
		.site-nav-wrapper .site-nav {
			background: url(/img/cmn/nav-brace-rt.gif) no-repeat right bottom;
			min-height: 50px;
			padding: 0 10px;
		}
		.site-nav li {
			float: left;
			font-size: 18px;
			margin: 18px 15px 0;
			text-transform: capitalize;
		}
		.site-header .site-nav li.selected a {
			color: #711;
		}
		.site-header .site-nav li.nav-home { display: none; }


	.site-body  {
		background: #f5f6f6;
		color: #2f2f2f;
		min-height: 445px;
	}
	.site-body .inner { position: relative; }
	.site-body .inner:after,
	.site-body:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
	.site-body a {
		color: #5e6b7a;
	}
		.page-header {
			background: url(/img/cmn/bg-hdr-grad.gif) repeat-x left top #2f2f2f;
			font-size: 12px;
			line-height: 12px;
			padding: 9px 0;
			text-transform: uppercase;
			vertical-align: middle;
		}
		.site-body .inner {
			padding: 30px 0;
		}
		.page-header h1 { color: #fff; }

h2 {
	font-size: 16px;
	margin: 0 0 1em;
}

.case-image {
	background: #fff;
	border: 1px solid #e2e5e7;
	float: left;
	height: 348px;
	margin-right: 25px;
	width: 573px;
}

.content-block {
	float: left;
	line-height: 1.5em;
	max-width: 575px;
	padding: 1em 0 0;
}
	.content-primary {
		color: #711;
		font-size: 1.1em;
		font-style:italic;
	}
	.content-block p {
		margin: 0 0 1.5em;
		text-align: justify;
	}
	.content-block li {
		margin-bottom: 0.3em;
	}
	.site-body strong {
		color: #711;
		font-family: helvetica,arial,sans-serif;
		font-weight: bold;
		padding-right: 5px;
	}

.featured {
	position: relative;
	margin-left: -25px;
	margin-top: -25px;
	width: 1000px;
}
.featured:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
	.featured li {
		float: left;
		padding-top: 25px;
		padding-left: 25px;
		position: relative;
	}
		.featured li .case-image {
			height: 163px;
			margin: 0;
			width: 298px;
		}
			.featured li a:hover img {
				border-color: #bcc2c9;
			}
			.featured li a .case-details {
				position: absolute;
				background: transparent url(/img/cmn/bg-trans-000-60.png);
				bottom: 1px;
				color: #fff;
				font-size: 16px;
				left: -999em;
				border-top: 1px solid #545454;
				padding: 10px;
				text-align: center;
				width: 278px;
			}
			.featured li a:hover .case-details {
				/*left: 26px;*/
			}



.site-footer {
	font-size: 9px;
	padding: 15px 0 0;
}
.site-footer .inner { position: relative; }
.site-footer:after{/*clearfix*/content:".";display:block;height:0;clear:both;visibility:hidden;}
	.site-footer .site-nav {
		margin-bottom: 10px;
	}
	.site-footer .contact,
	.site-footer .site-nav {
		margin-left: -15px;
		position: relative;
	}
		.site-footer .contact li,
		.site-footer .site-nav li {
			background: url(/img/cmn/bdr-ftr-nav.gif) no-repeat left center;
			font-size: 10px;
			margin: 0 0 0 5px;
			padding: 0 4px 0 10px;
		}
		.site-footer .contact li:first-child,
		.site-footer .site-nav li:first-child { background: none; }
	
		.site-footer .contact li {
			float: left;
		}



.w3c {
	float: right;
	position: absolute;
	right: 20px;
	top: 0;
}
	.w3c .ico {
		float: right;
		padding-left: 10px;
	}


#emailFormLayer { position: relative; }
#emailFormLayer table { width: auto; }
	#emailFormLayer th,
	#emailFormLayer td {
		font-size: 11px;
		padding: 0 0 1em;
	}
	#emailFormLayer th {
		padding-right: 15px;
	}
		#emailFormLayer th img {
			display: inline;
		}
#emailFormLayer textarea,
#emailFormLayer .formText {
	border: 1px solid #bcc2c9;
	display: block;
	padding: 2px;
	width: 155px;
}
#emailFormLayer textarea {
	overflow: visible;
	width: 253px;
}
#emailFormLayer .actionBtn {
	float: right;
}

#emailFormLayer #formErrors {
	background: #fff;
}
#emailFormLayer #formErrors .formErrMsg {
	color: #711;
}
#emailFormLayer .submissionResponse {
	padding: 15px 0 0 0;
}

/* ********************************************* */
/*                     ERRORS                    */
/* ********************************************* */
#formErrors {
	background: #fef1f1;
	border: 1px solid #bcc2c9;
	display: block;
	font-size: 10px;
	padding: 5px 10px;
	position: absolute;
	right: -300px;
	text-align: left;
	top: 0;
	z-index: 999;
}
	#formErrors * { display: block; }
		.formErrMsg { font-weight: bold; }
.labelErr { color: #711; }
#emailFormLayer .fieldErr { border-color: #c99; }
#formErrors li {
	margin-bottom: 0;
}