﻿body
{
	background-color: #000000;
	text-align: center;
	font-family: Rotis Semi Sans, Arial, Verdana;
	font-size: 11pt;
	color: #404040;
}

#container
{
	background-color: #F8F8F8;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 3px;
}

#header
{
	height: 236px;
	margin-bottom: 3px;
	display: inline;
}

#navBar
{
	display: inline;
}

	#navBar a
	{
		width: 138px;
		display: block;
		line-height: 31px;
		margin: 0px 0px 3px 3px;
		background-color: #555555;
		background-image: url(/images/navLinkBG.jpg);
		background-repeat: repeat-x;
		text-align: center;
		font-size: 10.5pt;
		float: left;
		color: #FFFFFF;
		text-decoration: none;
	}
	
		#navBar a:hover
		{
			text-decoration: underline;
		}

#footer
{
	background-color: #F8F8F8;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
}

#leftContent
{
	background-color: #E2E2E2;
	width: 541px;
	float: left;
	margin-left: 3px;
	padding: 10px;
	background-image: url(/images/ultraitfaded.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
	min-height: 396px;
	display: inline;
}

#rightContent
{
	background-color: #E2E2E2;
	width: 280px;
	float: right;
	margin-right: 3px;
	padding: 0px;
	display: inline;
}

/*Modal Popup*/

.modalBackground 
{	
	background-color: #000000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

	.modalPopup 
	{
		background-color: #E2E2E2;
		border: solid 3px #E2E2E2;
		padding:3px;
		width:360px;
		height: 200px;
		background-image: url(/images/callbackbg.jpg);
		background-position: right 60px;
		background-repeat: no-repeat;
	}
	
		.modalPopup .formLeft
		{
			margin-top: 10px;
		}
		
			.modalPopup .formLeft .field
			{
				margin-bottom: 5px;
			}

/** category **/

.articleContainer
{
	border-bottom: dashed 1px #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

	.articleContainer h2
	{
		margin-top: 0px;
		font-size: 14pt;
		margin-bottom: 10px;
		padding: 0px;
	}

.articleIcon
{
	width: 160px;
	float: left;
}

.articleDescription
{
	float: right;
	width: 370px;
}

/** end category **/

/** right buttons **/

#downloadBrochureButton, #callBackButton, #contactButton
{
	height: 84px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-bottom: 3px;
}

	#downloadBrochureButton:hover, #callBackButton:hover, #contactButton:hover
	{
		height: 84px;
		background-repeat: no-repeat;
	}
	
		#downloadBrochureButton a, #callBackButton a, #contactButton a
		{
			display: block;
			text-decoration: none;
			height: 84px;
		}
		
			#downloadBrochureButton	
			{
				background-image: url(/images/downloadBrochure.jpg);
			}
			
			#callBackButton
			{
				background-image: url(/images/callmeback.jpg);
			}
			
			#contactButton
			{
				background-image: url(/images/contactus.jpg);
			}
			
				#downloadBrochureButton:hover
				{
					background-image: url(/images/downloadBrochure.jpg);
					background-position: 0px -84px;
				}
				
				#callBackButton:hover
				{
					background-image: url(/images/callmeback.jpg);
					background-position: 0px -85px;
				}
				
				#contactButton:hover
				{
					background-image: url(/images/contactus.jpg);
					background-position: 0px -85px;
				}

/** end right buttons **/

/** general css **/

h1
{
	font-size: 16pt;
	color: #DD7400;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

.clear
{
	clear: both;
}

a img
{
	border: none;
}

a
{
	color: #404040;
}

/** end general css **/