/* --------------Global classes--------------*/

* { padding: 0; margin: 0; list-style:none;}

body {
 line-height:1.3em;
 background: #ebfefc url(img/background.jpg) no-repeat top left;
 width: 8500px;
 height:100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}

p { color: #333333; font-size:18px;}
a {color: #fff; text-decoration:none;}
a:hover {color: #ebfefc; text-decoration:none; outline: none;}
img { border:0;}
h1{	height:124px;  
	width:500px;
	background:url(img/logo.jpg) no-repeat;  
	text-indent:-9000px;}
.blue{color:#AFEDED;}
	
/* --------------Main Container--------------*/

.container { 
 float: left;
 position:relative;
 margin: 0 auto;
 width: 1600px;
 height: 600px;
}  		

/* --------------Navigation Menu--------------*/

ul.nav-menu {
	position:absolute; 
	list-style: none; 
	margin:0px;	
	padding:0px; 
    width:478px;
	height:61px;
	top:52px;
	left:530px;}
ul.nav-menu li {display: inline; }
ul.nav-menu li a {
	display: block; 
	float: left; 
	height: 61px; 
	background-image: url(img/nav-menu.jpg); 
	text-indent: -99999px;
	outline:none;}

/* Normal State */

	ul.nav-menu li a.butthome {
		width: 100px; background-position: 0 0;}
	ul.nav-menu li a.buttserv {
		width: 92px; background-position: -102px 0;}
	ul.nav-menu li a.buttport {
		width: 92px; background-position: -194px 0;}
	ul.nav-menu li a.buttabout {
		width: 93px; background-position: -286px 0;}
	ul.nav-menu li a.buttcont {
		width: 92px; background-position: -388px 0;}

/* Hover State */
		
	ul.nav-menu li a.butthome:hover, ul.nav-menu li a.butthome:focus {
		background-position: 0 -61px;}
	ul.nav-menu li a.buttserv:hover, ul.nav-menu li a.buttserv:focus {
		background-position: -102px -61px;}
	ul.nav-menu li a.buttport:hover, ul.nav-menu li a.buttport:focus {
		background-position: -194px -61px;}
	ul.nav-menu li a.buttabout:hover, ul.nav-menu li a.buttabout:focus {
		background-position: -286px -61px;}
	ul.nav-menu li a.buttcont:hover, ul.nav-menu li a.buttcont:focus {
		background-position: -388px -61px;}
		
/* Selected State */		
		
	ul.nav-menu li a.butthomeup {
		width: 100px; background-position: 0 -122px;}
	ul.nav-menu li a.buttservup {
		width: 92px; background-position: -102px -122px;}
	ul.nav-menu li a.buttportup {
		width: 92px; background-position: -194px -122px;}
	ul.nav-menu li a.buttaboutup {
		width: 93px; background-position: -286px -122px;}
	ul.nav-menu li a.buttcontup {
		width: 92px; background-position: -388px -122px;}
		
		
/* --------------Home Page--------------*/

#homepage {
	background: url(img/headerback.jpg) repeat-x top left;
}
#logo {
	position:absolute;
	width:500px;
	height:124px;
	top:0px;
	left:0px;
}
#thinking {
	position:absolute;
	height:61px;  
	width:593px;
	top:500px;
	left:350px;
}

#homepage h2{height:61px;  
	width:593px;
	background:url(img/thinking.jpg) no-repeat;  
	text-indent:-9000px;}

/* --------------Services--------------*/

#services {	background: url(img/headerback.jpg) repeat-x top left;
}

#services h2{height:113px;  
	width:368px;
	background:url(img/services.jpg) no-repeat;  
	text-indent:-9000px;}

#servicesbox{
	position:absolute;
	width:800px;
	height:600px;
	top:0px;
	left:20px;
}
#servicescontent {
	position:absolute;
	width:641px;
	height:443px;
	top:120px;
	left:25px;
	background: url(img/blackboxbig.png) no-repeat;
}
#servicescontent .servlist {
	font-size:14px;
	color: #FFF;
	padding:20px 15px 15px 30px;
}
#icons {
	position:absolute;
	width:264px;
	height:281px;
	top:118px;
	left:480px;
}
#services .menuarea {
	position:absolute;
	width:540px;
	height:30px;
	top:52px;
	left:505px;
}

