<style>

		pre
	{
		font-family : verdana;
		font-size : 11px;
		color: #000000;
	}
		BODY
	{
		font: 8pt/16pt verdana; 
		color: #6C8499;  
		margin: 0px; 
	}
	p { 
	font: 8pt/16pt verdana; 
	margin-top: 0px; 
	line-height : 14px;
	}
	td { 
	font: 8pt verdana; 
	margin-top: 0px; 
	line-height : 14px;
	}

/*--- LINKS --------------------------------------------------------------------------------------------------------*/
	
	#header A 
	{ 	
		color: #6C8499;
		text-decoration : none;
		font-size : 11px;
		font-family : arial;
		font-weight: bold;
		letter-spacing: 0em;
	}  
		
	#header	A:LINK
	{
		color: #6C8499;
		text-decoration : none;
		font-size : 11px;
		font-family : verdana;
		font-weight:bold;
	}

	#header	A:VISITED
	{
		color: #6C8499;
		text-decoration : none;
		font-size : 11px;
		font-family : verdana;
		font-weight:bold;
	}

	#header	A:HOVER
	{
		color: #ff6600;
		text-decoration : none;
		font-size : 11px;
		font-family : verdana;
		font-weight:bold;
	}

		#header A:active
	{
		color: #ff6600;
		text-decoration : underline;
		font-size : 11px;
		font-family : verdana;
	}

		A 
	{ 	
		color: #ff6600;
		text-decoration : none;
		font-size : 11px;
		font-family : verdana;
	} 
	
		A:LINK
	{
		color: #ff6600;
		text-decoration : none;
		font-size : 11px;
		font-family : verdana;
	}

		A:VISITED
	{
		color: #ff6600;
		text-decoration : none;
		font-size : 11px;
		font-family : verdana;
	}

		A:HOVER
	{
		color: #ff6600;
		text-decoration : underline;
		font-size : 11px;
		font-family : verdana;
	}

		A:active
	{
		color: #ff6600;
		text-decoration : underline;
		font-size : 11px;
		font-family : verdana;
	}
		.services_off A 
	{ 	
		color: #6C8499;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	} 
	
		.services_off A:LINK
	{
		color: #6C8499;
		text-decoration : none;
	}

		.services_off A:VISITED
	{
		color: #6C8499;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	}

		.services_off A:HOVER
	{
		color: #6C8499;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	}

		.services_off A:active
	{
		color: #6C8499;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	}
		.services A 
	{ 	
		color: #ff6600;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	} 
	
		.services A:LINK
	{
		color: #ff6600;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	}

		.services A:VISITED
	{
		color: #ff6600;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	}

		.services A:HOVER
	{
		color: #ff6600;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	}

		.services A:active
	{
		color: #ff6600;
		text-decoration : none;
		font-family : verdana;
		font-size : 10px;
	}	
/*-- END LINKS --------------------------------------------------------------------------------------------*/


		.form
	{
		font-family : verdana;
		font-size : 11px;
		color: #6C8499;
	}
		.submit
	{
		font-family : verdana;
		font-size : 11px;
		color: #ffffff;
	}
		.smalltext
	{
		font-family : verdana;
		font-size : 10px;
		color: #6C8499;
	}
		.lspace
	{
		line-height : 20px;
		text-align : justify;
	}
		.nostyle
	{
		background-color : #3A5A76;
	}
	
	.port_head { 
	font: 10pt verdana; 
	font-weight:bold;
	color:3a5a76;
	}


/* specific divs */
#container { 
	margin: 0px; 
	}

#header { 
	background: url(../../../images/head.gif) no-repeat top left; 
	width:768;
	height:297;
	}
	
#web { 
	margin:0px;
	position:absolute;
	left:0px;
	width:768px;
	}	
	
#web2 { 
	margin:0px;
	position:absolute;
	margin: 150px 0 0 0;
	left:0px;
	width:768px;
	}	
	
#menu { 
	position: absolute; 
	left:250px; 
	top:210px; 	
	text-align : right;
	}
	
#internet { 
	position:relative;
	margin-top:9px;
	height:700px;
	width:768px;
	}
	
#footer { 
	position:relative;
	height:14;
	width:768px;
	text-align : right;
	font: 7pt/16pt verdana;
	}
	
/* HOME PAGE ------------------------------------------------------------------------------------------- */	

#casestudies { 
	float:left;
	width:328px;
	height:220px;
	margin-top: 20px;
	margin-left: 20px;
	}

