/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {font:0.8em/1.5 Verdana, sans-serif;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

				
ul.BlogList 	{
			margin:25px 0; 
			list-style:none;
			}
			
	ul.BlogList li 	{padding:5px 0;}

ul.BlogList span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#InnerBody	{background: url("../design/bginner.png") 0 0 repeat-x;}
#FrontPageBody	{background:url("../design/leftside.png") 0 0 repeat-x; }

#main 	{width:960px; margin:0 auto; overflow:hidden; position: relative;}
#mainSupport 	{width:960px; margin:0 auto; overflow:visible;}


	#HeaderBackground	{
						width: 960px;
						height: 477px;
						background:url("../design/headerbackground.png") 0 0 no-repeat;
						}
						
	#HeaderBGInner	{
						width: 960px;
						
						background:url("../design/headerbackgroundinner.png") 0 0 no-repeat;
						}
						
	#LeftSide	{
				width: auto;
				height: 477px;
				background:url("../design/leftside.png") 0 0 repeat-x;
				}

    #header {position:relative; height:37px; padding:10px 20px 15px 20px;}

        #logo {margin:0;}
    
        #nav {position:absolute; top:15px; right:20px; margin:0; }
		#nav a:hover	{background:url("../design/navbg.png") 0 0 no-repeat;}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:normal; text-decoration:none;}
    
	#colInner	{
			width: 960px;
			
			margin: 30px 0 15px 0; 
			padding:10px 0px 15px 0px; 
			}
			
/* ----------------------------------------------------------------------------------------------------------
4) Main Menu  -----  Menu Sprites are in sprites.css
---------------------------------------------------------------------------------------------------------- */	
  
  .MenuBar{
			position:relative; 
			width:960px; 
			height:55px; 
			font:normal normal 90%/4em Tahoma, Verdana,sans-serif;
			z-index: 98;
			}
			
	.MenuBarHome{
				position:absolute; 
				width:960px; 
				height:55px; 
				top: 62px;
				font:normal normal 90%/4em Tahoma, Verdana,sans-serif;
				z-index: 100;
				}
			
	#FrontPage	{background:url("../design/tray1.png") 0 0 repeat-x; }
	#InnerPage	{background:url("../design/tray2.png") 0 0 repeat-x; }
			
	ul.topnav li span 	{ /*--Drop down trigger styles--*/
					width: 17px;
					height: 17px;
					margin: 18px 0 0 -20px;
					float: left;
					z-index: 1000;
					background: url(../design/dropdownarrow1.png) no-repeat center top;
					}

	ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

	ul.topnav li ul.subnav 	{
						list-style: none;
						position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
						left: 0; 
						top: 48px;
						color: white;
						background: #333;
						margin: 0; 
						padding: 0;
						display: none;
						float: left;
						width: 170px;
						text-indent: 1em;
						border: 1px solid #111;
						z-index: 1000;
						filter: alpha(opacity=95);
						opacity: 0.95;
						}
		
	ul.topnav li ul.subnav li	{
						margin: 0; padding: 0;
						border-top: 1px solid #252525; /*--Create bevel effect--*/
						border-bottom: 1px solid #444; /*--Create bevel effect--*/
						clear: both;
						width: 170px;
						height: 45px;
						z-index: 1000;
						}
		
	html ul.topnav li ul.subnav li a {
							float: left;
							width: 150px;
							color: #fff;
							background: #333 url(../design/dropdownlink.png) no-repeat 10px center;
							padding-left: 20px;
							height: 45px;
							z-index: 1000;
							}
							
	html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
								background: #222 url(../design/dropdownlinkhover.png) no-repeat 7px center;z-index: 1000;
								}

	.MenuBar #mrclogo{
						margin-right: 75px; 
						height: 18px;
						width: 63px;
						float: right;
						margin: 15px 0 0 0;
						font: normal normal 30px/1.4em "Arial Black";
						color: white;
						background: transparent url(/design/mrcLogo.png) no-repeat 0 0;
					
					}	
					
	.MenuBarHome #mrclogo{
						margin-right: 75px; 
						height: 18px;
						width: 63px;
						float: right;
						margin: 15px 0 0 0;
						font: normal normal 30px/1.4em "Arial Black";
						color: white;
						background: transparent url(/design/mrcLogo.png) no-repeat 0 0;
						}	

