/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:gray;
	font-family:arial,sans-serif;
	font-size:small;
	color:#000;
}

a, a:visited {
	color:#00568F;	
}

a:hover {
	color: #609D35;
	text-decoration:none;
}

h1 { 
	font-size:34px;
	color:#ff9f01;
	font-weight:normal;
	padding:0px;
	margin:10px 0px 0px;
}

	h1 a, h1 a:visited {
		color:#ff9f01;
		text-decoration:none;
	}
	
	h1 a:hover {
		color:#ff9f01;
		text-decoration:underline;
	}

h2 {
	margin:0 0 10px;
	padding:0px;
	font-weight:normal;
	color:#005288;
	font-size:20px;
}

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


img {
	border:0px;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

blockquote {
	 background:#EEE; padding:10px; margin:10px 0;
}

.buffer {
	font-size:1px;
	height:7px;
}

.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:869px;
	background:url(../images/content_background.jpg) repeat-y right #FFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

.header {

}
	.topNav {
		background:url(../images/button_background.jpg) repeat-x top #c4c4c4;
		height:44px;
		text-align:center;
		
	}
	.topNav .cushion {
		margin:0 auto;
		display:table;
		text-align:center;
		height:44px;
	}
	
	.topNav .navItemLive  {
		background:url(../images/button_backgroundLive.jpg) repeat-x top #c4c4c4;
		
	}
	
		.topNav .navItem, .topNav .navItemLive {
			padding:14px 0px;
			text-transform: uppercase;
			font-size:14px;
			font-weight:bold;
		}
		
		.topNav .navItem:hover, .topNav .navItemLive:hover {
			/*background:url(../images/button_backgroundLive.jpg);*/
		}
		
		.topNav img {
			float:left;
		}
		
		.topNav a, .topNav a:visited {
			color:#FFF;
			cursor:pointer;
			text-decoration:none;
		}
		
		
		.topNav a:hover {
			color:#ffe81a;
			cursor:pointer;
			text-decoration:none;
		}
		
		.topNav .navItemLive  {
			color:#000;
		}


.mainCol {
	float:left;
	width:674px;
	margin-bottom:15px;
}
	.mainCol .cushion {
		padding:0 22px 0 12px;	
		
	}
	
	.picShadow {
		background:url(../images/topshadow_background.jpg) repeat-x top;
		height:10px;
		text-align:right;
	}

.sideCol {
	float:right;
	width:195px;
	text-align:center;
}
	.sideCol img {
		margin:3px 0;
	}	
	.picShadowSide {
		background:url(../images/rightside_topShadow.jpg) repeat-x top;
		height:10px;
		text-align:right;
	}

.footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:url(../images/footer_background.jpg) repeat-x bottom;
	height:47px;
}
	.footer p {
		padding:6px 10px 0;
		margin:0;
		color:#FFF;
	}
	
.homeBoxes {
	display:block;
	width:100%;
}

	.homeBoxes h3 {
		font-size:15px;
		color:#FFF;
		text-align:center;
		font-weight:bold;
		padding:10px 0;
		border-bottom:3px #FFF solid;
	}
	
	.homeBoxes .cushion {
		padding:5px;
		line-height:18px;
	}

	.homeBoxes .greenBox {
		float:left;	
		width:318px;
		background:#eaf6e1;
	}
		.homeBoxes .greenBox h3 {
			background:url(../images/header_greenBackground.jpg) repeat-x top;
		}
	
	.homeBoxes .blueBox {
		float:right;	
		width:318px;
		margin:0 2px;
		background:#e4f1f8;
	}
		.homeBoxes .blueBox h3 {
			background:url(../images/header_blueBackground.jpg) repeat-x top;
		}
	
	.homeBoxes .yellowBox {
		float:left;	
		width:212px;
		background:#f9f4e7;
	}
		.homeBoxes .yellowBox h3 {
			background:url(../images/header_yellowBackground.jpg) repeat-x top;
		}
		
.porfolio-thumb {
	float:left;
	margin:15px 30px;
	border:1px solid #055286;
	cursor:pointer;
}