@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background-image: url(images/topbg.gif);
	background-repeat: repeat-x;
	background-color:#2b2f30;
	font: 12px "Century Gothic";
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */	
}

img  {
	border-style: none;
}

a {
	color:#1d5f79;
	text-decoration:none;
}

a:hover {
	color:#FFF;
	text-decoration:none;
}

a:visited {
	color:#1d5f79;
	text-decoration:none;
}

.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 75px auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #2b2f30;
	width:780px;
	height: 164px;
	background-image:url(images/header.jpg);
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #menu {
	height: 49px;
	background-color: none;
	background-image:url(images/nav.jpg);
	font-size: 14px;
}
.oneColFixCtrHdr #menu a {
	color: #000;
}
.oneColFixCtrHdr #menu a:hover {
	color: #1d5f79;
}
.oneColFixCtrHdr #menu a:visited {
	color: #000;
}

.oneColFixCtrHdr #menu_active {
	height: 33px;
	background-color: none;
	background-image:url(images/active_bg_03.png);
	background-position:center;
	font-weight: bold;
	font-size: 14px;
	color:#FFF; 
	float:left; 
	background-repeat:no-repeat; 
	padding:13px 0 0 0; 
	margin: 3px 0 0 50px; 
	width:130px; 
	font-size:16px; 
	font:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}


.oneColFixCtrHdr #menu_item {
	height: 33px;
	background-color: none;
	font-size: 14px;
	color:#000; 
	float:left; 
	background-repeat:no-repeat; 
	padding:15px 0 0 0; 
	margin:0 0 0 50px; 
	width:130px; 
	font-size:16px; 
	font:Arial, Helvetica, sans-serif;
	text-align:center;
	
}
.oneColFixCtrHdr #menu_item a {
	color: #000;
}
.oneColFixCtrHdr #menu_item a:hover {
	color: #0b6b90;
}
.oneColFixCtrHdr #menu_item a:visited {
	color: #000;
}








.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #home-body p {
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColFixCtrHdr #text_links {
	padding: 10px 0 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:none;
	color:#FFF;
	text-align:center;
	font-size:11px;
	margin: 0 auto;
}

.oneColFixCtrHdr #text_links a {
	text-decoration:underline;
	color:#FFF;
}

.oneColFixCtrHdr #text_links a:hover {
	text-decoration:underline;
	color:#CCC;
}

.oneColFixCtrHdr #text_links a:visited {
	text-decoration:underline;
	color:#FFF;
}


/* Portfolio */

.oneColFixCtrHdr #portfolio { 
	margin:0 auto; 
	padding:20px 0 0 0; 
}
.oneColFixCtrHdr #portfolio img { 
	float:left; 
	margin:0 80px 8px 0; 
}
.oneColFixCtrHdr #portfolio img.last { 
	margin:0 auto; 
}
.oneColFixCtrHdr #portfolio p { 
margin:0 auto; 
}



/* ---------------------------------------
   RECENT PROJECTS
   --------------------------------------- */
   
.oneColFixCtrHdr #recent-work {
	background: none;
	font-size: 12px;
	margin: 0px;
	padding: 20px 0px 20px 0;
	position: relative;
	width: 780px;
	}

	.oneColFixCtrHdr #recent-work img.recent-arrow {
		right: 20px;
		position: absolute;
		top: -26px;
		}
   
   
   
   
ul#works {
   	display: block;
   	margin: 0;
   	margin-left: -20px;
   	margin-bottom: 20px;
   	padding: 0;
   	list-style: none;
   	}
   	
   		ul#works li{
   			float: left;
   			height: 200px;
			margin:10px 20px 0 40px;
   			width: 200px;
   			}
   			
   			ul#works li h3{
   				letter-spacing: -0.25px;
   				margin: 4px 0px 3px 0px;
   				text-indent: 3px;
   				}
   				
   				ul#works li h3 a {
   					color: #010101;
   					text-decoration: none;
   					}
   					
   					ul#works li h3 a:hover {
   						color: #4fbcd8;
   						}
   					
   				ul#works p {
   					line-height: 1.6em;
   					padding-left: 3px;
   					}






.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:none;
	color:#FFF;
	text-align:center;
	font-size:11px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}