/* --------------Portfolio--------------*/

#portfolio { background: url(img/headerback.jpg) repeat-x top left;}

#portfolio h2{height:113px;  
	width:368px;
	background:url(img/portfolio.jpg) no-repeat;  
	text-indent:-9000px;}

#portfolio .portbox {
	position:absolute;
	width:53px;
	height:96px;
	top:120px;
	left:661px;
	z-index:3;
}
#portfolio .background {
	position:absolute;
	width:753px;
	height:496px;
	top:120px;
	left:24px;
	background: url(img/blackboxbig.png) no-repeat;
}
#portfolio .galleryarea {
	position:absolute;
	width:600px;
	height:434px;
	top:150px;
	left:55px;
}
.title {
	color:#0776D5;
	font-weight:bold;
}
.titlelink{
	color: #0776D5;
	font-weight:bold;
}
.titlelink:hover{
	color:#0776D5;
	text-decoration:underline;
}
.image img { 
	float: left;
	display: inline; 
	padding-right:25px; 
	padding-bottom:25px;  
}
#portfolio .menuarea {
	position:absolute;
	width:551px;
	height:30px;
	top:52px;
	left:525px;
}
/* --------------Meet the team--------------*/

#team {	background: url(img/headerback.jpg) repeat-x top left;
}

#team h2{height:113px;  
	width:368px;
	background:url(img/about.jpg) no-repeat;  
	text-indent:-9000px;}

#team .peeps {
	position:absolute;
	width:53px;
	height:96px;
	top:130px;
	left:575px;
	z-index:3;
}
#team .intro {
	position:absolute;
	padding:20px;
	width:550px;
	height: 418px;
	top:120px;
	left:11px;
	background: url(img/blackboxbig.png) no-repeat;
	z-index:2;
}
#team .intro p{
	font-size:14px;
	color: #fff;
	line-height:1.2;
}
#team .contents{
	position:absolute;
	left:34px;
	top:300px;
	width: 638px;
	height: 282px;
	z-index:3;
}	
#team .menuarea {
	position:absolute;
	width:551px;
	height:30px;
	top:52px;
	left:480px;
}	

/* --------------Contact Page--------------*/

#contact {	background: url(img/headerback.jpg) repeat-x top left;
}

#contact h2{height:113px;  
	width:368px;
	background:url(img/contact.jpg) no-repeat;  
	text-indent:-9000px;}

#contact .contactform {
	position:absolute;
	width:480px;
	height:350px;
	top:150px;
	left:175px;
	background: url(img/contactback.jpg) no-repeat top left;
	padding:40px 0 0 30px;
}
#contact .background {
	position:absolute;
	width:753px;
	height:496px;
	top:120px;
	left:4px;
	background: url(img/blackboxbig.png) no-repeat;
}
#contact .contact-info {
	position:absolute;
	width:268px;
	height:269px;
	top:125px;
	left:12px;
	padding-left:15px;
	padding-top:10px;
}
#contact .contact-info p{
	font-size:14px;
	color: #fff;
}
#contact .contact-info h1{
	font-size:16px;
	color: #0776d5;
}
#contact .contact-info a{
	font-size:14px;
	color: #fff;
	text-decoration:none;
}
#contact .contact-info li{
	font-size:12px;
	color: #fff;
}
#contact .envelope {
	position:absolute;
	width:53px;
	height:96px;
	top:150px;
	left:610px;
}
#contact .w3c {
	position:absolute;
	width:215px;
	height:38px;
	top:570px;
	left:710px;
}
#contact .menuarea {
	position:absolute;
	width:551px;
	height:30px;
	top:52px;
	left:405px;
}
/* --------------Anchor holders--------------*/

#anchor1 {/* -------home------*/
position:absolute;
top:0;
left:0;}

#anchor2 {/* -------services------*/
position:absolute;
top:0;
left:1600px;}

#anchor3 {/* -------portfolio------*/
position:absolute;
top:0;
left:3200px;}

#anchor4 {/* -------about us------*/
position:absolute;
top:0;
left:4800px;}

#anchor5 {/* -------contact------*/
position:absolute;
top:0;
left:6380px;}