@charset "utf-8";
/* CSS Document */

#nav { position:relative; height:0px; margin-bottom:0px; }

#navigation {
	width: 100%;
	height: 74px;
	position: absolute;
	top:30px;
	margin-left: auto;
	margin-right: auto;
	z-index:600;
	border:none;
}

	#navigation > a	{
		display: none;
	}

	#navigation li {
		position: relative;
	}
	
		#navigation li a {
			display: block;
			line-height:74px;
			color:#FFF;
			text-decoration:none;
		}
		/*#navigation li a:active	{
			background-color: #646464 !important;
		}*/
		#navigation li.BTN_webdesign a:active { background: url(/images/BTN_webdesign.gif) top left no-repeat; }
		#navigation li.BTN_programming a:active { background: url(/images/BTN_programming.gif) top left no-repeat; }
		#navigation li.BTN_seo a:active  { background: url(/images/BTN_seo.gif) top left no-repeat; }
		#navigation li.BTN_logo a:active{ background: none; }
		#navigation li.BTN_hosting a:active{ background: url(/images/BTN_webhosting.gif) top left no-repeat; }
		#navigation li.BTN_company a:active { background: url(/images/BTN_company.gif) top left no-repeat; }
		#navigation li.BTN_contact a:active { background: url(/images/BTN_contact.gif) top left no-repeat; }
		#navigation li.BTN_portfolio a:active { background:none; }
		
		#navigation li h4 { display:none; }

	#navigation span:after {
		width: 0;
		height: 0;
		border: 0.313em solid transparent; /* 5 */
		border-bottom: none;
		border-top-color: #000;
		/*content: '';*/
		vertical-align: middle;
		display: inline-block;
		position: relative;
		right: -0.313em; /* 5 */
	}

	/* first level */

	#navigation > ul {
		height: 74px; /* 60 */
		width:960px;
		margin-left:auto;
		margin-right: auto;
		background: none;
	}
		#navigation > ul > li {
			width: 10%;
			height: 100%;
			float: left;
		}
		
		#navigation > ul > li.BTN_webdesign { width:80px; background: url(/images/BTN_webdesign.png) top left no-repeat; margin-right:20px; }
		#navigation > ul > li.BTN_programming { width:80px; background: url(/images/BTN_programming.png) top left no-repeat; margin-right:20px; }
		#navigation > ul > li.BTN_seo { width:80px; background: url(/images/BTN_seo.png) top left no-repeat; }
		#navigation > ul > li.BTN_logo{ width:400px; background: none; }
		#navigation > ul > li.BTN_hosting { width:80px; background: url(/images/BTN_webhosting.png) top left no-repeat; margin-right:20px; }
		#navigation > ul > li.BTN_company { width:80px; background: url(/images/BTN_company.png) top left no-repeat; margin-right:20px; }
		#navigation > ul > li.BTN_contact { width:80px; background: url(/images/BTN_contact.png) top left no-repeat; }
		#navigation > ul > li.BTN_portfolio { display:none; }

		#navigation > ul > li.BTN_webdesign:hover { background: url(/images/BTN_webdesign.gif) top left no-repeat; }
		#navigation > ul > li.BTN_programming:hover { background: url(/images/BTN_programming.gif) top left no-repeat; }
		#navigation > ul > li.BTN_seo:hover  { background: url(/images/BTN_seo.gif) top left no-repeat; }
		#navigation > ul > li.BTN_logo:hover { background: none; }
		#navigation > ul > li.BTN_hosting:hover { background: url(/images/BTN_webhosting.gif) top left no-repeat; }
		#navigation > ul > li.BTN_company:hover { background: url(/images/BTN_company.gif) top left no-repeat; }
		#navigation > ul > li.BTN_contact:hover { background: url(/images/BTN_contact.gif) top left no-repeat; }
		#navigation > ul > li.BTN_portfolio:hover { background:none; }

			#navigation > ul > li > a {
				height: 100%;
				font-size: 18px; /* 24 */
				line-height: 37px; /* 60 (24) */
			}
				#navigation > ul > li:not( :last-child ) > a {
					border-right: none;
				}
				#navigation > ul > li:hover > a,
				#navigation > ul:not( :hover ) > li.active > a {
					/*background-color:#585858;*/
					text-decoration:underline;
				}


		/* second level */

		#navigation li ul {
			background-color: #585858;
			display: none;
			position: absolute;
			top: 100%;
		}
			#navigation li:hover ul	{
				display: block;
				left: 0;
				right: 0;
			}
				#navigation li:not( :first-child ):hover ul	{
					left: -1px;
				}
				#navigation li ul a	{
					font-size: 16px; /* 20 */
					border-top: 2px solid #999;
					padding: 3px 10px; /* 15 (20) */
				}
					#navigation li ul li a:hover,
					#navigation li ul:not( :hover ) li.active a	{
						background-color: #646464;
					}


