/* =============  	@ CLEARFIX ================ */

.clearfix:before, 
.clearfix:after 								{ content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after 								{ clear: both; }
.clearfix 										{ zoom: 1; } 

html{min-height:100%;margin-bottom:1px}

body {
	background: #fff url(../images/gradient.gif) left top repeat-x;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #626469;
	margin: 0;
	padding: 0;
	min-height: 100%;
	
}

img { border: 0; }

#wrapper {
	width: 800px;
	min-height: 800px;
	background: url(../images/columns.gif) top left repeat-y;
	padding: 0;
	margin: 0 auto;
}

span.mark { font-size: 9px; font-family: Arial; }

.image-right {float:right;margin:5px 0 15px 15px;}

/*** MASTHEAD DIMENSIONS, FLOATING LOGO IN H1 AND TAGLINE ON HOME PAGE ***/

#masthead {height: 85px; margin: 0px 0 0 0;}

h1 {
	float: left;
	margin: 20px 188px 0 28px;
	padding: 0;
	height: 46px;
	width: 64px;
	display: inline;
}

#masthead p {
	font-family: Times New Roman;
	font-size: 17px;
	color: #006498;
	line-height: 85px;
	/* letter-spacing: -1px; */
	margin: 0;
}

/**** MAIN MENU STYLES, INCLUDING DROP DOWN STYLING ********/

#mainmenu {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../images/menu-bg.jpg) top left no-repeat;
	height: 173px;
	width: 800px;
	clear: both;
}

