@charset "UTF-8";
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
.clear {
	clear:both;
	}
	
a {color:#4192e4; text-decoration:underline; font-weight:bold; }	
a:hover {text-decoration:none;}

h1, h2 ,h3 {
	font-family:georgia, times, 'times new roman';
	}

em {
	font-style:oblique;
	}
	
strong {
	font-weight:bolder;
	}
	
/*CENTER ALIGN CONTENT*/	
#container {position:relative; width:780px; margin:0 auto;}	

		
/* NAVIGATION - CSS SPRITES*/

#nav 
{
	position:relative;
	float:left;
	width:780px;
	height:24px;
	padding:0;
	background-image: url(../images/navigation-sprite.jpg);
	background-repeat: no-repeat;
	}	
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
	}
	
#drops ul.drop {
	padding:5px;
	float:left;
	clear:both;
	width:inherit;
	margin-top:24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #999999;
	}

#drops ul.drop li {
    width:inherit;
	clear:both;
	}
	
#drops ul.drop a {	
	color:#000000;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	clear:both;
	float:left;
	}
	
#drops a {
	display: block;
	/*width: 10em;*/
	float:left;
	clear:both;
}

#drops li {
	float: left;
	/*width: 10em;*/
}

#drops li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}


#drops li:hover ul {
	left: auto;
	background-color: #CCCCCC;
}


#drops li:hover ul, #drops li.sfhover ul 
{
	
	left: auto;
	background-color: #CCCCCC;
	width: auto;
}



#drops li[title~="prodServ"]:hover ul 
{
	left: 95px;
	background-color: #CCCCCC;
	width: auto;
}

#drops li[title~="articles"]:hover ul 
{
	left: 322px;
	background-color: #CCCCCC;
	width: auto;
}



/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING*/	
#nav a.about, #nav a.products, #nav a.clients, #nav a.articles, #nav a.contact, #nav a.index, #nav a.home, #nav a.number {
	float:left;
	height:24px;
	text-indent:-999999px;
	background-image: url(../images/navigation-sprite.jpg);
	background-repeat: no-repeat;
	}
	
#nav a.about {	
	background-position:left top;
	width:95px;
	}
	
#nav a.products {	
	background-position:-96px 0;
	width:141px;
	}

#nav a.clients {	
	background-position:-237px 0;
	width:86px;
	}

#nav a.articles {	
	background-position:-323px 0;
	width:124px;
	}	
	
#nav a.contact {	
	background-position:-447px 0;
	width:113px;
	}	
	
#nav a.index {	
	background-position:-560px 0;
	width:96px;
	}	

#nav a.number {	
	background-position:-656px 0;
	width:125px;
	}	
	
#nav a.about:hover {	
	background-position:left -24px;
	}
	
#nav a.products:hover {	
	background-position:-96px -24px;
	}

#nav a.clients:hover {	
	background-position:-237px -24px;
	}

#nav a.articles:hover{	
	background-position:-323px -24px;
	}	
	
#nav a.contact:hover{	
	background-position:-447px -24px;
	}	
	
#nav a.index:hover {	
	background-position:-560px -24px;
	}
	
#nav a.number:hover{
	background-position:-656px 0px;
	}
	
#nav a#active1 {	
	background-position:left -24px;
	}
	
#nav a#active2 {	
	background-position:-96px -24px;
	}

#nav a#active3 {	
	background-position:-237px -24px;
	}

#nav a#active4{	
	background-position:-323px -24px;
	}	
	
#nav a#active5{	
	background-position:-447px -24px;
	}	
	
#nav a#active6 {	
	background-position:-560px -24px;
	}	
/*END NAVIGATION*/