/*@media only screen and ( max-width: 62.5em ) /* 1000 */
@media only screen and (min-width: 768px) and (max-width: 959px) 
{
	#nav { position:relative; height:0px; margin-bottom:0px; }
	
	#navigation {
		width: 100%;
		position: absolute;
		top:30px;
		z-index:600;
		margin-left: auto;
		margin-right: auto;
	}
	
	#navigation > ul {
		height: 74px; /* 60 */
		width:768px;
		margin-left:auto;
		margin-right: auto;
		background: none;
	}
		#navigation > ul > li {
			width: 10%;
			height: 100%;
			float: left;
		}
	
	#navigation > ul > li.BTN_webdesign { width:75px; background: url(/images/BTN_webdesign.png) top left no-repeat; margin-right:5px; }
	#navigation > ul > li.BTN_programming { width:80px; background: url(/images/BTN_programming.png) top left no-repeat; margin-right:0px; }
	#navigation > ul > li.BTN_seo { width:75px; background: url(/images/BTN_seo.png) top left no-repeat; }
	#navigation > ul > li.BTN_logo{ width:298px; background: none; }
	#navigation > ul > li.BTN_hosting { width:75px; background: url(/images/BTN_webhosting.png) top left no-repeat; margin-right:5px; }
	#navigation > ul > li.BTN_company { width:80px; background: url(/images/BTN_company.png) top left no-repeat; margin-right:0px; }
	#navigation > ul > li.BTN_contact { width:75px; background: url(/images/BTN_contact.png) top left no-repeat; }
	#navigation > ul > li.BTN_portfolio { display:none; }
	
	#navigation > ul > li.BTN_webdesign:hover { background: url(/images/BTN_webdesign.gif) top left no-repeat; }
	#navigation > ul > li.BTN_programming:hover { background: url(/images/BTN_programming.gif) top left no-repeat; }
	#navigation > ul > li.BTN_seo:hover { background: url(/images/BTN_seo.gif) top left no-repeat; }
	#navigation > ul > li.BTN_logo:hover { background: none; }
	#navigation > ul > li.BTN_hosting:hover { background: url(/images/BTN_webhosting.gif) top left no-repeat; }
	#navigation > ul > li.BTN_company:hover { background: url(/images/BTN_company.gif) top left no-repeat; }
	#navigation > ul > li.BTN_contact:hover { background: url(/images/BTN_contact.gif) top left no-repeat; }
	#navigation > ul > li.BTN_portfolio:hover { background: none;  }
}