/* ----------------------------------------------------------------------------------------------------------
End of Main Menu  
---------------------------------------------------------------------------------------------------------- */	


/* ----------------------------------------------------------------------------------------------------------
Search
---------------------------------------------------------------------------------------------------------- */	
#top-search 	{
			height:60px;
			width:325px;
			left: 15px;
			top: 0px;
			position:absolute;
			}
 
#searchtoggle 	{
				background:url(../design/searchtoggle.png) no-repeat left top;
				position:absolute;
				top:0px;
				left: 0px;
				width:30px;
				height:34px;
				text-indent:-9999px;
				border:0;

				}
#searchtoggle.up 	{ 
					background:url(../design/searchtoggle.png) no-repeat right top; 
					}
			
#top-search form	{
				position:absolute;
				top:0px;
				left:20px;
				background:url(../design/searchbox.png) no-repeat;
				width:262px;
				height:35px;
				padding:5px 0 0 40px;
				display:none;
				border: 0;
				}
				
#top-search .box {
				width:195px;
				background:transparent;
				border:0;
				margin-left:-10px;
				}
				
#top-search .btn {
				margin:3px 0 0 15px;
				width:35px;
				background:transparent;
				border:0;
				text-indent:-9999px;
				cursor:pointer;
				}

/* ----------------------------------------------------------------------------------------------------------
End of Search
---------------------------------------------------------------------------------------------------------- */	
 
 /* ----------------------------------------------------------------------------------------------------------
Tootip
---------------------------------------------------------------------------------------------------------- */	
 /* tooltip styling. uses a background image (the yellow arrow) */

div.tooltip 	{ 
			background:transparent url(../design/hoverbox.png) no-repeat bottom left;
			font-size:12px; 
			height:362px; 
			width:600px; 
			font-size:14px; 			
			display:none; 
			color:#000; 
			z-index: 200;
			margin-left: 275px;
			margin-top: 20px;
			position: relative;

			} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:30px 0 0 30px; 
	width: 515px;
    font-size:18px; 
    color:#000; 
		z-index: 200;
}

div.tooltip p.first { 
    margin:10px 0 10px 30px; 
	width: 515px;
    color:#000; 
	z-index: 200;	
	}
	
div.tooltip p.second { 
    margin:10px 0 10px 30px; 
	width: 300px;
    color:#000; 
	z-index: 200;	
	}
	
	div.tooltip ul	{
				position: relative;
				margin: 5px 0 0 5px;
				z-index: 200;
				}
				
	div.tooltip ul li	{
					text-align: left;
					list-style: none;
					background: url("../design/bullet.png") 0 5px no-repeat;
					font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
					margin-left: 45px;
					padding-left: 25px;
					z-index: 200;
					}	
					
	div.tooltip a.ImageLinks	{
							position: relative; 
							padding: 0 0 0 40px;
							z-index: 200;
							bottom: 0;
							right: 0;
							float: left; 
							margin: -25px 25px 0 0;
							}
		div.tooltip a img	{
						position: relative; 
						padding: 25px 0 0 40px;
						z-index: 200;
						bottom: 0;
						right: 0;
						}
					
		div.tooltip img	{
						position: absolute; 
						bottom: 75px;
						right: 75px;
						}
		

/* ----------------------------------------------------------------------------------------------------------
End of Tooltip
---------------------------------------------------------------------------------------------------------- */	

    #FooterBar	{
				height: 90px;
				width: 100%;
				background:url("../design/footer1px.png") 0 0 repeat-x; 
				font:0.8em/1.5 "Verdana", "Arial", "Helvetica";
				margin: 25px 0 0 0;
				bottom: 0;
				float: right;
				
				}
				
	#FooterBody	{
				
				width: 960px;
				height: 90px;
				margin: 0 auto;
				background:url("../design/footerbody.png") 0 0 no-repeat;
				clear: both;
				color: #FFFFFF;
				}
				
	#Copyright	{
				float: right;
				}
				
	.FooterBoxes	{
					float: left;
					display: inline;
					width: 150px;
					height: 75px;
					padding: 8px 10px 7px 10px;
					font: normal normal 10px/1.3em "Verdana", "Arial", "Helvetica";
					text-align: left;
					}
		
