/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
body,h1,h2,h3,h4,h5,h6,form,img,span,div,ul,li,p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: #ffffff;
	font: 0.75em Verdana;
	text-align: center;
	color: #131414;
}
.Titles { color: #900; font-size: 16pt; font-weight: bold; text-decoration: none; }
/* general elements */
a { text-decoration: none; color: #0065a7; }
a:hover { text-decoration: none; }
.content { color: #555; font-size: 10pt; font-family: Verdana; line-height: 12.5pt; }
.impact { color: #03c; font-size: 12pt; font-family: Verdana; font-weight: 700; font-variant: small-caps; line-height: 15pt; text-align: center; word-spacing: 3pt; }
.Menus { color: #03c; font-size: 10pt; font-weight: normal; text-decoration: none; text-indent: 5px; border-color: #600; outline-color: black; cursor: pointer; }
.floatleft { float: left; }
.block { display: block; }
.floatright { float: right; }

/* Centers the layout */
#centered {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

/* -------------------------------------- */
/* -------  HEADER  --------------------- */
#header {
	height: 110px;
}
	/* Navigation */
	ul#navigation {
		display: table;
		margin-top: 32px;
	}
		ul#navigation li { padding-left: 5px; display: table-cell; white-space: nowrap; }
			ul#navigation li a {
				display: block;
				background: url(images/bullet2.gif) no-repeat 0px 10px;
				padding: 5px 10px 5px 15px;
				color: #131414;
				text-decoration: none;
			}
				ul#navigation li a:hover {
					text-decoration: underline;
				}
				ul#navigation li.active a {
					background: #0065a7;
					padding: 5px 10px;
					color: #ffffff;
				}

/* Banner */
#banner { margin-bottom: 10px; height: 250px; width: 940px; margin-top: 35px; }
	#banner img {
		display: block;
	}
	#banner .info {
		width: 280px;
		height: 320px;
		background: url(images/banner_overlay.png);
		position: relative;
		top: -320px;
		color: #ffffff;
	}
		#banner .info div {
			padding: 35px;
		}
			#banner .info div h1 {
				font: 1.9em Verdana;
				margin-bottom: 10px;
			}
			#banner .info div p {
				font: 1em/1.8em Verdana;
				margin-bottom: 10px;
			}
			#banner .info a.more {
				display: inline-block;
				padding: 5px 10px;
				background: #069;
				color: #ffffff;
			}

/* -------------------------------------- */
/* -------  PORTFOLIO  ------------------ */		
#portfolio {
	float: left;
	width: 940px;
}
	#portfolio .column {
		width: 300px;
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
	}
	
	/* Portfolio titles */
	#portfolio h2 {
		padding: 10px 5px;
		font: 1.6em Verdana;
	}
	/* Portfolio description */
	#portfolio p {
		line-height: 1.8em;
		padding: 6px 6px;
	}
	/* The last portfolio image in a column */
	#portfolio .last {
		margin-right: 0px;
	}
	/* Portfolio images */
	#portfolio img {
		border-bottom: 5px solid #ffffff;
		padding-bottom: 2px;
	}
	#portfolio a:hover img {
		border-bottom: 5px solid #446f0b;
	}

/* -------------------------------------- */
/* -------  FOUR COL LAYOUT  ------------ */
#four-col {
	margin-bottom: 35px;
	float: left;
	width: 100%;
}
	/* One column */
	#four-col .column {
		width: 220px;
		margin-right: 20px;
		float: left;
	}
		/* Column title */
		#four-col h2 {
			padding: 8px 5px;
			font: 1.7em Verdana;
		}
		/* Column descriptions */
		#four-col p {
			line-height: 1.8em;
			padding: 7px 6px;
		}
		/* More buttons */
		#four-col a.more {
			float: right;
			display: block;
			background: url(images/bullet1.gif) no-repeat 0 12px;
			padding: 5px 5px 5px 14px;
			color: #069;
		}
		#four-col .last {
			margin-right: 0px;
		}

/* Some page specifications */
.page {
	padding-top: 40px;
}
.border {
	border-top: 4px solid #446f0b;
	padding-top: 20px;
}

