@charset "utf-8";
/* Main Navigation
-------------------------------------------*/
#navmain {
	position: absolute;
	top: 59px;
	right: 45px;
	width: 497px;
	height: 15px;
}

#navmain ul {
	width: 497px;
	height: 15px;
	background: transparent url("../../images/navmain.gif") left top no-repeat;
	position: relative;
	padding: 0;
	margin: 0;	
}

#navmain li {
	float: left;
	height: 15px;
	background: none;
	padding: 0;
	margin: 0;
}

#navmain a {
	display: block;
	height: 15px;
	width: 100%;
}

#nav-home {
	width: 77px;
}

#nav-home.active a,
#nav-home a:hover {
	background: transparent url("../../images/navmain.gif") 0px -25px no-repeat;	
}

#nav-services {
	width: 108px;
}

#nav-services.active a,
#nav-services a:hover {
	background: transparent url("../../images/navmain.gif") -77px -25px no-repeat;	
}

#nav-portfolio {
	width: 122px;
}

#nav-portfolio.active a,
#nav-portfolio a:hover {
	background: transparent url("../../images/navmain.gif") -185px -25px no-repeat;	
}

#nav-prices {
	width: 87px;
}
#nav-prices.active a,
#nav-prices a:hover {
	background: transparent url("../../images/navmain.gif") -307px -25px no-repeat;	
}

#nav-contact {
	width: 103px;
}

#nav-contact.active a,
#nav-contact a:hover {
	background: transparent url("../../images/navmain.gif") -394px -25px no-repeat;	
}


/* Secondary Navigation 
-------------------------------------------*/
#navsecondary {
	margin: 0;
	padding: 0;
}

#navsecondary li {
	text-transform: uppercase;
	font-size: 12px;
	background: none;
	margin: 0;
	padding: 0;	
}

#navsecondary a {
	color: #333;
}


/* Colorful Text and Hover
-------------------------------------------*/
.aqua, #navsecondary a.aqua:hover {
	color: #0cf;
}

.apple-green, #navsecondary a.apple-green:hover {
	color: #6f0;
}

.yelllow, #navsecondary a.yellow:hover {
	color: #fc0;
}

.pink, #navsecondary a.pink:hover {
	color: #f09;
}

.orange, #navsecondary a.orange:hover {
	color: #f60;
}

.red, #navsecondary a.red:hover {
	color: #f00;
}

.green, #navsecondary a.green:hover {
	color: #090;
}

.violet, #navsecondary a.violet:hover {
	color: #60f;
}



/* Bottom Links 
-------------------------------------------*/
#bottom-links {
	background: #acacac;
	margin: 36px 38px 0 38px;
	height: 100%;
}

#bottom-links a, #bottom-links a:link {
	color: #fff;
	text-decoration: none;
}

#bottom-links a:hover {
	color: #fc0;
}

#bottom-links ul, 
#bottom-links ul li {
	float:left;
}

#bottom-links ul {
	padding: 22px 0 22px 0;
	margin: 0;
} 

#bottom-links ul li {
	background: transparent url("../../images/vrule2.gif") right top repeat-y;
	padding-left: 0;
}	

#bottom-links ul li.last {
	background: none !important;	
}

#bottom-links ul li.col1 { width: 221px; }
#bottom-links ul li.col2 { width: 208px; }
#bottom-links ul li.col3 { width: 231px; }
#bottom-links ul li.col4 { width: 230px; background: red; }

#bottom-links ul li.col1 ul {	padding-left: 82px; }
#bottom-links ul li.col2 ul {	padding-left: 56px; }
#bottom-links ul li.col3 ul {	padding-left: 58px; }

#bottom-links ul li ul {
	float: none;
	padding: 0;
	margin: 0;
}

#bottom-links ul li ul li {
	float: none;
	padding-bottom: 4px;
	padding-left: 0;
	background: none !important;
}

#bottom-links ul li ul li.last {
	padding-bottom: 0;
}


/* Socialize Icons 
-------------------------------------------*/
.list-socialize {
	margin: 0;
	padding: 10px 0 0 27px !important;	
}

.list-socialize img {
	display: block;
}

.list-socialize li {
	float: left !important;
	width: 63px;
	text-align: center;
}

.list-socialize a {
	display: block;
	float: left;
	width: 100%;
}

.facebook a {	background: transparent url("../../images/icon-socialize.png") left top no-repeat; }
.facebook a:hover { background-position: -63px top; }

.rss a { background: transparent url("../../images/icon-socialize.png") left -76px no-repeat; }
.rss a:hover { background-position: -63px -76px; }

.twitter a { background: transparent url("../../images/icon-socialize.png") left -152px no-repeat; }
.twitter a:hover { background-position: -63px -152px; }


/* Pagination 
-------------------------------------------*/
.pager {
	text-align: center;
	color: #939397;
}

.pager a {
	color: #939397;
}

.pager a:hover {
	color: #c00;
}


/* Buttons 
-------------------------------------------*/
.form-button-go {
	border: none;
	background: transparent url("../../images/btn-go.gif") no-repeat;
	margin: 0;
	padding: 0;
	height: 26px;
	width: 31px;
	cursor: pointer;
}


.form-button-send {
	display: block;
	border: none;
	background: #6c6b6b url("../../images/bg-button-gradient.png") repeat-x;
	margin: 0;
	padding: 3px 0 5px 0;
	height: 22px;
	width: 249px;
	cursor: pointer;
	color: #fff;
	text-align: center;
}