body{background: url("imgs/bg.png") top left repeat-x #7c7c7c; height: 100%; margin: 0; padding: 0; text-align: center;}

/* Defaults */
body, th, td, table, h1, h2, h3, h4, h5, h6, a:link, a:hover, a:visited, input{font-family: Arial, Helvetica, Sans-Serif; color: #666;}
th, td, table, div, td, span, p{font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; text-align: left;}
h1, h2, h3, h4, h5, h6{color: #222;}
h1{font-size: 26px; margin: 10px 0;}
h2{font-size: 14px; font-weight: bold;}
h3{font-size: 12px; font-weight: bold;}

a, a:link, a:visited, a:active{text-decoration: none; font-weight: normal; color: #ff8400;}
a:hover{text-decoration: underline;}

.clear{clear: both; height: 0;}

/* Layout */
.site{width: 980px; margin-left: auto; margin-right: auto;}

.header{ height: 104px;}
.header .centered{margin-left: auto; margin-right: auto;}
.header .centered .logo{float: left; width: 167px; margin-left: -5px;}
.header .centered .logo img{border: 0;}
.header .centered .navi{float: right; margin-right: 5px; position: relative;}
.header .centered .navi .auxnavi{float: right; margin-top: 20px;}
.header .centered .navi .auxnavi a{color: #999; text-decoration: none; margin-left: 20px; font-size: 11px;}
.header .centered .navi .auxnavi a.selected{color: #fff;}
.header .centered .navi .mainnavi{clear: both; float: right; margin-top: 15px;}
.header .centered .navi .mainnavi a{color: #bbb; text-decoration: none; margin-left: 20px; font-size: 15px;}
.header .centered .navi .mainnavi a.selected{color: #fff;}

.header .centered .navi .tmpContacts{float: right; margin-top: 25px;text-align: right; margin-right: -5px;}
.header .centered .navi .tmpContacts .contact_btn{height: 47px; width: 118px; background: url("imgs/contact_top.png") top left no-repeat; float: right; position: relative;}
.header .centered .navi .tmpContacts .contact_btn a{color: #c0c0c0; font-size: 12px;text-decoration: none; position: absolute; top: 16px; left: 15px;}
.header .centered .navi .tmpContacts .phone{color: #aeaeae; float: right; margin: 17px 10px 0 0; font-size: 14px; background: url("imgs/phone.png") left no-repeat; padding-left: 25px;}

.header .centered .navi .language{text-align: right; position: absolute; top: 5px; right: 5px;}
.header .centered .navi .language a img{border: 0;}

.main{}
.main .centered{margin-left: auto; margin-right: auto;}

.main .centered .contentbox{margin-top: 15px; margin-bottom: 15px;}
.main .centered .contentbox .header{background: url("imgs/c_header.png") top left no-repeat transparent; height: 76px;}
.main .centered .contentbox .header .title{font-size: 36px; font-weight: bold; color: #333; padding: 25px 0 0 20px; float: left;}
.main .centered .contentbox .header .localnavi{float: right; margin: 38px 25px 0 0; font-size: 15px;}
.main .centered .contentbox .header .localnavi a{margin-left: 25px; color: #333;}
.main .centered .contentbox .header .localnavi a.selected{color: #888;}
.main .centered .contentbox .topbg{background: url("imgs/c_t.png") top left no-repeat transparent; height: 26px;}
.main .centered .contentbox .contentbg{background: url("imgs/c_bg.png") top left repeat-y transparent;}
.main .centered .contentbox .contentbg .content{margin: 0 20px;}
.main .centered .contentbox .contentbg .content.topspaced{padding-top: 20px;}

.main .centered .contentbox .contentbg .content .content_maincol{float: left; width: 565px; margin-left: 20px; padding-left: 20px; position:relative;}
.main .centered .contentbox .contentbg .content .content_maincol h1{font-size: 30px; font-weight: normal;}
.main .centered .contentbox .contentbg .content .content_maincol h1 .subtitle{font-size: 18px; font-weight: normal; color: #888; margin-top: 5px;}
.main .centered .contentbox .contentbg .content .content_maincol p{line-height: 1.5em;}
.main .centered .contentbox .contentbg .content .content_rightcol{float: right; width: 300px; margin: -21px -5px -18px 0; background: url("imgs/arrowbg.png") 0px -16px no-repeat; 
                                                                  text-align: center; padding-left: 5px;}
.main .centered .contentbox .contentbg .content .content_rightcol .title{font-size: 22px; margin: 37px auto 0 auto; color: #333; text-align: center;}
.main .centered .contentbox .contentbg .content .content_rightcol .demoimg{ text-align: center; width: 200px; height: 188px; background: url("imgs/monitor.png") center top no-repeat; 
                                                                            margin: 20px auto 5px auto;}
.main .centered .contentbox .contentbg .content .content_rightcol .demotxt{font-size: 12px; color: #888; text-align: center;}
.main .centered .contentbox .contentbg .content .content_rightcol .demotxt strong{font-size: 14px; color: #333; font-weight: normal; text-align: center; line-height: 1.8em;}
.main .centered .contentbox .contentbg .content .content_rightcol .contactusbtn{text-align: center; margin-top: 25px;}
.main .centered .contentbox .contentbg .content .content_rightcol .contactusbtn a{background: url("imgs/contact_btn.png") top no-repeat; font-size: 14px; color: #fff; text-decoration: none; 
                                                                                  padding: 15px 40px;}

.main .centered .contentbox .contentbg .content .innercontent{padding: 10px 10px;}
.main .centered .contentbox .contentbg .content .localbanner{text-align: center;}
.main .centered .contentbox .bottombg{background: url("imgs/c_b.png") top left no-repeat #7c7c7c; height: 26px;}

.main .centered .homeslider{margin-top: 20px;}
.main .centered .homeslider .slidearea{}
.main .centered .homeslider .slidearea .slidebg{background: url("sliderimgs/slide_bg.png") top left no-repeat transparent;}
.main .centered .homeslider .slidenavi{background: url("sliderimgs/navi_bg.png") top left no-repeat transparent; height: 96px; padding: 0 6px; margin-top: 20px;}
.main .centered .homeslider .slidenavi .button{width: 240px; float: left;}

.section{}
.section .itemrow{clear:both;}
.section h1{border-bottom: 1px solid #c5c5c5; font-size: 30px; font-weight: normal; margin-bottom: 30px;}
.section .sectionitem{float:left; font-size: 12px; line-height: 1.6em; width: 420px; margin: 0 40px 45px 0; color: #555;}
.section .sectionitem.fullwidth{width:auto;}
.section .sectionitem .icon{float: left; margin: 0 20px 7px 0;}
.section .sectionitem h2{color: #333; font-size: 20px; font-weight: normal; margin-top: 0; margin-bottom: 5px;}

.half_left{float: left; width: 48%;}
.half_right{float: right; width: 48%;}

ul.checklist{list-style-image: url("imgs/check_bullet.png"); margin-top: 20px; margin-bottom: 20px;}
ul.checklist li{ margin-bottom: 10px; font-size: 12px; color: #888; line-height: 1.2em; padding-left: 10px;} 
ul.checklist li strong{color: #111; font-size: 14px; font-weight: normal;} 

.content_rightcol .addressinfo{ margin: 40px 20px 0 20px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding-top: 20px; padding-bottom: 20px;}
.content_rightcol .addressinfo a.maplink{ float: left;}
.content_rightcol .addressinfo a.maplink img{border: 0;}
.content_rightcol .addressinfo .address{margin-left: 50px; font-size: 11px;}
.content_rightcol .addressinfo .address strong{font-size: 12px;}
.content_rightcol .emailinfo{border-bottom: 1px dotted #ccc; margin: 0 20px;}
.content_rightcol .emailinfo .email{background: url("imgs/emailaddress.png") -5px 0px no-repeat; width: 215px; height: 33px; margin: 10px 0 0 0; padding-bottom: 10px;}
.content_rightcol .phoneinfo{margin: 0 20px;border-bottom: 1px dotted #ccc;  padding-bottom: 10px;}
.content_rightcol .phoneinfo .phone{background: url("imgs/telephone.png") 0px 2px no-repeat; margin: 10px 0 0 0; padding: 10px 0 10px 50px; font-size: 12px;}
.content_rightcol .brochureinfo{margin: 15px 0px 0px 17px;}
.content_rightcol .brochureinfo a.brochureicon{ float: left;}
.content_rightcol .brochureinfo a.brochureicon img{border: 0;}
.content_rightcol .brochureinfo .brochuretext{margin-left: 50px;margin-top: 5px;}
.content_rightcol .brochureinfo .brochuretext a{font-size: 12px; background: url("imgs/download_doc.png") left no-repeat; padding-left: 20px; color: #666; text-decoration: none; 
font-weight: bold;}
.content_rightcol .brochureinfo .brochuretext a:hover{color: #ff8400;}
.content_rightcol .brochureinfo .brochuretext .explain{font-size: 11px; margin-top: 5px; color: #888;}

.moduleslnklist{ margin-top: 30px;}
.moduleslnklist a{text-decoration: none;}
.moduleslnklist .modulelnk{background: url("imgs/sectionbtn_bg.jpg") top left no-repeat; width: 446px; height: 135px; position: relative; float: left; margin-bottom: 20px;}
.moduleslnklist .modulelnk:hover{cursor: pointer;}
.moduleslnklist .modulelnk.left{margin-right: 20px; }
.moduleslnklist .modulelnk.right{margin-right: 0px;}
.moduleslnklist .modulelnk .name{font-size: 28px; color: #333; position: absolute; top: 40px; left: 20px;}
.moduleslnklist .modulelnk .name.twolines{top: 17px;}
.moduleslnklist .modulelnk .desc{font-size: 14px; color: #575757; position: absolute; bottom: 20px; left: 20px;}
.moduleslnklist .modulelnk .icon{width: 75px; height: 75px; background-color: #aeaeae; position: absolute; top: 10px; right: 10px;}

.justreleased{background: url("imgs/featured.png") top left no-repeat; width: 126px; height: 126px; margin: -21px 0 0 -36px; position: absolute; top: 0; left:0;}
.main .centered .contentbox .contentbg .content .content_maincol h1.justreleasedtitle{margin-top: 15px; font-size: 32px; text-align: center;}
.main .centered .contentbox .contentbg .content .content_maincol h1.justreleasedtitle a{color: #333; font-weight: bold; font-size: 32px;}

.customers{border-top: 1px solid #ddd; margin: 40px -15px 0; padding: 0px 20px; background: url("imgs/customers_bg.png") top left repeat-x;}
.customers .title{font-size: 11px; color: #888; font-weight: normal; margin: 10px 0 10px 0;}
.customers .customerlogo{margin: 0px 10px 0 0;}



.footer{height: 70px; background: url("imgs/f_bg.png") bottom left repeat-x #2e2e2e; margin-top: 15px; border-top: 2px solid #666;}
.footer .contentwidth{width: 980px; margin-left: auto; margin-right: auto;}
.footer .contentwidth a{border: 0; margin-top: 10px;}
.footer .contentwidth a.telligent{float: right;width: 238px; height: 39px; background: url("imgs/telligent.png") top left no-repeat;}
.footer .contentwidth .sep{background: url("imgs/sep-footer.gif") no-repeat scroll left bottom transparent; float: right; height: 43px; margin: 0 15px 0 5px; width: 2px;}
.footer .contentwidth .welisten{float: right; width: 200px; height: 39px; background: url("imgs/welisten.png") top left no-repeat;}
.footer .contentwidth .copyright{color: #aaa; font-size: 11px; float: left; margin: 25px 0 0 5px;}


/* Home Slider customization */
#nav li.btn_welcome{width: 220px; /*margin-left: 10px;*/ padding-left: 10px;}
#nav li.btn_welcome a.current{margin-left: -10px; padding-left: 10px;}
#nav li.btn_welcome img{margin-left: 0px; margin-right: 5px;}

#nav li.btn_consultancy{width: 235px;}
#nav li.btn_consultancy img{margin-left: 15px; margin-right: 15px;}

#nav li.btn_tech{width: 265px;}
#nav li.btn_tech img{margin-left: 15px; margin-right: 10px;}

#nav li.btn_principles{width: 230px; border: 0;}
#nav li.btn_principles img{margin-left: 15px; margin-right: 10px;}
#nav li.btn_principles a.current{margin-right: -7px;}

#nav li a{ padding-top: 13px; padding-bottom: 13px; margin-top: -13px;}
#nav li a.current{background: url("sliderimgs/slider_selected.png") top center repeat-x; margin-top: -13px; padding-top: 13px; padding-bottom: 13px;}

#panes div h2{font-weight: bold; margin: 50px 0 0 50px; font-size: 48px; color: #222; text-align: left; line-height: normal; }
#panes div .subtitle{font-weight: normal; margin: 10px 0 0 50px; font-size: 18px; color: #222; text-align: left;}

#panes div{width: 980px; height: 415px; position:relative;}

#panes .slidenotice{ color: #444; display: block; height: 50px; position: absolute; left: 50px; bottom: 30px; width: auto; padding: 5px 10px; border: 1px dashed #aaa; }
#panes .slidenotice div{display: block; height: auto; width: auto; color: inherit; position: relative; text-align: center;}
#panes .slidenotice .title{font-size: 10px;}
#panes .slidenotice .norm{font-size: 16px;}
#panes .slidenotice .explain{font-size: 9px;}

#panes .np4457{display: block; position: absolute; right: 30px; bottom: 10px; width: auto; height: 30px; color: #555; font-size: 14px;}
#panes .np4457 span.norm{}

#panes div.welcome{background: url("sliderimgs/slide_welcome.png") top left no-repeat transparent;}
#panes div.welcome h2, #panes div.welcome .subtitle{} 
#panes div.welcome h2{font-size: 38px; margin-top: 5px; text-align: center; margin-left: 0; color: #555; font-weight: normal;} 
#panes div.welcome .subtitle{text-align: left; margin-top: 60px; margin-left: 235px; color: #555; font-size: 18px;} 

#panes div.consultancy{background: url("sliderimgs/slide_consultancy.png") top left no-repeat transparent;}
#panes div.consultancy h2,#panes div.consultancy .subtitle {color: #fff;}
#panes div.consultancy h2 {margin-top: 50px;}
#panes div.consultancy .subtitle {margin-top: 25px; font-size: 20px; width: 450px; float: left;}
#panes div.consultancy .subtitle.tailored{width: 400px; float: right; margin-left: 0; margin-right: 40px;}
#panes div.consultancy ul.areas {margin-left: 50px; color: #fff; font-size: 14px; list-style-image: url("sliderimgs/check_bullet.png"); clear: both;}
#panes div.consultancy ul.areas li { color: #fff; font-size: 18px; line-height: 1.8em; font-weight: bold; margin-left: 30px; list-style-position: outside;}

#panes div.tech{background: url("sliderimgs/slide_collabtools.png") top left no-repeat transparent;}
#panes div.tech h2,#panes div.tech .subtitle {color: #fff;}
#panes div.tech h2{font-size: 46px; margin-top: 50px;}
#panes div.tech .subtitle{margin-top: 45px; font-size: 20px; float: left; width: 400px;}
#panes div.tech .subtitle.taylored{float: right; margin-right: 50px;margin-top: 45px; }
#panes div.tech .telligent_site{position: absolute; left: 525px; bottom: 70px;}
#panes div.tech .telligent_site .description{color: #fff; margin-left: 5px; font-size: 12px;}
#panes div.tech .telligent_site a img{border:0;}
#panes div.tech .telligent_site a.telligent_logo img{margin-bottom: 5px;}
#panes div.tech .telligent_site a.telligent_goto img{float: left;}

#panes div.principles{background: url("sliderimgs/slide_principles.png") top left no-repeat transparent;}
#panes div.principles h2,#panes div.principles .subtitle {color: #fff;}
#panes div.principles .subtitle {margin-top: 25px;}


.contact_form{margin: 20px 20px;}
.contact_form .title{border-bottom: 1px solid #e0e0e0; font-size: 22px; color: #333; padding: 3px 10px; text-align: center; line-height: 2em;}
.contact_form .form{margin: 30px 20px 20px 20px;}
.contact_form .form .label{clear: both; float: left; width: 100px; text-align: right; font-size: 14px; padding-right: 5px;}
.contact_form .form .label .optional{color: #aaa; font-size: 11px; line-height: 2em;}
.contact_form .form .field{margin-bottom: 15px; text-align: left;}
.contact_form .form .submit{ margin: 0 0 0 105px;}
.contact_form .form .validation{margin-left: 105px; font-size: 11px;}