@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img { margin:0;padding:0;}
/*  --------------------  */
/*  =GENERAL RULES
/*  --------------------  */

/* hide from ie on mac \*/
html {
	height: 100%;
}
#flashcontent {

}
/* end hide */

body {
	background:	#fff;
	color: #383838;
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Bright", Georgia, Arial, "Trebuchet MS";
}
#top-menu {
    width:600px;
	height: 14px;
	background-image:url(top_bkg.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	}
#wrapper {
	background: url(../img/bg/main_shadow1.png) repeat-y;
	margin-left: auto; 
	margin-right: auto;
	padding:0px 0px 0px 10px;
	width:900px;
	position: relative;
	height: auto;
}
p {
	color: #383838;
	font-family: Verdana, "Lucida Bright", Georgia, Arial, "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0px 0 10px 10px;
}
/*  ----------HEADERS----------  */
 h4, h5, h6 {
	color: #383838;
	font-family: Verdana, "Lucida Bright", Georgia, Arial, "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px 0 .25em 10px;
}

h1 { font-size: 10px; padding-top:0px; text-align:center;}
h2 { font-size: .9em; padding-top:0px; color:#045292;}
h3 { margin: 0;	padding: 7px 0 0 0; font-size: 16px; text-transform: uppercase;}
h4 { font-size: 1em; color:#31383b; text-align:left; padding-left:0; padding-top:5px;; margin:0;}
h5 { font-size: 1.5em; color:#FF0000; padding-top:0px; }
h6 { font-size: 1em; color:#339e31;}
/*  ----------HEADERS----------  */
a:link {
	color: #383838;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #383838;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #015095;
	text-decoration: underline;
}
img{border:none;}

#hbot { float:right; text-align:right; padding-right:10px; margin:0px; width:530px; }

#container { width: 894px; padding-top:5px;  margin: 0 auto; margin-left:0px; background-color:#ffffff; }

ul{ list-style:none;}
ol{ list-style: none; font-size:13px; padding-left:5px; margin:0;}
ol li { padding-bottom:3px; padding-left:20px; background:url(../img/pages/checkblue.gif) no-repeat left top;}
dl { margin:0 0 0px 0px; padding:0; font-size:10px; list-style:none;} 
dl li { padding-bottom:2px; font-weight:bold;}

#footer{text-align:center; font-size:14px; padding-top:0px; margin-left:0px;}
#footer a{ color: #004b8c;}
#footer a:hover{ color: #015095; text-decoration:underline;}

#footerwrap {text-align:center; font-size:14px; height: 289px; padding-top:0px; margin-left:0px; background: url(btmshadow.jpg) no-repeat top;}
#footerwrap a{ color: #666667;}
#footerwrap a:hover{ color: #015095; text-decoration:underline;}

#footercopy{ margin-top:0px; width:898; text-align:center; margin-left:0px; font-size:9px; }
#footercopy a{ color: #999999;}
#footercopy a:hover{ color: #015095; text-decoration:underline;}

#footerwrap h4{ font-size: 11px; padding-top:0px; color:#045292;}
#footcol1{ width: 160px; float:left; text-align:left; margin: 0 auto; padding-left:20px;}
#footcol2{ width: 145px; float:left; text-align:left; margin: 0 auto; padding-left:5px; }
#footcol3{ width: 180px; float:left; text-align:left; margin: 0 auto; padding-left:5px; }
#footcol4{ width: 205px; float:left; text-align:left; margin: 0 auto; padding-left:5px; }
#footcol5{ width: 167px; float:left; text-align:left; margin: 0 auto; padding-left:2px; padding-top:20px; }
/*----------------------------------------------------------- MAIN NAVIGATION -----------------------------------------------*/
ul#menu
{
	margin:0;
	border:0 none;
	padding-left:7px;
	min-width:893px; 
	list-style:none;
	height:30px;
	line-height:15px; 
		background:#000000 url(../img/menu/menuBG.png);
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	pading:0;
}
	
ul#menu li a
{
	padding:7px 28px 8px 28px;
	float:none !important; /*For Opera*/
	float:left; /*For IE*/
	display:block;
	color:#FFFFFF;
	font-family:Verdana, "Lucida Bright", Georgia, Arial, "Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	background-image:url(../img/menu/border.gif);
	background-position: top right;
	background-repeat:no-repeat;
	text-decoration:none;
	min-width:42px;
	height:auto !important;
	height:1%; /*For IE*/
	z-index:3;
}

ul#menu li a:hover
{	
	color:#013d73;
	border-bottom:4px solid #013d73;	
}

ul#menu li a.current
{
	border-bottom:4px solid #013d73;	
	float:left;
	margin:0;
	color:#013d73;
}

ul#menu li a.last
{	
	background-image: none;
	border:none;
}
ul#menu li a.last:hover
{ border-bottom:4px solid #013d73;}

/*-------------------------------------------------------- BIG BOX MAIN ------------------------------------------------------*/

#big_box_top{
background:url(../img/home/topBox_top.jpg);
padding-bottom:0px;
margin-top:5px;
width:898px;
height:7px;
overflow:hidden;
clear:both;
}

#big_box_container{
width:895px;
height:345px;
text-align:center;
border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;
}
#big_box_container_plan{
width:895px;
height:275px;
text-align:center;
border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;
background-image:url(../img/plans/planbg.jpg);
}

#big_box_container_demo{
width:895px;
height:290px;
text-align:center;
border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;
background-image:url(../img/demo/bg.jpg);
}

#big_box_container_compareus{
width:895px;
height:400px;
text-align:center;
border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;
}
#big_box_container_email{
width:895px;
height:520px;
text-align:center;
border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;
}
#big_box_container_features{
width:895px;
height:450px;
text-align:center;
border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;
}
#big_box_bottom_plan{
margin:0 auto;
margin-top: -20px;
padding-bottom:0px;
}


