/* COLORS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	
	
		Blue:		#031941
		Purple:     #333366
		Green:     	#339900
		Orange:     #ff9933
		Grey:     	#666666
		
	*/
		
	body 		{ font: 62.5% Verdana, Arial, Helvetica, sans-serif; background: url("../images/bgs/body.gif") repeat-x #031941; }
	
	#wrapper 	{ margin: 0 auto; width: 992px; background: url("../images/bgs/wrapper.gif") no-repeat; }
	#page		{ margin: 0 auto; width: 901px; padding-left: 59px; background: #fff; }
	
	/* HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	

	#header 	{ padding: 20px 0 0 5px; }
	#logo 		{ float: left; width: 200px; margin: 10px 0 0 13px; }
	#call-today { float: left; margin: 0 0 0 215px; width: 177px; }
	#free-quote { float: left; margin: 0 0 0 40px; padding: 58px 0 0 0; }
	
	#free-quote a {
		display: block; width: 165px; height: 32px;
		background: url("../images/btns/free-quote.gif") no-repeat; }
		
	#free-quote a:hover,
	body#quote-request #free-quote a { background-position: 0 -32px; }
	
	/* NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
		
	#nav			{ width: 830px; padding: 0 0 0 5px; }
	#nav li 		{ float: left; }
	#nav a 			{ display: block; height: 36px; }
	#nav a:hover 	{ background-position: 0 -36px; }
		
	.home 			{ width: 90px; background: url("../images/btns/home.gif") no-repeat; }
	.about 			{ width: 162px; background: url("../images/btns/about-onesource.gif") no-repeat; }
	.products 		{ width: 181px; background: url("../images/btns/products-services.gif") no-repeat; }
	.testimonials 	{ width: 129px; background: url("../images/btns/testimonials.gif") no-repeat; }
	.contact 		{ width: 123px; background: url("../images/btns/contact-us.gif") no-repeat; }
	.support 		{ width: 145px; background: url("../images/btns/online-support.gif") no-repeat; }
	
	body#about .about, body#products .products, body#testimonials .testimonials,
	body#contact .contact, body#support .support { background-position: 0 -36px; }
	
	#sub-menu {
		float: left; margin: 0 0 20px 0; width: 187px; height: 540px; 
		background: url("/images/bgs/column.gif") no-repeat; font-size: 1.2em; font-weight: bold; }
		
	#sub-menu ul { padding: 26px 0 0 32px; list-style-type: disc; color: #666; }
	#sub-menu ul a { color: #666; text-decoration: none; }
	#sub-menu ul a:hover { color: #ff9933; }
	#sub-menu li { padding: 0 0 14px 0; }
	
	body.features #btn-features, body.advantages #btn-advantages,
	body.service-packages #btn-service-packages { color: #ff9933; }
	
	/* CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	

	h1 { padding: 18px 0 10px 0; font-size: 2.2em; color: #333366; }
	h2 { padding: 14px 0 10px 0; font-size: 1.7em; color: #333366; }
	
	h3, h4, h5, h6 { padding: 14px 0 10px 0; font-size: 1.3em; font-weight: bold; color: #339900; }
	
	.paragraph-title { padding: 14px 0 10px 0; font-size: 1.3em; font-weight: bold; color: #339900; }
	
	p { padding: 0 0 12px 0; font-size: 1.2em; }
	
	a 		{ text-decoration: underline; color: #ff9933; }
	a:hover { text-decoration: none; }
	
	em { font-style: italic; font-size: 1.2em; }
	
	#content { margin: 10px 0 0 0; }
	.content { float: left; padding: 0 0 24px 24px; width: 600px; }
	
	/* Home */
	
	#banner 	{ margin: 0 0 0 5px; }
	#banner img { float: left; }
	
	#quote {
		float: left; margin: 0 0 0 11px; width: 255px; height: 271px;
		background: url("../images/bgs/quote.gif") no-repeat; }
		
	#quote-content { padding: 68px 0 0 24px; }
	
	#quote-content p {
		padding: 14px 0 0 0; width: 208px; font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.3em; line-height: 1.3; color: #333366; }
		
	#quote-content em { display: block; font-size: .9em; text-align: right; }
		
	#points {
		margin: 10px 0 0 0; padding: 16px 0 0 0; width: 842px; height: 247px;
		font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;
		background: url("../images/bgs/points.gif") no-repeat; color: #333; }
		
	#points img { margin-bottom: 11px; *margin-bottom: 0; }
	#points ul	{ padding: 0 0 8px 0; }
	#points li	{
		padding: 0 0 4px 13px; *padding: 0 0 3px 13px;
		background: url("../images/bgs/list-item.gif") no-repeat; background-position: 0 6px; }
	
	#features { float: left; padding: 0 42px 0 42px; width: 194px; }
	#switching-is-easy { float: left; padding: 0 25px 0 40px; width: 208px; }
	#low-pricing { float: left; padding: 0 30px 0 40px; width: 208px; }
	
	#features-more { float: left; padding: 0 42px 0 0; width: 236px; }
	#switching-more { float: left; padding: 0 25px 0 0; width: 248px; }
	#low-pricing-more { float: left; padding: 0 30px 0 0; width: 248px; }
	
	#more-nav {  }
	
	.more {
		display: block; float: right; width: 77px; height: 21px;
		background: url("../images/btns/more.gif") no-repeat; }
	
	.more:hover { background-position: 0 -21px; }
	
	/* About */
	
	.content ol { margin: 6px 0 0 20px; font-size: 1.3em; list-style-type: decimal; }
	.content ul { margin: 6px 0 10px 20px; font-size: 1.3em; list-style-type: disc; }
	.content li { padding: 0 0 12px 0; }
	
	/* Switching is Easy */
	
	#switching .content ol { margin: 6px 0 16px 20px; font-size: 1.3em; list-style-type: decimal; }
	#switching .content li { padding: 0 0 12px 0; }
	
	/* Testimonials */
	
	.testimonial {
		margin: 0 0 0 40px; padding: 20px 0 10px 0; width: 530px;
		font-size: 1.2em; background: url("/images/bgs/testimonial.gif") no-repeat bottom; }
		
	body#testimonials #content em { font-size: .9em; }
		
	/* Contact Us */
	
	body#contact h1	{ padding-bottom: 20px; }
	body#contact #content .content p { font-size: 1.4em; }
	
	.click-here a { font-size: .9em; font-weight: bold; color: #ff9933; }
	
	/* Online Support */
	
	#support #content { width: 715px; padding: 0 0 24px 50px; }
	#support #page { background: url("../images/bgs/support.gif") repeat-x bottom #fff; }
	
	#support #content p { padding: 14px 0 18px 30px; }
	
	#support-form { width: 715px; padding: 18px 0 0 30px; }
	#support-form label { float: left; display: block; width: 240px; font-size: 1.6em; font-weight: bold; color: #339900; clear: left; }
	
	#support-form input {
		float: left; margin: 0 0 24px 0; width: 220px; height: 18px;
		background: url("../images/bgs/input.gif") no-repeat; border: 1px solid #a3a3a3; }
		
	#support-form select {
		float: left; margin: 0 0 24px 0; padding: 2px; width: 225px;
		border: 1px solid #a3a3a3; }
		
	#support-form textarea {
		float: left; width: 420px; height: 95px;
		background: url("../images/bgs/textarea.gif") no-repeat; border: 1px solid #a3a3a3; }
		
	.submit { float: left; padding: 14px 0 20px 0; width: 715px; }
	
	.submit button {
		float: right; display: block; margin: 0 60px 0 0; width: 111px; height: 28px; cursor: pointer;
		border: none; background: url("../images/btns/submit.gif") no-repeat; }
	
	.submit button:hover { background-position: 0 -28px; }
	
	#thanks #content { padding: 0 0 24px 50px; }
	#thanks #content h2, #thanks #content p { padding: 14px 150px 400px 30px; color: #339900; }
	
	/* Quote Request */
	
	#quote-request #content { padding: 0 0 24px 50px; }
	#quote-request #page { background: url("../images/bgs/support.gif") repeat-x bottom #fff; }
	
	#quote-request #content p { padding: 14px 0 0 30px; }
	
	#quote-form { width: 715px; padding: 18px 0 0 30px; }
	#quote-form div { float: left; }
	#quote-form span { float: left; }
	
	#quote-form label {
		display: block; padding: 0 0 4px 0; width: 240px; font-size: 1.6em;
		font-weight: bold; color: #333366; clear: both; }
	
	#quote-form label.first-name, #quote-form label.company-name,
	#quote-form label.street-address, #quote-form label.email-address,
	#quote-form label.phones-needed { width: 311px; }
	
	#quote-form label.analog-devices,
	#quote-form label.additional-info { width: 480px; }
	
	#quote-form input {
		display: block; margin: 0 0 24px 0; width: 220px; height: 18px;
		background: url("../images/bgs/input.gif") no-repeat; border: 1px solid #a3a3a3; }
		
	#quote-form input#company_name,
	#quote-form input#street_address { width: 266px; background: url("../images/bgs/input-long.gif") no-repeat; }
	
	#quote-form span.state { width: 154px; }
	#quote-form span.state label { width: 154px; }
	#quote-form select { float: left; display: block; padding: 1px; }
	
	#quote-form input#zip { width: 70px; }
	
	#quote-form textarea {
		width: 520px; height: 96px; background: url("../images/bgs/additional-info.gif") no-repeat;
		border: 1px solid #a3a3a3; }
	
	sup { color: #ff9933; }
	.required { float: left; font-size: 1.5em; color: #ff9933; }
	
	#quote-form .submit { float: left; padding: 26px 0 30px 0; width: 715px; }
	
	/* FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
		
	#footer {
		margin: 0 auto; padding: 16px 0 100px 0; width: 992px; font-size: 1.1em; color: #fff;
		background: url("../images/bgs/footer.gif") no-repeat top center; }
	
	.copyright 	{ float: left; padding: 0 0 0 30px; width: 450px; }
	.design-by 	{ float: right; padding: 0 30px 0 0; width: 450px; text-align: right; }
	.design-by a { text-decoration: none; color: #fff; }
	.design-by a:hover { text-decoration: underline; }
	
	/* MISCELLANEOUS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
	
	.clear 			{ display: inline-block; }
	.clear:after 	{ content: " "; display: block; height: 0; font-size: 0; clear:both; visibility: hidden; }
	.skip 			{ position: absolute; left: -1000em; width: 20em; z-index: 2; }
	.replace 		{ display: block; width: 0; height: 0; overflow: hidden; }
	.checkbox		{ padding: 0; border: 0; width: 13px; height: 13px; }