/* 
 * common 
 */

body{
/* background:url(/images/Background.jpg) repeat-x #000000;*/
	
background:url(/images/background.jpg) repeat-x  #ddeeff;
font-size:13px; 
font-family:Arial,Helvetica,sans-serif;
}

td, a, b, button, spna, p, lable, font, div, li{
font-family:Arial,Helvetica,sans-serif;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

table#main{
width:900px;
}

td{
}

/*
 * header
 */
td#header{
height:150px;
vertical-align:bottom;
}

div.header{
height:150px;
width:900px;
color: #000000;
background:#ffffff;
cursor:default;
text-align:right;
overflow:hidden;
max-height:150px;
}

div#headerWord0, div#headerWord1, div#headerWord2{
display:inline;
}

div#headerWord0{
position:relative;
font-size:24px;
left:-20px;
top:-40px;
overflow:hidden;
}

div#headerWord1{
position:relative;
font-size:70px;
left:0px;
top:32px;
overflow:hidden;
}

div#headerWord2{
position:relative;
font-size:100px;	
left:-30px;
top:50px;
overflow:hidden;
font-weight:bold;
}

/* 
 * navigation bar 
 */

td#nav{
height:24px;
padding:0px;
padding-right:4px;
margin:0px;
width:100%;
background-color:#000000;
}

div#nav{
}

div.navLevel1{
display:inline;
float:left;
width:120px;
height:24px;
position:relative;
}

div.navLevel2{
position:absolute;
display:none;
width:120px;
height:24px;
z-index:110;
}

a.navLevel1{
background:#000000;
display:block;
color:#ffffff;
text-decoration:none;
font-size:13px;
text-align:center;
height:24px;
width:120px;
}

a.navLevel1:hover{
color:#bbbbbb;	
}

a b{
top:4px;
position: relative;
}

div.blockMsg{
display:table-cell;
vertical-align:middle;
height:100px;
border:1px solid #999999;
}

div.blockMsg span{
font-weight: bold;
position:relative;
top:45%;
	
}

/* 
 * logo 
 */

td#logo{
vertical-align:middle;
text-align:left;
padding:0px;
height:60px;
}

/* 
 * banner 
 */

td#banner{
height:80px;
text-align:center;
background-color:#FFFFFF;
padding:0px;
}

div#banner{
width:900px;
height:150px;
background:#000000;
position:relative;
z-index:100;
}

/* 
 * content 
 */

td#content{
vertical-align:top;
padding:20px;
height:110px;
font-size:13px;
width:900px;
background:url(/images/square.jpg) bottom right no-repeat #ffffff;
line-height:20px;
}

td#content b{
color:#666666;	
}

div#movie{
width:150px;
overflow:hidden;
border:1px solid #dddddd;
position:relative;
bottom:-30px;
left: 20px;
}

div#content{
padding-left:20px;
}

div#contact{
float:left;
}


input.inputText{
width:300px;
border:1px solid #999999;
}

textarea.inputText{
width:500px;
height:130px;
overflow:visible;
border:1px solid #999999;
font-family:Arial;
}

input.button{
background:#eeeeee;
border:1px solid #666666;
font-family:Arial;
}

span.error{
color:#ff3333;	
}
/* 
 * footer 
 */

td#footer{
color: #000000;
font-size:12px;
text-align:right;
height:20px;
}

/*
 * services content 
 */
table#servicesTable{
/*top:-20px;
left:-20px;
margin-bottom:-20px;
position:relative;*/
}

td.serviceNav{
border-right:1px solid #999999;
width:195px;
background-color:#EEEEEE;
}

div.serviceMainNav{
background-color:#ffffff;
border-bottom:1px solid #999999; 
text-align:left;
font-weight:bold;
font-size:12px;
line-height:24px;
width:180px;
padding:0px;
padding-left:15px;
cursor:pointer;
}

div.serviceNav{
background-color:#ffffff;
/*background:url(/images/subnavBG_blank_arrow.jpg) repeat left top;*/
border-bottom:1px solid #999999; 
text-align:left;
font-weight:bold;
font-size:12px;
line-height:24px;
width:170px;
padding:0px;
padding-left:25px;
cursor:pointer;
}

div.serviceNav:hover{
position:relative;
color:#bbbbbb;	
}

div.seviceSelected, div.seviceSelected:hover{
position:relative;
right:-1px;
color:#000000;
margin-left:-1px;
background:url(/images/subnavBG.jpg) repeat left top #ffffff;
width:171px;

}

div.seviceMainSelected, div.seviceMainSelected:hover{
position:relative;
right:-1px;
color:#000000;
margin-left:-1px;
background:url(/images/subnavBG.jpg) repeat left top #ffffff;
width:181px;
}


td.serviceContent{
padding-left:20px;
padding-right:20px;
}

div.serviceContent{
/*padding: 0px 0px 0px 40px;*/
/*width:600px;
display:inline;*/
}

div.serviceContent p{
/*margin: 14px 14px 14px 40px;
width:620px;
*/
}

.contentTitle{
/*border-bottom:1px #999999 solid;
color:#666666;*/
width:100%;
font-weight:bold;
font-size:15px;
padding-top:10px;
border-bottom: 1px dotted rgb(0, 34, 136);
color: rgb(0, 34, 136);
}

.productTitle{
width:100%;
font-weight:bold;
font-size:15px;
padding-top:10px;
border-bottom: 1px dotted rgb(0, 34, 136);
color: rgb(0, 34, 136);
margin-top: 0px;
margin-bottom: 0px;
}

.content{
padding:5px;
font-size:12px;
}

/*
.serviceHeader{
font-size:13px;
font-weight:bold;
color:#999999;
width:650px;
}
*/
table#tb5step {
/*cursor:pointer;*/
/*position:relative;*/
/*margin-left:25px;*/
width:660px;
}

