@charset "utf-8";
/* CSS Document */


/* dropdown menu starts here */

#nav {
	position: absolute;
	top: 0;
	left: -30px;
	list-style: none;
}

#nav > li {
	margin-right: 1px;
	float: left;
	position: relative;
}

#nav li > a {
	padding: 7px 7px 10px 7px;
	line-height: 16px;
	display: block;
	text-decoration: none;
	text-align: left;
	color:#666666;
	font-family: 'Alegreya Sans';
	font-size:12px;

}

#nav > li > a:hover {
	color: #97b9d1;
}

#nav li.web > a, #nav li.services > a, #nav li.about > a {
	background-repeat: no-repeat;
}

#nav li.services > a {
	width: 100px;
	background-image: url(../images/services_out.png);
}

#nav li.services > a.over {
	width: 100px;
	background-image: url(../images/services_over.png);
	color:#283b41;
}

#nav li.web > a {

	width: 134px;

	background-image: url(../images/web_out.png);

}

#nav li.web > a.over {

	width: 134px;

	background-image: url(../images/web_over.png);

	color:#283b41;

}

#nav li.about > a {

	width: 100px;

	background-image: url(../images/services_out.png);

}

#nav li.about > a.over {

	width: 100px;

	background-image: url(../images/services_over.png);

	color:#283b41;

}

#nav li ul {
	margin: 0;
	padding: 10px 0 0 10px;
	width: 470px;
	height: 125px;
	display: none;
	position: absolute;
	left: 0;

	top: 100%;
	background-image: url(../images/dd_bg.png);

	background-repeat: no-repeat;

	z-index: 9;

	overflow: hidden;

	list-style: none;

}

#nav li:hover ul {

	display: block;

}

#nav li ul li, #nav li ul li a {

	float: left;

}

#nav li ul li a {

	padding: 3px 0;

	width: 160px;

	font-size: 12px;

	display: block;

	background-image: none;

	text-align: left;

	color:#283b41;

	font-family: 'Alegreya Sans';
	font-size:12px;
}

#nav li ul li a:hover {

	text-decoration: underline;

}

#nav li ul li.special a {

	width: auto;

	/*margin: 12px 0 0 25px;*/

	color:#660033;

	font-family: 'Alegreya Sans';
	font-size:12px;
}

#nav li ul li.special a:hover {

	text-decoration: none;

}

#nav li ul li.special.first {

	clear: left;

	position: static;

}

/* end of dropdown menu */