/* ----------------------------------------------------------------------------------------------------------
Styles of Inner Pages
---------------------------------------------------------------------------------------------------------- */	
		
.InnerBody	{
			width: 550px;
			float: left;
			display: inline;
			margin: -22px 25px 25px 30px;			
			}
			
.InnerBodySupport	table{ margin: 0;}


.InnerBodySupport	{
			width: 780px;
			float: left;
			display: inline;
			margin: -22px 25px 25px 30px;
			}
#WidthOverride	{width: 900px;}
	
	.InnerBody h1	{
					float: right;
					clear: right;
					margin-top: 25px;
					font: normal normal 24px/1.5em Verdana, Arial, Helvetica;
					}
					
		.InnerBody h1.NoLogo	{
							float: left;
							clear: right;
							margin-top: 25px;
							font: normal normal 24px/1.5em Verdana, Arial, Helvetica;
							}
	
	.InnerBody h2	{
					clear: left;
					font: normal normal 17px/1.5em "Verdana", "Arial", "Helvetica";
					}
					
	.InnerBody h3	{
					clear: left;
				
					font: normal normal 17px/1.5em "Verdana", "Arial", "Helvetica";
					}
					
	.InnerBody h4	{
					margin: 10px 0;
					font: normal normal 16px/1em "Verdana", "Arial", "Helvetica";
					}
					
	.InnerBody h5	{
					
					margin: 0 0 0 0;					
					font: normal normal 17px/1.8em "Verdana", "Arial", "Helvetica";
					}
					
	.InnerBody p		{	
					clear: left;
					font: normal normal 12px/1.5em "Verdana", "Arial", "Helvetica";
					}
					
	.InnerBody blockquote	{
						background-color: #DFDFDF; 
						padding: 10px;
						}
					
	.InnerBody #Logo	{
					position: relative;
					
					margin: 10px 15px 25px -10px;
					width: 64px;
					height: 64px;
					background: url("../design/logo.png") 0 0 no-repeat;
					float: left;
					}
					
		.InnerBody ul	{
					position: relative;
					margin: 5px 0 0 5px;
					}
				
		.InnerBody ul li	{
						text-align: left;
						list-style: none;
						font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
						margin-left: 45px;
						padding-left: 25px;
						}	
						
		.InnerBody ul li img	{
							
							float: left;
							margin: 5px 10px 0 -27px;
							}
							
	.InnerBody ul.default	{
							position: relative;
							margin: 5px 0 0 125px;
							}
						
			.InnerBody ul.default li	{
									text-align: left;
									list-style: disc;
									font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
									margin-left: 20px;
								
									}	
							
	.InnerBody ul.plain	{
						position: relative;
						margin: 5px 0 0 5px;
						}
						
		.InnerBody ul#Indent	{
							margin-left: 64px;
							}
				
		.InnerBody ul.plain li	{
							text-align: left;
							list-style: none;
							background: url("../design/bullet.png") -3px 5px no-repeat;
							font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
							margin-left: 20px;
							padding-left: 25px;
							}		
								
				.InnerBody ul.plain li ul li	{
										background: url("../design/bullet_square_glass_green.png") -3px 5px no-repeat;
										}
				
					.InnerBody ul.plain li ul li ul li	{
												background: url("../design/bullet_triangle_glass_grey.png") -3px 5px no-repeat;
												}
							
						.InnerBody ul.plain li ul li ul li ul li	{
														background: url("../design/bullet_ball_glass_yellow.png") -3px 5px no-repeat;
														}
				
				

	.InnerBody img	{
					float: left; 
					margin: 0 20px 15px 0; 
					clear: left;
					
					}
					
	.InnerBody img.icon	{
					float: left; 
					margin: 0 10px 0 0; 
					clear: left;
					}
					
	.InnerBody a.RightArrow
					{
					width: 32px;
					height: 32px;
					float: right; 
					margin: 0 0 0 10px; 
					background: transparent url("../design/navigateright.png") top left no-repeat;
					}
	.InnerBody img.arrow	{
					float: none; 
					margin: 0; 
					
					}

		.InnerBody a.RightArrow:hover	{
										background: url("../design/navigateright.png") bottom left no-repeat;
										}
		
	.InnerBody a.LeftArrow
					{
					width: 32px;
					height: 32px;
					float: left; 
					margin: 0 10px 0 0; 
					background: transparent url("../design/navigateleft.png") top left no-repeat;
					}
					
		.InnerBody a.LeftArrow:hover	{
										background: transparent url("../design/navigateleft.png") bottom left no-repeat;
										}
	