.list-nav-primary										{list-style-type:none;margin:15px 0 0;float:right;}
.list-nav-primary a:link,
.list-nav-primary a:visited								{text-decoration:none;}
	.nav-primary										{float:left;position:relative;}
		.nav-primary-link								{line-height:32px;display:block;}
		.nav-primary-link span							{visibility:hidden;}
		#nav-home										{background: url('../images/nav-primary.png') no-repeat 15px 11px; width:75px; }
		#nav-products									{background: url('../images/nav-primary.png') no-repeat 15px -12px;width:110px;}
		#nav-services									{background: url('../images/nav-primary.png') no-repeat 15px -36px;width:105px;}
		#nav-solutions									{background: url('../images/nav-primary.png') no-repeat 15px -60px;width:120px;}
		#nav-about										{background: url('../images/nav-primary.png') no-repeat 15px -84px;width:115px;}
		 
		                          			
		.list-nav-secondary								{list-style-type:none;margin:0;padding:5px 0;position:absolute;left:0;top:32px;background:#004f76;display:none;min-height:115px;z-index:500;}
		.nav-primary:hover .list-nav-secondary 			{display:block;}  
		#nav-home 		.list-nav-secondary				{width:175px;}
		#nav-products 	.list-nav-secondary				{width:210px;}
		#nav-services 	.list-nav-secondary				{width:205px;}
		#nav-solutions 	.list-nav-secondary				{width:220px;}
		#nav-about 		.list-nav-secondary				{width:115px;}
		
		.nav-secondary									{font-family: Verdana, sans-serif;font-weight:600;font-size:10px;}
		.nav-secondary a								{padding:4px 15px;display:block;}
		.nav-secondary a:link,
		.nav-secondary a:visited						{color:#adc6d3;}		
		.nav-secondary a:hover,
		.nav-secondary a.active							{color:#fff;}



		                                    			
			.list-nav-tertiary							{list-style-type:none;margin:-20px 0 0;padding:0;position:absolute;background:#005a87;display:none;}
			.nav-secondary:hover .list-nav-tertiary		{display:block;}
			#nav-home 		.list-nav-tertiary			{left:175px; }
			#nav-products 	.list-nav-tertiary			{left:210px;}
			#nav-services 	.list-nav-tertiary			{left:205px;}
			#nav-solutions 	.list-nav-tertiary			{left:220px;}
			#nav-about 		.list-nav-tertiary			{left:115px;}
			.nav-tertiary								{width:120px;}

/* CSS3 Styling */

.list-nav-secondary										{
													-webkit-border-bottom-right-radius: 3px;
													 -webkit-border-bottom-left-radius: 3px;
														-moz-border-radius-bottomright: 3px;
														 -moz-border-radius-bottomleft: 3px;
															border-bottom-right-radius: 3px;
															 border-bottom-left-radius: 3px;
	
												/*        -moz-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.6); /* FF3.5+ */
												/*     -webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.6); /* Saf3.0+, Chrome */
												/*             box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.6); /* Opera 10.5, IE9, Chrome 10+ */
														}			


/**** OLD |||| MAIN MENU STYLES, INCLUDING DROP DOWN STYLING *******

#mainmenu {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../images/menu-bg.jpg) top left no-repeat;
	height: 173px;
	width: 800px;
	clear: both;
}

#nav {
	position: absolute;
	top: 15px;
	left: 253px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#nav a {
	color: #adc6d3;
	text-decoration: none;
	font-weight: bold;
}

#nav a:hover { color: #fff; }

#nav li { float: left; }

#nav ul li {
	clear: left;
	margin-bottom: 8px;
	padding-left: 16px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: 116px;
	background: #004f76;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background: #004f76;
}

#homeli {
	width: 108px;
	height: 32px;
}

#hlink {
	display: block;
	width: 108px;
	height: 32px;
	background: url(../images/home.jpg) top left no-repeat;
	text-indent: -9999px;
}

#hlink:hover { background: url(../images/home-hover.jpg) top left no-repeat; }

#productli { width: 155px;
	background: url(../images/products.jpg) top left no-repeat; 
}

#productli:hover, #productli.sfhover { background: url(../images/products-hover.jpg) top left no-repeat; }

#plink {
	display: block;
	width: 155px;
	height: 32px;
	text-indent: -9999px;
}

#nav #productli ul { width: 155px; }

#companyli { 
	width: 134px; 
	background: url(../images/company.jpg) top left no-repeat;
}

#clink {
	display: block;
	width: 134px;
	height: 32px;
	text-indent: -9999px;
}

#companyli:hover, #companyli.sfhover { background: url(../images/company-hover.jpg) top left no-repeat; }

#nav #companyli ul { width: 134px; }

#supportli { 
	width: 150px; 
	background: url(../images/support.jpg) top left no-repeat;
}

#slink {
	display: block;
	width: 150px;
	height: 32px;
	text-indent: -9999px;
}

#supportli:hover, #supportli.sfhover { background: url(../images/support-hover.jpg) top left no-repeat; }

#nav #supportli ul { width: 150px; }

*/


/***** PADDING FOR THE AREA BETWEEN THE MAIN MENU AND THE FOOTER ****/

#content {
	padding: 27px 34px 27px 27px;
	margin: 0;
}





/******* BOXES FOR THE HOME PAGE ********/

#bigbox {
	height: 301px;
	width: 422px;
	background: url(../images/bigbox.gif) top left no-repeat;
	float: left;
	font-size: 12px;
}

#bigbox strong {
	display: block;
	font-size: 22px;
	font-family: Times New Roman;
	font-weight: normal;
	color: #006498;
	margin-top: 20px;
}

#bigbox p { 
	margin: 0 25px 12px 20px;
	line-height: 1.5em;
}

#bigbox h2 { 
	font-size: 1em;
	text-transform: uppercase;
	margin: 20px 0 .5em 20px;
}

.promobox {
	float:right;
	position:relative;
}

ul.smallbox {
	margin:0 0 16px 0;
	padding:0;
	list-style-type:none;
}

small { font-weight: normal; font-family: Arial; }


/********* SIDE NAVIGATION STYLES **************/

#sidenav {
	float: left;
	width: 188px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #006598;
}

#sidenav li {
	margin: 0 0 12px 0;
	padding: 0;
}

#sidenav a { 
	color: #006598;
	text-decoration: none;
}

#sidenav a:hover { text-decoration: underline; }

#sidenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: none;
}

#sidenav ul li {
	margin: 8px 0 0 0;
}

#sidenav ul a {
	color: #646464;
}

#sidenav ul a.on {
	color: #c85232;
}

