/* Global Header */

#top-header {
width: 100%;
height:41px;
background: url(images/top-header-bg.png) repeat-x center 0;
border-bottom: 1px solid #fff;
}

#top-header .logo-colors {
position:absolute;
left:16px;
top:-3px;
}

#top-header .top-logo {
float:left;
padding-left:85px;
padding-top:7px;
}

#top-header .cart {
float:right;
padding-right:1px;
padding-top:9px;
}

#top-header .live-chat {
float:right;
padding-right:20px;
padding-top:9px;
}

#top-header .phone-number {
float:right;
padding-right:20px;
padding-top:9px;
}

#top-text {
width:245px;
height:41px;
float:left;
margin-left:40px;
text-transform: lowercase;
font-size:13px;
font-weight:bold;
}

#top-text .text-nav a {
display: block; /* a tag must be a block */
width: 60px; /* width of reactive image */
height: 27px; /* height of reactive image */
float:left;
padding-top:14px;
color: #727272;
}

#top-text .text-nav a:hover {
color:#fff;
background: #000;
text-decoration:underline;
}

	
#top-image-nav{
width:520px;
height:24px;
position: relative;
float: left;
margin: 9px 0 0 65px;
}

#top-image-nav .design  {
	 display: block; /* a tag must be a block */
     width: 122px; /* width of reactive image */
     height: 24px; /* height of reactive image */
	 float:left;
	 padding-right:4px;
}

#top-image-nav .hosting  {
	 display: block; /* a tag must be a block */
     width: 122px; /* width of reactive image */
     height: 24px; /* height of reactive image */
	 float:left;
	 padding-right:4px;
}

#top-image-nav .marketing {
	 display: block; /* a tag must be a block */
     width: 122px; /* width of reactive image */
     height: 24px; /* height of reactive image */
	 float:left;
	 padding-right:4px;
}

#top-image-nav .consulting  {
	 display: block; /* a tag must be a block */
     width: 122px; /* width of reactive image */
     height: 24px; /* height of reactive image */
	 float:left;
	 padding-right:4px;
}