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

.container{
scrollbar=yes;
}

body {
	font: 12px Verdana;
	width: 100%;
	height:100%;
	background-color:#f3f3f3;
	margin: 0px;
	text-align:center;
}
h1{font-size:12pt;font-weight:bold;margin-top:5px;margin-bottom:10px;}
h2{font-size:11pt;font-weight:bold;margin-top:3px;margin-bottom:5px;}
a{color:#006699; text-decoration:none;}
a:hover {
	color: #2B2B2B;
	text-decoration: underline;
}

#Header {
	width:1000px;
	height:72px;
	padding:0px;
	margin:0px auto;
	text-align:center;
}
.Header_u01 {
	width:315px;
	float:left;
	margin: 0 auto;
	padding: 0;
}
.Header_u02 {
background: url(../images/nav_bg.gif) no-repeat left top;
	width:685px;
	height:72px;
	float:right;
	color: #f3f3f3;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.Header_u02 ul {float:left;margin:0;padding:0;}
/* logo*/
.c4c_logo {
	display: block;
	width: 315px;
	height: 72px;
	background: url(../images/c4c_logo.gif) no-repeat left top;
	border: 0;
}

#ContentMain{
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 40px;
	height:auto;
}

#Content {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 0px;
}

/*#Content_left {
	width: 700px;
	height: 235px;
	border: 0;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
}*/

#Content_right {
	width: 245px;
	float:left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}

.demo_button{
	display: block;
	width: 242px;
	height: 49px;
	background: url(../images/buttonDemo.jpg) no-repeat left top;
	border: 0;
	float:left;
}

.button0{
	display: block;
	width: 690px;
	margin-left:5px;
	height: 235px;
	background: url(../images/content_left.gif) no-repeat left top;
	border: 0;
	float:left;
}

.contentLeft1{
	display: block;
	width: 690px;
	margin-left:5px;
	height: 105px;
	background: url(../images/content_left1.gif) no-repeat left top;
	border: 0;
	float:left;
}

.contentLeft2{
	display: block;
	width: 690px;
	margin-left:5px;
	height: 121px;
	background: url(../images/content_left2.gif) no-repeat left top;
	border: 0;
	float:left;	
}

.button1{
	display: block;
	width: 245px;
	height: 111px;
	background: url(../images/button1.gif) no-repeat left top;
	border: 0;
	float:left;
	margin:3px 0 0 0;
}

.button2{
	display: block;
	width: 245px;
	height: 104px;
	background: url(../images/button2.gif) no-repeat left top;
	border: 0;
	float:left;
	margin:3px 0 0 0;
}

#bottom{
	width:1000px;
	margin:auto;clear:both;
	color:#000000;
}

.Copyright{
	margin:0;
	line-height:10px;
	padding-top:0px;
	padding-left:30px;
	float:left;
	text-align:left;
	font-size:10px;
	color: #000000;
}

.Privacy{
	margin:0;
	line-height:10px;
	padding-top:0px;
	padding-right:30px;
	float:right;
	text-align:right;
	font-size:10px;
}

#Nav1{
	background:url(../images/index2_03.gif);
	width:109px;
	height:72px;
	float:left;
}

#Nav1 : hover{
	background:url(../images/index2_03.gif);
	width:109px;
	height:72px;
	float:left;
}

#Nav1 li a{
display:block;
width:109px;
height:72px;
background:  url(../images/index1_03.gif) no-repeat center top;
}

#Nav1 li a:hover, #Nav1 li.hover a {
	background-image: url(../images/index2_03.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;}
	
#Nav2{
width:166px;
height:72px;
float:left;
}
	
#Nav2 li a{
display:block;
width:166px;
height:72px;
background:  url(../images/index1_04.gif) no-repeat center top;}

#Nav2 li a:hover, #Nav1 li.hover a {
	background-image: url(../images/index2_04.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;}
	
#Nav3{
width:119px;
height:72px;
float:left;
}

#Nav3 li a{
display:block;
width:119px;
height:72px;
background:  url(../images/index1_05.gif) no-repeat center top;}