/* -------------------------------------- */
/* -------  THREE COL LAYOUT  ----------- */
#three-col {
	float: left;
	width: 940px;
	margin-bottom: 35px;
}
	/* Columns */
	#three-col #left {
		float: left;
		width: 440px;
	}
	#three-col #right1 {
		float: right;
		width: 220px;
	}
	#three-col #right2 {
		float: right;
		width: 220px;
		margin-right: 20px;
	}
	
	/* Headers */
	#three-col h1 {
		margin-bottom: 13px;
		font: bold 2.2em Verdana;
	}
	#three-col h2 {
		padding: 8px 5px;
		font: 1.7em Verdana;
	}
		#three-col #left h2 {
			margin-bottom: 13px;
			font: bold 1.8em Verdana;
			padding: 0;
		}
		#three-col #left h3 {
			margin-bottom: 13px;
			font: bold 1.6em Verdana;
			padding: 0;
		}
		#three-col .box1 h2 {
			padding: 0px;
			margin-bottom: 6px;
			padding: 0px;
		}
		#three-col .box2 h2 {
			padding: 10px;
			padding: 0px;
			margin-bottom: 6px;
		}
		
	/* Paragraph styles */
	#three-col #left p {
		font: 1.1em/1.8em Verdana;
		margin-bottom: 25px;
	}
	
	/* Right side styles */
	#three-col #right1 p, #three-col #right2 p {
		line-height: 1.8em;
		padding: 7px 6px;
	}
		#three-col #right1 .box1 p, #three-col #right2 .box1 p {
			line-height: 1.8em;
			padding: 4px 0px;
		}
		#three-col #right1 .box2 p, #three-col #right2 .box2 p {
			line-height: 1.8em;
			padding: 4px 0px;
		}
	#three-col .cite {
		display: block;
		text-align: right;
	}
	#three-col a.more {
		display: inline-block;
		background: url(images/bullet1.gif) no-repeat 0 12px;
		padding: 5px 5px 5px 14px;
		color: #069;
	}
	
/* -------------------------------------- */
/* -------  TWO COL LAYOUT  ------------- */
#two-col {
	
}

/* Left column */
#two-col #left {
	float: left;
	width: 580px;
	margin-bottom: 35px;
}
	#two-col #left h1 { font: bold 2.2em Verdana; margin-bottom: 13px; }
	#two-col #left h2 { font: bold 1.8em Verdana; margin-bottom: 13px; }
	#two-col #left p.intro { font: 1.2em/1.8em Verdana; margin-bottom: 35px; }
	#two-col #left p { font: 1.1em/1.8em Verdana; margin-bottom: 25px; }
	#two-col #left .img1 {
		float: left;
		margin: 5px 20px 10px 0px;
	}
	
	/* Blog section */
	#blog {
		
	}
		#blog .post {
			background: url(images/blog_div.gif) no-repeat;
			padding: 30px 0px;
		}
			#blog .post h2 { font-size: 2.1em; font-family: Verdana; font-weight: normal; font-style: normal;f;line-height: normal; ont-variant: normal; }
				#blog .post h2 a {
					color: #131414;
				}
			#blog .post .details {
				background: url(images/bullet3.gif) no-repeat 0px 8px;
				font-size: 1.2em;
				display: block;
				margin: 8px 0px 15px 0px;
				padding-left: 25px;
			}
				#blog .post .details a {
					color: #131414;
				}
			#blog .post img {
				border: 10px solid #e4e2d2;
				float: left;
				margin: 7px 20px 15px 0px;
			}
			#blog .post p {
				line-height: 1.9em;
			}
			#blog a.moreposts {
				font-size: 1.5em;
				color: #069;
				float: right;
			}
			
			/* Two column layout inside left column */
			.left-col {
				float: left;
				width: 280px;
				line-height: 1.8em;
			}
				.left-col h3 { font: 1.6em Verdana; margin-bottom: 7px; }
				.left-col img {
					float: left;
					margin: 7px 16px 3px 0px;
				}
			.right-col {
				float: right;
				width: 280px;
				line-height: 1.8em;
			}
				.right-col h3 { font: 1.6em Verdana; margin-bottom: 7px; }
				.right-col img {
					float: left;
					margin: 7px 16px 3px 0px;
				}
			