/* ----------------------------------------------------------------------------------------------------------
These styles are for Divs on the inside pages that take up the entire width
---------------------------------------------------------------------------------------------------------- */	

	
	.InnerBody .Grid1	{								
								margin: 0 25px 0 0;
								padding: 0 0 15px 0;
								width: 550px;
								
								float: left;
								border-bottom: 1px solid #dfdfdf;
								}
								
		.InnerBody .Grid1:hover	{background-color: #dfdfdf;}
		
		.InnerBody .Grid1 ul	{								
									margin-left: 91px;
									}
								

			
			
/* ----------------------------------------------------------------------------------------------------------
Styles for Divs that fit two next to each other
---------------------------------------------------------------------------------------------------------- */	
	
	
	.InnerBody .Grid2	{								
					margin: 0 15px 0 0;
					padding: 10px 10px 15px 10px;
					width: 230px;
					min-height: 250px;
					float: left;					
					}
		.InnerBody #NewLine	{clear: left;}
					
		.InnerBody .Grid2:hover	{background-color: #dfdfdf;}
					
		.InnerBody .Grid2 a	{								
					margin: 0 auto;
					display: table;
					text-align: center;
					padding: 10px 10px 0 10px;
					font: normal bold 14px/1.2em Verdana, Arial, Verdana;
					color: #054e7c;
					text-decoration: none;
					clear: left;
					}
					
			.InnerBody .Grid2 a img	{								
					margin: 0 auto;
					display: inline-block;
					width: 128px;
					height: 128px;
					padding: 10px 26px 0 26px;
					}
					
			.InnerBody .Grid2 img	{								
					margin: 0 auto;
					float: left;
					display: inline-block;
					padding: 10px 10px 0 25px;
					}
					
			.InnerBody .Grid2 p	{								
					margin: 0 auto;
					display: inline-block;
					width: 210px;
					padding: 10px 15px 0 15px;
					}
			
			.InnerBody .Grid2 h3	{padding: 10px 0 10px 25px;}
					
			.GridDivider	{
							width: 1px;
							min-height: 250px;
							margin: 10px 10px 0 0;
							background-color: #dfdfdf;
							float: left;
							}

/* ----------------------------------------------------------------------------------------------------------
Styles for Divs that fit 3 next to each other
---------------------------------------------------------------------------------------------------------- */	
							
	.InnerBody .Grid3	{
						float: left;
						width: 150px;
						margin: 0 5px 0 0;
						padding: 10px;
						}
					
/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top	{
			width:960px; 
			height:5px; 
			margin-top:15px; 
			background:url("../design/col-top.gif") 0 0 no-repeat; 
			font-size:0; 
			line-height:0; 
			overflow:hidden;
			}
			
#col-bottom {
			width:960px; 
			height:5px; 
			margin-bottom:15px; 
			background:url("../design/col-bottom.gif") 0 0 no-repeat; 
			font-size:0; 
			line-height:0; 
			overflow:hidden;
			}
			
#col 	{
		position:relative; 
		width: 960px;
		height: 270px;
		margin-top: 85px; 
		padding:20px 30px 15px 20px; 
		background:url("../design/colbox2.png") 0 0 no-repeat;
	
		}
		


    #col-browser{
				position:relative; 
				float:left; 
				width:280px; 
				height:220px; 
				}
				
		#col-browser img 	{
						position:absolute; 
						top:15px; 
						left:10px;
						}

    #col-text	{
				float:right; 
				width:600px; 
				padding-top:15px; 
				padding-right: 45px;
				line-height:1.7;
				}

        #slogan	{
				position:relative; 
				width:600px; 
				height:40px; 
				overflow:hidden; 
				margin:0; 
				padding:0; 
				font-size:180%;
				}
				
        #slogan span	{
					display:block; 
					position:absolute; 
					top:0; 
					left:0; 
					z-index:1; 
					width:100%; 
					height:100%; 
					margin:0; 
					padding:0; 
					font: normal normal 32px/1em Verdana, "trebuchet ms", Helvetica;
					}
	   
				


