/* General Tag specifications */
BODY   	{COLOR: #333333; FONT-SIZE: 9pt; FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #E3E7ED;
}

/* Header */

#top {
	width: 100%;
	background: #FFFFFF;
	padding-bottom: 10px;
	clear: both;		
}

#header {
	width: 1000px;
	height: 100px;
	margin: 0 auto;

}

/* Logo */

#logo {
	float: left;
	width: 100px;

	padding-top: 17px;
}

#logo h1, #logo h2 {
	margin-top: 0;
	text-transform: lowercase;
	text-align: center;
}

#logo h1 {
	padding-top: 15px;
	font-size: 36px;
}

#logo h2 {
	font-size: 12px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}


/* Menu */

#menu {
	list-style: none;
   	margin: 0 0 0 5px;
  	padding: 0;
	float: right;
	width: 700px;
}

#menu ul {
   float: right;
   margin: 30px 0 0 10px;
   padding: 0;
   display: inline;
   list-style: none;
}

#menu li {
	float: left;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   display: block;
   font-family:"Lucida Grande",Arial,sans-serif;
   font-size:14px;
   font-weight:bold;
   text-decoration: none;
   padding: 6px 12px;
   color: #FFFFFF;
   background: #FC7304;   
   text-shadow:1px 1px 1px #000000;
   line-height: 175%;
   margin-right: .5em

}

#menu li:hover {
	color: #000000;	     
	background: #E3E7ED;
	text-decoration: none;
}

#menu a {
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
}

#menu li.active a {
	font-weight: bold;
}

#menu_bottom a {
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	color: #FC7304;
	font-size: 16px;
	text-decoration: none;
}

#phone {
	font-weight: lighter;
	color: #000000;
	font-size: 22px;
	text-decoration: none;
	text-align: right;
	font-family:"Lucida Grande",Arial,sans-serif;
	letter-spacing:-2px;
	padding-top: 20px;
	padding-right:10px;
	
}

/* Page */

#pagewrapper {
	width: 100%;
}

#page {
	width: 1000px;
	margin: 0 auto;
}

