/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

p {
	line-height: 1.2em;
	font-size: 1.4em;
}

	p.italics {
		font-style: italic;
	}

ul {
	margin: 0px;
	padding: 0px;
}

	ul li {
		line-height: 1.4em;
	}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #71277a;
	margin: 0px;
}

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #fff;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #ccc;
	text-decoration:underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2.0em;
	text-align: center;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.5em;
}

/* Container Styles
--------------------------------------------------------------- */

.bodybgimg {
	width: 24px;
	position: absolute;
	z-index: 1;
	top: 40px;
	left: -24px;
}

#container {
	width: 744px;
	margin-left: 64px;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 744px;
		position: absolute;
		z-index: 1;
		top: 160px; 
	}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 560px;
			padding: 0px 10px 0px 10px;
		}
		
			#main #page-header-image {
				width: 190px;
				height: 120px;
				padding: 10px 165px 10px 185px;
				clear: both;
			}
			
			#main ul li {
				font-size: 1.4em;
				margin: 5px 0px 5px 20px;
				padding: 0px;
			}

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 164px;
			font-size:0.85em;
		}
		
			#sidebar p {
				line-height: 1.2em;
				padding: 0px;
				margin: 0px;
			}
		
				.sidebarImage {
					float: left;
					border: 2px solid #fff;
					margin: 0px 0px 10px 0px;
				}
				
					span.firstCap {
						font-weight: bold;
						font-size: 1.2em;
					}
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 744px;
	height: 120px;
	position: absolute;
	z-index: 1;
	top: 40px;
	left: 0px;
}

	.logo {
		width: 188px;
		height: 75px;
		padding: 12px 0px 33px 0px;
		float: right;
	} 
	
/* Header Styles
--------------------------------------------------------------- */
	
	.header-cta-link {
		width: 85px;
		height: 120px;
		float: left;
		margin: 0px 0px 0px 10px;
		text-align: center;
	}
	
		.header-cta-link a {
			font-size: 0.9em;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
		}
		
			.header-cta-link a:hover {
				color: #ccc;
			}

			a .header-cta-img {
				float: left;
				margin: 0px 0px 10px 0px;
				border: 2px solid #fff;
			}
			
				a:hover .header-cta-img {
					float: left;
					border: 2px solid #ccc;
				}

/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 160px;
	float: left;
	margin: 0px 0px 10px 0px;
	border: 2px solid #fff;
}

	#navigation ul {
		display: block;
		list-style: none;
	}
	
		#navigation li {
			float: left;
			display: block;
			margin: 0px;
		}
			  
			#navigation a {
				width: 140px;
				float: left;
				padding: 10px 0px 10px 20px;
				border-bottom: 2px solid #fff;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
				font-size: 1.2em;
			}
			
				#navigation a.endLink {
					border-bottom: none;
				}

					#navigation a:hover {
						color: #ccc;
					}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 560px;

	height: 140px;
	padding: 40px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	font-size: 0.8em;
	background: url(../images/layout/footer-bg.jpg) no-repeat center bottom;
}
	#footer ul {
		text-align: center;
	}
	
	#footer li {
		list-style: none;
		display: inline;
	}
	
	#footer p {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		color: #fff;
		border-right: 1px solid #fff;
		text-decoration: none;
		padding-right: 5px;
	}
	
	#footer a:hover {
		color: #ccc;
		text-decoration: underline;
	}
	
		#footer a.rightLink {
			border-right: none;
		}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Contact Table Styles
--------------------------------------------------------------- */

	#contactTable #botBuster {
		display: none;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}