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


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0 ; padding:0; background:#008aa9 url('../images/bg.gif') repeat-x top right;font-family: Arial, Helvetica,sans-serif}
p { font-size:18px; color:#666666; margin:0; padding:0; padding-bottom:6px; padding-right: 20px; font-size:12px; line-height:1.4em}
p a:link, p a:visited { text-decoration: none; color:#006699}
p a:hover { text-decoration: underline; color:#006699}

h1 { font-size:18px; color:#006699; margin:0; padding:0; padding-bottom:6px; font-weight:normal; padding-top:10px; padding-bottom:10px}
h2 { font-size:14px; color:#fff; margin:0; padding:0; padding-bottom:6px}
h2 a:link, h2 a:visited { text-decoration: none; color:#fff}
h2 a:hover { text-decoration: underline; color:#fff}
h3 { font-size:18px; color:#fff; margin:0; padding:0; padding-bottom:6px; float:left; width:125px; padding-left:10px; text-align:center; font-weight:bold; padding-top:25px}

/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:729px; margin:0 auto;}

/*
---------------------------------------------
03. HEADER
---------------------------------------------
*/

#header { width:729px; height:111px; margin:0; padding:0; background:url('../images/header_plain.gif'); }
#tagline { width:226px; height:83px; margin: 0; padding: 7px 0px 0px 20px;} 

/*
---------------------------------------------
04. CONTENTS
---------------------------------------------
*/

#contents { width:711px; background:url('../images/bg_content.gif'); padding-top:10px; float:right; padding-bottom:30px; padding-left:5px; padding-right:13px}

/*
---------------------------------------------
05. LEFTPANEL, LEFT NAVIGATION, TESTIMONIALS
---------------------------------------------
*/

#leftpanel { width:204px; float:left; }

#leftnav { width:202px; float:left;}
#leftnav .box_top { width:202px; height:15px; background:#c2e0e0 url('../images/nav_box_top.gif'); }
#leftnav .box_middle { width:182px; background:#c2e0e0 url('../images/nav_box_middle.gif'); padding-left:20px; margin-top:-3px}
#leftnav .box_bottom { width:202px; height:20px; background: url('../images/nav_box_bottom.gif') no-repeat; }

ul.leftnav {margin:0;padding:0;list-style:none;color: #006699;	font-size:14px;font-style: normal;	font-weight: bold; line-height:2.3em; padding-top:10px}
ul.leftnav li {width:140px;display:block;background:url('../images/icon_nav.gif') no-repeat top left;margin-left:0px; margin-right:0; margin-top:3px; margin-bottom:0; padding-left:28px; padding-right:10px; padding-top:0px; padding-bottom:10px}
ul.leftnav a:link, ul.leftnav a:visited {color: #006699; text-decoration:none}
ul.leftnav a:hover {color: #006699; text-decoration: underline}

#testimonials { width:194px; margin-left:5px; padding-top:10px; float:left}
#testimonials p { font-size:18px; color:#006699; margin:0; padding:0; padding-bottom:6px; font-size:12px}

.bg_testimonials { background-color:#c2e0e0; padding:10px; padding-top:20px; padding-left:15px}
.list_testimonials { width:165px; padding-bottom:15px;}
.name_test { height:60px;}

#contact { background:url('../images/bg_questions.gif') no-repeat; width:160px; height:65px; float:left; margin-top:20px; margin-left:10px; color:#FFFFFF; padding-top:25px; padding-left:20px; margin-right:0; margin-bottom:0}

/*
---------------------------------------------
06. RIGHTPANEL, TOP BUTTONS
---------------------------------------------
*/

#rightpanel { width:478px; float: right; background-color:#c2e0e0; padding-top:10px; padding-bottom:20px;  padding-left:20px;}

#rightpanel h1 { font-size:18px; color:#006699; margin:0; padding:0; padding-bottom:6px; font-weight:normal; padding-bottom:10px}

#topbuttons { width:466px; padding-left:12px; float:left; padding-bottom:20px; font-size:14px}
#topbuttons a:link, #topbuttons a:visited { color:#FFFFFF; font-weight:bold; text-decoration:none}
#topbuttons a:hover { color:#FFFFFF; font-weight:bold; text-decoration: underline}

.buttons { float:left; width:130px; margin-right:20px; }
.subscriber { width:110px; height:50px; margin-right:20px;float:left;  background:#086ea1 url('../images/topbutton_subscriberlogin.gif') no-repeat; padding-top:105px; text-align:center; padding-left:10px; padding-right:10px}
.sitelicense { width:130px; height:50px; margin-right:20px;float:left;  background:#086ea1 url('../images/topbutton_sitelicense.gif') no-repeat; padding-top:105px; text-align:center}
.lookingforicd { width:130px; height:55px; margin-right:20px;float:left;  background:#086ea1 url('../images/topbutton_lookingforicd.gif') no-repeat; padding-top:100px; text-align:center}

ul.list_features {margin:0;padding:0;list-style:none;color: #990000;font-size:12px;font-style: normal;font-weight: normal; line-height:1.4em; margin-top:10px;margin-left:20px; float:left; padding-bottom:10px}
ul.list_features li {width:165px;display:block;background:url('../images/bullet_homepage.gif') no-repeat top left;margin:0px;padding-left:20px; padding-right:10px; padding-top:0px; padding-bottom:4px  }
ul.list_features a:link, ul.list_features a:visited {color: #990000; text-decoration:none}
ul.list_features a:hover {color: #990000; text-decoration: underline}

ul.list_features_rtcol {margin:0;padding:0;list-style:none;color: #990000;font-size:12px;font-style: normal;font-weight: normal; line-height:1.4em; margin-top:10px;margin-left:10px; float:left; padding-bottom:10px}
ul.list_features_rtcol li {width:200px;display:block;background:url('../images/bullet_homepage.gif') no-repeat top left;margin:0px;padding-left:20px; padding-right:10px; padding-top:0px; padding-bottom:4px  }
ul.list_features_rtcol a:link, ul.list_features_rtcol a:visited {color: #990000; text-decoration:none}
ul.list_features_rtcol a:hover {color: #990000; text-decoration: underline}



#arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;}


.bg_demovideo { width:197px; height:207px; float:left; background:#cfcfcf url('../images/bg_demovideo.gif') no-repeat; margin-top:10px; padding-right:5px; margin-left:10px; margin-right:20px; margin-bottom:20px}
.thumb_demo { width:168px; height:140px; margin-top:15px; margin-left:11px; 
padding-top:10px; padding-left:14px}
.videoinfo { width:145px; margin:0; padding:0; float:left; height:40px; position:relative; color:#990000; font-size:12px; font-weight: normal; padding-left:14px; padding-top:3px}
.videoname { font-size:14px; font-weight:bold}
.button_play { float:right}

#demoicdm { width:453px; float:left; margin:0; padding:0; margin-bottom:20px; }
#demoicdm .box_blue_top { width:453px; height:25px; background:#006699 url('../images/box_blue_top.gif'); }
#demoicdm .box_blue_middle { width:398px; background:#006699 url('../images/box_blue_middle.gif'); padding-left:28px; padding-right:25px; margin-top:-3px; float:left; padding-top:10px; padding-bottom:10px}
#demoicdm .box_blue_bottom { width:453px; height:25px; background:#006699 url('../images/box_blue_bottom.gif'); float:left}

.thumb_icddemo { width:247px; height:203px; float:right; }

#letter_developer { width:400px; margin:0 auto; padding:0; }
#letter_developer .bg_letter_top { width:400px;  margin:0 auto; padding:0; }
#letter_developer .bg_letter_middle { width:345px;  background: url('../images/bg_letter_middle1px.gif') repeat-y; padding-left:45px; padding-right:25px; margin-top:-5px; float:left; padding-top:10px; padding-bottom:10px}
#letter_developer .bg_letter_bottom { width:400px; height:25px; background: url('../images/bg_letter_bottom.gif'); float:left; margin-bottom:10px}

.img_thedeveloper { width:140px; height:70px; float: left; margin-top:10px; margin-top:10px; padding-bottom:0px}

#letter_developer p { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6em; font-style:italic; padding-top:25px; float:left;}


ul.pricing {margin:0;padding:0;list-style:none;color: #990000;font-size:12px;font-style: normal;font-weight: normal; line-height:1.4em; margin-top:10px;margin-left:30px; float:left; padding-bottom:10px}
ul.pricing li {background:url('../images/bullet_homepage.gif') no-repeat top left;margin:0px;padding-left:20px; padding-right:10px; padding-top:0px; padding-bottom:4px  }
ul.pricing a:link, ul.pricing a:visited {color: #990000; text-decoration:none}
ul.pricing a:hover {color: #990000; text-decoration: underline}

.button_subscribe { background:url('../images/bg_button_subscribenow.gif') no-repeat; width:75px; height:61px; float:left; margin-top:20px; margin-left:30px; color:#FFFFFF; padding-top:28px; padding-left:20px; padding-right:90px; text-align:center; font-size:14px; margin-right:0; margin-bottom:0 }

.button_grouplicense { background:url('../images/bg_button_subscribenow.gif') no-repeat; width:70px; height:80px; float:left; margin-top:20px; margin-left:30px; color:#FFFFFF; padding-top:16px; padding-left:25px; padding-right:90px; text-align: left; font-size:14px; line-height:1.3em; margin-right:0; margin-bottom:0}
#contact_end { background:url('../images/bg_questions_right.gif') no-repeat; width:160px; height:65px; float:left; margin-top:15px; margin-left:10px; color:#FFFFFF; padding-top:28px; padding-left:20px; margin-right:0; margin-bottom:0}


/*
---------------------------------------------
07. FOOTER LINKS
---------------------------------------------
*/

#footer { height:52px; width:709px; background-color:#006699; float:left; display:block; padding-top:20px; padding-left:10px; padding-right:10px} 

.footerlinks { width:709px; font-size:12px; color:#FFFFFF; text-align:center}
.footerlinks a:link, .footerlinks a:visited { color:#FFFFFF; text-decoration:none; padding-left:4px; padding-right:4px}
.footerlinks a:hover { color:#FFFFFF; text-decoration: underline}

.copyrights { text-align:center; color:#ccffff; font-size:14px; padding-top:6px}
.copyrights a:link, .copyrights a:visited { color:#ccffff; text-decoration:none;}
.copyrights a:hover { color:#ccffff; text-decoration: underline}

/*
---------------------------------------------
08. MISCELLANEOUS
---------------------------------------------
*/


img { border:none}


/* Start CSS for Balloon Tool Tip from Dynamic Drive */

.balloonstyle {position:absolute;top: -500px;left: 0;padding: 5px;visibility: hidden;border:1px solid black;font:normal 12px Verdana;line-height: 18px;z-index: 100;background-color: #E3EEF1;width: 400px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

/* Whitelist Styles */
ul.whitelist {margin:0;padding:0;list-style:none;color: #990000;font-size:14px;font-style: normal;font-weight: normal; line-height:1.4em; margin-top:10px;margin-left:20px; float:left; padding-bottom:10px}
ul.whitelist li {background:url('../images/bullet_homepage.gif') no-repeat top left;margin:0px;padding-left:20px; padding-right:10px; padding-top:0px; padding-bottom:4px  }
ul.whitelist  a:link, ul.whitelist  a:visited {color: #990000; text-decoration:none}
ul.whitelist  a:hover {color: #990000; text-decoration: underline}

ul.isp {margin:0;padding:0;list-style:none;font-size:12px; color:#666666;font-style: normal;font-weight: normal; line-height:1.4em; margin-top:10px;margin-left:20px; float:left; padding-bottom:10px}
ul.isp li {background:url('../images/bullet_homepage.gif') no-repeat top left;margin:0px;padding-left:20px; padding-right:20px; padding-top:0px; padding-bottom:4px  }
ul.isp a:link, ul.isp a:visited { text-decoration: none; color:#006699}
ul.isp a:hover { text-decoration: underline; color:#006699}

/* Testimonial Page Styles */

div.testimonial1
{
font-size: 14px; 
color: #666666;
margin-left: 15px;
margin-right: 30px;
margin-bottom: 20px;
padding: 15px;
}

div.testimonial2
{
font-size: 14px; 
color: #666666;
background-color: #E5F4F8;
margin-left: 15px;
margin-right: 30px;
margin-bottom: 25px;
padding: 15px;
}

li.testimonial
{
font-size: 12px; 
color: #666666;
}

p.author
{
font-weight: bold;
margin-left: 20px;
}