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

/* Style in common */
body {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*
	background-image: url(../element/common/bg.gif);
	background-repeat: repeat;
	*/
}
#container {
	margin: 0px auto;
	padding: 0px auto;
	width: 988px;
}

#wingLeft {
	float: left;	
	margin-left: 5px;
}

#wingRight {
	float: right;
	margin-right: 5px;
}

#wrapper {
	margin-left : 39px;
	padding: 0px;
	width: 910px;
}

#menubar {
	width: 910px;
	height: 106px;
	margin-top: 30px;
	margin-left: 0px;
}


#copyright {
	font-size:9.5px;
	color:#999;
	text-align:center;
	margin: 10px 0 20px 0;
	padding: 0;
}

/* this is for those pages having no space between the bottom of broweswer and the text */
#copyright2 {
	font-size:9.5px;
	color:#999;
	text-align:center;
	margin: 10px 0 20px 0;
	padding: 0 0 10px 0;
}

.bold {
	font-weight: bold;
}
.blue {
	color:#2a4bb4;
	font-weight: bold;
}

h2{
	font-weight: bold;
	color:#565759;
	/*color:#2a4bb4;*/
}

/* home */
#homeBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 312px;
}

#homeMain {
	margin: 0px 0px 0px 0px;
	padding: 30px 0 0 0;
	width: 910px;
	height: 630px; /* original size is 655 */
	background-image: url(../element/home/index_main_v5.jpg);
	background-repeat: no-repeat;
}

#homeMain p, h2 {
	margin: 1px 35px 20px 36px;
	padding: 0px;
}

#iphoneMsg {
	display:none;
}

/*home buttons*/

#homeBtns {
	float:right;
	margin:1px 35px 30px 20px;
		
}
a.lstBtn {
	display:block;
	margin: 0 0 10px 0;
	width:189px;
	height:166px;
	background:url(../element/home/lstBtnSprite_v2.png) 0 0 no-repeat;
}

a.lstBtn:hover {
	background:url(../element/home/lstBtnSprite_v2.png) -189px 0 no-repeat;
}

a.chBtn {
	display:block;
	margin: 0 0 -10px 0;
	width:189px;
	height:166px;
	background:url(../element/home/chBtnSprite.png) 0 0 no-repeat;
}

a.chBtn:hover {
	background:url(../element/home/chBtnSprite.png) -189px 0 no-repeat;
}

/* application */
#appBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 475px;
	background-image: url(../element/application/banner_app_V2.jpg);
}

#appMain {
	margin: 0px 0px 13px 0px;
	padding: 0px 0px 0px 0px;

}

/* industrial */

#indBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 219px;
	background-image: url(../element/industrial/indBanner.jpg);	
}

#indMain {
	margin: 0px 0px 0px 0px;
	padding: 30px 0 0 0;
	width: 910px;
	height: 605px; /* original size is 630 */
	background-image: url(../element/industrial/indMain_v3.jpg);
	background-repeat: no-repeat;
}

#indMain p, h2 {
	margin: 0px 35px 20px 35px;
	padding: 0px;
}

/* education */
#eduBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 219px;
	background-image: url(../element/education/eduBanner_v2.jpg);	
}

#eduMain {
	margin: 0px 0px 0px 0px;
	padding: 30px 0 0 0;
	width: 910px;
	height: 1873px; /* original size is 1900 */
	background-image: url(../element/education/eduMain.gif);
	background-repeat: no-repeat;
}

#eduMain p, h2 {
	margin: 0px 35px 20px 35px;
	padding: 0px;
}

#eduMain #letter {
	margin: 50px 0px 0px 22px;
	padding: 0p 0 0 0 ;
}
/* both buttons in Industrial page and education page */
a.backToAppBtn {
	display:block;
	width:175px;
	height:28px;
	float:right;
	background: url(../element/education/backToAppBtnSprite.png) 0 0 no-repeat;
}