.columns	{	
			float: left;
			width: 300px;
			height: 300px;
			margin: 25px 20px 40px 0;
			color: #3b3b3b;
			
			}
			
	.columns img	{
				margin: 0 15px 0 0;
				float: left;
				display: inline;
				width: 64px;
				height: 64px;
				border: none;
				background: none;
				}
				
	.columns .scroll	{
				margin-left: 40px;
				float: none;
				display: block;
				width: auto;
				height: auto;
				}
				
	.columns .scroll img	{
				margin: 50px 15px 10px 0;
				float: none;
				display: block;
				width: auto;
				height: auto;
				}
				
	.columns h3	{
				float: left;
				font: normal normal 17px/1.5em Verdana, Arial, Helvetica;
		
				}
			
	.columns h4	{
				float: right;
				font: normal normal 17px/1.5em Verdana, Arial, Helvetica;
				margin: 15px 0 0 15px;
				
				}
				
		.columns .Learn	{
						float: right;
						width: 155px;
						height: 20px;
						
						margin: 10px 0 0 0;
						}
		.columns .Learn a	{
							float: right; 
							display: inline; 
							font: normal normal 17px/1em Verdana, Arial, Helvetica;
							text-decoration: none;
							}
		
		.columns .Learn a img.LearnMore	{
									float: left;
									width: 16px;
									height: 16px;
									display: inline;
									margin: 2px 0 0 5px;
								
									}
				
	.columns ul	{
				width: 280px;
				height: 180px;
				margin: 5px 10px 10px 10px;
			
				}
				
	.columns ul li	{
				text-align: left;
				float: left;
				list-style: none;
				background: url("../design/bullet.png") -3px 5px no-repeat;
				font: normal normal 12px/2em "Verdana", "Arial", "Helvetica";
				margin-left: 45px;
				padding-left: 25px;
				}
	
	
	.columns ul li a	{text-decoration: none;}
	
	.columns a h4:hover	{text-decoration: underline;}
					
	.scrollquotes	{
					width: 200px;
					height: 160px;	
					float: left;					
					display: inline;
					margin: 10px 0 5px 35px;
					z-index: 1;
					background-color: transparent;
					
					}
					
	.scrollquotes2	{
				width: 195px;
				height: 150px;	
				float: left;					
				display: inline;
				margin: 10px 0 40px 80px;
				z-index: 1;
				background-color: transparent;
				}

				
