body { color: #535353; font-size: 12px; font-family: "Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; margin: 0; padding: 0; }

#container_top { float: left; width: 100%; height: 271px; background: url(../../images/bg_top.gif) repeat top left; }
#container_topin { float: left; width: 100%; height: 197px; background: url(../../images/bg_inside.gif) repeat top left; }
#container_bottom { float: left; width: 100%; background: url(../../images/bg_bottom.gif) repeat-x bottom left; } 
#content { float: left; width: 779px; border-bottom: 2px solid #d6d6d6; }
#contentin { float: left; width: 779px; border-bottom: 2px solid #d6d6d6; background: url(../../images/bg_content.gif) repeat-y top left; }
#contentin_products { float: left; width: 779px; padding: 7px 0 0 0; border-bottom: 2px solid #d6d6d6; background: url(../../images/bg_content_products.gif) repeat-y top left; }
#logo { float: left; width: 314px; height: 85px; border-top: 3px #5785d2 solid; } * html #logo { margin-bottom: -3px; }
#navs { float: left; width: 465px; height: 85px; border-top: 3px #5785d2 solid; }
#navs_top { float: left; width: 465px; height: 50px; text-align: right; }
#footer { float: left; width: 729px; padding: 10px 25px 12px 25px; color: #a8a8a8; font-size: 11px; }
#footer a { color: #a8a8a8; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer_left { float: left; width: 400px; }
#footer_right { float: left; width: 329px; text-align: right; }

#flash { float: left; display: block; text-align: left; width: 779px; height: 183px; }
#clear { clear: both; }

#header { float: left; width: 779px; height: 109px; }
#content_left { float: left; width: 290px; padding: 0 30px 0 20px; }
#content_leftin { float: left; width: 548px; padding: 35px 30px 50px 20px; }
#content_leftin_cs { float: left; width: 568px; padding: 35px 30px 50px 0px; }
#content_leftin_cs_new { float: left; width: 574px; padding: 35px 24px 50px 0px; }
#content_leftin_products { float: left; width: 448px; padding: 35px 30px 50px 20px; }
#content_leftin_products p { font-size: 11px; line-height: 14px; }
#content_leftin_products p.focus { font-size: 12px; line-height: 16px; }
.content_leftin_zero { float: left; width: 548px; padding: 0 0 0 20px; }
#content_leftin_articles { float: left; width: 548px; padding: 0 0 0 20px; }
#content_leftin_articles p { font-size: 12px; line-height: 15px; }
#content_leftin_zero_new { float: left; width: 554px; padding: 0 0 0 20px; }
#content_leftin_leftcs { float: left; width: 347px; padding: 0 20px 0 0; border-right: 1px #ebebeb solid; }
#content_leftin_rightcs { float: left; width: 150px; padding: 0 5px 0 25px; }
#content_center { float: left; width: 188px; height: 256px; padding: 60px 15px 20px 15px; background: #f9f9f9 url(../../images/title_newsandarticles.gif) no-repeat top left; } * html #content_center { padding: 60px 15px 8px 15px; height: 266px; }
#content_right { float: left; width: 195px; height: 256px; padding: 60px 13px 20px 13px; background: #f3f3f3 url("../../images/title_ourproducts.gif") no-repeat top left; }
#content_rightin { float: left; width: 155px; padding: 60px 13px 35px 13px; background: #f2f2f2 url("../../images/title_services.gif") no-repeat top left; }
#content_rightin_services { float: left; width: 155px; padding: 60px 13px 35px 13px; background: #f2f2f2 url("../../images/title_selecttheservice.gif") no-repeat top left; }
#content_rightin_contactus { float: left; width: 155px; padding: 60px 13px 35px 13px; background: #f2f2f2 url("../../images/title_getintouch.gif") no-repeat top left; }
#content_rightin_moreinfo { float: left; width: 155px; padding: 60px 13px 35px 13px; background: #f2f2f2 url("../../images/title_moreinfo.gif") no-repeat top left; }
#content_rightin_articles { float: left; width: 155px; padding: 60px 13px 35px 13px; background: #f2f2f2 url("../../images/title_getthelatest.gif") no-repeat top left; }
#content_rightin_extranet { float: left; width: 155px; padding: 60px 13px 35px 13px; background: #f2f2f2 url("../../images/title_loginorlearnmore.gif") no-repeat top left; }
#content_rightin_products { float: left; width: 241px; padding: 20px 20px 35px 20px; }
#content_rightin_products p { font-size: 11px; line-height: 14px; }
#promo_cm { float: left; width: 195px; height: 100px; margin-bottom: 15px; background: url(../../images/bg_cm.gif) no-repeat top left; }
#promo_sm { float: left; width: 195px; height: 104px; margin-bottom: 8px; background: url(../../images/bg_sm.gif) no-repeat top left; }
.promo_tips { float: left; width: 195px; margin: 0 0 4px 0; padding: 0; }
.promo_tips  p { font-size: 11px; margin-top : 0px; margin-bottom : 5px; padding-top: 0; padding-left: 10px; line-height: 13px; color: #6d6d6d; }
#sform { float: left; width: 177px; height: 27px; padding: 7px 0 0 11px; background: url(../../images/bg_form.gif) no-repeat top left; margin-top: 5px; }
.required { float: left; width: 548px; height: 18px; border-bottom: 1px solid #e7e7e8; padding: 0 0 5px 0; margin: 15px 0 5px 0; } * html .required {  margin: 15px 0 0 0; }
.required h3 { color: #5784d1; margin: 0; padding: 0; line-height: 18px; font-weight: bold; font-size: 16px; }
.newsarchive { float: left; width: 528px; padding: 0px 0 0px 15px; }
.newsarchive h3 { padding: 0; margin: 10px 0 0 0; }
#articles { float: left; width: 538px; padding: 5px 0 5px 15px; }
.required_left { float: left; width: 448px; height: 18px; border-bottom: 1px solid #cfcfd2; padding: 0 0 5px 0; margin: 15px 0 0 20px; } * html .required_left { margin: 15px 0 0 10px; }
.required_left h3 { color: #5784d1; margin: 0; padding: 0; line-height: 18px; font-weight: bold; font-size: 16px; }
.required_right { font-size: 11px; float: left; width: 100px; height: 18px; border-bottom: 1px solid #cfcfd2; text-align: right; padding: 3px 0 2px 0; margin: 15px 0 0 0; } * html .required_right { margin: 15px 0 0 0; }
#required_small { float: left; width: 548px; border-bottom: 1px solid #cfcfd2; text-align: right; padding: 0 0 5px 0; margin: 0 0 0 20px; } * html #required_small { margin: 0 0 0 10px; }
#subscribe_form { float: left; width: 131px; height: 93px; background: url(../../images/bg_subscribe.gif) no-repeat top left; padding: 10px 10px 10px 10px; }
#subscribe_line { clear: left; width: 151px; height: 1px; border-bottom: 1px solid #cfcfd2; margin: 8px 0 6px 0; } * html #subscribe_line { margin: 0 0 6px 0; }

#cs_top { float: left; width: 539px; height: 15px; background: url(../../images/bg_cs_top.gif) no-repeat top left; }
#cs_content { float: left; width: 539px; background: url(../../images/bg_cs_content.gif) repeat top left; }
#cs_left { float: left; width: 377px; padding: 0 15px 0 15px; background-color: #f2f2f2; }
#cs_right { float: left; width: 104px; padding: 0 14px 0 14px; background-color: #e9e9e9; }
#cs_bottom { float: left; width: 539px; height: 15px; margin-bottom: 20px; background: url(../../images/bg_cs_bottom.gif) no-repeat top left; }
#cs_title { float: left; width: 554px; border-bottom: 1px #ebebeb solid; margin-bottom: 20px; } * html #cs_title { margin-bottom: 0px;  }
#cs_title_left { float: left; width: 300px; }
#cs_title_right { float: left; width: 254px; text-align: right; padding: 12px 0 0 0; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }

.cs_img { border: 2px #e9e9e9 solid; margin: 5px 0 5px 0; }
.cs_imgOn { border: 2px #a3a3a3 solid; margin: 5px 0 5px 0; }
a.cs_title { font-size: 13px; font-weight: bold; }

#frame { float: left; width: 155px; margin: 10px 13px 35px 0; padding: 0; }
#frame_center { float: left; width: 140px; margin: 0; padding: 0 0 25px 15px; }
#frame_center p { font-size: 11px; line-height: 14px; }
#content_leftin_rightcs p { font-size: 12px; padding: 3px 0 0 5px; line-height: 14px; color: #7b7d7b; }

.portfolio_img { float: left; width: 180px; padding: 15px 40px 15px 20px; background: url(../../images/bg_cs.gif) no-repeat top left; }
.portfolio_img_e { float: left; width: 180px; padding: 15px 40px 15px 20px; background: url(../../images/bg_cs_e.gif) no-repeat top left; }
.portfolio_text { float: left; width: 160px; padding: 0; }
.portfolio_info { float: left; width: 328px; padding: 0 0 0 0; }
.portfolio_info p { font-size: 11px; line-height: 14px; }
.portfolio_box { float: left; width: 568px; padding: 20px 0 25px 0; }
.portfolio_clients { float: left; width: 528px; padding: 7px 20px 7px 0; margin: 0 0 0 20px; background: url(../../images/bg_line_grey.gif) repeat-x bottom left;  } * html .portfolio_clients { margin: 0 0 0 10px; }
.portfolio_boxline { float: left; width: 568px; height: 220px; padding: 20px 0 20px 0; background: url(../../images/bg_line_grey.gif) repeat-x bottom left; }

.service_img { float: left; width: 65px; padding: 20px 20px 15px 40px; }
.service_info { float: left; width: 443px; padding: 0 0 0 0; }
.service_info p { font-size: 11px; line-height: 14px; }
.service_box { float: left; width: 568px; padding: 5px 0 20px 0; }
.service_boxline { float: left; width: 568px; padding: 5px 0 20px 0; background: url(../../images/bg_line_grey.gif) repeat-x bottom left; }

.testimonial_img { float: left; width: 75px; padding: 20px 20px 15px 30px; }
.testimonial_info { float: left; width: 443px; padding: 0 0 0 0; }
.testimonial_info p { margin-top: 0px; margin-top: 6px; margin-bottom: 8px; line-height: 17px; font-size: 11px; }
.testimonial_box { float: left; width: 568px; padding: 5px 0 20px 0; }
.testimonial_boxline { float: left; width: 568px; padding: 5px 0 20px 0; background: url(../../images/bg_line_grey.gif) repeat-x bottom left; }

ul.subMenu { margin:0; padding: 0 0 0 3px; font-size: 11px; font-family: "Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
ul.subMenu li { margin:0; padding: 5px 0px 4px 0px; display: block; list-style-type: none; border-bottom: 1px solid #e1e1e1; background: url(../../images/arrow.gif) no-repeat 0 5px; }
ul.subMenu a:link, ul.subMenu a:visited { padding: 5px 14px 6px 12px; color: #303030; text-decoration:none; background: url(../../images/arrow_grey.gif) no-repeat 0 5px; }
ul.subMenu a:active, ul.subMenu a:hover, ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding: 5px 14px 6px 12px; color: #5784d1; text-decoration: none; background: url(../../images/arrow_grey.gif) no-repeat 0 5px; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: normal; color: #5784d1; background: url(../../images/arrow.gif) no-repeat 0 5px; }

#content_left h1 { font-weight: normal; margin-top : 48px; margin-bottom: 18px; padding-top: 5px; font-size: 24px; color: #000000; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
#content_center h2 { margin-top : 0px; margin-bottom : 7px; line-height: 12px; background: url(../../images/arrow.gif) no-repeat 0px -1px; padding-left: 12px; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
#content_center h2 a { text-decoration: underline; color: #5784d1; font-weight: bold; font-size: 11px; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
#content_center h2 a:hover  { text-decoration: none; }
#content_center h3 { margin-bottom: 5px; margin-top: 10px; padding-top: 5px; font-size: 13px; font-weight: bold; color: #222222; }
.portfolio_info h3 { margin: 0 0 10px 0; }
#article_title { float: left; width: 548px; border-bottom: 1px solid #e7e7e8; padding: 0; margin: 0 0 5px 0; }

h1.swap { background-repeat: no-repeat; margin: 0; padding: 0; }
h1.swap span { display: none; } 
h3.grey { color: #b5b5b5; margin-top : 0px; margin: 20px 0 10px 0; line-height: 18px; font-weight: bold; font-size: 16px; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
h1#portfolio { background: url(../../images/title_portfolio.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#services { background: url(../../images/title_services.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#products { background: url(../../images/title_products.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#error { background: url(../../images/title-page-not-found.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#extranet { background: url(../../images/title_clientextranet.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#contactus { background: url(../../images/title_contactus.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#jobs { background: url(../../images/title_jobs.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#newsandarticles { background: url(../../images/title_newsandarticles.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#privacypolicy { background: url(../../images/title_privacypolicy.jpg) no-repeat top left; width: 779px; height: 109px; }

h1#youarein { background: url(../../images/title_youarein.jpg) no-repeat top left; width: 779px; height: 109px; }
h1#youareouttahere { background: url(../../images/title_youareouttahere.jpg) no-repeat top left; width: 779px; height: 109px; }

h2 { font-size: 24px; font-weight: normal; color: #5784d1; line-height: 24px; margin: 8px 0 8px 0; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
h3 { color: #5784d1; margin-top : 0px; margin: 20px 0 10px 0; line-height: 18px; font-weight: bold; font-size: 16px; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
h4 { color: #5784d1; margin: 0; padding: 0; line-height: 15px; font-weight: bold; font-size: 13px; }
h3 a { text-decoration: underline; color: #5784d1; font-weight: bold; font-size: 14px; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }
h3 a.orange { text-decoration: underline; color: #f78208; font-weight: bold; font-size: 14px; background: url(../../images/arrow_grey.gif) no-repeat top left; padding: 0 0 0 12px; }
h3 a:hover  { text-decoration: none; }
h5 { color: #5784d1; margin-top : 0px; margin: 20px 0 0 0; line-height: 14px; font-weight: bold; font-size: 14px; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; }

p { margin-top: 0px; margin-top: 6px; margin-bottom: 8px; line-height: 18px; font-size: 12px; }
p.quote { padding: 0 0 0 20px; background: url(../../images/quote.gif) no-repeat top left; }
p.tick { padding: 0 0 0 17px; background: url(../../images/tick.gif) no-repeat top left; font-size: 12px; }
p.arrow { margin: 0; padding: 1px 0 1px 15px; background: url(../../images/grey_dotted_arrow.gif) no-repeat 0 6px; font-size: 11px; }
p.toplink { margin: 0 0 20px 0; padding: 0 0 5px 12px; border-bottom: 1px solid #ebebeb; background: url(../../images/arrow_grey_.gif) no-repeat top left; }
.unquote { padding: 0 10px 0 10px; background: url(../../images/quote_back.gif) no-repeat top left; }
#content_left p { font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Tahoma","Helvetica","Arial",sans-serif; margin-top : 4px; margin-bottom : 12px; padding-top: 3px; font-size: 16px; line-height: 20px; color: #6d6d6d; }
#content_center p { font-size: 11px; margin-top : 5px; margin-bottom : 7px; line-height: 13px; color: #000000; }
#content_center p.subscribe { font-size: 11px; margin-top : 5px; margin-bottom : 9px; line-height: 13px; color: #6d6d6d; padding-left: 0px; }
#content_right p.right { font-size: 11px; margin-top : 0px; margin-bottom : 5px; padding-top: 0; padding-left: 40px; line-height: 13px; color: #6d6d6d; }

td { font-size: 11px; line-height: 14px; }

a { text-decoration: underline; color: #F78208; }
a:hover { text-decoration: none; }
a.toplink { text-decoration: none; color: #afafaf; padding: 0; margin: 0; }
a.toplink:hover { text-decoration: underline; }
a.vmsamples { text-decoration: underline; font-size: 12px; font-weight: bold; padding: 0; margin: 0; }
a.vmsamples:hover { text-decoration: none; }
a.blue { text-decoration: underline; color: #5784d1; font-weight: bold; }
a.blue:hover { text-decoration: none; }

.arrow li { font-size: 11px; list-style-image: url(../../images/arrow_grey.gif); line-height: 15px; margin: 2px 0 6px 0; margin-left: 0px; padding: 0px; }

/* Form Elements */
INPUT, SELECT, TEXTAREA { font-family: "Myriad Pro","Myriad","Myriad Web",Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #6D6D6D; font-weight: normal; padding: 0; margin: 0; }

.header { font-size: 12px; margin-bottom: 10px; }
.titleh3 { color: #5784d1; margin-top : 0px; margin: 0; line-height: 18px; font-weight: bold; font-size: 16px;  }
.titleh3 a.orange { text-decoration: underline; color: #f78208; font-weight: bold; font-size: 14px; background: url(../../images/arrow_grey.gif) no-repeat 0 2px; padding: 0 0 0 12px; }
.titleh3 a.orange:hover { text-decoration: none; }
.plain { line-height: 18px; font-size: 12px; color: #535353; font-weight: normal; }
.emailSp { display:none; }
/* Main Nav */

#subMenu { margin: 0 3px 0 0; padding: 11px 0 5px 0; text-align: right; font-size: 11px; font-weight: normal; } * html #subMenu { margin: 0; }
#subMenu li { margin: 0 -4px 0 0; padding: 11px 0 4px 0; display: inline; list-style-type: none; border-left: 1px #abc2e8 dotted; }
#subMenu a:link, #subMenu a:visited { padding: 5px 15px 0 23px; margin: 0; text-decoration: none; color: #7B7D7B; background: url(../../images/arrow_topg.gif) no-repeat 13px 10px; }
#subMenu a:active, #subMenu a:hover { color: #000000; margin-bottom: 0; background: url(../../images/arrow_topb.gif) no-repeat 13px 10px; }
#subMenu a:link.subMenuOn, #subMenu a:active.subMenuOn, #subMenu a:visited.subMenuOn { color: #000000; margin-bottom: 0; font-weight: bold; background: url(../../images/arrow_topb.gif) no-repeat 13px 10px; }

DIV#navs_main { clear: both; BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0; WIDTH: 465px; PADDING-TOP: 0px; HEIGHT: 35px; BORDER-RIGHT-WIDTH: 0px }

DIV#navs_main UL#menu { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../../images/navs.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 465px; PADDING-TOP: 0; POSITION: relative; HEIGHT: 35px }
DIV#navs_main UL#menu LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0; }
UL#menu LI { DISPLAY: block; HEIGHT: 35px }
UL#menu A { DISPLAY: block; HEIGHT: 35px }
DIV#navs_main UL#menu LI A { TEXT-INDENT: -9999px; TEXT-DECORATION: none }

#services { LEFT: 0px; WIDTH: 101px }
#portfolio { LEFT: 101px; WIDTH: 103px }
#products { LEFT: 204px; WIDTH: 105px }
#news { LEFT: 309px; WIDTH: 156px }

#services A:hover { BACKGROUND: url(../../images/navs.gif) no-repeat 0px -35px }
#portfolio A:hover { BACKGROUND: url(../../images/navs.gif) no-repeat -101px -35px }
#products A:hover { BACKGROUND: url(../../images/navs.gif) no-repeat -204px -35px }
#news A:hover { BACKGROUND: url(../../images/navs.gif) no-repeat -309px -35px }

#servicesOn { LEFT: 0px; WIDTH: 101px; BACKGROUND: url(../../images/navs.gif) no-repeat 0px -70px }
#portfolioOn { LEFT: 101px; WIDTH: 103px; BACKGROUND: url(../../images/navs.gif) no-repeat -101px -70px }
#productsOn { LEFT: 204px; WIDTH: 105px; BACKGROUND: url(../../images/navs.gif) no-repeat -204px -70px }
#newsOn { LEFT: 309px; WIDTH: 156px; BACKGROUND: url(../../images/navs.gif) no-repeat -309px -70px }

/* Highlighters */
span.highlight {
	background: #fffdce;
}
