/************** content container styles ****************/

#contentContainer h1 {
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 7px;
	border-bottom: 7px dotted #333333;
	clear: left;
}

#contentContainer h2 {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background-color: #333;
	padding: 4px;
	clear: left;
}

#contentContainer p {
	font-size: 13px;
	color: #EEEEEE;
	line-height: 18px;
	margin: 15px;
}
#contentContainer li {
	font-size: 13px;
	color: #EEEEEE;
	line-height: 18px;
	margin: 3px;
}
#contentContainer img {
	margin: 10px;
}

#contentContainer a {
	color: #EEEEEE;
	line-height: 20px;
}

/************** error container styles ****************/

#errorContainer h1 {
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 7px;
	border-bottom: 7px dotted #333333;
	clear: left;
}

#errorContainer h2 {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background-color: #333;
	padding: 4px;
	clear: left;
}

#errorContainer p {
	font-size: 13px;
	color: #EEEEEE;
	line-height: 18px;
	margin: 15px;
}
#errorContainer li {
	font-size: 13px;
	color: #EEEEEE;
	line-height: 18px;
	margin: 3px;
}
#errorContainer img {
	margin: 10px;
}

#errorContainer a {
	color: #EEEEEE;
	line-height: 20px;
}
#contentContainer a:hover {
	color: #FFFFFF;
	line-height: 20px;
}


/************** template styles: ******************/

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

* {
	font-family: verdana;
	font-size: 14px;
}

img {
	border: none;
}

input, .inputText {
	color: #000000;
	font-size: 11px;
}

#pageContainer {
	width: 800px;
	margin: 0px auto;
}

#headerContainer {
	width: 840px;
	height: 114px;
}
	#logoContainer {
		width: 325px;
		height: 114px;
		float: left;
	}
	#logoContainer a img {
		color: #FFFFFF;
		font-size: 30px;
		font-weight: normal;
		font-family: georgia;
		text-transform: uppercase;
	}
	#menuContainer {
		float: right;
		padding: 10px 40px 0px 0px;
		text-align: right;
	}
	#menuContainer a {
		font-size: 12px;
		font-weight: bold;
		color: #EEEEEE;
		text-decoration: none;
	}
	#menuContainer a:hover {
		color: #FFFFFF;
		border-bottom: 5px solid #666666;
	}
	.menuDivider {
		display: inline;
		padding: 0px 10px;
		font-weight: normal;
		color: #CCCCCC;
	}
	#contactinfoHeader {
		padding-top: 20px;
		font-size: 14px;
		font-weight: bold;
		color: #999999;
	}
	#contactinfoHeader a {
		font-size: 14px;
		font-weight: bold;
		color: #999999;
		text-decoration: underline;
	}
	#contactinfoHeader a:hover {
		font-size: 14px;
		font-weight: bold;
		color: #EEEEEE;
		text-decoration: underline;
		border: 0;
	}

#navContainer {
	float: right;
	width: 300px;
}
	#navContainer div {
		float: right;
		width: 282px;
		height: 108px;
		cursor: pointer;
		background-repeat: no-repeat;
		margin: 5px 0px;
	}
	.nav1 {background-image: url(../images/btn_design.gif);}
	.nav1On {background-image: url(../images/btn_design_on.gif);}
	.nav2 {background-image: url(../images/btn_training.gif);}
	.nav2On {background-image: url(../images/btn_training_on.gif);}
	.nav3 {background-image: url(../images/btn_projects.gif);}
	.nav3On {background-image: url(../images/btn_projects_on.gif);}
	.nav4 {background-image: url(../images/btn_about.gif);}
	.nav4On {background-image: url(../images/btn_about_on.gif);}
	#navContainer div h1 {
		color: #FFFFFF;
		margin: 10px 0px 0px 100px;
	}
	#navContainer div p {
		margin: 10px 0px 0px 100px;
		color: #FFFFFF;
		font-size: 11px;
	}

#contentContainer {
	width: 500px;	
}

#galleryContainer {
	width: 500px;
	padding-bottom: 4px;
}
	#galleryContainer div {
		float: left;
		width: 75px;
		height: 75px;
		background-color: #111111;
		padding: 4px;
		margin: 5px;
		text-align: center;
	}
	#galleryContainer div img {
		border: 0;
		margin: auto;
		vertical-align: middle;
		align: center;
	}

#copyrightContainer {
	text-align: left;
	color: #A93823;
	font-size: 11px;
	margin: 20px auto;
	clear: both;
	padding-left: 100px;
}
#copyrightContainer a {
	color: #A93823;
	font-size: 11px;
}