/* MANCE CREATIVE CSS Document */

body {
	font: 11pt Arial, Helvetica, sans-serif;
	color: #474433;
	line-height: 19pt;
	background: #281A0D;
}

h1 {
	font: 11pt Arial, Helvetica, sans-serif;
	color: #669900;
	font-weight: bold;
	line-height: 18pt;
}


/* ---- MAIN DIMENSIONAL AND POSITION PROPERTIES ---- */

#wrap {
	width: 1200px;
	height: 846px;
	position: relative;
	background: url("images/mc_background.jpg") no-repeat;
	background-attachment: scroll;
	

}

#backing {
	width: 952px;
	height: 678px;
	poistion: relative;
	background: #FFFFFF url("images/manceCreative_assets_Backing.png") no-repeat;
}

#logo {
	width: 380px;
	height: 108px;
	position: absolute;
	background: url("images/manceCreative_assets_Logo.png") no-repeat;
	left: 178px;
	top: 82px;
	}
		#logo a{
			width: 380px;
			height: 108px;
			display: block;
			}

#bizCard {
	width: 379px;
	height: 258px;
	position:absolute;
	background: url("images/manceCreative_assets_BizCard.png") no-repeat;
	left: 809px;
	top: 78px;
	}
	
		#bizCard a{
			width: 379px;
			height: 258px;
			display: block;
			}
		

#pen {
	width: 175px;
	height: 406px;
	position: absolute;
	background: url("images/manceCreative_assets_pen.png") no-repeat;
	left: 980px;
	top: 275px;
	
}

#content {
	width: 720px;
	height: 145px;
	position: absolute;
	left: 177px;
	top: 224px;
}

	#indexBox1 {
	width: 192px;
	height: 219px;
	position: absolute;
	background: url("images/manceCreative_assets_IndexBox_CorpID.png") no-repeat;
	left: -2px;
	top: 184px;
	}
	
	#indexBox2 {
	width: 192px;
	height: 219px;
	position: absolute;
	background: url("images/manceCreative_assets_IndexBox_brandMan.png") no-repeat;
	left: 210px;
	top: 184px;
	}
	
	#indexBox3 {
	width: 192px;
	height: 219px;
	position: absolute;
	background: url("images/manceCreative_assets_IndexBox_Advertising.png") no-repeat;
	left: 418px;
	top: 184px;
	}
	#indexBox4 {
	width: 192px;
	height: 219px;
	position: absolute;
	background: url("images/manceCreative_assets_IndexBox_Web.png") no-repeat;
	left: 626px;
	top: 184px;
	}
	
	
	
	
	

/* --- NAVIGATION PROPERTIES --- */
#nav {
	width: 952px;
	height: 40px;
	position: relative;
}

#navHome {
		width: 80px;
		height: 35px;
		float: right;
		background: url("images/manceCreative_nav_home.png") no-repeat;
	}
		#navHome a{
		width: 80px;
		height: 35px;
		display: block;
		}
			#navHome a:hover{
				background: url("images/manceCreative_nav_home_over.png") no-repeat;
		}
	
#navAbout {
		width: 85px;
		height: 35px;
		float: right;
		background: url("images/manceCreative_nav_about.png") no-repeat;
	}
		#navAbout a{
		width: 85px;
		height: 35px;
		display: block;
		}
			#navAbout a:hover{
				background: url("images/manceCreative_nav_about_over.png") no-repeat;
		}
		
#navServices {
		width: 95px;
		height: 35px;
		float: right;
		background: url("images/manceCreative_nav_services.png") no-repeat;
	}
		#navServices a{
		width: 95px;
		height: 35px;
		display: block;
		}
			#navServices a:hover{
				background: url("images/manceCreative_nav_services_over.png") no-repeat;
		}	

#navExperience {
		width: 100px;
		height: 35px;
		float: right;
		background: url("images/manceCreative_nav_experience.png") no-repeat;
	}
		#navExperience a{
		width: 100px;
		height: 35px;
		display: block;
		}
			#navExperience a:hover{
				background: url("images/manceCreative_nav_experience_over.png") no-repeat;
		}	
		

	
#navNews{
		width: 75px;
		height: 35px;
		float: right;
		background: url("images/manceCreative_nav_news.png") no-repeat;
	}
		#navNews a{
		width: 75px;
		height: 35px;
		display: block;
		}
			#navNews a:hover{
				background: url("images/manceCreative_nav_news_over.png") no-repeat;
		}	

#navLearn{
		width: 75px;
		height: 35px;
		float: right;
		background: url("images/manceCreative_nav_learn.png") no-repeat;
	}
		#navLearn a{
		width: 75px;
		height: 35px;
		display: block;
		}
			#navLearn a:hover{
				background: url("images/manceCreative_nav_learn_over.png") no-repeat;
		}	

#navContact{
		width: 100px;
		height: 35px;
		float: right;
		background: url("images/manceCreative_nav_contact.png") no-repeat;
	}
		#navContact a{
		width: 100px;
		height: 35px;
		display: block;
		}
			#navContact a:hover{
				background: url("images/manceCreative_nav_contact_over.png") no-repeat;
		}
		
		
		
		
		
		
		
/* --- FOOTER --- */

#footer {
	width: 627px;
	height: 18px;
	background: url("images/manceCreative_assets_Footer.png") no-repeat;
	position: absolute;
	left: 279px;
	top: 735px;
	}	
		#link {
			width: 153px;
			height: 18px;
			float: right;
		}
			#link a {
				width: 153px;
				height: 18px;
				display: block;
			}
	
	
	
	
	
	
/* --- CLASSES --- */	
.hide {
	display:none;
}
.by {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #669900;	
}	
.caption {
	font: 8pt Arial, Helvetica, sans-serif;
	color:#333333;
}
.companyNames {
	font: 11pt Arial, Helvetica, sans-serif;
	color: #669900;
	font-weight: bold;
}
	.companyNames a{
		color: #669900;
		text-decoration: none;
	}
		.companyNames a:hover{
			color: #666666;
			text-decoration: none;
		}
.programOutput {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #999999;
	line-height: normal;
}
.programOutputAltRow {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #F7F7F7;
	line-height: normal;
}

.dividerline {
	border-bottom-style: solid;
	border-bottom-color: #669900;
	border-bottom-width: 1pt;
}