/* Color Legend */


/* Reset */

html, body { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	background-color: #ffffff;
	font-size:10px 
	
	}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background-color: transparent;
}
	
img { 
	margin:0; 
	padding:0; 
	border:0; 
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
	}


h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-docoration: none;
	text-align: left;
	color: transparent;
	}


ol, ul { font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	}

/* Global */

html, body  { 	width:100%; margin:0px auto; text-align:center; background: #eee; min-width:900px; }


#page { background:#fff; margin:30px auto; width: 900px;	
		-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3), rgba(0, 0, 0, 0.09375) 0px 2px 20px inset, 0 0 7px rgba(0,0,0,0.1);
		-moz-box-shadow:0 3px 5px rgba(0,0,0,0.3), rgba(0, 0, 0, 0.09375) 0px 2px 20px inset;
		box-shadow:0 3px 5px rgba(0,0,0,0.3), rgba(0, 0, 0, 0.09375) 0px 2px 20px inset, 0 -1px 7px rgba(0,0,0,0.1);
		border-top: 1px solid #fff;
		border-radius: 10px 0px 30px 0px;
		-moz-border-radius:10px 0px 30px 0px;
		-webkit-border-radius:10px 0px 30px 0px; }

/* Headings */

h1, h2, h3, h4, h5, h6 { color: #000; }

h1	{ font-size:12px; color:#666; margin:20px 70px; text-align:center; font-weight:normal;  }
h2	{ font-size:16px; color:#666; margin:20px 5px; text-align:center; line-height:160%;  }
h3	{ font-size:13px; color:#999; margin:20px 40px; text-align:left; font-weight:normal; line-height:160%;   }
h4	{ font-size:10px; color:#999; font-weight:normal; padding:0; margin:0; }
h6	{ font-size:12px; color:#666; margin-bottom:5px; font-weight:bold;}



h1 img, h2 img, h3 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p				{ color:#666666; font-size:12px; line-height:150%; }

a				{	}
a:link			{ color: #888; }
a:visited		{ color: #888; }
a:active		{ color: #888; }
a:focus			{ color: #888; }
a:hover			{ color: #000; }

blockquote		{ color:#000; font-size:12px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }


/* Images */

#logo				{ width:100%; background: transparent;   }
#logo img			{ display:inline-block; margin:0px auto 60px auto;}


/* Containers */

#top				{ float:none; background-color:transparent; padding:0px 0px 0px 0px; }

#wrapper			{ width:100%; margin:0px 20px 0px 20px; padding:50px 0px 0px 0px; background-color:transparent; text-align:center;  }

#main				{ background-color:transparent; width:100%; margin-left:auto; margin-right:auto; padding:0px 0 20px 0; overflow:hidden;	
						}

#topspace			{ width:100%; padding-top:20px; padding-bottom:20px; }
#topspace img		{margin:0px 2px; } 

#topnav				{ width:100%; height:12px; padding-top:0px; background-color:transparent;  clear:both; 
						text-align:center; border-bottom:1px #ccc solid; border-top:1px #ccc solid;
						margin:20px auto; }
#topnav ul			{ width:100%;  float: none; margin-left:auto; margin-right:auto; background-color:transparent;  }
#topnav ul li		{ display:inline-block; }
#topnav ul li a		{ display:inline-block; padding:0px 30px 0px 30px; text-decoration:none; font-size:12px; margin:0; }

#topnav	a:link		{ color:#999;  }
#topnav	a:visited	{ color:#999; }
#topnav	a:active	{ color:#999; }
#topnav	a:hover		{ color:#000; background-color:#D2E6FA; }
#topnav	a:focus		{ color:#999; }

#banner				{ vertical-align:top; width:525px; height:140px; margin:0px auto; text-align:center; padding:10px 0px 225px 0px; }

.bannerlink	{ display:inline; float:left; position:relative; width:105px; text-align:center; margin: 0px 0px; border:0px #ccc solid;	}
.bannerlink a:link { text-decoration:none;	}

#about			{ display:inline-block; float:left; position:relative; width:105px; height:330px; margin:0 auto;}
#arch			{ display:inline-block; float:left; position:relative; width:105px; height:330px; margin:0 auto;}
#projmgt		{ display:inline-block; float:left; position:relative; width:105px; height:330px; margin:0 auto;}
#test			{ display:inline-block; float:left; position:relative; width:105px; height:330px; margin:0 auto;}
#contact		{ display:inline-block; float:left; position:relative; width:105px; height:330px; margin:0 auto;}

#banner	img			{ background-repeat:no-repeat; position:absolute; left:0; 
						-webkit-transition: opacity .15s ease-in-out;
						-moz-transition: opacity .15s ease-in-out;
						-o-transition: opacity .15s ease-in-out;
						transition: opacity .15s ease-in-out; } 

#banner img.top:hover	{ opacity:0; }						


#list 		{  width:780px; margin:10px auto 0px auto; height:auto; padding-top:30px; padding-bottom:30px;	 }

#subfooter			{ width:750px; height:auto; clear:both; margin-right:auto; margin-left:auto; padding-bottom:50px; background-color:transparent;}
#subfooterextent	{ width:100%; height:60px; background-color:#eee;  padding-bottom:50px;
						border-radius:0px 0px 30px 0px;
						-moz-border-radius:0px 0px 30px 0px;
						-webkit-border-radius:0px 0px 30px 0px; }

#footer				{ width:100%; clear:both; background-color:#333; padding:10px 0; border-top: 1px #666 solid; padding-bottom:50px; }
#footer p			{ text-align:center; color:#999; font-size:10px; line-height:180%; }
#footer h6			{ text-align:center; line-height:180%; color:#aaa;  }

#spacer				{ clear:both; border-bottom:1px #aaa solid; height:20px;}
#spacertop			{ clear:both; background-color:transparent;  height:20px;}
  
#social-mediaLHS		{ width:315px; float:left; margin:20px 0px 10px 60px; display:inline;   }
#social-mediaLHS p		{ color:#555555; font-size:12px; margin:0px 10px 0px 0px; font-weight:bold; }
#social-mediaLHS img	{ width:35px; height:38px; margin:0px 10px 0px 0px; float:left;  }
#social-mediaLHS ul li	{ display:inline; color:#666; }

#social-mediaRHS	{ width:250px; float:right; margin:20px 60px 10px 0px; display:inline;  }
#social-mediaRHS p	{ color:#555555; font-size:12px; margin:0px 0px 0px 0px; line-height:150%; }
#social-mediaRHS a:hover	{background-color:#D2E6FA   }
#social-mediaRHS a	{ text-decoration:none; color:#555555; }

#list h2 a:link			{ text-decoration:none; color:#666; }
#list h2 a:hover		{ color:#000; background-color:#D2E6FA; }
#list h2 a:visited		{ text-decoration:none; color:#666; }

#list h3 a:link			{ text-decoration:none; color:#999; }
#list h3 a:hover		{ color:#000; background-color:#D2E6FA; }
#list h3 a:visited		{ text-decoration:none; color:#999; }