/*--------------------
stylesheet for:
www.imessage.to
--------------------*/


	html, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend {
		margin: 		0;
		padding: 		0;
		border:			0;
		outline: 		0;
		font-weight: 	inherit;
		font-style: 	inherit;
		font-size: 		100%;
		font-family: 	inherit;
		vertical-align: baseline;
	}
	
	body {
		margin:		0;
		padding:	0;
		border: 	0;
		font:		12px Arial, Helvetica, sans-serif;
		color:		#666666;
		background:	#212C37 url(../images/bg-page.jpg) repeat-x;
	}
	body{ behavior:url(csshover.htc);}
	
	img#img{ behavior:url(iepngfix.htc); }
	a {
		text-decoration:	none;	
		font-weight:		normal;
	}
	
	li {
		list-style:	none;
	}
	
/*----------------
HEADER
----------------*/

#wrapper {
	width:	930px;
	margin:	0 auto;
	background:url(../images/bg-wrapper-swirl.jpg) left 150px no-repeat;
	overflow:hidden;
	height:1%;
	}
	
#content {
	width:	834px;
	height:	auto;
	margin:	0 auto;
	}
	
#header {
	width:	800px;
	height:	45px;
	padding-right:34px;
	}
	
	#header span {
		width:			85px;
		height:			20px;
		float:			right;
		margin-top:		25px;
		color:			#BFC1C4;
		padding-left:	20px;
		}


	#header span.left {
		background:	url(../images/icon-tel.jpg) no-repeat left;
		margin-right:10px;
		}
		
	#header span.right {
		background:	url(../images/icon-email.jpg) no-repeat left;
		}	
		
		#header a {
			color:#BFC1C4;
			}
			
				#header a:hover {
					text-decoration:underline;
					}
		
		
/*----------------
SPLASH
----------------*/
		
#splash {
	width:	834px;
	height:	auto;
	}
		
	
		

/*--------------------------------
SPLASH - NAVIGATION BAR
--------------------------------*/

	#splash .left {
		width:	220px;
		float:	left;
		}
		
		.logo {
		width:	220px;
		height:	70px;
		float:	left;
		background:	url(../images/envelope-triange-bg.jpg) right bottom no-repeat;
		}
		
		
		.nav-menus {
			width:		220px;
			height:		444px;
			background:	url(../images/bg-mainnav.jpg) no-repeat;
			float:		left;
			}
			
		.nav-menus ul {
			margin-top:		17px;
			margin-left:	48px;
			}
			
		.nav-menus li a {
			width:			140px;
			height:			10px;
			display:		block;
			padding:		15px 0;
			overflow:		hidden;
			font:			14px Arial, Helvetica, sans-serif;
			color:			#000000;
			font-weight:	bold;
			border-bottom:	1px solid #CEBD9B;
			}
		
		.nav-menus li a:hover,.nav-menus li.active,.nav-menus li a.active  {
			width:			140px;
			height:			10px;
			display:		block;
			padding:		15px 0;
			color:			#78017F;
			padding-left:	15px;
			width:			125px;
			background:		url(../images/arrow-next.jpg) left no-repeat ;
			font:			14px Arial, Helvetica, sans-serif;
			font-weight:	bold;
			border-bottom:	1px solid #CEBD9B;
			}
			
		.viewdemo {
			width:			220px;
			height:			95px;
			margin-left:	-20px;
			}	
		.nav-menus ul li div.submenu ul{
				display:none;
			}
		.nav-menus ul li:hover div.submenu ul{
			display:block;
		}
		div.submenu {
			position:absolute;
			z-index:999999999;
			padding-left:0px;
			padding-top:0px;
			margin-top:-35px;
			margin-left:150px;
		}
		div.nav-menus ul li div.submenu ul{
			margin:0px;
			padding:0px;
			background-color:#fbefd9;
			background-image:none;
			border-top: solid 1px #cebd9b;
			border-left: solid 1px #cebd9b;
			border-right: solid 1px #cebd9b;
			z-index:999999999;
			position:absolute;
		}
		div.nav-menus ul li div.submenu ul li{
			height:25px;
			width:151px;
		}
		div.nav-menus ul li div.submenu ul li a{
			height:25px;
			line-height:25px;
			padding:0px;
			margin:0xp;
			font-size:12px;
			padding-left:10px;
			
		}
		div.nav-menus ul li div.submenu ul li a:hover{
			background-image:none;
			width:100%;
			font-size:12px;
			margin:0px;
			width:140px;
			background-color:#fcdca0;
			
		}
		
