/* CSS Document */

body{
	background: url(Images/background.png) repeat-x;
	background-color:#6b6b6b;
	font-family:"Agency FB";
	font-size: 12px;
}

#container{
	position: relative;
	width: 800px;
	margin: auto;
	height: 850px;
}

div.boardertop{
	position: absolute;
	width: 800px;
	margin: auto;
	height: 1px;
	background: #545454 repeat-y;
	left: 0px;
	top: 0;
}

div.bodytop{
	position: absolute;
	width: 798px;
	margin: auto;
	height: 40px;
	left: 1px;
	top: 0;
	z-index: 5;
}

div.bodybottom{
	position: absolute;
	width: 798px;
	margin: auto;
	height: 40px;
	left: 1px;
	top:510px;
}

div.boarderright{
	position: absolute;
	width: 1px;
	height: 550px;
	background: #545454 repeat-y;
	right: 0px;
	top: 0;
	left: 799px;
}

div.boarderleft{
	position: absolute;
	width: 1px;
	height: 550px;
	background: #545454 repeat-y;
	top: 0;
	left: 0;
}

div.footer{
	position:absolute;
	width:148px; 
	height:23px;
	left:323px; 
	top:821px;
	margin: auto;	
}
div.header{
	position:absolute;
	width:800px;
	height:100px;
	margin: auto;
	left: 0;
	top: 0;
	}

div.contactlink{
	position:absolute;
	width:95px;
	height:19px;
	margin: auto;
	top: 70px;
	left: 598px;
	}

/* 
NAVIGATION START
*/
div.nav{
	position:absolute;
	width:800px;
	height:40px;
	margin: auto;
	top: 100px;
	}
	
div.button1{
	position:absolute;
	width:205px;
	height:40px;
	margin: auto;
	top: 0px;
	left: 4px;
	}

div.button2{
	position:absolute;
	width:242px;
	height:40px;
	margin: auto;
	top: 0px;
	left: 237px;
	}
	
div.button3{
	position:absolute;
	width:113px;
	height:40px;
	margin: auto;
	top: 0px;
	left: 508px;
	}

div.button4{
	position:absolute;
	width:145px;
	height:40px;
	margin: auto;
	top: 0px;
	left: 651px;
	}
/*
NAVIGATION END
*/


div.flash{
	position:absolute;
	width:800px;
	height:300px;
	margin: auto;
	left: 0;
	top: 140px;
	}
	
div.webflashheader{
	position:absolute;
	width:498px;
	height:60px;
	margin: auto;
	left: 159px;
	top: 50px;
	z-index:0;
	}

div.servicesflashheader{
	position:absolute;
	width:600px;
	height:60px;
	margin: auto;
	left: 103px;
	top: 53px;
	z-index:0;
	}
	
div.webdesignbodycontainer{
	position:absolute;
	width:471px;
	height:362px;
	margin: auto;
	left: 283px;
	top: 120px;
	}

div.servicesbody{
    background:#e4e4e4;
	position:absolute;
	width:800px;
	height:550px;
	margin: auto;
	left: 0;
	top: 140px;
	}
	
div.webdesignbody{
    background:#e4e4e4;
	position:absolute;
	width:800px;
	height:550px;
	margin: auto;
	left: 0;
	top: 140px;
	}

div.servicesbodycontainer{
	position:absolute;
	width:753px;
	height:348px;
	margin: auto;
	left: 1px;
	top: 127px;
	}
	
div.webscroll {
	overflow:scroll;
	position:absolute;
	left: 31px;
	width: 210px;
	height:404px;
	top: 75px;
}

div.pastprojectsheader	{
	position:absolute;
	width:211px;
	height:33px;
	margin: auto;
	left: -1px;
	top: 2px;
	}

div.bodytext	{
	position:absolute;
	width:441px;
	height:208px;
	margin: auto;
	left: 42px;
	top: 94px;
	}

div.contactnow	{
	position:absolute;
	width:399px;
	height:33px;
	margin: auto;
	left: 69px;
	top: 329px;
	}

	
div.bodylinetop{
	position: absolute;
	width: 456px;
	margin: auto;
	height: 1px;
	background: #545454 repeat-y;
	left: 35px;
	top: 90px;
}

div.bodylinemiddle{
	position: absolute;
	width: 1px;
	margin: auto;
	height: 229px;
	background: #545454 repeat-y;
	left: -3px;
	top: 117px;
}

div.bodylinebottom{
	position: absolute;
	width: 456px;
	margin: auto;
	height: 1px;
	background: #545454 repeat-y;
	left: 35px;
	top: 366px;
}

div.bodyboardertop{
	position: absolute;
	width: 1px;
	margin: auto;
	height: 550px;
	background: #545454 repeat-y;
	left: 100px;
	top: 0;
}

div.bodyboarderbottom{
	position: absolute;
	width: 1px;
	margin: auto;
	height: 550px;
	background: #545454 repeat-y;
	left: 100px;
	top: 0;
}

div.piclinks{
	position:absolute;
	width:800px;
	height:250px;
	margin: auto;
	left: 0px;
	top: 440px;
	}

div.footerinfo{
	position: absolute;
	width:800px;
	height:80px;
	margin: auto;
	left: 0px;
	top: 690px;
	}

div.footerlinks{
	position:absolute;
	width:800px;
	height:40px;
	margin: auto;
	left: 0px;
	top: 770px;
	}
div.footertext{
	position:absolute;
	width:439px;
	height:24px;
	margin: auto;
	left: 251px;
	top: 777px;
	z-index:5;
	}

div.project1{
	position:absolute;
	width:167px;
	height:157px;
	margin: auto;
	left: -14px;
	top: 51px;
	}

div.project1text{
	position:absolute;
	width:181px;
	height:25px;
	margin: auto;
	left: 15px;
	top: 203px;
	}


div.projects{
	position:absolute;
	width:250px;
	height:283px;
	margin: auto;
	left: 22px;
	top: 138px;
	}

div.projectsboarderleft{
	position: absolute;
	width: 1px;
	margin: auto;
	height: 202px;
	background: #545454 repeat-y;
	left: 15px;
	top: 47px;
}

div.projectsboarderright{
	position: absolute;
	width: 1px;
	margin: auto;
	height: 202px;
	background: #545454 repeat-y;
	left: 227px;
	top: 47px;
}

div.contactbox{
	position: absolute;
	width: 200px;
	margin: auto;
	height: 186px;
	background: #545454 repeat-y;
	background-color: #D8D8D8;
	left: 0;
	top: 0px;
}

div.contactemail{
	position: absolute;
	width: 118px;
	margin: auto;
	height: 25px;
	left: 76px;
	top: 148px;

}





a.navigation:link {
            color: #015a98;
			font:Agency FB;
			font-size:16px;
}
a.navigation:hover {
            color:#999999;
			font-size:14px;
			font:Agency FB;
			font-size:16px;
			
}
a.navigation:active {
            color:#000000;
			font-size:14px;
			font:Agency FB;
			font-size:16px;
}
a.navigation:visited {
            text-decoration: none;
			color: #015a98;
			font-size:16px;
			font:Agency FB;