body { background: #dcdcdc url(../img/bg_root.gif); margin: 0; padding: 30px 0 30px 0; }
body, html, input { font: 11px Arial, Helvetica, sans-serif;}

h1.logo { display: block; position: relative; top: 18px; left: 21px; width: 241px; height: 36px; text-indent: -666em; }
h1.logo a { display: block; }

h1 { overflow: hidden; padding: 15px 0 15px 30px; margin: 0; display: block; font: 17px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: transparent; background-image: url(../img/h1_bg.gif); background-position: 0 15px; background-repeat: no-repeat; }
h2 { display: block; font-size: 11px; font-weight: bold; background: url(../img/content_title_li.gif) 0 2px no-repeat; padding: 0 0 0 15px; margin: 20px 10px 0px 15px; }


img { border: 0; }
.errors { color: #f00; }
.error { color: #f00; }

a { color: #f08c01; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

/*
NAVIGATION
------------------------*/
/* Top Menu */
#menu_top { display: block; height: 39px; margin-bottom: 1px; padding: 0; background: #f6f6f6; font: 11px Tahoma,Arial,sans-serif; }
#menu_top ul { float: right; margin: 0; padding: 0; list-style: none;   }
#menu_top ul li { float: left; height: 15px; margin: 13px 0 0 0; color: #79848C; padding: 0 15px 0 15px; background: url(../img/top-menu_span.gif) 0 50% no-repeat;}
#menu_top ul li.first { background:none;}

/* Menu Main */
#menu_main { display: block; overflow: hidden; height:42px; width: 100%; margin: 0 0 1px 0; padding: 0; background: url(../img/bg_main_menu.jpg) 0 0 repeat-x; }
#menu_main ul { display: block; margin: 0; padding: 0; list-style: none; }
#menu_main ul li { float:left; height: 42px; margin: 0; padding: 0; background: url(../img/main_menu_span.gif) 0 50% no-repeat;}
#menu_main ul li.first { background: transparent; }
#menu_main ul li a { float: left; height: 14px; padding: 14px 14px 14px 14px; color: #fff; font-weight: normal; text-decoration: none; }
#menu_main ul li a:hover { background: url(../img/main_menu_selected.gif) 50% 100% no-repeat; text-decoration: none; }



/* STRUCTURE
**-----------------------*/
#root { display: block; position: relative; width: 766px; margin: 0 auto; padding: 0; background: url(../img/bg_tr.gif) #c2c2c2 100% 0 no-repeat;}
 #container { display: block; width: 744px; background: #fff; margin: 0 6px 0 0; padding: 7px 8px 7px 8px; }
  /* Menu Top */
  #header { display: block; overflow: hidden; width: 744px; height:148px; margin: 0; background: url(../img/header_bg.jpg) 0 0 no-repeat; }
  /* Menu Main */
  #lc { float: left; clear: both; width: 524px; min-height: 794px; _height: 800px; padding-bottom: 20px; background: url(../img/content_bottom_corner.jpg) 100% 100% no-repeat; }
  #rc { float: right; width: 219px; margin: 0; padding: 0; }
    
 #bottom_brdr { display: block; height: 6px; width: 766px; background: url(../img/bg_bl.gif) #c2c2c2 0 0 no-repeat; }


/* CONTENT
**----------------------*/
.highlight { color: #f08c01; font-weight: bold; }
.cent_quot { text-align: center; font-weight: bold; }

#lc p { margin: 20px 10px 10px 15px;}

#welcome { display: block; background: #f3f3f3; border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0; padding: 10px 15px 10px 15px; color: #5c5c5c;}
 #welcome p { margin: 20px 0 10px 0; }
  #welcome p.wtop { font-weight: bold; padding: 0 0 10px 0; background: url(../img/dots.gif) 0 100% repeat-x; }
 #welcome img {margin: 10px 15px 0px 15px;}
 
#txt_main { display: block; padding: 0 10px 0 15px; margin: 0; background: url(../img/content_gradient.jpg) 0 0 repeat-x; border-right: 1px solid #fff; border-top: 1px solid #e6e6e6; color: #5c5c5c;}
 #txt_main p {margin: 10px 0 10px 0;}

/* Copyboxes
**----------------------*/
.copybox { display: block; width: 517px;  margin: 0 0 5px 0; padding: 0 0 10px 0; overflow: hidden; background: #f3f3f3 url(../img/bg_copybox.jpg) 100% 100% no-repeat; border-bottom: 1px solid #e6e6e6; }
.copybox ul { display: block; position: relative; width: 155px; margin: 10px 0 0 0; padding: 145px 0 0 8px; list-style: none; }
 .copybox ul li { float: left; margin: 0 1px 0 1px; }
 .copybox ul li.first { margin: 0 1px 0 0; }
  .copybox ul li a { display: block; height: 19px; width: 11px; padding: 2px 0 0 7px; margin: 0; text-decoration: none; background: url(../img/img_no_bg.gif) 0 0 no-repeat; color: #3E5166; }
   .copybox ul li a:hover { height: 18px; border-bottom: 1px solid #e1e1e1; color: #fff; background: url(../img/img_no_a_bg.gif) 0 0 no-repeat; }
   .copybox ul li a img { width: 133px; height: 109px; padding: 4px; margin-top: 10px; position: absolute; top: 9px; left: -1000px; border: 1px solid #dcdcdc; }
   .copybox ul li.first a img { left: 7px; }
   .copybox ul li a:hover img { display: block; left: 7px; }

 .desc { position:relative; min-height: 150px; _height: 150px; width: 340px; _width: 330px; float:right; margin-right: 10px; margin-top: 10px;}
 .desc p { display: block; padding: 0; margin: 0; color:#3E5166; }
 .desc a {text-decoration:none; color:#EE8C03;}
 .desc a:hover { text-decoration:underline;}


/* Right Column
**----------------------*/

#rc img.adrev { margin: 3px 0 3px 0; }

#formular { display: block; background: url(../img/form_bg.gif) #ecebeb 0 100% repeat-x; padding: 16px 11px 12px 11px; margin: 0;   }
 #formular p { margin: 0 0 16px 0; padding: 0; }
 #formular form { margin: 0; padding: 0; }
 #formular input.text { width: 192px; height: 18px; background: url(../img/rc_bg_input.jpg) #eee 0 0 repeat-x; border: 1px solid #ccc; padding: 3px 0 0 3px; margin: 0 0 6px 0; color: #999; }
 #formular input.submit { display: block; overflow: hidden; width: 61px; height: 23px; font-weight: bold; color: #666; margin: 6px 0 0 0; padding: 0; background: url(../img/submit_bg.gif) 0 0 no-repeat; border: 0; text-decoration: none; cursor: pointer; }


/* Boxes
**----------------------*/

div#a1, div#a2, div#a3 { border-bottom: 2px solid #e0e0e0; border-top: 1px solid #fff;}

.cbox { display: block; padding: 0 5px 0 5px; background: #f3f3f3; color: #434c53; }
 .cbox .title { display: block; height: 12px; overflow: hidden; margin: 0; padding: 10px 16px 7px 13px; border-bottom: 1px solid #e4e4e4; }
 .cbox span.m1 { float: left; font-weight: bold; }
 .cbox span.m2 { float: right; }
  .cbox a { color: #EE8C03; text-decoration: none; background: url(../img/box_li.gif) no-repeat left center; padding: 0 0 0 13px; }
   .cbox a:hover { text-decoration: underline; }

 .cbox p.m3 { display: block; clear: both; min-height: 54px; _height: 54px; padding: 10px 0 14px 70px; margin: 0; }
 
 div#a1 p.m3 { background: url(../img/box_ico_art.jpg) #f3f3f3 0 100% no-repeat; }
 div#a2 p.m3 { background: url(../img/box_ico_whi.jpg) #f3f3f3 0 100% no-repeat; }
 div#a3 p.m3 { background: url(../img/box_ico_gam.jpg) #f3f3f3 0 100% no-repeat; }

#obox { display: block; margin-top: 1px; background: #ee8c03; padding: 6px 15px 10px 15px; font-size: 12px; }
#obox p { color: #fff; margin: 6px 0 6px 0; }

#question { display: block; width: 219px; height: 172px; margin: 2px 0 3px 0; overflow: hidden; }
#question a { display: block; width: 219px; height: 172px; overflow: hidden; background: url(../img/question.gif) 0 0 no-repeat; text-indent: -666em; }

/* Footer
**----------------------*/
#footer { height:60px; clear:both; margin:1px 8px 0 8px; padding:10px 0 0 0; border-top:1px solid #DCDCDC;}
#footer span.copyr {float:left; color:#5C5C5C;}

#footer ul {float:right; margin:0; padding:0;}
#footer ul li {display:inline; margin:0 8px 0 0;}
#footer ul li a {color:#5C5C5C; font-weight: normal; text-decoration:none;}
#footer ul li a:hover {color:#EE8C03;}
#footer ul li span {margin:0 0 0 8px;}

/* Paging 
**----------------------*/
ul#paging { display: block; margin: 0; padding: 0; list-style: none; }
ul#paging li { float: left; margin: 5px 0 5px 0; padding: 0 5px 0 5px; border-left: 1px solid #abb3bb; }
ul#paging li.first { border: 0; }
ul#paging li a { color: #abb3bb; text-decoration: none; }
ul#paging li a:hover { color: #3e5166; }
ul#paging li a.active { color: #3e5166; }


/* Articles
**----------------------*/
ul.articles { margin: 0; padding: 0 8px 0 0; }
ul.articles li { display: block; border-bottom: 1px solid #e6e6e6; padding: 2px 0 2px 0; }
ul.articles li.marked .article { background: #eae9e9; }
.article { padding: 17px 16px 6px 16px; }
.article .title { font-weight: bold; padding-bottom: 5px; }
.article .buttons { padding-top: 5px; }
.article .buttons a { margin-right: 5px; }

ul.numbers { list-style: decimal; }
/* Client and Partners
**-----------------------*/
ul#logos { display: block; width: 498px; overflow: hidden; padding: 15px 0 40px 0; margin: 0 auto; vertical-align: middle; list-style: none; }
ul#logos li { float: left; width: 160px; height: 80px; padding: 10px 3px 10px 3px; }
ul#logos li img { display: block; margin: auto auto; } 


/* Whitepapters
**-----------------------*/
.whitepapers { display: block; border-top: 1px solid #e6e6e6; margin: 1px 7px 0 0; padding: 1px 0 15px 0; background: url(../img/whitepapers_bg.gif) 0 100% repeat-x;  }
.title { font-weight: bold; }
a.download_jpg, a.download_pdf, a.download_zip { display: block; margin: 0 0 15px 15px; padding: 0 0 5px 20px; color: #f08c01; font-weight: bold; }
a.download_jpg { background: url(../img/page_white_paint.png) 0 0 no-repeat; }
a.download_pdf { background: url(../img/page_white_acrobat.png) 0 0 no-repeat; }
a.download_zip { background: url(../img/page_white_compressed.png) 0 0 no-repeat; }

/* Registration form
**-----------------------*/
fieldset { border: 0; }
#register_form { width: 336px; margin: 0 0 0 15px; padding: 0; }
#register_form tr.brdr td , #register_form tr.brdr th { border-bottom: 1px solid #d9dbdd; }
#register_form td,th{ padding: 5px 0 5px 3px; }
#register_form th { text-align: left; width: 110px; font-weight: normal; }
#register_form .l, .m, .s { height: 19px; background: #f3f3f3; border: 1px solid #c6c6c6; }
#register_form input.l { width: 218px; }
#register_form input.m { width: 148px; }
#register_form input.s { width: 117px; }
#register_form input.submit { float: right; overflow: hidden; width: 61px; height: 23px; font-weight: bold; color: #666; background: url(../img/submit_reg.gif) 0 0 no-repeat; border: 0; text-decoration: none; cursor: pointer; }