body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,legend,form,p,blockquote,th,td,hr {
    margin: 0;
    padding: 0;
}

html {
	margin: 0;
	padding: 0;
	}

body {
	font-family: arial, sans-serif;
	font-size: 62.5%;
	background: #fff;
	margin: 120px 0 0 0;
	padding: 0;
	color: #45555f;
}

html>body {
	font-size: 11px;
}


p, td, tr, th, ul li, ol li	{
	/***** structural *****/	
	/***** visual *****/
	padding: 0;
	margin: 0;
	}
	
p {
	line-height: 18px;
	}
	
ul li, ol li {
	list-style: none;
	padding-bottom: 7px;
	}
	
a {
	/***** structural *****/	
	/***** visual *****/
	color: #f7941e;
	text-decoration: none;
	/* text-decoration: none; */
	outline: none;
	}

a:hover {
	/***** structural *****/	
	/***** visual *****/
	color: #fff;
	text-decoration: none;
	outline: none;
	}

body#tier2 #navigation a {
	color: #45555f !important;
	}
	
body#tier2 #navigation a:hover {
	color: #f7941e !important;
	}
	
body#tier2 #navigation a.current {
	color: #f7941e !important;
	}

img {
	/***** structural *****/	
	/***** visual *****/
	border: none;
	margin: 0;
	padding: 0;
	}
	
.uno { width: 100%; }
.duo { width: 50%; }
.quad { width: 25%; }


	
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_b { clear: both; }
.clear_n { clear: none; }
.float_l { float: left; }
.float_r { float: right; }

.caps { 
	text-transform: uppercase !important;
	letter-spacing: 2px;
	}

.caps span { color: #f7941e !important; }

/**************************************************/

body {
	}

div.container {
	padding: 0;
	margin: 0;
	position: relative;
	min-height: 360px;
	}
	
body#home div.container {
	background: #506570 url("../img/shell.gif") 50px top no-repeat !important;
	}
	
body#tier2 div.container {
	background-color: #e4e9ed;
	}
	
body#popup {
	margin-top: 50px;
}

	
#primary {
	margin-left: 50px;
	background: transparent;
	}
		
body#tier2 #primary {
	width: 520px;
	margin-left: 90px;
	padding-bottom: 12em;
	padding-top: 40px;
	padding-left: 50px;
	}
	
body#tier2 #primary a {
	color: #45555f !important;
	}
	
body#tier2 #primary a:hover {
	color: #f7941e !important;
	}
	
#branding {
	position: absolute;
	top: 130px;
	left: 500px;
	background: transparent;
	color: #fff;
	font-size: 14px;
	}

#navigation {
	position: absolute;
	bottom: 10px;
	left: 500px;
	background: none;
	font-weight: bold;
	}
	
#footer {
	position: absolute;
	top: 0;
	left: 500px;
	}
	
#detail {
	position: absolute;
	top: 0;
	left: 500px;
	background: none;
	}

	
div.introduction {
	background: #e4e9ed url("../img/one.gif") left 40px no-repeat !important;
	}
	
div.people {
	background: #e4e9ed url("../img/two.gif") left 40px no-repeat !important;
	}

div.projects {
	background: #e4e9ed url("../img/three.gif") left 40px no-repeat !important;
	width: 320px !important;
	}

div.contact {
	background: #e4e9ed url("../img/four.gif") left 40px no-repeat !important;
	}

div.blog {
	background: #e4e9ed url("../img/five.gif") left 40px no-repeat !important;
	}

ul.proj_cat li {
	float: left;
	clear: left;
	font-weight: bold;
	width: 300px;
	padding: 0;
	} 
	
ul.proj_cat li span {
	float: left;
	} 
	
ul.proj_cat li ul.proj_obj {
	font-size: 20px;
	line-height: 14px;
	float: right;
	width: 145px;
	margin: 0;
	}
	
ul.proj_cat li {
	margin-bottom: 7px;
	}
	
ul.proj_cat li a {
	color: #45555f !important;
	}

ul.proj_obj li {
	margin: 0 5px 0 0;
	width: auto;
	float: left;
	clear: none;
	}

div.hideMe {
	display: none;
	}
	
#detail dl {
	width: 300px;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	position: absolute;
	top: -45px;
	left: 0;
	}
	
#detail dl dt,
#projSlideshow dl dt {
	font-weight: bold;
	}
	
#projSlideshow {
	position: relative;
	}
	

	
#projSlideshow dl {
	width: 230px;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 420px;
	}
	
#projSlideshow a {
	color: #45555f !important;
	}
	
#projSlideshow a:hover {
	color: #f7941e !important;
	}
	
#projSlideshow img {
	float: left;
	}