/*--------------------------------
SPLASH - BANNER BAR
--------------------------------*/			
			
			
	#splash .right {
		width:		614px;
		height:		514px;
		float:		left;
		background:	url(../images/bg-splash-banner.jpg) no-repeat;
		}
		
	#splash .right2 {
		width:		592px;
		min-height:514px;
		height:		auto;
		float:		left;
		border: solid 1px green;
		border:solid 1px #444D56;
		padding:10px;
		font:12px Arial, Helvetica, sans-serif;
		color:#7DDFFA;
		line-height:18px;
		margin-top:29px;
		}	
			
	#splash .right22 {
		width:		610px;
		min-height:514px;
		height:		auto;
		float:		left;
		border: solid 1px green;
		background-color:#363657;
		border:solid 1px #444D56;
		padding:10px;
		font:12px Arial, Helvetica, sans-serif;
		color:#7DDFFA;
		line-height:18px;
		margin-top:29px;
		}	
	.right2 div h1{
				font-size:24px;
				color:#FFFFFF;
				padding:0px;
				margin:10px 0px 10px 0px;
				font-family:Arial, Helvetica, sans-serif;
			
	}
		
		
		.banner {
			width:		614px;
			height:		373px;
			margin-top:	20px;
			}
			
		.slider-control {
			width:	614px;
			height:	94px;
			}
			
			.slider-control a {
				width:		94px;
				height:		79px;
				padding-top:15px;
				float:		left;
				text-align:	center;
				background:	url(../images/slider-bar.png) left top no-repeat;
				font:		11px tahoma, Arial, Helvetica, sans-serif;
				color:		#FFFFFF;
				}
				
				.slider-control a:hover {
					background: url(../images/slider-bar-hover.jpg) repeat-x;
					}
					
				.slider-control a{
				behavior:url(iepngfix.htc);
				}
			.slider-control a.btn {
				width:		72px;			
			}
			
/*--------------------------------
SECTION 
--------------------------------*/		

#section {
	width:	834px;
	height:	auto;
	float:	left;
	margin:25px 0;
	
	}	
	
	#section .left{
		width:	220px;
		height:	auto;
		float:	left;
		}	
		
		#section .left a {
			width:			190px;
			height:			50px;
			background:		#2E3E4D;
			display:		block;
			padding:		5px;
			font:			11px Arial, Helvetica, sans-serif;
			color:			#A0A7AE;
			margin-bottom:	10px;
			}
			
		#section .left a:hover {
			background:	#A0A7AE;
			color:		#2E3E4D;
			}
			
		#section .left img {
			float:			left;
			margin-right:	10px;
			}
		
	
	#section .center{
		width:		295px;
		height:		auto;
		float:		left;
		}
		
		.blogbox {
			width:		295px;
			height:		199px;
			border: 	1px solid #0C1014;
			background:	#3F5469 url(../images/bg-blog.jpg) repeat-x;
			}
			
			.bloglink a {
				width:		85px;
				height:		19px;
				display:	block;
				background:	url(../images/blogquote.jpg) no-repeat left;
				margin-top:	-1px;
				padding-left:40px;
				font:	11px/19px Arial, Helvetica, sans-serif;
				color:	#A0A7AE;
				}
				
			.bloglink a:hover {
				text-decoration:	underline;
				}
			
		.blogpost {
			width:250px;
			height:auto;
			margin:15px auto;
			padding-bottom:12px;
			border-bottom:1px dotted #999;
			}
			
			.blogpost a{
				font:			11px Tahoma, Arial, Helvetica, sans-serif;
				font-weight:	bold;
				color:			#FFFFFF;
				}
				
				.blogpost a:hover{
					color:	#B1BAC2;
					}
				
			.blogpost span{
				font:	11px Tahoma, Arial, Helvetica, sans-serif;
				color:	#B1BAC2;
				}
			
	#section .right{
		width:			295px;
		height:			auto;
		float:			left;
		margin-left:	24px;
		}	
		
			.testimonialbox {
				width:		253px;
				height:		134px;
				padding:	20px;
				border: 	1px solid #444D56;
				border-bottom:none;
				background:	url(../images/bg-testimonialbox.jpg) repeat-x #27273F;
				}
				
				.testimonialbox h2 {
					font: 			20px Georgia, "Times New Roman", Times, serif;
					font-style:		italic;
					color:			#ffffff;
					margin-bottom:	20px;
					}
					
				.testimonialbox span{
					font:	11px Tahoma, Arial, Helvetica, sans-serif;
					color:	#b1bac2;
					}
				
			.testimoniallink {
				width:	270px;
				height:	45px;
				background:url(../images/testimonials-bottom.jpg) no-repeat left;
				padding-left: 25px;
				}
				
			.testimoniallink  a{
				width:		110px;
				display:	block;
				padding-top:25px;
				padding-left:30px;
				font:	11px/19px Arial, Helvetica, sans-serif;
				color:	#A0A7AE;
				}
				
			.testimoniallink a:hover {
				text-decoration:	underline;
				}
		
	#section h1 {
			font:			26px "Century Gothic",Arial, Helvetica, sans-serif;
			color:			#ffffff;
			margin-bottom:	15px;
			}	
		
		
