/**** APS - Property Style Sheet ****/
/**** Created by MITM Marketing ****/
/**** copyright 2008 ****/
/**** This Style Sheet can be used as a tool by those learning CSS, but please don't blantly steal ****/
/* ------------ General Body Styles ---------- */
* { margin: 0; padding: 0; }
body {
	font: .80em/1.7em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #00569e;
	background: #fff url(../i/bck_sub.jpg) repeat-x;
}
a { color: #00569e; }
p { margin-bottom: 6px; }
h1 { font-size: 1.5em; padding: 5px 0; }

/* ------------ ids ------------ */
#container {
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
}
#head {
	width: 800px;
	height: 117px;
	background: url(../i/head_sub.jpg);
}
	#logolink {
			position: absolute;
			left: 20px;
			top: 10px;
		}
			#logolink a {
			display: block;
			width: 240px;
			height: 100px;
		}
			#logolink span { display: none; }
#nav {
	width: 778px;
	height: 35px;
	padding-top: 6px;
	padding-left: 22px;
	background: url(../i/nav_sub.jpg) no-repeat;
}
	#nav span { display: none; }
		#nav ul { 
			list-style: none;
		}
		#nav li {
			display: block;
			margin-right: 5px;
			float: left;
		}
		#nav a {
			display: block;
			height: 35px;
		}
		#nav a.products {
				width: 81px;
				background: url(../i/nav/1.jpg);
			}
		#nav a.products:hover {
				background-position: 0% -35px;
			}
		#nav a.articles {
				width: 74px;
				background: url(../i/nav/2.jpg);
			}
		#nav a.articles:hover {
				background-position: 0% -35px;
			}
		#nav a.newsletter {
				width: 98px;
				background: url(../i/nav/3.jpg);
			}
		#nav a.newsletter:hover {
				background-position: 0% -35px;
			}
		#nav a.case {
				width: 113px;
				background: url(../i/nav/4.jpg);
			}
		#nav a.case:hover {
				background-position: 0% -35px;
			}
		#nav a.about {
				width: 66px;
				background: url(../i/nav/5.jpg);
			}
		#nav a.about:hover {
				background-position: 0% -35px;
			}
		#nav a.ref {
				width: 143px;
				background: url(../i/nav/6.jpg);
			}
		#nav a.ref:hover {
				background-position: 0% -35px;
			}
		#nav a.contact {
				width: 78px;
				background: url(../i/nav/7.jpg);
			}
		#nav a.contact:hover {
				background-position: 0% -35px;
			}
		#nav a.home {
				width: 64px;
				background: url(../i/nav/8.jpg);
			}
		#nav a.home:hover {
				background-position: 0% -35px;
			}
#content {
	width: 744px;
	padding: 8px 26px 20px;
	background: url(../i/con_sub.jpg) bottom no-repeat;
	float: left;
}
	#content ul { margin-left: 30px; }
	#content li { list-style: square; }
	#content img { padding-right: 5px; padding-top: 4px; }
	#left {
		width: 500px;
		float: left;
	}
	#right {
		width: 214px;
		padding: 15px 5px 0 25px;
		background: url(../i/topcorner.jpg) top left no-repeat;
		float: left;
	}
	
		#test {
			padding-right: 5px;
		}
		/*For Products page*/
		.twocol {
			width: 365px;
			margin-bottom: 15px;
			float: left;
		}
		.twocol_clear {
			clear: both;
			width: 365px;
			margin-bottom: 15px;
			float: left;
		}
		.alphabet {
			width: 744px;
			margin: 8px 0;
			float: left;
		}
		.alphabet a.selected {
			color: #fafafa;
			background-color: #407ead;
			border-top: none;
			border-bottom: none;
			text-decoration: none;
		}
		.alphabet a{
			text-transform:capitalize;
			padding:2px 4px;
			font-weight:bold;
		}
		.alphabet a.disable{
			color:#ccc;
			border:1px solid #ccc;
		}
		.alphabet a.disable:hover{
			background:none;
			cursor:default;
		}
#footer {
	clear: both;
	width: 800px;
	margin-top: 10px;
	line-height: 2em;
	text-align: center;
	color: #666;
}
	#footer a { color: #666; }
	
/* headers */
.aboutheader, .articlesheader, .caseheader, .contactheader, .newsletterheader, .productsheader, .referralheader, .testimonialsheader, .monthheader {
	height: 24px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.aboutheader { width: 83px; background: url(../i/header/header_about.jpg) no-repeat; }
.aboutheader span { display: none; }
.articlesheader { width: 101px; background: url(../i/header/header_articles.jpg) no-repeat; }
.articlesheader span { display: none; }
.caseheader { width: 134px; background: url(../i/header/header_casestudies.jpg) no-repeat; }
.caseheader span { display: none; }
.contactheader { width: 95px; background: url(../i/header/header_contact.jpg) no-repeat; }
.contactheader span { display: none; }
.newsletterheader { width: 118px; background: url(../i/header/header_newsletter.jpg) no-repeat; }
.newsletterheader span { display: none; }
.productsheader { width: 101px; background: url(../i/header/header_products.jpg) no-repeat; }
.productsheader span { display: none; }
.referralheader { width: 164px; background: url(../i/header/header_referral.jpg) no-repeat; }
.referralheader span { display: none; }
.testimonialsheader { width: 128px; background: url(../i/header/header_testimonials.jpg) no-repeat; }
.testimonialsheader span { display: none; }
.monthheader { width: 106px; background: url(../i/header/month.jpg) no-repeat; }
.monthheader span { display: none; }

/* Customs */
.marginbottom { margin-bottom: 15px; }
.teeny { font-size: .80em; }
.sendbutton { background: #63a4d6; border: 1px solid #407eae; color: #fff; }
.greenheader {
	color: #a8d16a;
	font-size: 1.2em;
	font-weight: bold;
}
.blueheader {
	color: #00569e;
	font-size: 1.2em;
	font-weight: bold;
}
.inputborder { border: 1px solid #7ab0d3; }