#clientlist { 
	float:right;
	margin-top:20px;
	width:400px;
	height:220px;
	}

#clientskills { 
	float:left;	
	width:338px;
	height:300px;
	margin-top: 20px;
	margin-left: 20px;
	}
	
#clientdescription { 
	float:right;	
	width:390px;
	height:300px;
	margin-top: 20px;
	}
	
#design { 
	float:left;
	margin:2px;
	width:120px;
	}
	
#development { 
	float:left;
	margin-left: 150px;
	margin:2px;
	width:150px;
	}
	
#hosting { 
	float:left;
	margin-left: 300px;
	margin:2px;
	width:150px;
	}
#clear { 
	clear:both;
	}
/* HOME PAGE ------------------------------------------------------------------------------------------- */
	
/* LINES ---------------------------------------------------------------------------------------------------- */
#verticle { 
	position:absolute;
	left:280px;
	width:1px;
	height:730px;
	background:#CDDAE5;
	}

#divider { 
	margin:20;
	background: transparent url(../../../images/line_divider.gif) top left repeat-x;
	width:450px;
	height:1px;
	}
	
#baseline {
	position:absolute;
	margin:0;
	width:768px;
	height:20px;
	background: transparent url(../../../images/line_divider.gif) top left repeat-x;
	left: 5px;
	top: 608px;
	}
/* LINES ---------------------------------------------------------------------------------------------------- */
	






/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
/*  HEADERS ----------------------------------------------------------------------------------------------- */
/* NAVIGATION HEADERS ----------------------------------------------------------------------------------------------- */
#navHeader h3 { 
	background: transparent url(../../../images/header_work.gif) no-repeat top left; 
	margin: 0px;
	position: absolute; 
	left:373px; 
	top:234px;
	width:768;
	height:293;
	}
#navHeader h3 span {
	display:none;
	}
/* NAVIGATION HEADERS ----------------------------------------------------------------------------------------------- */

/* NEWS HEADERS ----------------------------------------------------------------------------------------------- */
#internet h1 { 
	background: transparent url(../../../images/header_casestudies.gif) no-repeat top left; 
	margin: 0px;
	width:200;
	height:30;
	}
#internet h1 span {
	display:none;
	}
#internet h2 { 
	background: transparent url(../../../images/header_clientlist.gif) no-repeat top left; 
	margin: 0px;
	width:235;
	height:20;
	}
#internet h2 span {
	display:none;
	}
#internet h3 { 
	margin: 0px;
	}
#internet h3 span {
	display:none;
	}
#internet h4 { 
	margin: 0px;
	width:235;
	height:40;
	}
#internet h4 span {
	display:none;
	}
/* NEWS HEADERS ----------------------------------------------------------------------------------------------- */
/*  HEADERS ----------------------------------------------------------------------------------------------- */







/* BOXES ------------------------------------------------------------------------------------------------------ */
.services {
	float: left;
	padding: 1px;
	margin: 1px;
	font-family : verdana;
	font-size : 10px;
	width:160px;
	height:20px;
	background: #ffffff;	
	color:#ff6600;
	border: 1px solid #CBD7E1;
	}
.services li { list-style-image: url(../../../images/block_arrow.gif);
}
.services_off {
	float: left;
	padding: 1px;
	margin: 1px;	
	font-family : verdana;
	font-size : 10px;
	width:160px;
	height:20px;
	background: #eeeeee;
	border: 1px solid #CBD7E1;
	color:#CBD7E1;
	}
.services_off li { list-style-image: url(../../../images/block_arrow.gif);
}
.services2 {
	float: left;
	padding: 0px;
	margin: 1px;	
	text-indent: 15px;
	width:150px;
	height:14px;
	}

#formBox {
	float: left;
	padding: 0px;
	margin: 1px;
	width:70px;
	height:20px;
	text-align : right;
	}
/* BOXES ------------------------------------------------------------------------------------------------------ */


</style>

