html,body{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; }

body {
background-image:url(images/background_pattern.jpg);
background-repeat:repeat;
}

#menu {
	position:absolute;
	top: 0px;
	left: 20px;
	height: 225px;
	width: 136px;
	z-index:3;
	display:inline;
	vertical-align:top;
		}
		
	#servicesmenu {
	position: absolute;
	top: 180px;
	left: 730px;
	height: 455px;
	width: 190px;
	display:inline;
	z-index:3;
	
	vertical-align:top;
	
	border-left: 2px dotted #487BAF ;
	
		}
		
		
	

#rollover1 a {
position:absolute;
display:block;
width: 136px;
height: 32px;
background:url(images/home_button.png) 0 0 no-repeat;

}

#rollover1 a:hover { 
background-position: 0 -32px;
}
#rollover1 a:active {
background-position: 0 -32px;
}

#rollover2 a {
position:absolute;
display:block;
top: 32px;
width: 136px;
height: 31px;
background:url(images/company_button.png) 0 0 no-repeat;

}
#rollover2 a:hover { 
background-position: 0 -31px;
}
#rollover2 a:active {
background-position: 0 -31px;
}


#rollover3 a {
position:absolute;
display:block;
top:63px;
width: 136px;
height: 29px;
background:url(images/services_button.png) 0 0 no-repeat;

}
#rollover3 a:hover { 
background-position: 0 -29px;
}
#rollover3 a:active {
background-position: 0 -29px;
}

#rollover4 a {
position:absolute;
display:block;
top:92px;
width: 136px;
height: 31px;
background:url(images/clients_button.png) 0 0 no-repeat;

}
#rollover4 a:hover { 
background-position: 0 -31px;
}
#rollover4 a:active {
background-position: 0 -31px;
}


#rollover5 a {
position:absolute;
display:block;
top:123px;
width: 136px;
height: 28px;
background:url(images/stories_button.png) 0 0 no-repeat;

}
#rollover5 a:hover { 
background-position: 0 -28px;
}
#rollover5 a:active {
background-position: 0 -28px;
}

#rollover6 a {
position:absolute;
display:block;
top:151px;
width: 136px;
height: 27px;
background:url(images/coolthings_button.png) 0 0 no-repeat;

}
#rollover6 a:hover { 
background-position: 0 -27px;
}
#rollover6 a:active {
background-position: 0 -270px;

}

#endnav{
	position:absolute;
display:block;
top:178px;
width: 136px;
height: 40px;
background:url(images/buttomflag.png) 0 0 no-repeat;
}



#topbar{
				position: absolute;
				top: 0;
				left:175px;
				height:100px;
				background-image:url(images/topbar_background.jpg);
				width: 100%;
				z-index:2;
				
			     			 
			}









#container {	postion : absolute; 
				top: 100px; 
				left:175px;
				width:763px; 
				height:100%; 
				margin: 0 auto;
				
			
				 }
#subhead{
				position: absolute; 
				 top:100px; 
				 left:175px;
				 width:763px;
				 height:35px; 
				 z-index:1;
				 				
				 }

#wrap   {
	position: absolute;
	top:135px;
	width:763px;
	left:175px;
	
	padding-left:0px;
	padding-right:0px;
	background-color:#FFFFFF;
	z-index:1;
			
				 }

#content{ 

				 top:135px; 
				 width:743px;
				 left:175px;
				 height: 100%;
	             margin-top: 0px;
				 padding-left:10px; 
				 padding-right:10px; 
				
				 background-color:#FFFFFF;
				 z-index:2;
				 margin-bottom: -36px;

				
				 }
				 
				 #contentnarrow{ 

				 top:135px; 
				 width:530px;
				 left:175px;
				 height: 100%;
	             margin-top: 0px;
				 padding-left:10px; 
				 padding-right:10px; 
				
				 background-color:#FFFFFF;
				 z-index:2;
				 margin-bottom: -10px;

				
				 }


* html #container {
    height: 100%;
}


#footerspacer {      
  
				height:46px;
				
				
				
			}


#footer {      bottom: 0px; 		
               
  
				height:45px;
				background-image:url(images/footer_background.jpg);
				width: 763px;
				z-index:5;
				text-align:center;
				
				
			}
			
h1{		font-size:16px;
		font-family: arial, sans-serif;
		color:#000000;	 
		
		
		font-style:italic;		

}

h2{		font-size:13px;
		font-family: arial, sans-serif;
		color:#336699;	 
		font-weight:600;
		

}

h3 {
			color:#000000;
			font-family: arial, sans-serif;
			font-size:12px;
			line-height:2em;
			font-weight: 200;

}
	
				
h4 { 
		font-size:10px;
		font-family: arial, sans-serif;
		color:#999999;		 
		text-align:center;			
}
h5 { 
		font-size:14px;
		font-family: arial, sans-serif;
		color:#999999;		 
				
}

p {
			color:#000000
			font-family: arial, sans-serif;
			font-size:12px;
			line-height:2em;
		

}
.p1 {
			color:#6699FF;
			font-family: arial, sans-serif;
			font-size:12px;
			
}
.p2 {
			color:#000000;
			font-family: arial, sans-serif;
			font-size:13px;
			font-weight: 100;
			
}

a:link {color:#4678AE}
a:visited {color: #4678AE;}
a:active {color:#4678AE}
a:hover {color:#000000}

a {text-decoration: none;}

/*li {
list-style: none;
background: url(images/arrow.jpg) no-repeat left center  ;
padding-left: 15px;

}*/
ul { list-style-image: url(images/arrow.jpg); 
 }