#Nav3 li a:hover, #Nav1 li.hover a {
	background-image: url(../images/index2_05.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;}

#Nav4{
width:103px;
height:72px;
float:left;
}
	
#Nav4 li a{
display:block;
width:103px;
height:72px;
background:  url(../images/index1_06.gif) no-repeat center top;}

#Nav4 li a:hover, #Nav1 li.hover a {
	background-image: url(../images/index2_06.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;}
	
#Nav5{
width:121px;
height:72px;
float:left;
}
	
#Nav5 li a{
display:block;
width:121px;
height:72px;
background:  url(../images/index1_07.gif) no-repeat center top;}

#Nav5 li a:hover, #Nav1 li.hover a {
	background-image: url(../images/index2_07.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;}
	
.Content_left_panel {
	width: 175px;
	height: 100%;
	border: 0;
	float: left;
	margin-left:20px;
	display:inline;
}
.left_panel_top_Demo{
	width:175px;
	height:195px;
	margin-bottom:0;
	background-image: url(../images/Course_left.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.left_panel_top_aboutus{
width:175px;
height:195px;
margin-bottom:0;
background:  url(../images/aboutus_left.gif) no-repeat center top;}

.left_panel_middle_aboutus{
width:175px;
height:100%;
margin-top:0;
margin-bottom:0;
background: url(../images/left_panel_middle.gif) repeat-y center top;
}

.left_panel_bottom{
	width:175px;
	height:25px;
	margin-top:0;
	margin-bottom:0;
	background: url(../images/left_panel_bottom.gif) no-repeat center top;
}

.banner_aboutus
{
display:block;
width:783px;
height:130px;
margin-bottom:0;
background:  url(../images/Abouts_banner.gif) no-repeat center top;
}

.banner_demo
{
display:block;
width:788px;
height:129px;
margin-bottom:0;
background:  url(../images/demo_banner.gif) no-repeat center top;
}

.demo_images
{

width:753px;
height:182px;
margin-bottom:0;
}

.demo_btn
{

width:187px;
height:42px;
margin-left:460px;
padding-top:0px;
}

.custom-services_banner
{
display:block;
width:788px;
height:130px;
margin-bottom:0;
background:  url(../images/Custom-services_banner.gif) no-repeat center top;
}

.Licensing_banner
{
display:block;
width:779px;
height:130px;
margin-bottom:0;
background:  url(../images/Licensing_banner.gif) no-repeat center top;
}

.details_banner
{
display:block;
width:788px;
height:130px;
margin-bottom:0;
background:  url(../images/Details_banner.gif) no-repeat center top;
}

.Content_right_panel{float:left;
	width: 788px;
	margin:auto
}

.right_panel_top{
width:787px;
height:18px;
margin-top:0;
margin-bottom:0;
background:  url(../images/right_panel_top.gif) no-repeat center top;}

.right_panel_middle{
width:787px;
height:100%;
margin-top:0;
margin-bottom:0;
background: url(../images/right_panel_middle.gif) repeat-y center top;
}

.right_panel_bottom{
width:787px;
height:18px;
margin-top:0;
margin-bottom:0;
background: url(../images/right_panel_bottom.gif) no-repeat center top;
}

#mainBody
{
	padding:15px 25px;
	text-align:left;
	line-height: 15px;
	width: 730px;
	font:Verdana;
}

#mainsupport{

width: 745px;
text-align:left;
line-height: 15px;
margin-left:auto;
margin-right:auto;
}
	
#view_demo{
display:block;
width:245px;
height:50px;
background:url(../images/viewdemo.gif) no-repeat top center;
margin:auto;
}

.left_panel_top_contactus{
width:175px;
height:195px;
margin-bottom:0;
background:  url(../images/contactus_left.gif) no-repeat center top;}