/*--------------------------------
FOOTER
--------------------------------*/	

#footer {
	width:		834px;
	height:		75px;
	border-top: 1px solid #2D3C4B;
	float:		left;
	padding-top:10px;
	margin-top:20px;
	}
	
	#footer span {
		float:	left;
		font:	11px tahoma, Arial, Helvetica, sans-serif;
		}
		
	#footer .links {
		float:	right;
		width:600px;
		}
		
		#footer .links a {
			font:				11px tahoma, Arial, Helvetica, sans-serif;
			margin-right:		10px;
			color:				#9BA0A5;
			text-decoration:	underline;
			line-height:18px;
			}
		
		#footer .links a:hover {
			text-decoration:	none;
			}
			
			
/*****
section styles *****/
		div.middlesection{
			width:860px;
			height:100%;
			min-height:200px;
			padding:30px 0px 10px 0px;
			display:block;
		}
		div.clients{
			float:left;
			width:250px;
			min-height:300px;
		}
		div.middlesectionright{
			float:right;
			min-height:300px;
			width:600px;
		}
			div.clients h1{
				font-size:30px;
				color:#FFFFFF;
				padding:0px;
				margin:0px;
				font-family:Arial, Helvetica, sans-serif;
			}
			div.clientbox{
				width:230px;
				min-height:50px;
				margin-top:20px;
				line-height:45px;
				vertical-align:middle;
				font-family:Arial;
				color:#FC23FC;
				font-size:12px;
			}
		
		div.clientsinside{
			float:left;
			width:200px;
			min-height:300px;
			display:block;
			height:auto;
			padding-right:10px;
			padding-bottom:15px;
			
			}
				div.clientsinside span{
					font:Georgia, "Times New Roman", Times, serif;
					font-size:16px;
					color:#7792AC;
					font-style:italic;
					
				}
		div.middlesectionrightinside{
	float:right;
	min-height:200px;
	width:575px;
	margin-right:30px;
	background-color:#363657;
	border:solid 1px #444D56;
	padding:20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#7DDFFA;
	line-height:18px;
		}
				div.middlesectionrightinside h1{
					font-family:Trebuchet MS;
					font-size:24px;
					color:#FFFFFF;
					margin-top:0px;
					padding-bottom:5px;
					margin-bottom:15px;
				
				}
				div.middlesectionrightinside span{
					color:#FFFFFF;
					font-weight:bold;
				}
		hr.hr1{
			height:1px;
			color:#99CC33;
			border:0px;
			background-color:none;
			background:none;
			border-top:dashed 1px #4e4f4f;
			}
			
		div.middlesectionrightinside span#footerhd{
			
			font:22px Georgia, "Times New Roman", Times, serif;
			color:#7DDFFA;
			line-height:24px;
			font-weight:normal;
			}
		span#footerhd{
			
			font:22px Georgia, "Times New Roman", Times, serif;
			color:#7DDFFA;
			line-height:24px;
			font-weight:normal;
			}
			
		ul.contentlist {
			margin-left:25px;
			}
		
		ul.contentlist li{
			list-style:none;
			}
			
			ul.contentlist li h2 {
				font:18px "trebuchet ms", Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				margin-top:25px;
				}
		
		ul.ourcustomers{
			margin-left:30px;
			}
		
		ul.ourcustomers li{
			list-style:disc;
			font-weight:bold;
			}
		
		div.testimonials{
			margin:20px;
			padding:5px;
			width:520px;
			height:100%;
			display:block;
			border:dotted 1px #212C37;
			background-color:#556D8A;
			color:#fff;
			font:16px trebuchet ms, Arial, Helvetica, sans-serif;
			font-style:italic;
			}
		div.testimonials img{
			float:left;
			padding:10px;
			}
		div.testimonials span.person{
			font-weight:bold;
			color:#000;
			font-style:italic;
		
		}
		
			div.screenshotcontainer img{
			margin:0 auto;
			margin:10px;
			border:dotted red 1px;
			padding:2px;
			}
		.mailto{
			text-decoration:none;
			font-weight:bold;
			color:#FFFFFF;
		}
		div.portfoliodiv{
		height:220px;
		width:160px;
		display:block;
		border:dotted 1px #556D8A;
		text-align:center;
		float:left;
		margin:5px 25px 10px 0px;
		}
		div.portfoliodiv img{
			padding-top:5px;
			padding-bottom:5px;
		}
		div.portfoliodiv:hover{
			background-color:#556D8A;
		}


		.product-feature {
			margin-bottom:20px;
			}

		.product-feature h2 {
			font:22px/40px "trebuchet ms", Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			}
			
		.product-feature img {
			float:left;
			margin-right:5px;
			}
			
	.content-wp {
		padding:16px;
		}