* { margin: 0px; padding: 0px; }

body {
	background-color: #fff;
	background-image: url(../../images/bg-body-category.jpg);
	background-repeat: repeat-x;
	font-family: Arial,Tahoma,Verdana;
	font-size: 14px;
	text-align: center;
	color: #666;
}

	#body-home {
		background-image: url(../../images/bg-body-home.jpg);
	}

#wrapper {
	background-image: url(../../images/bg-hdr-category.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

	#wrapper-home {
		background-image: url(../../images/bg-hdr-home.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}

#container {
	margin: 0px auto;
	width: 770px;
	text-align: left;
}

#header {
	height: 210px;
}
	#header-home { height: 405px; }

	#header span, #header-home span { visibility: hidden; font-size: 1px; }

	#logo {	float: left; margin-top: 28px; }
	
		#logo h1 {
			width: 195px;
			height:100px;
			background-image: url(../../images/hdr-logo.gif);
			background-repeat: no-repeat;
		}
		
	#navigation { float: right; margin-top: 56px; }

		#navigation li {
			list-style-type: none;
			display: inline;
			float: left;
		}
		
		#navigation li a {
			display: block;
			height: 23px;
			background-position: 0px -23px;
			background-repeat: no-repeat;
			text-decoration: none;
		}
		
		#navigation li a.selected { background-position: 0px 0px; cursor: default; }
		#navigation li a.nav-home { background-image: url(../../images/nav-home.gif); width: 59px; }
		#navigation li a.nav-services { background-image: url(../../images/nav-services.gif); width: 154px; }
		#navigation li a.nav-about { background-image: url(../../images/nav-about.gif); width: 65px; }
		#navigation li a.nav-contact { background-image: url(../../images/nav-contact.gif); width: 80px; }
		#navigation li a.nav-support { background-image: url(../../images/nav-support.gif); width: 79px; }
		#navigation li a.nav-client { background-image: url(../../images/nav-client.gif); width: 103px; }
		
#main {}
	
	#content {
		float: left;
		width: 510px;
		line-height: 18px;
	}
	
		#content h3 {
			margin-bottom: 4px;
			font-size: 15px;
			letter-spacing: -1px;
			color: #777;
		}

<<<<<<< HEAD:components/stylesheets/style.css
  #content h3.slogan {
    font-size: 14pt;
  }
=======
    #content h3.slogan {
        font-size: 18pt;
        font-family: ZapfChancery;
        font-style: italic, bold;

    }
    
>>>>>>> 4282e19eb0c3e72e72bf52521dabf690fc7ce60e:components/stylesheets/style.css
		#content h4 {
			font-size: 12px;
			color: #690;
		}

		#content p {
			margin-bottom: 16px;
		}
		
		#content ul, #content ol { margin: 0px 0px 16px 16px; }
		#content li { margin-bottom: 4px; }
		
		#content table td {
			padding: 0px 8px 2px 0px;
		}
		
		#content input {
			padding: 2px 0px;
			border: solid 1px #ddd;
		}
		
		#content input.input-button {
			padding: 3px 0px 4px 0px;
			width: 100px;
			background-color: #eee;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			color: #555;
		}
		
		#content textarea { 
			margin: 5px 0px;
			border: solid 1px #ddd; 
			width: 400px; 
			height: 100px; 
		}
	
	#sidebar {
		float: right;
		margin-top: 5px;
		border-left: solid 1px #e5e5e5;
		padding-left: 30px;
		width: 222px;
	}
		
		#sidebar span { visibility: hidden; font-size: 1px; }
		
		#buttons {
			margin: 0px 0px 22px 0px;
			border-bottom: solid 1px #e5e5e5;
			padding-bottom: 20px;
		}
		
			#buttons a {
				display: block;
				margin-bottom: 5px;
				width: 222px;
				height: 57px;
				background-repeat: no-repeat;
				text-decoration: none;
			}
			
				#buttons a.sb-resellers { background-image: url(../../images/sb-resellers.gif); }
				#buttons a.sb-voip {	background-image: url(../../images/sb-voip.gif); }
			
		#contact {}
		
			#contact h3.sb-hdr-contact {
				margin-bottom: 8px;
				height: 16px;
				background-image: url(../../images/sb-hdr-contact.gif);
				background-repeat: no-repeat;
			}
			
			#contact ul { margin: 10px 0px 0px 0px; }
			
			#contact li {
				list-style-type: none;
				padding: 1px 21px;
				background-repeat: no-repeat;
				background-position: left center;
			}
			
				#contact li.icon-phone { background-image: url(../../images/icon-phone.gif); }
				#contact li.icon-fax { background-image: url(../../images/icon-fax.gif); }
				#contact li.icon-email { background-image: url(../../images/icon-email.gif); }
	
#footer {
	margin-top: 30px;
	border-top: solid 1px #e5e5e5;
	padding: 10px 0px 50px 0px;
	color: #aaa;
}

	#footer-navigation {
		float: left;
	}
		#footer-navigation a { color: #aaa; }
	
	#copyright {
		float: right;
	}


a { color: #690; }

h2 {
	margin: 35px 0px 0px 0px;
	width: 470px;
	height: 22px;
	background-repeat: no-repeat;
}

	h2 span { visibility: hidden; font-size: 1px; }
	h2.hdr-home { background-image: url(../../images/hdr-home.gif); margin: 0px 0px 12px 0px; }
	h2.hdr-needphones { background-image: url(../../images/hdr-needphones.gif); margin-top: 275px;}
	h2.hdr-services { background-image: url(../../images/hdr-services.gif); }
	h2.hdr-about { background-image: url(../../images/hdr-about.gif); }
	h2.hdr-contact { background-image: url(../../images/hdr-contact.gif); }
	h2.hdr-support { background-image: url(../../images/hdr-support.gif); }
	h2.hdr-resellers { background-image: url(../../images/hdr-resellers.gif); }
	h2.hdr-voip { background-image: url(../../images/hdr-voip.gif); }
	
p.instruct {
  font-size: 14pt;
  line-height: 22px;
}

p.instruct2 {
  font-size: 14pt;
  font-family: Monotype Corsiva;
}

hr { display: none; height: 1px; }
.clear { clear: both; }

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}