/* CSS Document */

html, body {
	margin: 0px;
	padding:0px;
	background:#464646 url(../images/TOP_shadow.gif) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

#container {
			width: 864px;
			min-height:100%;
			margin:0 auto;
			padding: 0px;
			position:relative;
			background:url(../images/CONTAINER_bkg.gif) repeat-y;
			xborder:1px solid #FF0000;
}


*html #container {
			height:100%;
}
		

		

/*--- TOP -----------------------------------------------------------------------------------------------------------------------*/

		
		#masthead {
			width:864px;
			height:120px;
			float:left;
			padding: 0px;
			margin:0 0 0 0px;
			position:relative;
		}
		
			#masthead h1 a:link, #masthead h1 a:visited {
				width:864px;
				height:113px;
				display:block;
				overflow:hidden;
				padding: 0px;
				margin:0px;
				text-indent:-1000em;
			}
			
			#masthead h1 {
				padding: 0px;
				background:url(../images/MASTHEAD.gif) no-repeat;
				margin:0px;
				height:120px;
			}
			
			#main_nav {
				width:820px;
				height:40px;
				float:left;
				position:relative;
				margin:0 0 0 22px;
				padding:0;
				background-color:#2D2D2D;
				display:inline;
		
			}
			
				#menu {
					float:left;
					height:26px;
					text-transform:uppercase;
					padding:14px 0px 0 65px;
					margin:0;
				}
				
				#menu ul {
					list-style: none;
					padding: 0 0 0px 0;
					margin: 0px 0 0 0;
					border-left: 1px solid #CCCCCC;
					height:12px;
				}
				
				#menu ul li
				{
					background-image: none;
					padding: 0px;
					float: left;
					margin: 0;
					font-size: 12px;
					border-right: 1px solid #CCCCCC;
					font-family: Arial, Helvetica, sans-serif;
					line-height:12px;
				
				}
				
				#menu ul li a
				{
					display: block;
					padding-left: 13px;
					padding-right: 13px;
					text-decoration: none;
					color: #FFF;
					background: transparent;
					font-weight:bold;
				}
				
				#menu ul li a:hover, #menu ul li a.active
				{
					color: #FA9D1C;
					font-weight:bold;
				}
				
				
				
				#date {
					float:left;
					width:223px;
					height:40px;
					color:#FFFFFF;
					font-size:12px;
					line-height:40px;
					margin:0;
					padding:0 0 0 0px;
					text-align:center;
				}
							
			
		
/*--- CONTENT -----------------------------------------------------------------------------------------------------------------------*/

		#content {
			width:417px;
			float:left;
			padding: 30px 116px 30px 45px;
			margin: 0px 0 0 0;
		}
		
			.home {
				background: url(../images/CONTENT_bkg_home.gif) no-repeat;
			}
			
			.profile {
				background: url(../images/CONTENT_bkg_profile.gif) no-repeat;
			}
			
			.people {
				background: url(../images/CONTENT_bkg_people.gif) no-repeat;
			}
			
			.services {
				background: url(../images/CONTENT_bkg_services.gif) no-repeat;
			}
			
			.projects {
				background: url(../images/CONTENT_bkg_projects.gif) no-repeat;
			}
			
			.clients {
				background: url(../images/CONTENT_bkg_clients.gif) no-repeat;
			}
			
			
			#content ul {
				list-style: none;
				list-style-position:outside;
			}
			
			#content li {
				padding:0;
				margin:0 0 10px 14px;
			}
		
			#content img {
				border:none;
				margin:10px -40px 10px 10px;
				border:4px solid #FFFFFF;
			}
			
			#content img.link {
				border:none;
				margin:0px 0px 0px px;
				border:0px;
			}
				
			p, ul {
				margin:0 0 10px 0;
				padding:0;
				color:#FFFFFF;
			}
			
			
			
			#clearer {
				clear:left;
				padding:0;
				margin:0;
			}


/*--- LEFT -----------------------------------------------------------------------------------------------------------------------*/

		#sidebar-left {
			float: left;
			width: 204px;
			height:362px;
			margin:0 0 0 21px;
			padding: 35px 20px 0 20px;
			background:url(../images/LEFT_bkg.gif) no-repeat;
			display:inline;
		}
		
			#sidebar-left p {
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					color:#165D7E;
			}
				
			#sidebar-left input {
                    color: #165D7E;
                    background: #FFFFFF;
                    border: 1px solid #165D7E;
					margin: 0 0 5px 0;
            }

			#sidebar-left ul {
					list-style: none;
					padding: 0 0 0px 0;
					margin: 0px 0 0 0;
					height:12px;
					
		    }
				
				#sidebar-left ul li
				{
					background: url(../images/arrow.gif) no-repeat 0 2px;
					padding: 0 0 14px 0;
					margin: 0;
					font-size: 13px;
					font-family: Arial, Helvetica, sans-serif;
					line-height:12px;
					
				}
				
				#sidebar-left ul li a
				{
					padding: 0 0 0px 16px;
					margin:0 0 0 0;
					text-decoration: none;
					color: #165d7e;
					background: transparent;
					font-weight:bold;
					line-height:12px;
				}
				
				#sidebar-left ul li a:hover, #sidebar-left ul li a.active
				{
					color: #333;
					font-weight:bold;
				}

/*--- RIGHT -----------------------------------------------------------------------------------------------------------------------*/
		
		#sidebar-right {
			float: right;
			width: 216px;
			margin: 0;
			margin-left: 0;
			padding: 0px;
		}
		

/*--- BOTTOM -----------------------------------------------------------------------------------------------------------------------*/

		#bottom_cap {
			clear: both;
			padding: 0px;
			background-color:#333333;
			margin:0 auto;
			margin-left:21px;
			width:820px;
			border-left:1px solid #FFFFFF;
			border-right:1px solid #FFFFFF;
			height:40px;
			position:absolute;
			bottom:0;
			left:0;
			text-align:center;
			color:#FFFFFF;
			font-size:9px;
			line-height:40px;
		}
		
		#bottom_cap img {
				border:none;
				margin:0px 0px 0px px;
				border:0px;
			}
		
/*--- TEXT STYLES -----------------------------------------------------------------------------------------------------------------------*/
		
p, ul, li {
	font-size:12px;
	line-height:17px;
}

h2 {
	font-size:26px;
	margin:0 0 10px 0;
	color:#FFF;
}

h3 {
	font-size:14px;
	margin:5px 0 2px 0;
	color:#FA9D1C;
}

.small a:link, .small a:visited {
	font-size:10px;
	color:#000;
}

.small a:hover{
	color:#FA9D1C;
}


a:link, a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover {
	color:#FA9D1C;
}