@charset "utf-8";



/* v1.0 | 20080212 

CSS RESET

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* CSS Document */

* 
{
	padding: 0;
	margin: 0;
}

html 
{
	border-left: 3px solid #4F5356;
	border-right: 3px solid #4F5356;
	min-height: 100%;
	height: auto;
	background-image:url('_images/Gradient.gif');
	background-repeat:repeat-x;		
	background-position:bottom;	
}

body 
{
	font: 14px/17px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
}

img
{
	border:none;
	vertical-align:middle;
	color:#404142;
}

a:link 
{
	color:#455560;

}

a:hover 
{
	color:#FF6600;
}

hr
{
	color: #B8DB88;
	background-color: #B8DB88;
	height: 3px;
}

p
{
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}


/********************************************************************
/
/	h#
/
/********************************************************************/
h1 /*Grey*/
{
	font: 32px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
	color: #404142; 
	line-height:30px;
	font-weight: bold; 
}

h2 /*Green*/
{
	font: 28px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
	color: #A3D163; 
	line-height:30px;
	font-weight: bold; 
}

h3 /*Dark Purple*/
{
	font: 26px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
	color: #4B0B71; 
	line-height:26px;

}

h4 /*Orange*/
{
	font: 24px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
	color: #FF6600; 
	line-height:26px;
}

h5 /*Grey*/
{
	font: 20px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
	color: #3F3F3F; 
	line-height:24px;

}

h6 /*Dark Purple*/
{
	font: 18px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
	color: #4B0B71; 
	line-height:20px;
	font-weight: bold; 
}

/********************************************************************
/
/	IDs
/
/********************************************************************/
#green_text_box
{
  margin:5px;
  padding:5px;
  border:2px solid #B8DB88;
  height:auto;
  width:auto;
}

#green_text_box_headline
{
  margin-left:-5px;
  margin-right:-5px;
  padding-left:5px;
  padding-bottom:5px;
  border-bottom:2px solid #B8DB88;
  height:auto;
  width:auto;
  font-size:16px;
}

#orange_text_box
{
  margin:5px;
  padding:5px;
  border:2px solid #ff6900;
  height:auto;
  width:auto;
}

#orange_text_box_headline
{
  margin-left:-5px;
  margin-right:-5px;
  padding-left:5px;
  padding-bottom:5px;
  border-bottom:2px solid #ff6900;
  height:auto;
  width:auto;
  font-size:16px;
}

#purple_text_box
{
  margin:5px;
  padding:5px;
  border:2px solid #4b0b71;
  height:auto;
  width:auto;
}

#purple_text_box_headline
{
  margin-left:-5px;
  margin-right:-5px;
  padding-left:5px;
  padding-bottom:5px;
  border-bottom:2px solid #4b0b71;
  height:auto;
  width:auto;
  font-size:16px;
}

#form_blocks
{

	width:100%;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #4B0B71;
}

#form_blocks td
{
	padding-left:5px;
	padding-bottom:5px;
}

#terms_of_use
{
	color: #4b0b71;
	background: #E2EFD1;
	border: 1px solid #4b0b71;
	height:150px; 
	width:400px; 
	overflow:scroll;
	text-align:left;
}



#content_purple_top
{
	width:655px;
	height:36px;
	background-image:url('_images/Boxes/ContentPurpleBoxTop.gif');
}

#content_purple_bottom
{
	width:655px;
	height:36px;
	background-image:url('_images/Boxes/ContentPurpleBoxBottom.gif');	
}

#content_purple_left
{
	width:29px;
	height:100%;
	background-image:url('_images/Boxes/ContentPurpleBoxLeft.gif');
	background-repeat:repeat-y;	
}

#content_purple_right
{
	width:29px;
	height:100%;
	background-image:url('_images/Boxes/ContentPurpleBoxRight.gif');
	background-repeat:repeat-y;	
}

#content_purple_center
{
	background-color:#D3B4E5;
	width:597px;
}

#main_purple_top
{
	width:885px;
	height:36px;
	background-image:url('_images/Boxes/MainPurpleBoxTop.gif');
}

#main_purple_bottom
{
	width:885px;
	height:36px;
	background-image:url('_images/Boxes/MainPurpleBoxBottom.gif');	
}

#main_purple_left
{
	width:40px;
	height:100%;
	background-image:url('_images/Boxes/MainPurpleBoxLeft.gif');

}

#main_purple_right
{
	width:40px;
	height:100%;
	background-image:url('_images/Boxes/MainPurpleBoxRight.gif');

}

#main_purple_center
{
	background-color:#D3B4E5;
}

#homepage_top
{
	width:492px;
	height:12px;
	background-image:url('_images/Boxes/HomepageBoxTop.gif');
}

#homepage_bottom
{
	width:492px;
	height:12px;
	background-image:url('_images/Boxes/HomepageBoxBottom.gif');	
}

#homepage_left
{
	width:4px;
	height:100%;
	background-image:url('_images/Boxes/HomepageBoxLeft.gif');
	background-repeat:repeat-y;	
}

#homepage_right
{
	width:4px;
	height:100%;
	background-image:url('_images/Boxes/HomepageBoxRight.gif');
	background-repeat:repeat-y;
}

#homepage_center
{
	width:484px;
	background-image:url('_images/Boxes/HomepageBoxCenter.gif');
	background-repeat:repeat-y;
}

#bracket_left
{
	width:10px;
	border-left: 5px solid #B8DB88;
	border-top: 7px solid #B8DB88;
	border-bottom: 7px solid #B8DB88;
}

#bracket_right
{
	width:10px;
	border-right: 5px solid #B8DB88;
	border-top: 7px solid #B8DB88;
	border-bottom: 7px solid #B8DB88;	
}

#bracket_center
{
	padding:10px;
	text-align:center;
	font-size:16px;
}

#left_frame_boxes
{
	margin:3px;
	padding:5px;
	background-image: url(_images/Boxes/ProductBox.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:200px;
}

#right_frame_boxes
{
	margin-bottom:10px;
	padding:3px;
	border:1px solid #4b0b71;
}

#home_product_box
{
	width:310px;
	float:left;
	padding-left:3px;
}

#home_quote_box
{
	width:155px;
	float:left;
	padding-left:10px;
	font: 13px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
}

#form_logos
{
	width:400px;
	margin:auto;
	background-color:#ffffff;
	border:1px solid #4b0b71;	
}

#form_logos td
{
	text-align:center;
	width:200px;
	padding:5px;
}

#form_logos input
{ 
	color: #F8F8F8;
	background: #F8F8F8;
	height:15px;
	border:none;
	font: 12px/17px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
} 

#form_input
{
	margin:auto;
	vertical-align:middle;
}

#form_input td
{
	padding:5px;
	vertical-align:middle;
}

#float_left
{
	float:left;
	margin: 3px;
}

#float_right
{
	float:right;
	margin: 3px;
}


#sidebar_sections
{
	margin-top:0px;
	margin-bottom:15px;
	margin-right:0px;
	margin-left:0px;
}

#sidebar_demo_links
{
	text-align:center;
	margin:auto;
	line-height:20px;
	margin-top:10px;
}

#testimonial_quote
{
	padding:5px;
}

#testimonial_left
{
	background-image: url(_images/QuoteTop.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:22px;
	float:left;
}

#testimonial_right
{
	background-image: url(_images/QuoteBottom.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:22px;
	float:right;
	margin-top:-20px;
	margin-left:3px;
}

#testimonial_bracket_left
{
	width:5px;
	height:100%;
/*	border-left: 3px solid #FFA86F;
	border-top: 6px solid #FFA86F;
	border-bottom: 6px solid #FFA86F;*/
	vertical-align:middle;
	font-size:26px;
	color:#FFA86F;
	text-align:right;
}
		
#testimonial_bracket_right
{
	width:5px;
	height:100%;
/*	border-right: 3px solid #FFA86F;
	border-top: 6px solid #FFA86F;
	border-bottom: 6px solid #FFA86F;*/	
	vertical-align:middle;
	font-size:26px;
	color:#FFA86F;
	text-align:right;
}

#testimonial_from
{
	width:inherit;
	margin-right:10px;
}

#divider_bar
{
	background-image: url(_images/SidebarDivider.gif);
	background-repeat:no-repeat;
	height:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#partner_box
{
	width: 100%;
	height: 100%;	
	float: left;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #4B0B71; 	
	margin-bottom: 10px;	
	margin-top: 10px;

}

#partner_box table, #partner_box table
{
	width:100%;
	float:left;
	height:100%;
}

#partner_box td, #partner_box td
{
	text-align:center;
	vertical-align:middle;
	width:33%;
	padding-top:10px;
}

#partner_box_desc
{
	width:29%;
	float: left;
	background-color: #DAD1DF; 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right: 1px solid #4B0B71;
	padding-left:2px; 
	
}

#partner_box_logos
{
	width:70%;
	float: left;
}

div#tipDiv 
{
	color:#000; 
	font-size:11px; 
	line-height:1.2;
	background-color:#DAD1DF; 
	border:1px solid #4B0B71; 
	width:210px; padding:4px;
}


/*Begin Pricing Tables*/
#pricing
{
	width:100%;
	vertical-align:middle;
}

#pricing td
{
	vertical-align:middle;
	padding:5px;
}

#pricing_features
{
	width:40%;
	text-align:right;
	color:#4B0B71;
	font-size:16px;
	line-height:20px;
}

#pricing_row
{
	border-bottom:2px dotted #4B0B71;
}

#price_row
{
	font-size:18px;

}

#pricing_good
{
	width:15%;
	text-align:center;
	background-color:#F9EFFF;
	
}

#pricing_better
{
	width:15%;
	text-align:center;
	background-color:#E9E0EF;


}
#pricing_best
{
	width:15%;
	text-align:center;
	background-color:#DAD1DF;

}
#pricing_custom
{
	width:15%;
	text-align:center;
	background-color:#CAC2CF;
}

#whats_new_blurb
{
	margin-left: 10px;
	margin-right: 5px;
}

#pricing_table_on_main
{
	width:575px;
	margin:auto;
	border:5px ridge #4B0B71;
	padding:5px;
}

#pricing_fine_print
{

	font: 11px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
	font-style:italic;

}

#align_center
{
text-align:center;
}
/*End Pricing Tables*/
/********************************************************************
/
/	CLASSES
/
/********************************************************************/
.content
{
	margin: auto;
	width:885px;
	padding:5px;
}

.content ul
{
	margin-left:30px;
	list-style-image: url(_images/Bullets/PurpleArrowBullet.gif);

}

.content ol
{
	padding-left:20px;
	list-style-type: decimal;
}

.sidebar_content ul
{
	padding-left:0px;
	list-style-image: url(_images/Bullets/GreenBulletGreyBkg.gif);

}

.footer
{	
	margin: auto;
	width:885px;
	text-align:center;
	font-size: 10px;
}


.main_content
{
	width:655px;
	margin:5px;
	padding:2px;
	float:left;
}


.sidebar_content
{	

	float:left;
	width:190px;
	background-color: #ccc; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000; 
	padding: 10px;
	margin-top:10px;
	margin-bottom:10px;
}

.reset 
{
	display: block;
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 0.1;
}

.left_home_frame
{
	width:500px;
	float:left;
	margin:5px;
}

.right_home_frame
{
	float:left;
	width:335px;
	margin:5px;
	padding:5px;
}

.case_study_content ul
{
	margin-top:5px;
	margin-bottom:10px;
}

.case_study_content table
{

	margin-top:5px;
	margin-bottom:10px;
	margin:auto;
	border: 2px solid #4B0B71; 
}

.case_study_content td
{
	padding:5px;
	border: 1px solid #4B0B71; 
}
/********************************************************************
/
/	Dropdown menu stylign for the header
/
/********************************************************************/
/*Header Style(Beginning)*/
table.header
{
	margin: auto;
	width:900px;
	margin-top:10px;
	margin-bottom:0px;

}


td#header
{
	/*This style is used for the logo side of the header*/
	vertical-align:middle;
}


div#menu_bar
{
	/*This style is used for the div that contains the header dropdown menu*/
	height:47px;
	margin:auto;
	padding:0px;
	background-color:#455560;
	align:center;	

}

div#menu_dropdown
{
	/*This style is used for the div that contains the header dropdown menu*/
	height:47px;
	margin:auto;
	padding:0px;
	align:center;	
	width:900px;
	position:relative;
	right:20px;
}

.alt 
{ 
	display: none;
}
/*Header Style(End)*/


/*Menu List Dropdowns(Beginning)*/

#nav li > ul 
{
	/*Resets things for browser fixes*/
	top: auto;
	left: auto;
}


#nav ul
{

  	list-style: none; /*makes so no bullets are shown*/
}


#nav li
{

  	position: relative;

	top:30px; /*Makes the dropdown appear in the correct spot*/
  	width: 171px; /*width of dropdown menus*/
	height: 35px; /*heigh of dropdown menus*/
	float:right;
	text-align:center;
}

#nav li#drop_middle /*The non rounded corners in the dropdown*/
{

	background-image: url(_images/MenuButtons/RollDropMiddle.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#nav li#drop_bottom /*The rounded corners in the dropdown*/
{

    height: 30px;
	background-image: url(_images/MenuButtons/RollDropBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


#nav li a
{
	
	color:#B8DB88;
	font-size:15px;
}

#nav li#menu_items
{
	border-left: 1px solid #B8DB88;
	border-right: 1px solid #B8DB88;
  	position: relative;
	top: 0px;
	width:19%;
}

#nav li ul 
{
  	display: none; /*Makes second level lists invisible initially - Make block to see list*/
  	top: 1em; /*IE fix - makes menu not start on same line as top*/
  	left: 0; /*IE fix - makes menu not start indented to right*/
	position:absolute;
}


#nav li:hover ul, li.over ul
{ 
	display: block; /*any list that is nested in a list item that has the cursor hovering over it is displayed.*/
}
/*Menu List Dropdowns(End)*/

/*Buttons*/
#nav li.home_button
{
    display: block;
    height: 47px;
    background-image: url(_images/MenuButtons/HomeButton.gif);

}

#nav li.home_button:hover 
{
    background-image: url(_images/MenuButtons/HomeButtonRO.gif);
	cursor:pointer;
}

#nav li.services_button 
{
    display: block;
    height: 47px;
    background-image: url(_images/MenuButtons/ServicesButton.gif);

}

#nav li.services_button:hover 
{
    background-image: url(_images/MenuButtons/ServicesButtonRO.gif);
}

#nav li.case_studies_button 
{
    display: block;
    height: 47px;
    background-image: url(_images/MenuButtons/CaseStudiesButton.gif);

}

#nav li.case_studies_button:hover 
{
    background-image: url(_images/MenuButtons/CaseStudiesButtonRO.gif);

}

#nav li.about_us_button 
{
    display: block;
    height: 47px;
    background-image: url(_images/MenuButtons/AboutUsButton.gif);

}

#nav li.about_us_button:hover 
{
    background-image: url(_images/MenuButtons/AboutUsButtonRO.gif);
}

#nav li.contact_us_button 
{
    display: block;
    height: 47px;
    background-image: url(_images/MenuButtons/ContactUsButton.gif);

}



#nav li.contact_us_button:hover 
{
    background-image: url(_images/MenuButtons/ContactUsButtonRO.gif);
	cursor:pointer;
}


/********************************************************************
/
/	Captcha style
/
/********************************************************************/

.recaptchatable .recaptcha_image_cell, #recaptcha_table 
{
   background-color:#D3B4E5 !important; //reCaptcha widget background color
}
 
#recaptcha_table 
{

   border-color:#D3B4E5 !important; //reCaptcha widget border color
}
 
#recaptcha_response_field 
{
   border-color: #4B0B71 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
}


/********************************************************************
/
/	Forms Styling
/
/********************************************************************/

input
{
	color: #4b0b71;
	background: #E2EFD1;
	height:20px;
	border: 1px solid #4b0b71;
	font: 12px/17px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
}

#check_and_radio
{/* fixed checkboxes and rido buttons in IE */
	border:none;
	background-color:#D3B4E5;
		vertical-align:middle;
} 

textarea
{
	color: #4b0b71;
	background: #E2EFD1;
	border: 1px solid #4b0b71;
	font: 12px/17px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
}

select
{ 
	color: #4b0b71;
	background: #E2EFD1;
	height:20px;
	border: 1px solid #4b0b71;
	font: 12px/17px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;
} 

label
{
	font: 15px/17px calibri, "Helvetica Neue", "Lucida Grande", helvetica,  arial, sans-serif;

}