body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background: #181818 url(../../images/background.gif) top repeat-x;
	text-align: center;
}
	
	.hidden {
		display: none; }
		
	#container {
		position: relative;
		margin: 0 auto;
		width: 850px;
		max-width: 850px;
		text-align: left; }
		
		#headerContainer {
			position: relative;
			width: 850px;
			height: 185px;
			background: url(../../images/header.jpg) no-repeat; }
		
			#header {
				position: relative; }
				
				/* NOTE [If you change the size of the sitename image, update the width and height here, or use the plaintext class below if you don't want an image] */
				#header h1 a {
	text-indent: -3000em;
	position: absolute;
	top: 212px;
	left: 4px;
	width: 11620px;
	height: 85px;
	background: url(../../images/sitename.gif) no-repeat;
}
				
				#header h1.plaintext a {
					text-indent: 0;
					background: none;
					top: 12px;
					left: 76px;
					line-height: 85px;
					font-size: 72px;
					font-weight: bold;
					color: #e1e1e1;
					text-decoration: none;
					text-transform: lowercase;
					letter-spacing: -7px; }
					
				#header h1 a:hover {
					text-decoration: none; }
						
				#navigation {
	position: absolute;
	top: 25px;
	left: 1px;
	height: 60px;
	width: 769px;
}
						
						#navigation li {
							float: left;
							height: 60px; }
							
							#navigation a {
								text-indent: -3000em;
								display: block;
								width: 150px;
								height: 60px;
								text-decoration: none;
								background: url(../../images/tabs.gif) no-repeat; }
								
							#navigation .hover {
								cursor: pointer;
								position: relative;
								display: block;
								margin-top: -12px;
								width: 150px;
								height: 60px;
								background: url(../../images/tabs.gif) no-repeat; }
								
							/* TAB [home] */
							#navigation #nHome {
								background-position: 0 0; }
								
							#navigation .fallback #nHome:hover,
							#navigation #nHome .hover {
								background-position: 0 -60px; }
								
							#navigation li #nHome.active {
								background-position: 0 -120px; }
								
							#navigation .fallback #nHome.active:hover,
							#navigation li #nHome.active .hover {
								background-position: 0 -60px; }
								
							/* TAB [about] */
							#navigation #nAbout {
								background-position: -150px 0; }
								
							#navigation .fallback #nAbout:hover,
							#navigation #nAbout .hover {
								background-position: -150px -60px; }
								
							#navigation li #nAbout.active {
								background-position: -150px -120px; }
								
							#navigation .fallback #nAbout.active:hover,
							#navigation li #nAbout.active .hover {
								background-position: -150px -60px; }
								
							/* TAB [services] */
							#navigation #nServices {
								background-position: -300px 0; }
								
							#navigation .fallback #nServices:hover,
							#navigation #nServices .hover {
								background-position: -300px -60px; }
								
							#navigation li #nServices.active {
								background-position: -300px -120px; }
								
							#navigation .fallback #nServices.active:hover,
							#navigation li #nServices.active .hover {
								background-position: -300px -60px; }
								
							/* TAB [news] */
							#navigation #nNews {
								background-position: -450px 0; }
								
							#navigation .fallback #nNews:hover,
							#navigation #nNews .hover {
								background-position: -450px -60px; }
								
							#navigation li #nNews.active {
								background-position: -450px -120px; }
								
							#navigation .fallback #nNews.active:hover,
							#navigation li #nNews.active .hover {
								background-position: -450px -60px; }
								
							/* TAB [contact] */
							#navigation #nContact {
								background-position: -600px 0; }
								
							#navigation .fallback #nContact:hover,
							#navigation #nContact .hover {
								background-position: -600px -60px; }
								
							#navigation li #nContact.active {
								background-position: -600px -120px; }
								
							#navigation .fallback #nContact.active:hover,
							#navigation li #nContact.active .hover {
								background-position: -600px -60px; }
								
							/* TAB [portfolio] */
							#navigation #nPortfolio {
								background-position: -750px 0; }
								
							#navigation .fallback #nPortfolio:hover,
							#navigation #nPortfolio .hover {
								background-position: -750px -60px; }
								
							#navigation li #nPortfolio.active {
								background-position: -750px -120px; }
								
							#navigation .fallback #nPortfolio.active:hover,
							#navigation li #nPortfolio.active .hover {
								background-position: -750px -60px; }
								
							/* TAB [our work] */
							#navigation #nWork {
								background-position: -900px 0; }
								
							#navigation .fallback #nWork:hover,
							#navigation #nWork .hover {
								background-position: -900px -60px; }
								
							#navigation li #nWork.active {
								background-position: -900px -120px; }
								
							#navigation .fallback #nWork.active:hover,
							#navigation li #nWork.active .hover {
								background-position: -900px -60px; }
								
							/* TAB [products] */
							#navigation #nProducts {
								background-position: -1050px 0; }
								
							#navigation .fallback #nProducts:hover,
							#navigation #nProducts .hover {
								background-position: -1050px -60px; }
								
							#navigation li #nProducts.active {
								background-position: -1050px -120px; }
								
							#navigation .fallback #nProducts.active:hover,
							#navigation li #nProducts.active .hover {
								background-position: -1050px -60px; }
								
							/* TAB [faq] */
							#navigation #nFaq {
								background-position: -1200px 0; }
								
							#navigation .fallback #nFaq:hover,
							#navigation #nFaq .hover {
								background-position: -1200px -60px; }
								
							#navigation li #nFaq.active {
								background-position: -1200px -120px; }
								
							#navigation .fallback #nFaq.active:hover,
							#navigation li #nFaq.active .hover {
								background-position: -1200px -60px; }
								
				#linkRss {
	text-indent: -3000em;
	position: absolute;
	display: block;
	top: 14px;
	right: 50px;
	width: 79px;
	height: 70px;
	background: url(../../images/iconRss.gif) no-repeat;
}
					
		#contentContainer {
	position: relative;
	padding: 0;
	background-color: #00F;
	background-image: url(../../images/shadow.gif);
	background-repeat: repeat-y;
}
			
			#banner {
	float: left;
	position: relative;
	padding: 30px 15px 20px 15px;
	color: #ffffff;
	background: #1f7be5 url(../../images/banner.gif) top repeat-x;
	text-align: center;
}
				
				#banner h3 {
					margin-bottom: 10px;
					font-size: 36px;
					font-weight: normal;
					color: #ffffff; }
					
				#banner p {
	margin-bottom: 10px;
	line-height: 1.5em;
	color: #FFF;
}
					
				#banner a {
					color: #ffc000;
					text-decoration: none; }
					
				#banner a:hover {
					color: #ffffff;
					background-color: #ffc000;
					text-decoration: none; }
			
			#content {
	clear: both;
	padding: 0;
	height: 1%; /* Prevents float container collapse */
	line-height: 1.5em;
	background: #414143 url(../../images/content.gif) top repeat-x;
}
				
				.twoColumn {
					float: left;
					margin-right: 10px;
					width: 410px; }
					
				.threeColumn {
	float: left;
	margin-right: 10px;
	width: 260px;
	text-align: center;
}
					
					#content h3,
					#content h4,
					#content h5,
					#content p,
					#content ul,
					#content ol,
					#content form,
					#content table {
						margin-bottom: 10px; }
						
					#content a {
						color: #1f7ae3;
						text-decoration: none; }
						
					#content a:hover {
						color: #ffffff;
						background-color: #1f7ae3;
						text-decoration: none; }
						
					#content strong {
						font-weight: bold; }
						
					#content em {
						font-style: italic; }
						
					#content acronym {
						border-bottom-width: 1px;
						border-bottom-style: dotted; }
						
					#content h3,
					#content h4,
					#content h5 {
						font-weight: normal;
						color: #ffffff; }
						
					#content h3 {
						font-size: 24px; }
						
					#content h4 {
						font-size: 18px; }
						
					#content h5 {
						font-size: 14px; }
						
					#content ul,
					#content ol {
						padding-left: 30px;
						color: #1f7ae3; }
						
					#content ul span,
					#content ol span {
						color: #999999; }
						
					#content ul {
						list-style: disc; }
						
					#content ol {
						list-style: decimal; }
						
					#content table {
						border-collapse: collapse; }
						
						#content table td {
							padding: 4px 8px;
							vertical-align: top;
							color: #999999;
							font-size: 12px; }
							
						#content table thead td {
							color: #ffffff;
							background-color: #181818;
							font-size: 12px;
							font-weight: bold; }
						
					#content form div {
						clear: both; }
						
						#content form div label {
							float: left;
							margin-bottom: 15px;
							line-height: 30px;
							width: 270px; }
							
						#content .twoColumn form div label {
							width: 100px; }
						
						#content form div input,
						#content form div select,
						#content form div textarea {
							float: left;
							margin-left: 10px;
							padding: 8px 5px;
							width: 400px;
							border: 5px solid #555555;
							color: #181818;
							background-color: #ffffff;
							font-family: arial, verdana, helvetica, sans-serif;
							font-size: 12px; }
							
						#content form div input:focus,
						#content form div select:focus,
						#content form div textarea:focus {
							border-color: #1f7ae3; }
							
						#content .twoColumn form div input,
						#content .twoColumn form div select,
						#content .twoColumn form div textarea {
							width: 220px; }
							
						#content form div input,
						#content form div select {
							height: 15px; }
							
					#content .help {
						/*clear: left;
						float: left;*/
						display: block;
						margin-top: -15px;
						font-size: 11px;
						font-style: italic;
						color: #ffffff; }
							
					#content .button {
						clear: both;
						margin: 10px 20px 10px 0;
						float: right;
						border: 0;
						width: 100px;
						height: 30px;
						cursor: pointer;
						color: #ffffff;
						background-color: #1f7ae3;
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 12px;
						text-transform: lowercase; }
							
					#content .required {
						font-size: 20px;
						color: #ffc000; }
						
					#content .formNote {
						clear: both; }
						
					#contentContainer .services {
						list-style: none;
						padding-left: 5px; }
						
						#contentContainer .services li {
							margin-bottom: 5px;
							padding-bottom: 10px;
							padding-left: 50px;
							line-height: 33px;
							color: #999999;
							background: url(../../images/iconServices.gif) no-repeat; }
							
						#contentContainer #banner .services li {
							color: #ffffff;
							background: url(../../images/iconServices.png) no-repeat; }
						
					#content .newsTitle {
						color: #ffffff; }
						
					#content .newsDate {
						font-style: italic; }
						
					#content .warning {
						font-size: 14px;
						color: #ffc000; }
					
				#footer {
	clear: both;
	position: relative;
	margin-left: 50px;
	width: 750px;
	height: 185px;
	text-align: center;
	font-size: 11px;
	background: url(../../images/footer.gif) no-repeat;
	background-image: url(../images/footer.gif);
}
					
					#footer p {
	padding: 45px 20px 0 20px;
	color: #6f97d4;
	text-align: right;
}
						
						#footer p span {
							color: #ffffff; }
					
						#footer a {
							color: #6f97d4;
							text-decoration: none; }
							
						#footer a:hover {
	color: #6f97d4;
	text-decoration: none;
	font-size: 12px;
	text-align: right;
}
							
					#footer #linkTop {
						position: absolute;
						padding-right: 26px;
						top: 45px;
						right: 20px;
						color: #ffffff;
						background: url(../../images/iconTop.gif) right no-repeat; }
						
					#footer #linkTop:hover {
						color: #ffffff; }