#sidenav ul a:hover {
	color: #c85232;
	text-decoration: none;
}




/*********** MAIN AREA STYLING **************/

#main {
	margin-left: 251px;
	line-height: 1.5em;
}

#main h2 {
	font-size: 12px;
	font-weight: bold;
	color: #c92d02;
	margin: 0 0 .5em 0;
	padding: 0;
}

#main h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#main h4 {
	text-transform: uppercase;
	margin: 2em 0 .5em 0;
	padding: 0;
	font-size: 1em;
}

#main p {
	margin: 0 0 1em 0;
}

#main a {
	text-decoration: none;
	color: #006498;
}

#main a:hover { text-decoration: underline; }

#main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main .abstract {
	color: #006598;
	font-size: 16px;
	line-height: 22px;
}
#main .bullets {
	list-style-type: disc;
	margin: 10px 40px;
}

#main .bullets li {
	padding: 3px 0;
}

#main .product-img {
	display: block;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#main .product-img-left {
	display: block;
	margin: 0 auto;
	padding: 10px 20px 0 0;
	float: left;
}

#main .blue-em {
	font-style: normal;
	font-weight: normal;
	/*color: #006598;*/
}


/*********** FORM STYLES ****************/

#main-form {
	margin-left: 251px;
	margin-top: -70px;
	line-height: 1.5em;
}

#main-form h2 {
	font-size: 12px;
	font-weight: bold;
	color: #c92d02;
	margin: 0 0 0 0;
	padding: 0;
}

#main-form h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#main-form p {
	margin: .5em 0 1em 0;
}

#main-form a {
	text-decoration: none;
	color: #006498;
}

#main-form a:hover { text-decoration: underline; }

#main-form ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

form { margin-bottom: 16px; }

fieldset { 
	margin: 0;
	padding:0px;
	width: 410px;
	border: 0;
}

#generalinfo {
	font-weight: bold;
	border-top: 1px solid #d4d4d4;
	padding: 20px 0px;
}

label {
	float: left;
	width: 120px;
	clear: both;
}

#generalinfo input { 
	margin: 0 0 8px 0;
	width: 280px;
	float: right;
}

#purchase { margin-bottom: 24px; }

p.privacy { 
	font-weight: bold;
	font-size: 10px;
	color: #c92d02;
	border-top: 1px solid #d4d4d4;
	width: 410px;
	padding-top: 16px;
}


/************* FOOTER STYLES **********************/


#footerwrapper {
	width: 800px;
	background: url(../images/columns.gif) top left repeat-y;
	padding: 0;
	margin: 0 auto;
}


#footer {
	clear: both;
	margin: 0px;
	padding: 10px 0px 20px 104px;
	//padding: 10px 0px 20px 96px;
	color: #8f8f8f;
	font-size: 9px;
	height: 20px;
	text-align: left;
	display: block;
}

#footer a {
	text-decoration: none;
	color: #4f4f50;
}

#footer span.link {
	padding: 5px 15px 5px 0;
	margin-right: 15px;
	background: url(../images/line.gif) right 7px no-repeat;
}

#footer a:hover { text-decoration: underline; }

#phone { 
	padding: 5px 15px 5px 15px;
	background: url(../images/phone.gif) top left no-repeat;
	color: #4f4f50;
	border: 0;
}

#copyright {
	border-width: 0;
	background: url(../images/line.gif) left 50% no-repeat;
	padding: 5px 15px;
}

/* STYLES FOR CONTACT PAGE */

.contact-box 					{}
.legend-heading 				{font-size: 20px; font-weight: 600;}
.block-set 						{margin:0 0 10px 0;padding:0px;}
.list-fields					{list-style-type:none;margin:0; padding: 0;}
.block-field					{line-height:30px;padding:5px 10px;margin:0 0 3px 0;}
.block-field label				{float:left;font-size:12px;width:130px;}

.msg-textarea					{width: 160px; height: 80px;}

.buttons						{margin: 0 0 0 130px;}
.sub-button						{padding: 0 10px;}
.reset-button					{padding: 0 10px; margin: 0 0 0 10px;}