#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../design/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left {float:left; width:595px; padding:20px;}
    #cols2 #col-right {float:right; width:268px; margin-right:1px; padding:20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px; font: normal normal 17px/1.5em "Verdana", "Arial", "Helvetica";}
		#cols2 #col-left .title h5 {margin: 0 0 0 15px; font: normal normal 15px/1.5em Verdana, Arial, Helvetica;}
        #cols2 #col-left .title span {padding-left:10px;}
		#cols2 #col-left .title img {float: left; width: 48px; height: 48px; margin: -10px 17px 0 5px;}

        #cols2 .box {margin-top:15px;}
		#cols2 img {float: left; width: 48px; height: 48px; margin: -10px 15px 0 0px;}
		
	/*--    #cols2 #col-right h4 {background:url("../design/dot-02.gif") 0 50% repeat-x;}  --*/
        #cols2 #col-right h4 span {padding-right:10px; font: normal normal 17px/1.5em Verdana, Arial, Helvetica;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:right; width:250px;}
		 #cols2 .col-right-scroll {margin-left: 25px; width: auto;}
		 #cols2 .col-right-scroll img{float:none; display: block; width: 125px; height: auto; margin: 50px 0 0 38px;}
        #cols2 .col-right-text p {margin:0;}
		

    .col 	{
			float:left; 
			width:308px; 
			height: 473px; 
			padding:0 1px; 
			margin-right:15px;
			}
			
    .col.last 	{
				margin-right:0;
				}

    .col h3	{
			margin:0; 
			padding:7px 0 12px 0; 
			text-align: center;
			font-size:100%;
			text-decoration: none;
			/*background:url("../design/cols3-title.gif") 20px 40% no-repeat; */
			font: normal bold 15px/1.5em Verdana, "trebuchet ms", Verdana;
			
			}
			
	.col h4	{
			margin: 0;
			padding: 5px 0 0 0;
			text-align: left;
			font: normal bold 15px/1.5em Verdana, "trebuchet ms", Verdana;
			}
			
	.Divider	{
				width: 275px;
				height: 2px;
				margin: 15px 2px 10px 0;
				background:url("../design/divider.png") 0 0 no-repeat; 
				}
			
	.col-text 	{
				padding:20px; 
				border-top:1px solid #DFDFDF;
				height: 352px;
				
				}
				
		.col-text p {margin:0;}
	

	
    .col-text ul {margin-bottom:20px;}
    .col-more 	{
				padding:10px 10px 1px 0; 
				text-align:right; 
				width: 298px;
				bottom: 0;
				}
	
	.colbox	{
			width: 250px;
			height: 75px;
			padding: 5px;
			margin: 5px;
			color: white;
			}
		
		.colbox img	{
					display: inline;
					float: left;
					padding: 10px 15px 5px 10px;
					}
		
		.colbox h4	{
					width: 240px;
					height: 52px;
					margin: 5px;
					padding: 10px 5px 5px 10px;
					font: normal bold 14px/1.5em Verdana, "trebuchet ms", Verdana;
					background: url("../design/colbox.png") no-repeat 0 0;
					}
/* ----------------------------------------------------------------------------------------------------------
5) Modal Box
---------------------------------------------------------------------------------------------------------- */		
			
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  position: absolute;
  top: 0;
  left: 0;
}
  
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;  
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog 	{
				width:700px; 
				height:500px;
				color: #3b3b3b;
				background:transparent url(../design/modalbox.png) no-repeat top left;
				font: normal normal 14px/1.5em Verdana, Arial, Helvetica;
				padding: 40px 0 0 60px;
				}
				
#boxes #Demo 	{
				width:700px; 
				height:500px;
				color: #3b3b3b;
				background:transparent url(../design/modalbox.png) no-repeat top left;
				font: normal normal 14px/1.5em Verdana, Arial, Helvetica;
				padding: 40px 0 0 60px;
				}
				