/* Index Page 6 links */
.link1 {
	font-family: verdana;
	text-align: left;
	margin-top:60px;
	padding-top: 10px;
	padding-left: 16px;
	clear: right;
	color:#A71448;
	font-weight:bold;
	float: left;
	padding-bottom: 10px;
}
.link2 {
	font-family: verdana;
	text-align: left;
	margin-top:45px;
	padding-top: 10px;
	padding-left: 18px;
	color:#5B0F3A;
	clear: right;
	float: left;
	font-weight:bold;
	padding-bottom: 10px;
}
.link3 {
	font-family: verdana;
	text-align: left;
	margin-top:26px;
	padding-top: 10px;
	padding-left: 18px;
	color:#123A02;
	clear: right;
	float: left;
	font-weight:bold;
	padding-bottom: 10px;
}
.link4 {
	font-family: verdana;
	text-align: left;
	margin-top:27px;
	padding-top: 10px;
	padding-left: 18px;
	color:#0D627E;
	clear: right;
	font-weight:bold;
	float: left;
	padding-bottom: 10px;
}
.link5 {
	font-family: verdana;
	text-align: left;
	margin-top:35px;
	padding-top: 10px;
	padding-left: 18px;
	color:#422205;
	clear: right;
	float: left;
	padding-bottom: 10px;
	font-weight:bold;	
}
.link6 {
	font-family: verdana;
	font-weight:bold;
	text-align: left;
	margin-top:53px;
	margin-left:8px;
	padding-top: 10px;
	padding-left: 18px;
	color:#480C5C;
	clear: right;
	float: left;
	padding-bottom: 10px;
}

.banner_contactus{
display:block;
width:788px;
height:130px;
margin-bottom:0;
background:  url(../images/contactus_banner.jpg) no-repeat center top;}

.left_panel_middle_contactus{
width:175px;
height:100%;
margin-top:0;
margin-bottom:0;
background: url(../images/left_panel_middle.gif) repeat-y center top;}


.left_panel_top_support{
width:175px;
height:195px;
margin-bottom:0;
background:  url(../images/support_left.gif) no-repeat center top;}

.banner_support{
display:block;
width:788px;
height:130px;
margin-bottom:0;
background:  url(../images/support_banner.jpg) no-repeat center top;}

.left_panel_middle_support{
width:175px;
height:100%;
margin-top:0;
margin-bottom:0;
background: url(../images/left_panel_middle.gif) repeat-y center top;}

.left_panel_top_legal{
width:175px;
height:195px;
margin-bottom:0;
background:  url(../images/legal_left.gif) no-repeat center top;}

#ContentButton {
	height: 110px;
	width: 950px;
}

.Contentbuttons1{
background:url(../images/el_button1.gif); 
width:235px; 
height:111px; 
margin-left:5px; 
float:left;
}

.Contentbuttons2{
background:url(../images/el_button2.gif); 
width:225px; 
height:104px; 
margin-left:5px; 
float:left
}

.Contentbuttons3{
background:url(../images/el_button3.gif); 
width:247px; 
height:105px; 
margin-left:5px; 
float:left
}

.Contentbuttons4{
background:url(../images/el_button4.gif); 
width:223px; 
height:104px; 
margin-left:5px; 
float:left
}

.banner_legal{
display:block;
width:788px;
height:130px;
margin-bottom:0;
background:  url(../images/legal_banner.jpg) no-repeat center top;}

.left_panel_middle_legal{
width:175px;
height:100%;
margin-top:0;
margin-bottom:0;
background: url(../images/left_panel_middle.gif) repeat-y center top;}

#mapframe{
	width:375px;
	height:255px;
	margin-right:30px;
	padding: 9px 9px 9px 20px;
	background:url(../images/mapframe.gif) no-repeat right top;
	float:right;
}
#ContentLearning {
	background-image: url(../images/learningContentBg.jpg);
	height: 439px;
	width: 962px;
	position:relative;
}
#ContentImg{
background:url(../images/Banner_mid.gif); 
width:950px; 
height:79px
 }

/*------------------ Demo Pages - Main ---------------------------*/
.demoBlock
{
	height:550px; 
	padding-top:0px;
}

