@charset "UTF-8";
/* CSS Document */

html, body {
height: 100%;
}

body {
	background-color:#333333;
	border: none;
	margin:auto;
	}

html, container {
height: 100%;
}

#container {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:950px;
  min-height: 100%;
  margin: auto;
  background-color:#FFFFFF;
} 	
	
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	position: relative;
	top:-35px;
	color: #000;
	width: 527px;
	padding-left: 84px;
	}	
	
p.home {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	position: relative;
	top:-40px;
	color: #666666;
	width: 700px;
	padding-left: 84px;
	}	
	
a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size: 11px;
	text-decoration:none;
	outline-style:none;
	}
	
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#ed1c24;
	font-size: 11px;
	text-decoration:none;
	}
	
a img{
	background: none;
	border: none;
	}	
	
#masthead {
	padding: 0px;
	margin: 0;
	}
	
#header {
	position: relative;
	top: -40px;
	left: 84px;
	padding: 0;
	}
	
#footer {
	position:relative;
	padding-top: 50px;
	}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
	width:700px;		
	}	
	
#nav {
	position:relative;
    width:100%;
	height:24px;
	background-color:#000000;
	top:-123px;
	}


#nav ul {
	position:relative;
	top:6px;
	left:0px;
	float:left;
	list-style:none;
	margin:0 0 0 0px;
    padding:0 0 0 0px;
	left:84px;
    }
	
#nav li {
    display:inline;
    float:left;
    margin:0;
    padding:0; 
    }	

#nav li a, #nav li span {
    display: block;
    float:left;
    height:11px;
	background: url(images/nav.jpg) no-repeat;
	text-indent:-9999px;
	text-transform:uppercase;
	outline-style:none;
	}

li#about a, li#about span {
    background-position: 0 0;
	width:47px;
	overflow:hidden;
}

li#about a:hover, li#about.on a, li#about span {
    background-position: 0px -11px;
}

li#approach a, li#approach span {
   	background-position: -47px 0px;
	width:92px;
	overflow:hidden;
}

li#approach a:hover, li#approach.on a, li#approach span {
    background-position: -47px -11px;
}

li#clients a, li#clients span {
   	background-position: -139px 0px;
	width:69px;
	overflow:hidden;
}

li#clients a:hover, li#clients.on a, li#clients span {
    background-position: -139px -11px;
}

li#contact a, li#contact span {
   	background-position: -208px 0px;
	width:56px;
	overflow:hidden;
}

li#contact a:hover, li#contact.on a, li#contact span {
    background-position: -208px -11px;
}