/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg_body.gif);
	font-family: Arial, Verdana;
	font-size: 11.5px;
}
img {
	border: none;
}
#cta-special {
	position: absolute;
	margin: -292px 0 0 260px;
	top: 50%;
	left: 50%;
	width: 158px;
	height: 26px;
}

#cta-main {
	position: absolute;
	margin: -265px 0 0 -450px;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 530px;
	background: #FFF;
}
#cta-navigation {
	width: 870px;
	margin: 0 auto;
	padding: 15px 0 10px 0;	
}
#cta-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#cta-navigation ul li {
	margin: 0 25px 0 0;
	padding: 0;
	display: inline;	
}
#cta-navigation ul li a {
	color: #000;
	text-decoration: none;
}

#cta-navigation ul li a:hover {
	text-decoration: underline;
}
#cta-boxes {
	width: 870px;
	margin: 0 auto;	
}
#cta-color-grey, #cta-color-grey-active,
#cta-color-brown, #cta-color-brown-active,
#cta-color-blue, #cta-color-blue-active,
#cta-color-orange, #cta-color-orange-active,
#cta-color-red, #cta-color-red-active,
#cta-xmas-active {
	float: left;
	height: 30px;
	width: 120px;
}
#cta-color-grey a,
#cta-color-brown a,
#cta-color-blue a,
#cta-color-orange a,
#cta-color-red a {
	height: 30px;
	width: 120px;
	display: block;
	text-decoration: none;
}
#cta-color-grey-active {
	background: #4C5860;
	width: 390px;
}
#cta-color-brown-active {
	background: #A98F58;
	width: 390px;	
}
#cta-color-blue-active {
	background: #A7C9D4;
	width: 390px;	
}
#cta-color-orange-active {
	background: #D26D15;
	width: 390px;	
}
#cta-color-red-active {
	background: #81270F;
	width: 390px;
}
#cta-xmas-active {
	background: #C11A02;
	width: 270px;
}
#cta-color-grey {
	background: url(../images/bg_color_grey.gif);
}
#cta-color-brown {
	background: url(../images/bg_color_brown.gif);
}
#cta-color-blue {
	background: url(../images/bg_color_blue.gif);
}
#cta-color-orange {
	background: url(../images/bg_color_orange.gif);
}
#cta-color-red {
	background: url(../images/bg_color_red.gif);
}
#logo {
	float: right;
	margin: 0 !important;
}
#cta-content {
	margin: 0 15px;
	padding: 20px;
	height: 385px;
	color: #FFF;
	line-height: 145%;
}
#cta-footer {
	width: 870px;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 10.5px;
	text-align: right;
}
#cta-footer a {
	color: #666;
	text-decoration: none;
	margin: 0 0 0 10px;
}

/* elements */
.cta-horizontal-line {
	height: 10px;
	border-bottom: 1px dotted #FFF;
}
#cta-content-left-1 {
	float: left;
	width: 185px;
	margin: 0 30px 0 0;
}
#cta-content-left-2 {
	float: left;
	width: 400px;
	margin: 0 30px 0 0;
}
#cta-content-right-2 {
	float: left;
	width: 400px;
}
#cta-content-right-3 {
	float: left;
	width: 615px;
}

#cta-page-title {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #FFF;
	text-transform: uppercase;
}
#cta-page-title a  {
	float: right;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#cta-project-detail {
	float: left;
	width: 400px;
	margin: 0 30px 0 0;
}
#cta-project-detail img {
	border: 1px solid #CEE1E8;
}
#cta-project-description {
	float: left;
	width: 400px;
}
#cta-project-description h3 {
	margin: 0;
}
#cta-project-description table td {
	padding: 3px 0;
}

/* hacks */
.clear-me,
.clear-me-spacer {
	clear: both;
	font-size: 1px;
	height: 0;
	margin: 0;
	line-height: 0;
}
.clear-me-spacer {
	padding: 5px 0;
}
div.clear-me {
	overflow: hidden;
}