#big_box_container404{
width:895px;
height:345px;
text-align:left;
border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;
}
#big_box_container404 dl{font-size:12px;}

#big_box_bottom{
margin:0 auto;
margin-top: -7px;
padding-bottom:0px;
}
/*-------------------------------------------------------- tab menu ------------------------------------------------------*/

a.rollover1 {
	display: block;
	width: 115px;
	height: 22px;
	background: url("button_email.jpg") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover1 { background-position: -115px 0;}

a.rollover2 {
	display: block;
	width: 115px;
	height: 22px;
	background: url("button_chat.jpg") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover2 { background-position: -115px 0;}

a.rollover3 {
	display: block;
	width:100px;
	height: 22px;
	background: url("button_login.jpg") 0 0 no-repeat;
	text-decoration: none;} 
a:hover.rollover3 {	background-position: -100px 0;}

a.rollover4 {
	display: block;
	width:100px;
	height: 22px;
	background: url("button_bookmark.jpg") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover4 {	background-position: -100px 0;}

a.rollover5 {
	display: block;
	width: 90px;
	height: 22px;
	background: url("button_support.jpg") 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover5 {	background-position: -90px 0;}

a.rollover10 {
	display: block;
	width:117px;
	height: 113px;
	background: url(nofees.png) 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover10 { background-position: -117px 0;}

a.rollover11 {
	display: block;
	width:144px;
	height: 113px;
	background: url(usa.png) 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover11 { background-position: -144px 0;}

a.rollover12 {
	display: block;
	width:117px;
	height: 113px;
	background: url(uptime.png) 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover12 { background-position: -117px 0;}

a.rollover13 {
	display: block;
	width:117px;
	height: 113px;
	background: url(secure.png) 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover13 { background-position: -117px 0;}

a.rollover14 {
	display: block;
	width:167px;
	height: 113px;
	background: url(money.png) 0 0 no-repeat;
	text-decoration: none;}
a:hover.rollover14 { background-position: -167px 0;}

/*-------------------------------------------------------- setup menu ------------------------------------------------------*/

div#feature_list {
			width: 750px;
			height: 240px;
			overflow: hidden;
			position: relative;
			text-align:left;
			margin: 0 auto;
		}
 
		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}
 
		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}
 
		ul#tabs li {
			font-size: 12px;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}
 
		ul#tabs li a {
			color: #222;
			text-decoration: none;
			font-weight: normal;
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}
 
		ul#tabs li a:hover {
			text-decoration: underline;
		}
 
		ul#tabs li a.current {
			background:  url('feature-tab-current.png');
			color: #FFF;
		}
 
		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
 
		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}
 
		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}
 
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #51585e;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}

/*-------------------------------------------------------- pricing ------------------------------------------------------*/
.containerpricing {
	height: 360px;
	width: 910px;
	margin: -180px 0 0 -450px;
	top: 50%; left: 50%;
	position: absolute;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0 0 0 0px; padding: 0px;
	width: 895px;
}
ul.thumb li {
	margin: 0 0 0 100px; padding-right: 5px;
	float:left;
	position: relative;
	width: 152px;
	height:200px;
}
ul.thumb li img {
	width: 152px;
	height: 200px;
	padding: 5px;
	position: absolute;
	left: 5px;
	top: 9px;
	-ms-interpolation-mode: bicubic;
}
ul.thumbdemo li {
	margin: 0 0 0 100px; padding-right: 20px;
	float:left;
	position: relative;
	width: 152px;
	height:200px;
}
ul.thumbdemo1 li {
	margin: 0 0 0 160px; padding-right: 20px;
	float:left;
	position: relative;
	width: 152px;
	height:200px;
}
ul.thumbdemo li img {
	width: 250px;
	height: 232px;
	padding: 2px;
	position: absolute;
	left: 100px;
	top: 0px;
	-ms-interpolation-mode: bicubic;
}
ul.thumb li img.hover {
	background:url(plan1_bg.png) no-repeat center center;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;


/*-------------------------------------------------------- tabmenu ------------------------------------------------------*/
/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:760px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(blue_panes.jpg) no-repeat;
	display:block;
	height: 31px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
	background: url(blue_panes1.jpg) no-repeat 0 -100px;		
	width:760px;
	height:450px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:20px 40px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes div.narrow {
	padding-right:160px;		
}