/* Index Content Box */
.header1            {COLOR: #000000; FONT-SIZE: 24pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND-COLOR: #D2D2D2}
.header1 A:link     {COLOR: #444444; FONT-SIZE: 24pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.header1 A:visited  {COLOR: #444444; FONT-SIZE: 24pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.header1 A:hover    {COLOR: #444444; FONT-SIZE: 24pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
  
.header2            {COLOR: #000000; FONT-SIZE: 18pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; BACKGROUND-COLOR: #D2D2D2}
.header2 A:link     {COLOR: #444444; FONT-SIZE: 18pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.header2 A:visited  {COLOR: #444444; FONT-SIZE: 18pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.header2 A:hover    {COLOR: #444444; FONT-SIZE: 18pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.header3            {COLOR: #000000; FONT-SIZE: 10pt; FONT-WEIGHT: normal; TEXT-DECORATION: none; BACKGROUND-COLOR: #D2D2D2}
.header3 A:link     {COLOR: #444444; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.header3 A:visited  {COLOR: #444444; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.header3 A:hover    {COLOR: #444444; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

.header4            {COLOR: #FFFFFF; FONT-SIZE: 18pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.header4 A:link     {COLOR: #FFFFFF; FONT-SIZE: 18pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
.header4 A:visited  {COLOR: #FFFFFF; FONT-SIZE: 18pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
.header4 A:hover    {COLOR: #FFFFFF; FONT-SIZE: 18pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}

/* OnBoarded Agents */
.onboarded             {COLOR: #000000; FONT-SIZE: 10pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.onboarded  A:link     {COLOR: #444444; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.onboarded  A:visited  {COLOR: #444444; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.onboarded  A:hover    {COLOR: #444444; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Index Screen Shots */
.indexss            {COLOR: #FC7304; FONT-SIZE:  9pt; FONT-WEIGHT: normal; TEXT-DECORATION: none; BACKGROUND-COLOR: #D2D2D2}
.indexss A:link     {COLOR: #FC7304; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.indexss A:visited  {COLOR: #FC7304; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.indexss A:hover    {COLOR: #FC7304; FONT-SIZE: 12pt; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* Footer Navigation */
.footNav            {COLOR: #000000; FONT-SIZE: 11pt; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.footNav A:link     {COLOR: #444444; FONT-SIZE: 9pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.footNav A:visited  {COLOR: #444444; FONT-SIZE: 9pt; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.footNav A:hover    {COLOR: #444444; FONT-SIZE: 9pt; FONT-WEIGHT: normal; TEXT-DECORATION: underline}

/* Foot Navigation #2 */
#footNav2 {padding: 14px 0px 0px 0px;}

/* Footer */

#footer {
	margin-left:auto; margin-right:auto;
	padding-top: 20px;	
	background: #FC7304;
	width: 1000px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}

#footer p {
	color: white;

}

#footer p.small {
	color: white;
	font-size: 77%;
}

#footer a {
	color: #fff;
}

#footer table {
	margin-left:auto; margin-right:auto;
	padding-left:20px;
	width:900px;
}

span.highlight {
background-color:#E3E7ED;
}


/* Text Box with Focus */
.tb-focus {border: 1px solid #D2D2D2;}
.tb-focus:focus {background-color: #D2D2D2;}

/* Call to Action */
#calltoaction  {font-size: 50px; font-weight: bold; letter-spacing: -4px; text-align: center;  padding: 20px 0px 5px 0px;}

#calltoaction_home  {font-size: 50px; font-weight: bold; letter-spacing: -4px; text-align: left;  padding: 20px 0px 5px 20px;}

/* Call to Action Lower */
#calltoaction2_home {font-size: 25px; font-weight: normal; letter-spacing: -2px; text-align: left;  padding: 5px 0px 22px 20px;}

#calltoaction2_text {color: #FC7304;}

#calltoaction2 {font-size: 25px; font-weight: bold; letter-spacing: -2px; text-align: center;  padding: 5px 0px 22px 0px;}

/* Privacy Policy and Terms */
#privacyHeader {font-size: 25px; font-weight: bold; letter-spacing: -2px; text-align: left;  padding: 20px 20px 22px 20px;}

#privacyCopy {text-align: left;  padding: 0px 20px 0px 20px;}

/* Guided Tour Text */
#guidedtourtext {COLOR: #FFFFFF; font-size: 25px; font-weight: bold;text-align: center;  padding: 10px 0px 10px 0px;}

/* Guided Tour Text */
#onboardedagents {padding: 14px 0px 0px 0px;}

/* Foot Navigation #2 */
#onboardedagents {padding: 14px 0px 0px 0px;}

/* Call to Action Box */
.cssbox
  { width: 540px;
	padding: 5px 0px 5px 0px;
	margin-bottom: 8px;
	border: 1px solid #E3E7ED;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
   }

/* Onboarded Agents Box */
.oabox
  { width: 1000px;
	padding: 5px 0px 5px 0px;
	margin-bottom: 8px;
	background: #FFFFFF;
	border: 1px solid #E3E7ED;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
   }

/* Guided Tour Box */
.guidedtourbox
  { width: 1000px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 8px;
	background: #333333;
	border: 1px solid #333333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#FFFFFF;
	font-size: 26px;
   }
.guidedtourbox2 	       {FONT-SIZE: 26px; COLOR: #FFFFFF; TEXT-DECORATION: none}
.guidedtourbox2 A:link     {FONT-SIZE: 26px; COLOR: #FFFFFF; TEXT-DECORATION: underline}
.guidedtourbox2 A:visited  {FONT-SIZE: 26px; COLOR: #FFFFFF; TEXT-DECORATION: underline}
.guidedtourbox2 A:hover    {FONT-SIZE: 26px; COLOR: #CCCCCC; TEXT-DECORATION: underline}

/* Feature Set */
.feature_set
	{
	 width: 1000px;
	padding: 10px 0px 15px 0px;
	margin-bottom: 8px;
	background: #FFFFFF;
	border: 1px solid #E3E7ED;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
.headline  {font-size: 22px; color:#333333; font-weight: bold; letter-spacing: -1px; padding:10px 0px 5px 10px;}
.headline A:link     {FONT-SIZE: 22px; COLOR: #333333; TEXT-DECORATION: none}
.headline A:visited  {FONT-SIZE: 22px; COLOR: #333333; TEXT-DECORATION: underline}
.headline A:hover    {FONT-SIZE: 22px; COLOR: #999999; TEXT-DECORATION: underline}
.feature_ss > .content   {font-size: 11px; padding: 0px 0px 10px 10px;}
#h2, #h3 	 {border-left: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB;}
#h5, #h6	 {border-left: 1px solid #BBBBBB;}
#h1			 {border-bottom: 1px solid #BBBBBB;}

#errormessage {color: red; }

/* Sign Up Page */

.signup
  { margin-left:auto; margin-right:auto;
    width: 1000px;
}

.signupbox
  { padding: 10px 40px 10px 40px;
	margin-bottom: 8px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#000000;
}
	

.signupfields {
	height:20px;
	padding:4px 8px;
	margin-bottom:5px;
	font-size:130%;
	width:200px;
}


/* Plan Pricing */
#pricing   
{   margin-left:auto; margin-right:auto;
    width: 1000px;
    height: 370px;
}

#pricing ul  
{  float: left;
   margin: 10px 0 0 0px;
   padding: 0;
   display: inline;
   list-style: none;
   width: 200px;
}

#pricing li {
	float: center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   display: block;
   font-family:"Lucida Grande",Arial,sans-serif;
   text-decoration: none;
   padding: 12px 12px;
   background: #FFFFFF;   
   line-height: 175%;
   margin-right: .5em

}
#pricing_headerone    {font-size: 28px; color: #000000; border-bottom: 1px dashed #FC7304; font-weight: bold; letter-spacing: -2px; text-align: center;  padding: 10px 0px 10px 0px;}
#pricing_headertwo    {font-size: 20px; color: #333333; border-bottom: 1px dashed #FC7304; font-weight: bold; letter-spacing: -2px; text-align: center;  padding: 10px 0px 10px 0px;}
#pricing_headerthree  {font-size: 14px; color: #000000; font-weight: bold; letter-spacing: -1px; text-align: left;  padding: 10px 10px 10px 0px;}

.pricing_questions
  {     width: 1000px;
	padding: 5px 0px 5px 0px;
	margin-bottom: 8px;
	background: #FFFFFF;
	border: 1px solid #E3E7ED;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
   
#pricing_faq {font-size: 18px; color: #FC7304; font-weight: bold; letter-spacing: -1px;}

/* Login Box */
#logon_box
  { width: 500px;
    height: 200px;
  	padding: 10px 40px 10px 40px;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	color:#FC7304;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left
	
}
#logon_copy
  { color:#333333;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left
	
}

#logon_box a {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	
}

#logon_box_data {
	height:20px;
	margin-bottom:0px;
	font-size:130%;
}
#logon_top
{ 	width: 500px;
	padding: 10px 40px 10px 40px;
	background: #FC7304;
	border: 1px solid #FC7304;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	color:#000000;
}
	
#logon_bottom
{ 	width: 500px;
	padding: 10px 40px 10px 40px;
	background: #FC7304;
	border: 1px solid #FC7304;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	color:#FFFFFF;
	font-size: 7pt;
	font-weight: bold;
	text-align: center
		
}
#logon_bottom a {
	color: #FFFFFF;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#livedemo {
	color:#333333;
	font-size: 7pt;
	font-weight: normal;
	text-align: left;
	width: 700px;}