@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #303030; background-color: #ffffff; }

ul { margin: 0 0 10px 0; }
ul li { line-height: 20px; list-style: none; }
p { margin: 0 0 10px 0; line-height: 20px; }
a { text-decoration: none; color: #004133; }
a:hover { text-decoration: none; color: #c7672a; }
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #505355; margin: 0 0 10px 0; }
h1 { font-size: 25px; }

/*-----start class-----*/
.clear { clear: both; }
.float-l { float: left; }
.float-r { float: right; }
.bold { font-weight: bold; }
.icon { float: left; padding: 0 10px 20px 0; }
.subpage-h1 { border-bottom: 1px dashed #c5c5c5; padding: 10px 0 10px 0; font-weight: bold; }
.margin-btm20 { margin: 0 0 20px 0; }
.blurb { text-align:center; font-size: 16px; font-style:italic; line-height: 20px; margin: 13px 0 24px 0;}
.line { width: 950px; height: 5px; border-bottom: 1px dashed #c5c5c5; margin: 0 0 20px 0; }
.line2 { height: 5px; border-bottom: 1px dashed #c5c5c5; margin: 0 0 20px 0; }
.list { margin-right: 15px; font-size: 14px }
.list li { background: url(../images/bullet.png) no-repeat 0 4px; padding: 0 0 0 20px; height: auto !important; margin-top: 5px}
.map { width: 900px; height: 260px; margin: 20px auto 30px auto; }
.flag-label { float: left; width: 100px; height: 65px; }
.dr-jack { float: left; width: 410px; }
.small_mail li { background: url(../images/small_mail.png) no-repeat; margin: 0 0 5px 0; padding: 0 0 0 40px; font-size: 14px;}
.small_mail p { margin: 0 0 5px 0; }
.small_mail a { color: #e12424; }
.sitemap ul{ margin: 0 0 5px 20px;  }

#wrapper .listSer { float: left; margin-right: 15px; font-size: 14px; width: 200px; }
#wrapper .listSerRight { float: left; margin-right: 15px; font-size: 14px; width: 330px; }
#wrapper .listSerRight li { background: url(../images/bullet.png) no-repeat 0 4px; padding: 0 0 0 20px; height: auto !important; margin-top: 5px}
#wrapper .listSer li { background: url(../images/bullet.png) no-repeat 0 4px; padding: 0 0 0 20px; height: auto !important; margin-top: 5px}

.staff_img { border: 4px solid #FFFFFF; float: left; margin: 0 10px 20px 0; }
.team_img { border: 4px solid #ededed; float: left; margin: 0 10px 20px 0; }
.team_ul { width: 500px; float: left; }
.team_ul li { line-height: normal; list-style: disc; margin: 0 0 0 15px !important; }
.exportprotect { color: #808082; font-style:italic; }
.small-logo { background: url(../images/small-logo.png) no-repeat; padding: 0 0 0 25px; }

/*-----start div-----*/
#wrapper { width: 950px; margin: 0 auto; }

.nav { width: 950px; height: 45px; color: #fdfdfd; float: left; }
.nav li { height: 45px; float: left; display: block; overflow: hidden; margin: 0; }
.nav li a { height: 45px; float: left; display: block; overflow: hidden; }
.home { width: 120px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat 0 0; }
.home:hover { width: 120px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat 0 -45px;}
.rotasole { width: 231px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -120px 0; }
.rotasole:hover { width: 231px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -120px -45px; }
.klas { width: 150px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -351px 0; }
.klas:hover { width: 150px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -351px -45px; }
.int_opportunity { width: 259px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -501px 0; }
.int_opportunity:hover { width: 259px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -501px -45px; }
.contactus { width: 190px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -760px 0; }
.contactus:hover { width: 190px; height: 45px; background: url(../images/nav_sprite.jpg) no-repeat -760px -45px; }

#header { width: 950px; height: 85px; position: relative; }

.logo-txt { width: 230px; height: 65px; background: url(../images/Rotasole_logo_txt.gif) no-repeat; position: absolute; top: 11px; left: 10px; }
.logo { width: 73px; height: 70px; background: url(../images/Rotasole_logo.gif) no-repeat; position: absolute; top: 10px; right: 0; }
#banner { width: 930px; height: 290px; background: url(../images/banner.jpg) no-repeat; padding: 10px; }
.boxes { width: 950px; border-bottom: 1px solid #c5c5c5; margin: 0 0 20px 0; padding: 10px 0 10px 0; }
.boxe-wrapp { width: 237px; height: 234px; float: left; }
.boxe-wrapp p{ line-height: 20px; }
.technology_head, .klasshoes_head, .international_head, .contactus_head { width: 237px; height: 49px; }
.technology-box-body, .klasshoes-box-body, .international-box-body, .contact-box-body  { width: 195px; height: 155px; padding: 10px 20px 0 20px; }
.body_text { height: 130px; font-size:14px; }
.box-wrapp-footer { width: 235px; height: 19px; background: url(../images/box-wrapp-footer.png) no-repeat; }

.technology_head { background: url(../images/technology_head.png) no-repeat; }
.klasshoes_head { background: url(../images/klasshoes_head.png) no-repeat; }
.international_head { background: url(../images/international_head.png) no-repeat; }
.contactus_head { background: url(../images/contactus_head.png) no-repeat; }
.technology-box-body { background: url(../images/technology-box-body.jpg) no-repeat; }
.klasshoes-box-body { background: url(../images/klasshoes-box-body.jpg) no-repeat; }
.international-box-body { background: url(../images/international-box-body.jpg) no-repeat; }
.contact-box-body { background: url(../images/contact-box-body.jpg) no-repeat; }
.contact-box-body ul li { background: url(../images/small_mail.png) no-repeat; margin: 0 0 5px 0; padding: 0 0 0 40px; }
.contact-box-body ul li p{ margin: 0 0 5px 0; }
.contact-box-body a { color: #e12424; }

#main-content { width: 950px; float: left; margin: 0 0 10px 0; padding: 10px 0 10px 0; }
.content-l { width: 475px; float: left; }
.content-l ul li { margin: 0 0 5px 0; }
.video_box { width: 475px; height: 349px; margin: 0 auto; }
.video_box_head { width: 475px; height: 42px; background: url(../images/video_box_head.png) no-repeat; }
.video_box_head2 { width: 475px; height: 42px; background: url(../images/video_box_head2.png) no-repeat; }
.video_box_body { width: 475px; height: 293px; background: url(../images/video_box_body.jpg) no-repeat; }
.video_box_body2 { width: 450px; height: 273px; background: url(../images/video_box_body2.jpg) no-repeat; padding: 10px; }
.video_box_footer { width: 475px; height: 15px; background: url(../images/video_box_footer.jpg) no-repeat; }

.page_title { height: 30px; background: url(../images/page_title_bg.png) no-repeat; padding: 10px 0 0 10px; color: #ffffff; margin: 0 0 0 5px; }
.page_title2 { height: 30px; background: url(../images/page_title_bg2.png) no-repeat; padding: 10px 0 0 10px; color: #ffffff; margin: 0 0 0 5px; }
.page_title3 { height: 30px; background: url(../images/page_title_bg3.png) no-repeat; padding: 10px 15px 0 15px; color: #ffffff; margin: 0; }
.page_content { padding: 1px 6px 1px 6px; background: url(../images/page_body_bg.png) repeat-y; }
.page_content2 { padding: 1px 6px 1px 6px; background: url(../images/page_body_bg2.png) repeat-y; }
.page_content_shades { width: 648px; padding: 20px; background: url(../images/page_content_shades.jpg) repeat-x; }
.page_content_shades2 { width: 898px; padding: 20px; background: url(../images/page_content_shades.jpg) repeat-x; }
#bgwatermarked {background: url(../images/bgwatermarked.png); }
.page_content_footer { height: 10px; background: url(../images/page_body_footer.png) repeat-y; }
.page_content_footer2 { height: 10px; background: url(../images/page_body_footer2.png) repeat-y; }

.content-r { width: 475px; float: right; margin: 0; }
.content-r h1 { border-bottom: 1px solid #c5c5c5; padding: 0 0 5px 0; margin: 0 0 10px 0; }

.content-r ul { margin-left: 3px;}
.content-r ul li { float: left; display: block; padding: 0 5px 0 0; margin: 0 0 20px 8px; }

.bottom-nav { height: 25px; border-bottom: 1px solid #c5c5c5; margin: 0 0 10px 0; padding: 5px 0 5px 0; font-size: 11px; }
.bottom-nav ul { height: 20px; float: left; display: block; margin: 5px 0 0 0; }
.bottom-nav ul li { height: 20px; float: left; display: block; padding: 0 5px 0 5px; line-height: 15px; color: #8a8e8f; }
.bottom-nav ul li a { color: #8a8e8f; }

#footer { width: 930px; height: 30px; background: url(../images/footer.jpg) no-repeat; margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; 
		padding: 10px; color: #797a7c; }
#footer a { color: #797a7c;}
#footer a:hover { color: #f48c4a; }
#footer .copyright { width: 600px; margin: 5px 0 0 0; }

/*-----carousel-----*/
#staff li { margin: 0; }
#staff li ul{ float: none; }
#staff li ul li{ float: none; }
#staff h1 { border-bottom: 1px solid #c5c5c5; padding: 0 0 10px 0; }

/*-----form elements-----*/
.contact_frm li { margin: 0 0 5px 0; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #747474; }
label { font-size: 14px; }
.biglabel { font-size: 13px; width: 170px; float: left; }
.smalllabel { font-size: 13px; width: 100px; float: left; }
.txtbox { width: 260px; height: 20px; padding: 4px 0 0 4px; border: 1px #d1d1d1 solid; }
.dropdwn { width: 266px; height: 28px; padding: 4px 0 0 4px; border: 1px #d1d1d1 solid; }
.txtarea { width: 432px; height: 100px; padding: 4px 0 0 4px; border: 1px #d1d1d1 solid; }
.submit_btn { width: 82px; height: 32px; background: url(../images/btn.jpg) no-repeat; font-size: 16px; border: none; margin: 0 0 0 170px; }

.full_en {
	float: left
}
.full_en a {
	display: block;
	margin-top: 9px;
}