a.backToAppBtn:hover {
	background:url(../element/education/backToAppBtnSprite.png) -175px 0 no-repeat;
}

/* download brochure btn*/

#eduMain a.downloadBtn {
	display:block;
	width:175px;
	width:175px;
	height:28px;
	float:right;
	background:url(../element/education/downloadBtnSprite.png) 0 0 no-repeat;
}

#eduMain a.downloadBtn:hover {
	background:url(../element/education/downloadBtnSprite.png) -175px 0 no-repeat;

}

/* curriculumGuide btn */

#eduMain a.curriculumGuideBtn {
	display:block;
	float:right;
	width: 302px;
	height: 146px;
	margin: -5px 0 0 0;
	padding: 0 0 0 0;
	background:url(../element/education/curriculumBtnSprite.png) 0 0 no-repeat; 
}

#eduMain a.curriculumGuideBtn:hover {
	background:url(../element/education/curriculumBtnSprite.png) no-repeat -302px 0;


}

/* curriculumGuide */
#curMain {
	margin: 0px 0px 0px 0px;
	padding: 30px 0 0 0;
	/*padding: 30px 0 0 0;*/
	
	width: 910px;
	height: 623px; /* actual size is 649 */
	background-image: url(../element/education/curMain.jpg);
	background-repeat: no-repeat;
}


/* curriculumGuide page submit button*/

#curMain .buttonrow {
	margin: 30px 0px 5px 372px; /* submit button positioning / bottom controls the position of copyright */
}

/* specification */
#speBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 387px;
	background-image: url(../element/specification/speBanner_v3.jpg);	
}

#speMain {
	/*margin: 0px 0px 0px 0px;*/
	/*padding: 30px 0 0 0;*/
	width: 910px; 
	/*height: 1638px; /* original size is 1635 / this controls the position of copyrights */
	height: 1773px; /* original size is 1770 / this controls the position of copyrights */
}

#speMain a:link, a:visited {
	text-decoration:none;
	
}

#speMain a:hover {
	color:#2a4bb4;
}

#speMain .bottom {
	font-size: 15px;
	font-weight:bold;

}

.bigger {

	font-size:18px;
}



#speMainTable
{
	margin: 9px 7px 25px 7px;
	width: 896px;
	font-size: 10px;
	text-align: left;
	border-collapse: collapse;
}
#speMainTable th
{
	padding: 12px 20px 12px 20px;
	font-weight:bold	;
	font-size: 14px;
	
	text-align:center;
	/*border-bottom: 2px solid #e1e1e1;*/
	
}
#speMainTable th[scope="col"] {
	height:50px;
	border-left: 2px solid #e1e1e1;
}

#speMainTable th[scope="row"] {
	font-size: 12px;
	border-right: none;
	border-bottom: none;
	width: 10%;
}

#speMainTable td {
	padding: 9px 20px 9px 20px;
	text-align:center;
	border-left: 2px solid #e1e1e1;
}

#speMainTable tr {
	padding: 9px 20px 9px 20px;
	text-align:center;
}

#speMainTable .option {
	height:50px;
	font-size: 15px;
	font-weight:bold;
	border-top: 2px solid #e1e1e1;
	border-bottom: 2px solid #e1e1e1;
	border-left: none;
	/*color:#2a4bb4;*/
}

#speMainTable tfoot td {
	height: 70px;
	border-top: 2px solid #e1e1e1;
	font-size: 11px;
	text-align: center;	
}

/* demonstration */
#demBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 243px;
	background-image: url(../element/demonstration/demBanner_V2.jpg);
}
#demMain {
	margin: 0px 0px 0px 0px;
	padding: 30px 0 0 0;
	width: 910px;
	height: 1220px; /* original size is 1245 */
	background-image: url(../element/demonstration/demMain_v2.jpg);
	background-repeat: no-repeat;
}

