@charset "UTF-8";

@font-face {
	font-family: 'BPreplayRegular';
	src: url('../fonts/BPreplay-fontfacekit/BPreplay-webfont.eot');
	src: local('☺'), 
	url('../fonts/BPreplay-fontfacekit/BPreplay-webfont.woff') format('woff'), 
	url('../fonts/BPreplay-fontfacekit/BPreplay-webfont.ttf') format('truetype'), 
	url('../fonts/BPreplay-fontfacekit/BPreplay-webfont.svg#webfontgzJ8Cr4g') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BPreplayBold';
	src: url('../fonts/BPreplay-fontfacekit/BPreplayBold-webfont.eot');
	src: local('☺'), 
	url('../fonts/BPreplay-fontfacekit/BPreplayBold-webfont.woff') format('woff'), 
	url('../fonts/BPreplay-fontfacekit/BPreplayBold-webfont.ttf') format('truetype'), 
	url('../fonts/BPreplay-fontfacekit/BPreplayBold-webfont.svg#webfontEoh6lgEd') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*	GLOBAL
________________________________________________________________________________________ */

body {
	font: 13px/1.5 Arial, Verdana, sans-serif;
	color: #333;
	background: #888 url(../images/interface/page.png) repeat-y;
}

h1, h2, h3,
h4, h5, h6 {
	font: 400 22px/1.2 BPreplayRegular, Arial, Verdana, sans-serif;
	color: #c93431;
	padding: 0 0 4px;
	margin: 0 0 18px;
	border-bottom: 1px solid #ddd;
}

h3, h4,
h5, h6 {
	font: 400 16px/1.2 BPreplayRegular, Arial, Verdana, sans-serif;
	color: #c93431;
	clear: both;
	margin: 36px 0 8px;
}

	#secondaryContent h3,
	#secondaryContent h4,
	#secondaryContent h5,
	#secondaryContent h6 {
		font-size: 16px;
		color: #e0413e;
		margin: 0 0 4px;
		border: none
	}

	#secondaryContent p,
	#secondaryContent ul {
		font-size: 12px;
		line-height: 1.4
	}

a,
a:link,
a:active,
a:visited {
	color: red
}

a:hover,
a:focus {
	color: blue
}

/*
	PRIMARY STRUCTURE
________________________________________________________________________________________ */

#header {
	position: relative;
	float: left;
	width: 209px;
	background: #f1f1f1
}


#content {
	float: left;
	width: 757px;
	padding: 0 0 18px;
	margin: 0 0 0 22px;
}

	.homePage #content {
		background-image: none
	}


#contentPrimary {
	float: left;
	width: 480px;
	padding: 36px 0 0 36px;
}

	.homePage #contentPrimary {
		width: 685px
	}


#secondaryContent {
	float: right;
	width: 210px;
	padding: 66px 0 0 0;
}


#footer {
	position: relative;
	float: left;
	clear: both;
	width: 690px;
	padding: 18px 0 27px;
	margin: 0 0 0 267px;
	border-top: 1px solid #ccc
}


/*
	INTERNAL STRUCTURE
________________________________________________________________________________________ */

.splash {
	text-align: center
}


/*	HEADER
------------------------------------- */

#header .brandLogo {
	display: block;
	width: 209px;
	height: 187px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	background: #fff url(../images/logos/amc.png) no-repeat center bottom;
	border: none
}

	#header #contactInfo {
		padding: 0 20px 18px;
	}

		#header #contactInfo h3 {
			font-size: 14px;
			margin: 9px 0 4px;
		}

		#header #contactInfo p {
			margin: 0 0 4px;
		}

	.serviceList {
		height: 158px;
		text-indent: -9999px;
		background: transparent url(../images/interface/services.png) no-repeat right center
	}



/*	HOME
------------------------------------- */

#headerInner {
	position: relative;
	color: #fff;
	width: 756px;
	height: 230px;
	background: #888 url(../images/interface/intro.png) repeat-y right bottom
	}

	#contactAside {
		padding: 4px 8px;
		background: #ccc url(../images/interface/corner1.png) no-repeat left bottom;
	}

	#contactAside p {
		color: #888;
		text-align: right;
		margin: 0
	}

		#contactAside strong {
			color: #555
		}

	#contactAside a {
		color: #555
	}

	#contactAside a:hover {
		color: #e0413e
	}

	#logos {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 43px;
		width: 100%;
		overflow: hidden;
		background: url(../images/interface/topbg.png) left bottom;

		-webkit-border-radius: 0;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius: 0;
		-moz-border-radius-topleft: 5px;
		border-radius: 0;
		border-top-left-radius: 5px;
	}

		#logos p {
			padding: 20px 34px 0;
		}


#oldStyleContact {
	overflow: hidden;
	margin: 0 0 -18px;
}

	#oldStyleContact h3 {
		margin: 0 0 4px;
	}

	.contactAddress,
	.contactPhone {
		width: 46%;
		float: left
	}

	.contactPhone {
		float: right
	}

/*	SECONDARY CONTENT
------------------------------------- */

#secondaryContent .aside {
	overflow: hidden;
	padding: 18px 10px 8px 18px;
	margin: 0 0 27px;
	background: #eee;
	border: 1px solid #e5e5e5;
	border-right: none;

	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius: 0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius: 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#secondaryContent #freeSurvey {
	padding: 18px 0 8px 64px;
	background: #eee url(../images/interface/surveyIcon.png) no-repeat 8px 16px
}

	#secondaryContent #freeSurvey strong {
		text-transform: uppercase
	}

#secondaryContent #downloads ul {
	margin: 0 0 8px;
}

	#secondaryContent #downloads ul li {
		padding: 4px 0 3px 22px;
		background: url(../images/interface/dlicon2.gif) no-repeat left center
	}

#secondaryContent .logos {
	text-align: center;
	margin: 36px 0;
}

/*
	NAVIGATION
________________________________________________________________________________________ */

#navPrimary ul {
	padding: 59px 20px 18px;
	background: url(../images/interface/nav2.png) no-repeat
}

	#navPrimary li {
	}

	#navPrimary a {
		color: #666;
		display: block;
		padding: 5px 0 3px;
		border-bottom: 1px solid #d8d8d8
	}

	#navPrimary a:hover,
	#navPrimary a:focus,
	#navPrimary li.currentPage a {
		color: #e0413e;
		text-indent: 8px
	}



/*	MISC
________________________________________________________________________________________ */

.comingSoon {
	color: #888
}


/*	FLOAT CLEARING 
	Instead of using clearfix or overflow hidden, stick id's and classes below… */
#page:after,
#header:after,
#content:after,
#contentPrimary:after,
#contentSecondary:after,
#footer:after,
.nav:after,
fieldset:after,
form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* FLOAT CLEARING FOR INTERNET EXPLODER */
#page,
#header,
#content,
#contentPrimary,
#contentSecondary,
#footer,
.nav,
fieldset,
form {
	zoom: 1;
}