@media only screen and (max-width: 479px) {

	#nav { position:absolute; width:302px; top:0px; right:0px; border:none; }

	#navigation {
		position: absolute;
		width:302px;
		top: 0px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
		#navigation > a {
			width: 40px; /* 50 */
			height: 45px; /* 50 */
			text-align: left;
			text-indent: -9999px;
			background: url(/images/ICON_navtoggle.png) right top no-repeat;
			position: relative;
			float:right;
		}	
			#navigation > a:before,
			#navigation > a:after {
				position: absolute;
				border:none;
				top: 35%;
				left: 25%;
				right: 25%;
				content: '';
			}
			#navigation > a:after {
				top: 60%;
			}

		#navigation:not( :target ) > a:first-of-type,
		#navigation:target > a:last-of-type {
			display: block;
		}

	#navigation li.BTN_webdesign a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
		#navigation li.BTN_programming a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_seo a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_hosting a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_company a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_contact a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_portfolio a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li h4 { display: inherit; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; line-height:40px; }

	/* first level */

	#navigation > ul {
		height: auto;
		width:200px;
		display: none;
		position: relative;
		margin-right:20px;
	}
		#navigation:target > ul {
			display: block;
		}
		#navigation > ul > li {
			float: left;
			border-top:1px solid #524026;
			padding-left:10px;
		}
		
		#navigation > ul > li.BTN_webdesign { 
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_programming {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_seo {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_logo { display:none; }
		#navigation > ul > li.BTN_hosting {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_company {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_contact {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
	    #navigation > ul > li.BTN_portfolio { 
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
			display:block;
		}

	/* hover  */		
		#navigation > ul > li.BTN_webdesign:hover { 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_programming:hover { 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_seo:hover { 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_logo:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_hosting:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_company:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_contact:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_portfolio:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		
		#navigation > ul > li.end {
			display:none;
		}			
		#navigation > ul > li > a {
			height: auto;
			text-align: left;
			padding: 0; /* 20 (24) */
			line-height:40px;
		}
		#navigation > ul > li > a:hover {
			text-decoration: none;
		}
				#navigation > ul > li:not( :last-child ) > a {
					border-right: none;
				}


		/* second level */

		#navigation li ul {
			position: static;
			padding: 0; /* 20 */
			line-height:40px;
			text-align: left;
			background: #646464;
		}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#nav { position:absolute; width:455px; top:0px; right:0px; border:none; }

	#navigation {
		position: absolute;
		width:455px;
		top: 0px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
		#navigation > a {
			width: 40px; /* 50 */
			height: 45px; /* 50 */
			text-align: left;
			text-indent: -9999px;
			background: url(/images/ICON_navtoggle.png) right top no-repeat;
			position: relative;
			float:right;
		}	
			#navigation > a:before,
			#navigation > a:after {
				position: absolute;
				border:none;
				top: 35%;
				left: 25%;
				right: 25%;
				content: '';
			}
			#navigation > a:after {
				top: 60%;
			}

		#navigation:not( :target ) > a:first-of-type,
		#navigation:target > a:last-of-type {
			display: block;
		}

	#navigation li.BTN_webdesign a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
		#navigation li.BTN_programming a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_seo a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_hosting a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_company a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_contact a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li.BTN_portfolio a:active	{
		background: #420000; 
		background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
		background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
		background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
		background: linear-gradient(top,  #420000 0%,#360000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
	}
	#navigation li h4 { display: inherit; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; line-height:40px; }

	/* first level */

	#navigation > ul {
		height: auto;
		width:200px;
		display: none;
		position: relative;
		margin-right:20px;
	}
		#navigation:target > ul {
			display: block;
		}
		#navigation > ul > li {
			float: left;
			border-top:1px solid #524026;
			padding-left:10px;
		}
		
		#navigation > ul > li.BTN_webdesign { 
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_programming {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_seo {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_logo { display:none; }
		#navigation > ul > li.BTN_hosting {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_company {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_contact {
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
	    #navigation > ul > li.BTN_portfolio { 
			width: 200px; 
			height: 40px; 
			padding-right:10px; 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
			display:block;
		}
		
	/* hover  */		
		#navigation > ul > li.BTN_webdesign:hover { 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_programming:hover { 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_seo:hover { 
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_logo:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_hosting:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_company:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_contact:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		#navigation > ul > li.BTN_portfolio:hover {
			background: #420000; 
			background: -moz-linear-gradient(top, #420000 0%, #360000 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420000), color-stop(100%,#360000));
			background: -webkit-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -o-linear-gradient(top,  #420000 0%,#360000 100%);
			background: -ms-linear-gradient(top,  #420000 0%,#360000 100%);
			background: linear-gradient(top,  #420000 0%,#360000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420000', endColorstr='#360000',GradientType=0 );
		}
		
		#navigation > ul > li.end {
			display:none;
		}			
		#navigation > ul > li > a {
			height: auto;
			text-align: left;
			padding: 0; /* 20 (24) */
			line-height:40px;
		}
		#navigation > ul > li > a:hover {
			text-decoration: none;
		}				
		#navigation > ul > li:not( :last-child ) > a {
					border-right: none;
				}


		/* second level */

		#navigation li ul {
			position: static;
			padding: 0; /* 20 */
			line-height:40px;
			text-align: left;
			background: #646464;
		}
}