* { margin:0; padding:0;}
body { background:url(images/tail-top.gif) left top repeat-x #555b63; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.0625em; color:#2b4c59;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#top-window {
	float:left;
	width:850px;
	margin:0px auto;
	}
#trialdiv{  height:70px; padding-top:15px; float:left; width:900px;}
#left-top {
	
	/* width:500px; */
	/* float:left; */
	margin-left:20px;
	
	}
/* #right-top {
	float:right;
	 width:300px; 	
	text-align:right; } */
	
	.clear-both {
   clear: both;
}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignleft { text-align:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:17px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form label { display:block; height:42px;} 
#contacts-form label input { width:214px; padding:2px 0 3px 3px; color:#111; background:#fff; border:1px solid #484a4c;}
#contacts-form textarea {width:264px; height:102px; padding:2px 0 2px 3px; margin-bottom:15px; color:#111; background:#fff; border:1px solid #484a4c; overflow:auto;}

/*==================list====================*/
ul { list-style:none;}

.nav { width:100%; overflow:hidden;}
.nav li { display:inline;}
.nav li a { display:block; float:left; width:110px; height:30px; background:url(images/nav-button2.png) no-repeat left top; text-align:center; color:#fff; font-weight:bold; text-decoration:none; line-height:28px; font-size:1.1em; margin-right:-11px; position:relative;}
.nav li a:hover { text-decoration:underline;}
.nav li a.m1 { z-index:6;}
.nav li a.m2 { z-index:5;}
.nav li a.m3 { z-index:4;}
.nav li a.m4 { z-index:3;}
.nav li a.m5 { z-index:2;}
.nav li a.m6 { z-index:1;}
.nav li a.current { background:url(images/nav-button1.png) no-repeat left top; color:#00a2ff; z-index:10 !important;}
.nav li a.current:hover { text-decoration:none; cursor:default;}

.list1 li { background:url(images/arrow-1.gif) no-repeat left 9px; padding:0 0 20px 10px; line-height:2.18em;}
.list1 li.alt {background:url(images/arrow-2.gif) no-repeat left 9px;}

.list2 dt { float:left; width:93px; color:#ff6f37; font-weight:bold;}
.list2 dd { overflow:hidden; padding-bottom:30px;}
.list2 dd img { margin:5px 0 0 5px;}

.list3 li { background:url(images/arrow-3.gif) no-repeat left 3px; padding:0 0 3px 18px;}
.list3 li a { color:#b9e0f7;}

.list4 li { background:url(images/arrow-1.gif) no-repeat left 6px; padding:0 0 7px 10px;}
.list4 li a { color:#2b4c59;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:26px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:17px;}
.p2 { margin-bottom:26px;}
.p3 { margin-bottom:7px;}

.freetrialbutton

{background-image:url(images/buttonold.gif);
 width:306px;
  height:42px;

  }
.freetrialbutton span { 
 font-size:18px;
  text-align:center;
  font-weight:bold; 
  line-height:43px;
  padding-left:60px;
  color:#FFF;}


.freetrialbutton a { 
text-decoration:none;
  color:#FFF;}
  .freetrialbutton a:hover { 
text-decoration:none;
color:#06C;}
  
blockquote p { margin-bottom:2px;}

/*==================txt, links, lines, titles====================*/
a {color:#ff6f37;}
a:hover{text-decoration:none;}

h2 { font-size:1.64em; color:#fff; line-height:1.2em; font-weight:normal; padding:4px 0 0 0; margin-bottom:32px;}
h2.alt { background:url(images/marker.png) no-repeat left top; padding:8px 0 8px 49px; margin-bottom:28px;}
h3 { font-size:1.50em; color:#539738; font-weight:bold; line-height:43px; padding-left:11px;}
h3 span { color:#6d34cc;}
h4 { font-size:1em; margin-bottom:17px;}
h5 { font-size:1em; color:#ff6f37;}
h6 { font-size:1em; margin-bottom:17px; color:#ff6f37;}

.txt1 { color:#909090; font-size:.91em; line-height:1.4em;}
.txt2 { font-family:tahoma, geneva, sans-serif; font-size:1.27em; color:#fff; line-height:1.71em;}

.button { float:right; font-size:.82em;}
.button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:11px; padding-left:0;}
.button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:0 5px 3px 5px; text-decoration:none; text-transform:uppercase; color:#4494c3;}
.button span span a:hover { color:#000;}




.button1 { float:right; font-size:.82em; margin-left:32px;}
.button1 span { display:block; background:url(images/button1-left.gif) no-repeat left top; padding-left:3px;}
.button1 span span { background:url(images/button1-right.gif) no-repeat right top; padding-right:10px; padding-left:0;}
.button1 span span a { display:block; background:url(images/button1-bg.gif) left top repeat-x; padding:1px 5px 2px 5px; color:#ebf6fb; text-decoration:none; text-transform:uppercase;}
.button1 span span a:hover { color:#000;}

.line-hor { background:#ccd1d2; height:1px; overflow:hidden; font-size:0; line-height:0; margin:10px 0 10px 0;}
.line-ver1, .line-ver2 { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}
.line-ver3 { background-image:url(images/line-ver1.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:17px;}

/*==================boxes====================*/
.box { color:#b9e0f7;}
.box .top { background:url(images/box-top.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bottom { background:url(images/box-bottom.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bg { background:url(images/box-bg.jpg) no-repeat left top #111314; width:100%;}
.box .indent { padding:16px 20px 32px 25px;}
.box .indent .indent { padding:0 40px 35px 0;}

.box1 { background:url(images/box1-bg.gif) left bottom repeat-x #fff; width:100%; min-height:217px; height:auto !important; height:217px;}
.box1 .indent { padding:0 0 16px 29px;}
.box1-bottom { background:url(images/box1-bottom.gif) no-repeat left top; height:14px; overflow:hidden; font-size:0; line-height:0;}
.box1 .indent1 { padding:22px 0 0 12px;}
.box1 .indent2 { padding:22px 16px 0 12px;}
.box1 .indent3 { padding:0 20px 16px 29px;}

.cont-box { padding:0 80px 0 0; margin:0;}
.cont-box span { float:right;}

.title-box { background:url(images/title-bg.gif) left top repeat-x;}
.title-box .left { background:url(images/title-left.gif) no-repeat left top;}
.title-box .right { background:url(images/title-right.gif) no-repeat right top; height:43px;}


/*header*/
#header .row-1 { height:135px;}
#header .row-1 .indent { padding:105px 0 0 276px;}
#header .row-2 { height:71px; text-align:right; text-transform:capitalize; }
#header .row-2 .indent { padding:17px 21px 0 0;}
#header .row-2 a { color:#0d96e5; text-transform:none;}
#header .row-3 { padding:86px 195px 0 0; text-align:right;}
#header .logo { position:absolute;top:41px; left:67px;}

#comm100_FloatImageButton { top:500px; left:800px; }

/*content*/
#content .row-1 { padding-bottom:20px;}

/*footer*/
#footer { text-align:right; color:#b9c9d2; text-transform:uppercase;}
#footer a {color:#b9c9d2; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*Sign up form*/
#signupform
{width:600px;

text-align:left;
font-size:12px;
line-height:20px;}
#signupform label
{ padding:10px;
width:300px;}
#signupform input select
{
	text-align:right; background-color:#FFC;}
#signupform .button1 { float:left; font-size:12px; margin-left:60px;  text-transform:uppercase;
display:block; background:url(images/button1-bg.gif) left top; padding-left:10px; padding-right:10px;
color:#FFF;}





/* Z-index of #mask must lower than #boxes .window */
#mask {   position:absolute;   z-index:9000;   background-color:#000;   display:none; }  
#boxes .window {   position:absolute; 
  width:540px;  
   height:350px; 
    display:none;  
	 z-index:9999; 
	  padding:20px;
	  background-color:#FFF; } 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {   width:475px;    height:303px; } 
#boxes  .button1 { float:left; font-size:12px; margin-left:120px;  text-transform:uppercase;
display:block; background:url(images/button1-bg.gif) left top; padding-left:10px; padding-right:10px;
color:#FFF;}
 .button1 { float:left; font-size:12px; margin-left:120px;  text-transform:uppercase;
display:block; background:url(images/button1-bg.gif) left top; padding-left:10px; padding-right:10px;
color:#FFF;}
 .buttonTry{ float:right; font-size:12px; margin-left:20px;  text-transform:uppercase;
display:block; background:url(images/button1-bg.gif) left top; padding-left:10px; padding-right:10px;
color:#FFF;}
 .buttonRegister{ float:left; font-size:12px; margin-left:20px;  text-transform:uppercase;
display:block; background:url(images/button1-bg.gif) left top; padding-left:10px; padding-right:10px;
color:#FFF;}
/*==========================================*/