/*----------------- Demo Pages - Image block1 --------------------*/
.demoBlockA
{
	width:730px; 
	height:171px;
}

.demoBlockA1
{
	background-image:url(../images/comp.gif);
	width:252px;
	height:155px;
	padding-top:13px;
	position:absolute;
	float:left;
}

.demoBlockA2
{
	background:url(../images/comp_img1.gif); 
	width:177px; 
	height:111px; 
	margin-left:0px; 
	vertical-align:middle;
}

.demoBlockA3
{
	background-image:url(../images/comp_bg1.gif);
	width:520px; 
	height:121px; 
	float:right; 
	margin-top:12px; 
	margin-left:215px;
}

.demoBlockA4
{
	font-family:verdana; 
	font-weight:bold; 
	font-size:18px; 
	color:#000000; 
	padding-left:150px; 
	padding-top:20px;
	padding-bottom:10px;
}

.demoBlockA5
{
	background-image:url(../images/btn_demo.gif);
	width:182px;
	height:42px;
	margin-left:170px;
	margin-top:20px;
	cursor: pointer;
}

.demoBlockB2
{
	background:url(../images/comp_img2.gif); 
	width:177px; 
	height:111px; 
	margin-left:0px; 
	vertical-align:middle;
}

.demoBlockB3
{
	background-image:url(../images/comp_bg2.gif);
	width:520px; 
	height:121px; 
	float:right; 
	margin-top:12px; 
	margin-left:215px;
}

.demoBlockC2
{
	background:url(../images/comp_img3.gif); 
	width:177px; 
	height:111px; 
	margin-left:0px; 
	vertical-align:middle;
}

.demoBlockC3
{
	background-image:url(../images/comp_bg3.gif);
	width:520px; 
	height:121px; 
	float:right; 
	margin-top:12px; 
	margin-left:215px;
}

.cheatLink
{	
	color:#0033FF; 
	font-size:16px; 
	font-family: verdana; 
	margin-top:10px;
}

.cheatText2
{
	font-family:verdana;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#0000FF;
	padding-top:80px;
	width:350px;
	margin-left:5px;
//	margin-left:45px;
}

.cheatBtn
{
	background-image:url(../images/btn_contact.gif); 
	width:112px; 
	height:30px; 
	margin-top:20px; 
	margin-left:160px;
	margin-right:140px;
}

/* Demo Page */
.demoBox
{
width:730px; 
height:171px;
}

.demoBtn
{
background-image:url(../images/btn_demo.gif); 
width:182px; 
height:42px; 
margin-left:230px; 
margin-top:20px;
}

.demoComp
{
background-image:url(../images/comp.gif); 
width:252px; 
height:155px; 
padding-top:13px; 
position:absolute;
}

.demoText
{
font-family:verdana; 
font-weight:bold; 
font-size:18px; 
color:#000000; 
padding-left:200px; 
padding-top:20px;
}

/* Demo Page - Block1 */

.demoCompImg1
{
background:url(../images/comp_img1.gif); 
width:177px; 
height:111px; 
margin-left:37px; 
vertical-align:middle; 
}

.demoBg1
{
background-image:url(../images/comp_bg1.gif); 
width:520px; 
height:121px; 
float:right; 
margin-top:12px; 
margin-left:215px;
}

/* Demo Page - Block2 */

.demoCompImg2
{
background:url(../images/comp_img2.gif); 
width:177px; 
height:111px; 
margin-left:37px; 
vertical-align:middle; 
}

.demoBg2
{
background-image:url(../images/comp_bg2.gif); 
width:520px; 
height:121px; 
float:right; 
margin-top:12px; 
margin-left:215px;
}

/* Demo Page - Block3 */

.demoCompImg3
{
background:url(../images/comp_img3.gif); 
width:177px; 
height:111px; 
margin-left:37px; 
vertical-align:middle; 
}

.demoBg3
{
background-image:url(../images/comp_bg3.gif); 
width:520px; 
height:121px; 
float:right; 
margin-top:12px; 
margin-left:215px;
}