/* Background elements: 3 bars */

html {
	background: 0 22px url("../images/black_text_bg.gif");
	height: 100%;
}

body {
	background: repeat-x center 229px url("../images/red_bar_bg.jpg");
	height: 100%;
	margin: 0;
}

#wrapper {
	background: repeat-x url("../images/white_bg.gif");
	height: 100%;
	position: relative;
		top: 0;
}

/* Call to action buttons */

.button:link, .button:visited {
	background: no-repeat url("../images/learn_button.gif");
	display: block;
	height: 18px;
	position: absolute;
		bottom: 0;
		left: 20px;
	width: 86px;
}

.button:hover, .button:active {
	background-position: 0 -18px;	
}

/* Elements with fixed design width */

.contained, #header {
	width: 971px;
}

.contained {
	margin: 0 auto;
	position: relative;
		top: 0;
}

/* Header element */

#header {
	height: 130px;
	position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
}

	#header h1 {
		margin: 0;
		position: absolute;
			left: 0;
			bottom: 0;

	}
	
	#header h1 img {
		border: 0;
		height: 82px;
		width: 106px;
	}
	
	#header a {
		display: block;
		outline: 0;
	}
	
/* Main navigation */
	
#primary_nav {
	height: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
		right: 16px;
		bottom: 21px;
	width: 569px;
}

	#primary_nav li {
		border-right: 1px solid #7A7A7A;
		height: 42px;
		list-style: none;
		float: left;
		width: auto;
	}
	
	#primary_nav .last {
		border: 0;
	}
	
	#primary_nav a {
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		height: 42px;
	}
	
	#primary_nav a:hover, #primary_nav .on a {
		background-position: 0 -42px;
	}
	
		#products a {
			background-image: url("../images/nav_products.gif");
			width: 135px;
		}
		
		#blog a {
			background-image: url("../images/nav_blog.gif");
			width: 135px;
		}
		
		#outsource a {
			background-image: url("../images/nav_outsource.gif");
			width: 111px;
		}
		
		#about a {
			background-image: url("../images/nav_about.gif");
			width: 98px;
		}
		
		#contact a {
			background-image: url("../images/nav_contact.gif");
			width: 86px;
		}
		
/* Secondary navigation, above the main navigation */
		
#secondary_nav {
	float: right;
	height: 48px;
	margin: 0;
	padding: 0 36px 0 0;
}

	#secondary_nav li {
		height: 48px;
		float: left;
		list-style: none;
		padding-left: 45px;
		width: auto;		
	}

/* Rotating people */

#index_people, #interior_people {
	overflow: hidden;
	position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	width: 409px;
}

#index_people {
	height: 396px;	
}

#interior_people {
	height: 229px;	
}

/* Index elements */

#index_content {
	background: no-repeat center 99px url("../images/index_content_bg.gif");
	height: 266px;
	position: absolute;
		top: 130px;
		right: 0;
		z-index: 0;
	width: 570px;
}

	#index_content h1 {
		background: no-repeat bottom right url("../images/index_header.gif");
		height: 86px;
		margin: 0;
		width: 229px;
	}
	
	#index_intro {
		height: 127px;
		position: absolute;
			top: 122px;
			left: 52px;
		width: 484px;
	}
	
#index_boxes {
	background: #FFF no-repeat 15px 20px url("../images/index_boxes.gif");
	height: 166px;
	padding-top: 15px;
	position: absolute;
		top: 379px;
		right: 18px;
	width: 521px;
}

	#index_boxes h2 {
		height: 1px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 1px;
	}

	#box_outsource, #box_seminar {
		float: left;
		display: block;
		height: 145px;
		padding-left: 20px;
		position: relative;
			top: 0;
			left: 0;
		width: 238px;
	}
	
	#box_outsource {
		border-right: 1px solid #7A7A7A;
	}
	
	#box_outsource p, #box_seminar p {
		margin: 55px 0 0 0;
		padding: 0;
	}
	
	#box_outsource p {
		width: 180px;	
	}
	
	#box_seminar p {
		width: 160px;	
	}

#index_footer {
	position: absolute;
		top: 426px;
		left: 0;
	width: 409px;	
}

/* Interior elements */

#interior_outline {
	border-color: #C41230;
	border-style: solid;
	border-width: 2px 2px 0 2px;
	height: 74px;
	position: absolute;
		top: 155px;
		right: 36px;
		z-index: 2;
	width: 710px;		
}

#interior_content {
	background: #FFF;
	position: absolute;
		top: 157px;
		right: 38px;
		z-index: 3;
	padding: 0 25px 10px 25px;
	width: 660px;
}

#interior_footer {
	position: absolute;
		bottom: -175px;
		right: 0;
	height: 150px;
}

/* Sidebar elements */

#sidebar {
	float: right;
	margin: 1.2em 0 1.2em 2.4em;
	width: 	155px;
}

	#sidebar img {
		padding-top: 40px;
	}

	#sidebar ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	/* Level 1 */
	
	#sidebar li {
		border-left: 1px solid #666666;
		float: left;
		width: 155px;
	}
	
	#sidebar li a {
		display: block;
		border-top: 1px solid #D8D8D8;
		padding: 8px 0 8px 10px;	
	}
	
	#sidebar li .on {
		cursor: default;
	}
	
	#sidebar li .on:hover, #sidebar li li .on:hover {
		background: none;	
	}
	
	#sidebar li .first {
		border: 0;
	}
	
	/* Level 2 */
	
	#sidebar li li {
		border: 0;
	}
	
	#sidebar li li a {
		display: block;
		border-top: 1px solid #D8D8D8;
		padding: 8px 0 8px 25px;	
	}
	
/* Form elements */

.message {
	padding: 15px 0 15px 0;	
}

form fieldset {
	border: 0;
	display: block;
	padding: 0;
	width: 350px; /* Change this width to affect element widths */
}

	form input, form select, form textarea {
		border: 0;
		display: block;
		padding: 0;
		width: 100%;
	}
	
	/* Use these wrapper classes to change padding, margin, etc. on form elements */
	
	form .input, form .textarea, form .select {
		border: 1px solid #D8D8D8;;
		margin-top: 5px;
		padding: 3px;
	}
	
	form label {
		display: block;
		width: 100%;
	}
	
	/* Wrapper for label and form field element */

	form .field {
		margin-bottom: 9px; 
		padding: 0;
	}
	
	/* Special widths */
	
	form .half {
		width: 50%;	
	}
	
	form .quarter {
		width: 25%;	
	}
	
	form #submit {
		background: #C41230;
		cursor: pointer;
		margin: 10px 0 10px 0;
		padding: 6px;
		width: auto;	
	}
	
/* Wordpress */

.navigation {
	margin-top: 2em;	
}

.postmetadata {
	padding: 0 0 20px 0;
}

#commentform {
	padding-top: 10px;	
}