#video1 {
	margin: 7px 35px 20px 35px;
	padding: 0px;
	float: left;
}
#video2 {
	margin: 7px 35px 20px 35px;
	padding: 0px;
	float: left;
}
#video3 {
	margin: 7px 35px 20px 35px;
	padding: 0px;
	float: left;
}
#content1 {
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	height: 350px;
}
#content1 p {
	margin: 10px 35px 20px 30px;
	padding: 80px 0px 0px 0px;
}


#content2 {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	height: 350px;	
	
}
#content2 p {
	margin: 10px 35px 20px 30px;
	padding: 70px 0px 0px 0px;
}

#content3 {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	height: 350px;
}

#content3 p {
	margin: 10px 35px 20px 30px;
	padding: 80px 0px 0px 0px;
}

#demMain h2 {
	margin: 10px 35px 20px 30px;
	padding: 0px;
}
#demMain a:link, a:visited {
	text-decoration:none;
	color: #666666;
	font-size:13px;
	font-weight: bold;
}

#demMain a:hover {
	color:#2a4bb4;

}

/* Download */

#dowBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 104px;
	background-image: url(../element/download/dowBanner.jpg);
}
#dowMain {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	width: 910px;
	height: 570px; /* original size is 585 */
	background-image: url(../element/download/dowMain.jpg);
	background-repeat: no-repeat;
}

#dowMain h2 {
	margin: 0px 35px 20px 35px;
	padding: 0px;
	text-align: center;		
}

#dowMain p {
	margin: 0px 35px 5px 35px; /* 5px means line-height */
	padding: 0px;
}

#dowMain a:link, a:visited {
	
	text-decoration:none;
	color: #666666;
}

#dowMain a:hover {
	color:#2a4bb4;
}

#dowMain ul {
	color:#2a4bb4;
	margin: 0 0 0 15px;
	list-style:disc;
	list-style-position:outside;
}

#dowMain li {
	margin-bottom: 5px;
	
}

/* contact */
#conBanner {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 104px;
	background-image: url(../element/contact/conBanner.jpg);
}
#conMain {
	margin: 0px 0px 0px 0px;
	padding: 30px 0 0 0;
	width: 910px;
	height: 885px; /* actual size is 910 */
	background-image: url(../element/contact/conMain_v8.jpg);
	background-repeat: no-repeat;
}

#conMain p, h2 {
	margin: 0px 35px 20px 35px;
	padding: 0px;
}



/* Form styles */

#form-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-size: 11pt;
}

form fieldset {
	margin: 105px 0 80px 0; 
	
	border-style:none;
}

/* line gap */
.fieldName { padding: 5px 0; }

/* left side style */
.fieldName label, span.label {
	
	margin-left: 180px;
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	
}

/* this is for "*" */
.fieldName label em {
	color:#2a4bb4;
	font-weight:bold;
}

/* right side style */
.fieldName input, div.fieldName textarea  {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #666;
}

.checkbox {
	margin-left: 180px;
	padding: 2px;
}

/* style for when it is selected */
.fieldName input:focus, .fieldName textarea:focus {
	background-color: #FFFFFF;
	border-color: #36F;
}

/*submit button*/

.buttonrow {
	margin: 43px 0px 0px 370px; /* submit button positioning */
}

.buttonrow input {
	border:none;
	background:none;
}

/* contact thanks page */
#conThanks {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	width: 910px;
	height: 550px; /* original size is 577 */
	background-image: url(../element/contact/conThanks_v2.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	
}

a.backToHomeBtn{
	margin: 260px 0px 0px 382px; /*button positioning*/
	padding: 0 0 0 0;
	display:block;
	background:url(../element/contact/backToHomeBtnSprite.png) 0 0 no-repeat;
	width:149px;
	height:60px;	
}
a.backToHomeBtn:hover {
	background:url(../element/contact/backToHomeBtnSprite.png) -149px 0 no-repeat;
}