html, body  
	{background: #ffffff; 
	 text-align: center; 
	 font-size: 1em; 
	 font-family: tahoma, verdana, helvetica, sans-serif;
	}
body
	{margin: 0px; 
	 padding: 0px; 
	 font-size: 1em; 
	 text-align: left;
	 background-image:url(images/bg-top1.jpg);
	 background-repeat:no-repeat;
	 background-position:top center;
	}
img 
  {border: 0px;
	}
h1 
	{font-size: 1.4em; 
	 font-weight: bold;
	}
h2 
	{font-size: 1.2em;
	}
h3
	{font-size: 1em; 
	 font-weight: bold;
	}
	
	
	
	
#container{
  width:889px;
  height:238px;
	margin:auto;
  text-align:center;
}
/* MAIN NAV */

#container-nav {
  height:106px;
  position:relative;
}
#main-nav {
  text-align:left;
  float:left;
  position:absolute;
  bottom:10px;
  left:5px;

}
#main-nav ul {
  display:inline;
  margin:0;
  padding:0px;
  text-transform:uppercase;
		
}
#main-nav ul li a strong {
  color:#d00e24;
	font-size: 1.2em;
	}

#main-nav ul li {
  padding:0px 10px 0px 10px;
  display:inline;
	border-right:1px solid red;
}

#main-nav ul a {
  text-decoration:none;
  color:#d72843;
  font-size:11px;
  font-weight:bold;
	}

#main-nav ul a:hover {
  color:#f7092d;
	font-size:13px;
}

#logo{
  float:left;
  position:absolute;
  top:0px;
  right:-5px;
}
#content{
  width:890px;
  text-align:left;
	height:400px;
}
#project-heading {
  text-align:left;
  padding:10px 0px 10px 15px;
  color:#6f6f6f;
  background-color:#e0dfde;
  font-size:18px;
  line-height:20px;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:8px;
	
}
#project-heading1 {
  text-align:left;
  padding:10px 0px 10px 15px;
    background-color:#e0dfde;
  font-size:18px;
  margin-bottom:8px;
	}
#portfolio-left {
  float:left;
  width:675px;
  margin-right:25px;
	
}

#portfolio-right {
  float:left;
  padding-top:5px;
  width:180px;
  border-bottom:#cf1023 solid 20px;
  margin-bottom:10px;
	
}
.project-preview {
  margin:4px 5px 14px 5px;
  float:left;
  height:300px;
  width:31%;
  border-bottom:#ccc 4px solid;
	
 }
 .project-preview h1 {
  font-size:13px;
  color:black;
  margin-top:6px;
	text-decoration:none;
}
#portfolio-right h3 {
  color:#cf1023;
  margin:1px 0 10px 0;
}
#portfolio-left-center {
  float:left;
  padding:5px 0px 0px 30px;
	width:675px;
  margin-right:15px;
	
}

#portfolio-right-center {
  float:left;
  width:180px;
  border-bottom:#cf1023 solid 20px;
  margin-bottom:20px;
	
}
#nav {
	PADDING:3px 3px 3px 0px;
	DISPLAY: block;
	FLOAT: left; 
	WIDTH: 190px;
	
}
#nav P {
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold; 
	PADDING-TOP: 0px
}
#nav UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}
#nav A {
	COLOR: #000000;
	TEXT-DECORATION: none
}
#nav UL LI {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 4px;
	MARGIN: 2px;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #999999 1px dotted;
	LIST-STYLE-TYPE: none;
	LETTER-SPACING: 0.1em
}
#nav UL LI:hover {
	FONT-WEIGHT: bold; 
	BACKGROUND-COLOR: #ffffff
}


	/* FOOTER */

#footer {
  height:281px;
  background-image:url(images/bg-bottom.png);
  background-repeat:repeat-x;
  font-size:9px;
  color:#e7e6e5;	
  padding-top:35px;
	display:block;
}

#footer a{
  color:#e7e6e5;
  text-decoration:none;
  font-weight:normal;
}

#footer a:hover{
  text-decoration:underline;
}
	
	/* HACKS */

.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 */