/* Right column */
#two-col #right {
	float: right;
	width: 280px;
	margin-bottom: 35px;
}
	/* Lists */
	ul.catlist {
		list-style: none;
	}
		 ul.catlist li {
			border-bottom: 1px solid #d1cfbd;
			padding: 4px 10px;
		}
			ul.catlist li a {
				color: #000000;
			}
			
	/* Box 1 (tan) */
	.box1 {
		background: #e4e2d2;
		padding: 18px;
		line-height: 1.8em;
		margin-bottom: 20px;
	}
		.box1 .img1 {
			margin: 4px 15px 9px 0px;
			float: left;
		}
		.box1 h2 { font: 1.7em Verdana; margin-bottom: 6px; }
		.box1 h3 {
			background: url(images/bullet2.gif) no-repeat 0px 9px;
			font-size: 1.0em;
			padding: 0px 0px 5px 18px;
		}
	
	/* Box 2 (green twitter) */	
	.box2 { padding: 0 0 88px; color: #ffffff; background-image: url(images/green_box.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin-bottom: 0; }
		.box2 h2 { font: 1.9em Verdana; margin-bottom: 8px; }
		.box2 span.cite {
			text-align: right;
			display: block;
		}
		.box2 span.cite a {
			background: url(images/bullet4.gif) no-repeat 0px 10px;
			display: inline-block;
			padding: 5px 0px 5px 14px;
			color: #ffffff;
		}
		
	/* News updates */	
	.news {
		
	}
		.news h2  {
			background: url(images/bullet2.gif) no-repeat 0px 8px;
			padding: 0px 19px;
			margin-bottom: 10px;
		}
		.news div {
			background: url(images/news_div.gif) no-repeat bottom left;
			padding: 13px 15px 27px 18px;
		}
		.news div a.big {
			color: #000000;
			font-size: 1.2em;
			display: block;
			margin-bottom: 3px;
		}
		.news div span {
			font-size: 0.9em;
		}
		
/* -------------------------------------- */
/* -------  FOOTER  --------------------- */		
#footer {
	border-top: 4px solid #f0f0f0;
	padding: 23px 15px 0px 15px;
	clear: both;
	height: 60px;
}
	#footer .copyright {
		float: right;
	}
	#footer ul {
		list-style: table;
		float: left;
	}
		#footer ul li {
			display: table-cell;
			padding-right: 6px;
		}
	
	
/* -------------------------------------- */
/* -------  SLIDER  --------------------- */	
/* Slider controls */
#controls {
	position: relative;
	left: 700px;
	top: -60px;
	width: 226px;
}
	
#slider { }	
	#slider ul, #slider li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#slider li { 
		width: 940px;
		height: 244px;
		overflow: hidden;
	}	
#prevBtn, #nextBtn { 
	display: block;
	margin: 0;
	overflow: hidden;	
	position: absolute;
	top: 20px;
}	
#nextBtn { 
	left: 116px;
}														
#prevBtn a, #nextBtn a {
	display: block;
	width: 106px;
	padding: 7px 0px;
	background: #111212;
	color: #ffffff;
	text-align: center;
}
	#prevBtn a:hover, #nextBtn a:hover {
		background: #069;
	}
	#nextBtn a { 
		background: url(images/next_previous.gif) no-repeat top right;
		width: 106px;
		padding: 7px 0px;
		background: #111212;
		color: #ffffff;
		text-align: center;
	}
			
/* -------------------------------------- */
/* -------  FORM  ----------------------- */
#form {
	padding: 10px;
}
	#form fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}
		/* Labels */
		#form label {
			font-size: 1.2em;
			width: 90px;
			display: inline-block;
			text-align: right;
			margin-right: 15px;
			margin-bottom: 15px;
		}
		
		/* The regular inputs */
		#form .input1 {
			border: 1px solid #e4e2d2;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 200px;
		}
		
		/* Selection list */
		#form select {
			width: 210px;
			font: 1.2em Tahoma;
			border: 1px solid #e4e2d2;
			padding: 5px 7px;
			margin-bottom: 15px;
		}
		
		/* Text area */
		#form textarea {
			border: 1px solid #e4e2d2;
			vertical-align: top;
			width: 350px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 200px;
		}
		
		/* Indentation for the submit button */
		#form .indent {
			padding-left: 107px;
			padding-top: 15px;
		}
		/* The button */
		#form .submitbutton {
			width: 200px;
			padding: 6px 0px;
		}