td.fiveStepTitle{
background: url(/images/flow_chart_box.png) no-repeat center top;
cursor:pointer;
text-align:center;
width:105px;
height:81px;
font-size:11px;
}

td.fiveStepTitle:hover{
background: url(/images/flow_chart_box1.png) no-repeat center top;
cursor:pointer;
}

td.fiveStepTitleSelected{
background: url(/images/flow_chart_box1.png) no-repeat center top;
cursor:pointer;
}

td.fiveStepArrow{
background: url(/images/flow_chart_arrow1.png) no-repeat center center;
width:36px;
}

div#hiddenStep {
/*margin-left:20px;*/
border:1px solid #999999;
margin-top:30px;
width:430px;
height:125px;
text-align:left;
position:relative;

left:0px;
padding:5px;
}

div#arrow{
background:url(/images/service_arrow.jpg) no-repeat bottom center; 
width:25px; 
height:13px; 
position:relative; 
top:-149px;
left:40px;
}


/*
 * demo content 
 */
 
table#demoTable{
border: 0px solid #999999;
margin-left: 20px;
margin-top: 6px;
/*position:relative;*/
font-size:12px;
/*padding-bottom: 20px;*/
}

/*
td.demoContent{
width:640px;
font-family:Arial;
}

td.demoContent p {
color:#999999;
font-weight:bold;
margin: 5px 10px 5px 0px;
width:640px;
border-bottom: 1px solid #BBBBBB;
}
*/
.demoPhoto {
width:240px;
margin-left: 20px;
border: none;
align: left;
}

table#demoTable a,table#demoTable a:hover{
text-decoration:none;
color: #000000;
font-weight:bold;
vertical-align:middle;
padding-left:3px;
padding-right:3px;
}

table#demoTable a:hover{
color: #BBBBBB;
}

div.demoLabel {
background-color:#ffffff;
border-bottom:1px solid #999999; 
text-align:left;
font-weight:bold;
font-size:12px;
line-height:24px;
width:150px;
padding:0px;
padding-left:25px;
}

table#demoTable ul{
list-style-type:square;
color: #525252;
}

ol.hiddenFeature {
margin:5px;	
}
/*
 * language Button 
 */
a.langBtn {
font-size:12px;
cursor:pointer;
}
 
a.langBtn:hover{
font-weight:normal;
color:#BBBBBB;
cursor:pointer;
}

table#contentTable td{
padding: 3px 0px 3px 0px
}

div#quoteBtn {
text-align:center;
background:url(/images/quoteBtn1.jpg) no-repeat bottom center;
/*position: relative;*/
margin-left:25px;
margin-top:20px;
margin-bottom:20px;
width:134px;
height:46px;
}

div#quoteBtn:hover{
cursor:pointer;
background:url(/images/quoteBtn2.jpg) no-repeat bottom center;
}

span#quoteText {
position: relative;
top:30%;
font-size:16px;
color:#ffffff;
font-weight:bold;
}

td#package1_img {
/*background:url(/images/package1.gif) no-repeat top center;*/
}

td.webPackPrice {
text-align: right;
font-size: 13px;
font-weight:bold;
font-family:Times,Helvetica,sans-serif;
vertical-align:bottom;
} 

div#webDevPackage {
border-bottom:1px solid #999999; 	
background-color:#ffffff;
width:195px;
}

a.webDevPackage {
color:#2e6cde;
cursor:pointer;
font-weight: normal;
padding-left:3px;
font-size:12px;
text-decoration:none;
}

a.webDevPackage:hover {
color:#3590ff;
text-decoration:none;
}

ul#webDevPackage{
list-style-type: none;
margin:0px;
padding-left:0;
width:100%;
}


ul.webDevPackageDesc {
color:#666666;
}

ul.webDevPackageDesc div.webDevMoreDesc {
position:absolute;
border:1px solid #999999;
background:#ffffff;
padding:10px;
}	
	
li.webDevPackage {
background: url(/images/arrow.jpg) no-repeat top left #ffffff;

padding: 2px;
left: 25px;
padding-left:8px;
width:160px;
position:relative;

}

div.webDevTitle {
border-bottom:1px solid #999999;
color:#666666;
font-size:13px;
font-weight: bold;
padding-top:10px;
}

table.packageTable {
/*padding-left:20px;*/
width:660px;
}

td.packageCell {
width:500px;
}


.blackBox{
background: url('/images/product_background_black.jpg') repeat-x top;
color: #ffffff;
padding-left: 10px;
line-height: 30px;
font-size: 15px;
font-weight: bold;
}

.descBox{
min-width: 150px;
color: #000000;
font-size: 13px;
height: 175px;
padding-left: 10px;
} 

.homePSImage{
float:left;
margin-top:10px;
width:120px;
}

.homePSDesc{
float:left;
width:185px;
padding-top: 5px;
padding-left: 10px;
}


.title{
min-width: 150px;
color: #000000;
line-height: 30px;
font-weight: bold;
font-size: 13px;
margin-top: 0px;
margin-bottom: 0px;
}

.homeDesc{
padding:20px;
background: url('/images/product_background_black.jpg') repeat-x scroll 0px -50px #ffffff;
text-align: left;
font-size: 16px;
}

.news{
border-right: 1px solid #999999;
background: url('/images/product_background_black.jpg') repeat-x scroll 0px -50px #ffffff;
width: 200px;
padding:20px
}

.news .newsHead{
border-bottom:1px #002288 dotted;
font-weight:bold;
color:#002288;
font-size:15px;

}

.news .newsDate{
color:#666666;
font-size: 12px;
line-height: 14px;
margin-top:10px
}

.news .newsContent{
font-size: 13px;
padding-left: 10px;
}