/*		General elements	*/
html, body { height: 100%; }
body, p, h1, h2, h3, h4, form { margin: 0px; padding: 0px; }
.clear { clear: both; }
a img { border: 0px; }
.minime { display: block; float: left; padding: 2px; }

/*		Content boxes		*/
#holder { padding: 0px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; }
#contentholder { margin-left: auto; margin-right: auto; padding: 0px; min-height: 400px; width: 980px; }
#wrapper { width: 900px; margin-left: auto; margin-right: auto; }
#logo { height: 135px; }
#logoholder { position: relative; top: 25px; left: 50%; margin-left: -200px; display: block; width: 400px; height: 70px; }
#riqi { position: relative; top: 45px; left: 85%;  display: block; width: 115px; }


/*		Navigation			*/
#nav { display: block; height: 50px; clear: both; }
#nav a { display: block; height: 25px; float: left; margin: 15px 35px 10px 5px; }
.btn_home { width: 47px; }
.btn_technology {width: 85px; }
.btn_products { width: 67px; }
.btn_aboutus { width: 67px;}
.btn_contact { width: 59px; }

.btn_home_ro { width: 47px; }
.btn_technology_ro {width: 85px; }
.btn_products_ro { width: 67px; }
.btn_aboutus_ro { width: 67px;}
.btn_contact_ro { width: 59px; }

/*		Presenters			*/
#tallpresenter { display: block; padding-top: 5px; }
#tallbox1, #tallbox2, #tallbox3, #tallbox4, #tallbox5 { height: 230px; padding: 20px 20px 0px 20px; display: none; }
#tallbox1 { display: block; }
.boxleft { display: block; width: 440px; padding: 20px 0px 0px 20px; float: left; }
#tallbox2 .boxleft p, #tallbox3 .boxleft p, #tallbox4 .boxleft p, #tallbox5 .boxleft p { padding: 0px 0px 15px 0px; }
.boxright { display: block; width: 380px; float: left; text-align: right; }
#boxcontrols  { display: block; height: 110px; padding-bottom: 5px; }
#boxcontrols a { display: block; height: 110px; width: 180px; float: left; }

#shortpresenter { display: block; padding-top: 5px; }
#shortcontainer { display: block; height: 76px; padding: 24px 0px 0px 40px; }

.undershadow { display: block; height: 5px; line-height: 5px; font-size: 1px; padding: 0px; margin: 0px; }
.contextual { display: block; height: 38px; line-height: 5px; font-size: 1px; padding: 7px 0px 0px 40px; margin: 0px; }

/*		Columns				*/
#columnholder { display: block; clear: both; }
.x1column { display: block; width: 160px; padding: 10px; float: left; }
.x2column { display: block; width: 340px; padding: 10px; float: left; }
.x3column { display: block; width: 520px; padding: 10px; float: left; }
.x4column { display: block; width: 700px; padding: 10px; float: left; }
.x5column { display: block; width: 880px; padding: 10px; float: left; }

.x1column p, .x2column p, .x3column p, .x4column p, .x5column p { padding: 5px 0px 0px 0px; } 

/*		Content styles		*/
.newslist, .newslist li { padding: 0px; margin: 0px; list-style: none; }
.newslist li { padding: 5px 0px 5px 0px; }
.newslist a {}
.newslist a:hover {}

.p-box { width:520px; padding: 0px; margin: 5px 0 10px 0;  }
.p-img { width:145px; padding: 0px; margin: 0 20px 0 0; float: left; text-align:center; }
.p-name { width:145px; padding: 0px; margin: 5px 20px 0 0; float: left; text-align:center; }

.ip-img { display: block; width: 145px; height: 97px; float: left; margin: 5px 80px 50px 0; }
/*		Gallery				*/
#gallery { display: block; clear: both; }
a.minipic { display: block; float: left; width: 240px; height: 120px; margin: 10px 4px 0px 5px; padding: 1px; background-color: #000000; border: 1px solid #202020;}
a.minipic:hover { display: block; float: left; width: 240px; height: 120px; margin: 10px 4px 0px 5px; border: 1px solid #ff6600; }

/*		Pagination			*/
#pagination { margin: 5px 7px 0px 3px; padding: 5px; clear: both; display: block;  }
#pagination a, #pag_this { padding: 5px;  }

#pag_prev { float: left; }
#pag_next { float: right; }
#pag_prev a, #pag_next a { padding: 0px; margin: 0px 2px 0px 2px; }

/*		Box quote			*/
#boxquote { padding: 10px; margin: 10px 0px 0px 0px; display: block; clear: both; }
#quoteform label { display: block; width: 150px; text-align: left; float: left; line-height: 22px; }
.quote_txtfield { width: 505px; padding: 4px; float: left;}
.quote_listmenu { width: 515px;padding: 0px; height: 22px; float: left; }

/*		Box contact			*/
#boxcontact { padding: 10px; margin: 10px 0px 0px 0px; display: block; clear: both; }
#contactform label { display: block; width: 90px; text-align: left; float: left; line-height: 22px; }
.contact_txtfield { width: 205px; padding: 4px; float: left;}
.contact_txtarea { width: 295px; padding: 4px; float: left;}
.contact_listmenu { width: 215px;padding: 0px; height: 22px; float: left; }

/*		Clearfix			*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.hrule { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; text-indent: -10000px; height: 1%; border-bottom: 1px dotted #333333; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px;}

/*		Footer				*/
#footer, #push, #footerholder { height: 100px; clear: both; }
#footertop { display: block; height: 5px; line-height: 1px; font-size: 1px; }
#footercontent { height: 100px; width: 900px; margin: 0px auto 0px auto; }

.personbox { display: block; padding-top: 10px; }
.personimg { display: block; width: 55px; height: 55px; float: left; }
.persondata { display: block; width: 400px; float: left; padding-top: 4px; }
.personbox img { display: block; padding: 2px; border: 1px solid #333333; background-image: url(../images/footer_bg.gif); float: left; }