* {
	margin:0;
	padding:0;
}

html {
overflow-x: hidden;
}

#body-web, #body-about, #body-contact {
	background: #F2F9F2 url(../images/backgrounds/web-new.jpg) 50% 51px no-repeat;
}

#body-home {
	/*background: #F0EBD3 url(/images/backgrounds/home.jpg) 50% 51px no-repeat;*/
	background: #Ffffff url(../images/backgrounds/home2.jpg) 50% 51px no-repeat;
}


/*----*/
/* NAV */

#banner {
	width:100%;
	height:66px;
	background:#333;
	background:url(../images/nav-bg.png) top left repeat-x;
}

#navigation {
	width:990px;
	margin:0 auto;
}

.logo  {
	background:url(../images/logo.png) top left no-repeat;
	width:193px;
	height:61px;
	display:block;
	text-indent:-900em;
	float:left;
	margin-left:30px;
}

#nav li {
	list-style:none;
	position:relative;
	float:right;
	z-index: 1;
}

#nav li a {
	height:51px;
	display:block;
	text-indent:-900em;	
}

#nav .nav-home a {
	width:82px;
	background:url(../images/navigation/home.png) top left no-repeat;
}	

#nav .nav-home a:hover {
	background:url(../images/navigation/home-hover.png) top left no-repeat;
}		

#nav .nav-printdesign a {
	width:136px;
	background:url(../images/navigation/print-design.png) top left no-repeat;
}	

#nav .nav-printdesign a:hover {
	background:url(../images/navigation/print-design-hover.png) top left no-repeat;
}	

#nav .nav-web-design a {
	width:128px;
	background:url(../images/navigation/web-design.png) top left no-repeat;
}

#nav .nav-web-design a:hover {
	background:url(../images/navigation/web-design-hover.png) top left no-repeat;
}	

#body-web #nav .nav-web-design ul li a, #body-cms #nav .nav-web-design ul li a, #body-shopping #nav .nav-web-design ul li a, #body-blog #nav .nav-web-design ul li a, #body-seo #nav .nav-web-design ul li a {
	background:#333333;
}

#nav .nav-hosting a {
	width:145px;
	background:url(../images/navigation/web-hosting.png) top left no-repeat;
}

#nav .nav-hosting a:hover {
	background:url(../images/navigation/web-hosting-hover.png) top left no-repeat;
}	

#nav .nav-portfolio a {
	width:118px;
	background:url(../images/navigation/portfolio.png) top left no-repeat;
}

#body-portfolio #nav .nav-about ul li a {
	background:#333333;
}

#nav .nav-portfolio a:hover {
	background:url(../images/navigation/portfolio-hover.png) top left no-repeat;
}	

#nav .nav-contact a {
	width:107px;
	background:url(../images/navigation/contact.png) top left no-repeat;
}

#nav .nav-contact a:hover {
	background:url(../images/navigation/contact-hover.png) top left no-repeat;
}

#body-contact #nav .nav-contact a {
	background:url(../images/navigation/contact-current.png) top left no-repeat;
}	

#navigation #nav li ul {
	position:absolute;
	background:#008282;
	top:51px;
	left:-10px;
	_left:11px;
	display:none;
	z-index:1000;
	border-right:1px solid #222;
	border-left:1px solid #222;
	border-top: 1px solid #03827B;
}

#navigation #nav li:hover ul, #navigation #nav li.hover ul {
	display:block;
	z-index:10000;
}

#navigation #nav li ul li {
	list-style:none;
	font-size:12px;	
	background:#333333;
	float:none;
	clear:both;
	display:block;
	background:none;
	z-index: 10000;
}

#navigation #nav li ul li a {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	background:#333333;
	text-indent:0;
	float:left;
	height:auto;
	padding:10px;
	border-bottom:1px solid #444;
	width:180px;
	z-index: 10000;
}

#navigation #nav li ul li a:hover {
	text-decoration:underline;
	background:#444;
	z-index: 10000;
	
}

/*----*/