#boxes #Consulting 	{
				width:700px; 
				height:500px;
				color: #3b3b3b;
				background:transparent url(../design/modalbox.png) no-repeat top left;
				font: normal normal 14px/1.5em Verdana, Arial, Helvetica;
				padding: 40px 0 0 60px;
				}
				
	#boxes img	{float: left; margin: 10px 20px 20px 0;}
				
	#boxes h3	{
				
				font: normal bold 18px/1.5em Verdana, Arial, Helvetica;
				float: left;
				}
				
	#boxes h4	{
				font: normal normal 14px/1.5em Verdana, Arial, Helvetica;
				float: left;
				clear: left;
				width: 580px;
				margin: 0 0 10px 0;
				}
				
	 .LabelBox	{
						float: left;
						width: 150px;
						clear: left;
						display: inline;
						border: none;
						margin: 10px 0 0 15px;
						padding: 0;
						color: #fff;
						font: normal bold 14px/1.5em Verdana, Arial, Helvetica;
						}
				
	 .InputBox	{
						float: left;
						clear: right;
						width: 302px;
						height: 22px;
						display: inline;
						font: normal normal 10px/1em Verdana, Arial, Helvetica;
						border: none;
						padding: 0;						
						margin: 10px 0 0 0;
						background: transparent url(../design/input.png) no-repeat top left;
						}
						
		 .InputBox:hover	{background-position: bottom right;}
		
	 .InputBox2	{
						float: left;
						clear: right;
						width: 302px;
						height: 100px;
						display: inline;
						font: normal normal 10px/1em Verdana, Arial, Helvetica;
						border: none;
						padding: 0;
						text-indent: 5px;
						margin: 15px 0 0 0;
						background: transparent url(../design/input2.png) no-repeat top left;
						}
						
		 .InputBox2:hover	{background-position: bottom right;}
		
		.Text	{
				margin: 4px 0 0 8px;
				border: none;
				width: 290px;
				height: 15px;
				}
		
		.Text2	{
				margin: 5px 0 0 5px;
				border: none;
				width: 280px;
				height: 90px;
				}
		

		
	.form	{
				font: normal normal 12px/1em "Verdana", "Arial", "Helvetica";
				width: 50px;
				}
			
	.SubmitBox	{
				width: 302px;
				height: 30px;
				clear: both;
				float: left;
				margin-left: 170px;
				}
			
	.Submit	{
			margin: 20px 105px 0 0;
			padding: 0;
			clear: left;
			float: right;
			bottom: 0;
			right: 0;
			background: transparent url(../design/submit.png) no-repeat top left;
			width: 100px;
			height: 25px;
			border: none;
			}
			
		.Submit:hover	{background-position: bottom right;}

	 .BotBox	{
						float: left;
						width: 150px;
						clear: left;
						display: none;
						border: none;
						margin: 10px 0 0 15px;
						padding: 0;
						color: #fff;
						font: normal bold 14px/1.5em Verdana, Arial, Helvetica;
						}
				
	 .InputBotBox	{
						float: left;
						clear: right;
						width: 302px;
						height: 22px;
						display: none;
						font: normal normal 10px/1em Verdana, Arial, Helvetica;
						border: none;
						padding: 0;						
						margin: 10px 0 0 0;
						background: transparent url(../design/input.png) no-repeat top left;
						}
		
		
.close	{
		background: transparent url(../design/error.png) no-repeat 0 0; 
		float: right; 
		margin: -55px 65px 0 0;
		padding: 0;
		width: 48px; 
		height: 48px;
		clear: right;
		
		}
		

/* ----------------------------------------------------------------------------------------------------------
End of Modal Box
---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
Box for forms
---------------------------------------------------------------------------------------------------------- */

.BoxWrapper	{
			width: 550px;
			margin: 0 0 10px 0;
			
			}
			
.CheckBoxWrapper	{
					width: 200px;
					height: 17px;
					margin: 0 0 2px 5px;
					float: left;
					display: inline;
				
					}

.FormBox	{
			padding: 20px 0 0 25px;
			width: 550px; 
			height: 500px; 
			background: transparent url(../design/formbox.png) no-repeat 0 0;
			}
			
.FormBox550	{
			padding: 15px 0 0 25px;
			width: 550px; 
			height: 550px; 
			background: transparent url(../design/formbox550.png) no-repeat 0 0;
			}
			
.FormBox600	{
			padding: 15px 0 0 25px;
			width: 550px; 
			height: 600px; 
			background: transparent url(../design/formbox600.png) no-repeat 0 0;
			}
			
.FormBox2	{
			padding: 20px 0 0 25px;
			width: 450px; 
			height: 559px; 
			background: transparent url(../design/formbox2.png) no-repeat 0 0;
			}
			
.FormBoxLarge	{
				padding: 5px 0 0 25px;
				width: 550px; 
				height: 650px; 
				background: transparent url(../design/FormBoxLarge.png) no-repeat 0 0;
				}
			
