/*Portfolio and Design created by Craig Bailey */

img.latest
{
border:5px solid #D3D3D3;
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353940;
}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 200px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	color:#FFFFFF;
	background-color:#323232;
}

#header
{
	height:160px;
	text-align:center;
	background-color:#171717;
}

#navigationcontainer
{
	background:url(../images/logobottom.png) no-repeat center #171717;
	text-align:center;
}

#navigation img.leftcorner
{
	float:left;
	margin:0px;
	border:0px;
	padding-top:4px;

}

#navigation img.rightcorner
{
	float:left;
	margin:0px;
	border:0px;

}

#navigation
{
	width:710px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:40px;
}

ul.navigation
{
	border-collapse:collapse;
	list-style:none;
	padding-top:4px;
}

ul.navigation li
{
	float:left;
	display:block;
	height:26px;
	padding-top:10px;
}

ul.navigation li a
{
	background-image:url(../images/navbg.png);
	text-decoration:none;
	color:#000;
	font-weight:bold;
	line-height:normal;
	padding-left:44px;
	padding-right:44px;
	padding-top:10px;
	padding-bottom:11px;
}

ul.navigation li a:hover
{
	background-image:url(../images/navhover.png);
	color:#FFF;
}

ul.navigation li.current
{
}

ul.navigation li.current a
{
	background-image:url(../images/navcurrent.png);
	color:#FFF;
}

#separator1
{
	height:5px;
	width:100%;
	background-color:#CCCCCC;
	border-bottom:1px solid #BBBBBB;
}

#welcome
{
	height:200px;
	background-color:#EEEEEE;
	border-bottom:3px solid #DDDDDD;
}

#welcomecenter
{
	margin-left:auto;
	margin-right:auto;
	width:880px;
}

#introduction
{
	width:400px;
	height:170px;
	float:left;
	padding-top:20px;
}

#latestproject
{
	width:400px;
	height:170px;
	float:right;
	padding-top:20px;
}


#contentcontainer
{
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	height:auto;
	padding-bottom:20px;
}

#contentleft
{
	width:400px;
	float:left;
}

#contentright
{
	width:400px;
	float:right;
}

#separator2
{
	float:left;
	height:20px;
	width:100%;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#footercontainer 
{
	width:880px;
	margin-left:auto;
	margin-right:auto;
}

#footercontainer h1
{
	font-size:14px;
	letter-spacing:-1px;
}

#footercontainer p
{
	line-height:18px;
}

#footercontainer a
{
	color:#FFFFFF;
	text-decoration:none;
}

#footercontainer a:hover
{
	text-decoration:underline;
}

#leftfooter
{
	width:100px;
	float:left;
	margin-right:20px;
	padding-top:20px;
}

#leftfooter p
{
	line-height:20px;
}

#centerfooter 
{
	width:280px;
	float:left;
	padding-top:20px;
}

#centerfooter2
{
	width:120px;
	float:left;
	padding-top:20px;
	margin-left:20px;
}

#centerfooter2 p
{
	line-height:20px;
}

#rightfooter
{
	width:320px;
	float:left;
	margin-left:20px;
	padding-top:15px;
	text-align:center;
}

#rightfooter a
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#rightfooter a:hover
{
	text-decoration:underline;
}

#rightfooter img
{
	padding:5px;
	border:0px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */