/*this container centers the content in the browser and fixes the overall width*/
#wrapper {
	width: 980px;
	text-align: left;
	/* color: #333333; */
   color: #4b4b4b;
	line-height: 1.2em;
	background-color: #ffffff;/*themecolour2;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* this container holds the individual text boxes in the left-hand column*/
/* RJM 11/26/2007 12:44:12 PM added padding-right: 15px */ 
/*I.A.I. added padding-left: 15px; */
#holderdiv {
	width: 180px;
	margin-right: 5px;
	margin-left: 5px;
   padding-right: 15px;
   padding-left: 15px;
}

/*gzc. Se agrego style holderdiv2, ya que de lo contrario marcaba error con el programa http://validator.w3.org porque se utilizaba 2 veces en un archivo.  */
#holderdiv2 {
	width: 180px;
	margin-right: 5px;
	margin-left: 5px;
   padding-right: 15px;
   padding-left: 15px;
}

/* this container holds the heading graphic*/
#header {
	background: #ffffff;/*themecolour3;*/
	height: 188px;
	margin: 0px;
}
/* this container holds the heading graphic for the inner page */
#innerheader {
	background: #ffffff;/*themecolour3;*/
	height: 188px;
	margin: 0px;
	/* border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #D46E34; */
   margin-bottom: 20px; 
}
   
/*this container holds the logo graphic */
#logo {
	background-repeat: no-repeat;
	height: 80px;
	top: 0px;
	right: 0px;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
}
/*the individual text boxes in the left-hand column */
/*width: 180px; added to fix the wrong width on IE */
.leftcoldiv {
   width: 180px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border: 1px dashed #CCCCCC;
	background-color: #E8F6DA;
   font-size: 12pt;
}
/*the individual text boxes in the right-hand column */
.rightcoldiv {
	background-color: #DDE4FF;
	background-repeat: repeat;
	border: 1px dashed #CCCCCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.audioNote {
font-size: 8pt; text-align: center;  line-height: 8pt; margin: 5 5 5 5
}

/* Irma - style used the privacy page. 27/10/2009*/
.MsoNormal { font-size: 9pt; font-family:Verdana; margin-top: 20px}

/* Irma - style used for the quotation marks on the rotating testimonials page. 27/10/2009*/
.quote { font-size: 18pt;}

/*styles the footer */
.footer {
	font-size: 70%;
	padding-bottom: 10px;
	text-align: center;
	clear: both;
	padding-top: 10px;
	color: #666666;
	background-color: #e2e2de;/*themecolour4;*/   
  	line-height: 1.2em;
}

/*HTML tag styles*/
/*this defines the font style and color*/
body {
	color: #333333;
	text-align: center;
	background-color: #e2e2de;/*themecolour4;*/
	padding-top: 0px;
	padding-bottom: 20px;
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
}

/* RJM11/26/2007 12:44:12 PM changed from 30px to 15px */ 
#mainbody {
   margin-left: 15px;
   margin-right: 15px;
}

.intro { font-size: 12pt; font-style: italic; margin-bottom: 20px }

/*paragraph styles*/ 
#wrapper p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 80%;
}

#mainbody p {
   margin-top: 5px;
	padding-right: 10px;
	padding-left: 0px;
	font-size: 80%;
}

.leftcoldiv p {
   color: #4b4b4b;
	font-size: 80%;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.3em;
	padding-top: 0px;
	padding-bottom: 0px;
}
.rightcoldiv p {
	font-size: 90%;
	color: #4b4b4b;
	line-height: 1.3em;
	padding-bottom: 0px;
	padding-top: 0px;
} 

/*floats element to the left*/
    .left {
	float: left;
}
/*floats element to the right*/
   .right {
	float: right;
}


/* 
h1,.heading {
	font-size: 160%;
	color: #4b4b4b;
	padding-top: 10px;
	padding-left: 0px;
	font-weight: normal;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
   font-weight: bold;
} */

/* 
h2 {
	font-size: 80%;
   color: #4b4b4b;   
	margin-top: 20px;
	margin-bottom: 2px;
	padding-left: 0px;
	font-weight: bolder;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #878785;
} 

h3 {
	font-size: 70%;
	color: #4b4b4b;/*themecolour2$ -26.2%,-8.4%;
	margin-top: 4px;
	margin-bottom: 6px;
	font-weight: bolder;
	padding-bottom: 2px;
	padding-top: 2px;
	/*border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #878785;
} */

.leftcoldiv h2 {
	margin: 0;
	background-color: #e2e2de;/*themecolour1;*/
	/* color: #878785;/*themecolour2$ -26.2%,-8.4%;*/
  	color: #000000;
	font-size: 90%;
	padding: 3px 5px 3px 10px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.rightcoldiv h2 {
	margin: 0;
	background-color: #e2e2de;/*themecolour1;*/
	/*  color: #878785;/*themecolour2$ -26.2%,-8.4%;*/
  	color: #000000;
	font-size: 90%;
	padding: 3px 5px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: bolder;
	
}
/*defines the style for unordered lists (bulleted) */ 
.leftcoldiv ul {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;
	font-size: 80%;
	font-weight: normal;
	margin-left: 10px;
	padding-left: 15px;
	line-height: 1.3em;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*link styles*/
a {
	/* color: #878785;/*themecolour1$ 0.6%,-40.3%;*/
	color: #243a88;
}
a:hover {
	/* color: #6a6a5b;/*themecolour1$ -12.5%,-53%;*/
	color: red;
}

/*defines the style for horizontal dividers */
.divider {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2de;/*themecolour4;*/
}    
.middle {
	margin-right: 200px;
	margin-left: 200px;
}

.taglinelink {
	text-decoration: none;
	color: #000000;
}
a.taglinelink:hover {
	text-decoration: none;
	color: #000000;
}
#tagline {
	background-color: #D1DCE7;/*themecolour4;*/
	width: 100%;
	top: 50px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	height: 55px;
}
.tagmiddle {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
#tagholderdiv {
	width: 285px;
	margin-right: 5px;
	margin-left: 100px;
}
.taglineleft {
	float: left;
}
.taglineright {
	float: right;
	margin-right: 160px;
}
#tagline p {
	margin-top: 7px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 8px;
	font-size: 75%;
}

#bottomnavbar {
	background-color: #D46E34;/*themecolour4;*/
	width: 100%;
   font-size: 70%;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #833E1D;
   color: #FFFFFF;
   padding-top: 1px;
	padding-bottom: 2px;   
   margin-top: 40px;
}

#topnavbar {
	background-color: #D46E34;/*themecolour4;*/
	width: 100%;
   font-size: 70%;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #833E1D;
   color: #FFFFFF;
   padding-top: 1px;
	padding-bottom: 2px;   
}

hr
{
	border: solid 1px #e2e2de;
}

.menulink {
	text-decoration: none;
   color: #ffffff;
   padding-left: 5px;
   padding-right: 5px;
}
a.menulink:hover {
	text-decoration: none;
   color: #ffffff;
}

/*defines the style for displaying content between the left and right info boxes (columns) */ 
#middle {

	margin-right: 180px;
	margin-left: 180px;
}
/*defines the style for displaying content aligned right of the left side info box without right side box */ 
#mainbody_middle {


	margin-right: 10px;
	margin-left: 200px;
}

/* RJM Monday, December 10, 2007 Lets start over shall we? */
ol {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 80%;
	font-weight: normal;
	padding-left: 20px;
	line-height: 1.3em;
	color: #4b4b4b;
}

/*defines the style for unordered lists (bulleted)  */
.ul2 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #4b4b4b;
	font-size: 80%;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 1.5em;
   text-indent: 30px;
}



.leftcoldiv ol {

	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;
	font-size: 80%;
	font-weight: normal;
	margin-left: 10px;
	padding-left: 15px;
	line-height: 1.3em;
	padding-bottom: 10px;
	padding-top: 10px;
}
.rightcoldiv ul {

	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;
	font-size: 80%;
	font-weight: normal;
	margin-left: 10px;
	padding-left: 15px;
	line-height: 1.3em;
	padding-bottom: 10px;
	padding-top: 10px;
}
.rightcoldiv ol {


	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;
	font-size: 80%;
	font-weight: normal;
	margin-left: 10px;
	padding-left: 15px;
	line-height: 1.3em;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* product screen shot stuff */
#prodContent
{
	float: left;
	width: 515px;
	background-color: white;
	border-left: dashed 1px #e2e2de;
	padding: 0px 5px 30px 15px;
}

#prodContent ul,ol {
   font-size: 80%;
}

#prodContent .h5, .h2
{
	margin: 0px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

.text
{
	color: #4b4b4b;
	padding-left: 10px;
	padding-right: 20px;
	margin-top: 10px;
	font-family: Arial;
	font-size: 12px;
}

/* pricing tables */
#pricing h2 { size: 10pt; color: black; border-bottom-style: none; font-weight: none; padding-bottom: 10px; padding-top: 5px }

#download {
	width:			100%;
	margin:			0 0 0 5px;
	padding:		8px 0;
	text-align:		center;
	border:			1px solid #FFC68F;
	/* background:		#F4F3D5; */
}

.navlist
{
   padding-left: 20px;
   margin-left: 20px;
   width: 100%;
   text-decoration: none;
}

.navlist li { list-style-type: square; font-size: 10pt; text-decoration: none }

/* used to give a break line within a list - Irma: 14- Oct- 09 */
ol.paragraph li {
  margin: 1em 0;
}
/* used on how to run a seuccessful page - Irma: 14- Oct- 09 */
.thanks {margin-top: 20px}