.FormBoxMedium	{
				padding: 20px 0 0 25px;
				width: 550px; 
				height: 400px; 
				background: transparent url(../design/FormBoxMedium.png) no-repeat 0 0;
				}
			
.FormBoxSmall	{
				padding: 20px 0 0 25px;
				width: 550px; 
				height: 300px; 
				background: transparent url(../design/FormBoxSmall.png) no-repeat 0 0;
				}
				
.FormQuestionBox	{
				float: left;
				width: 450px;
				clear: both;
				display: inline;
				border: none;
				margin: 20px 0 0 15px;
				padding: 0;
				color: #000;
				font: normal bold 12px/1.5em Verdana, Arial, Helvetica;
				}
			
.FormLabelBox	{
				float: left;
				width: 150px;
				clear: left;
				display: inline;
				border: none;
				margin: 15px 0 0 15px;
				padding: 0;
				color: #fff;
				font: normal bold 12px/1.5em Verdana, Arial, Helvetica;
				}
				
.FormLabelBox2	{
				float: left;
				width: 150px;
				clear: none;
				display: inline;
				border: none;
				margin: 2px 0 0 15px;
				padding: 0;
				color: #fff;
				font: normal bold 12px/1.5em Verdana, Arial, Helvetica;
				}
				
.FormLabelCheckBox	{
				float: left;
				width: 20px;
				clear: none;
				display: inline;
				border: none;
				margin: 2px 0 0 15px;
				padding: 0;

				}

.FormTable	{
			padding: 5px;
			margin: 10px 0 0 0;
			width: 768px;
			height: 455px;
			background: white url(../design/TableBox.png) no-repeat 0 0;
			color: white;
			border-collapse: collapse;
			border: 1px solid white;
			}
			
	.FormTable th	{
					font: normal bold 14px/1.5em Verdana, Arial, Helvetica; 
					text-align: left; 
					color: #3b3b3b; 
					padding: 5px 5px 0 5px;
					border: 1px solid white;
					}
					
	.FormTable td	{padding: 5px;border: 1px solid white;}
	.FormTable td .radio	{margin: 5px 5px 5px 0;}
				
/* ----------------------------------------------------------------------------------------------------------
End of Box for forms
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
6) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../design/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

#Logo	{
		position: absolute;
		width: 100px;
		height: 100px;
		top: 10px;
		left: 10px;
		background:url("../design/logo.png") 0 0 no-repeat;
		}

.EmailSignup	{
				width: 400px; 
				margin: auto auto;
				padding: 10px;
				}
				
	.EmailSignup a	{
					margin: 0 0 0 25px;					
					}
					
/* ----------------------------------------------------------------------------------------------------------
7) Blog feed
---------------------------------------------------------------------------------------------------------- */
					
.feedburnerFeedBlock	{font: normal normal 12px/1em verdana, arial, tahoma;}
						
	.feedburnerFeedBlock ul	{
							list-style: none;
						
							}

		.feedburnerFeedBlock ul li	{
									float: left;
									margin: 10px 15px;
									clear: both;									
									}
							
.feedTitle	{
			visibility: hidden;
			}
			
.headline a	{
	
			color: #079E5C;

			}
			
.date	{
		float: left;
		margin: 0 15px 0 0;
		width: 100px;
		}

#creditfooter {display: none;}		

/* ----------------------------------------------------------------------------------------------------------
8) Scrolling Customer Logos
---------------------------------------------------------------------------------------------------------- */

	/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerContainer { width:200px; height:175px; margin:auto; position:relative; }
	#outerContainer img {width: 185px; height: 160px; margin: 0;}
#imageScroller { width:200px; height:175px; position:relative; background-color: #fff;  top:25px; padding: 0;  }
#viewer { width:200px; height:160px; overflow:hidden; margin: auto; position:relative; float: left;}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:200px; height:10px; background:url(images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#000; font-family:arial; font-size:100%; font-weight:bold; width:100%; height: 25px; text-align:center; margin-top:200px; }
#rtl { background:url(/images/rtl.png) no-repeat; left:100px;}
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }