/* common */
body { margin:0 auto; width:100%; padding:0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; color:#626262; background-image:url(../images/bg.jpg); }
a {color:#7a7e5a; text-decoration:underline; }
a:hover {color:#000000; text-decoration:underline; }
img {border:0;}
h1 {margin:0; font-size:24px; line-height:24px; color:#000000; text-transform:uppercase; }
h2 {margin:0; font-size:18px; line-height:20px; color:#000000; text-transform:uppercase; }
h3 {margin:0; font-size:24px; line-height:24px; color:#ffffff; text-transform:uppercase; }
h4 {margin:0 0 10px 0; font-size:14px; line-height:16px; color:#000000; text-transform:uppercase; }
p {margin-bottom:0; }
ul {margin:0 20px; padding:0; list-style-type:circle;}

.clearboth {clear:both; height:0; }
.fltleft {display:block; float:left; }
.fltright {display:block; float:right; }
.width100percent {width:100%; }
.mt15 {margin-top:15px; padding:0; }
.ml20 {margin-left:20px; }
.mr20 {margin-right:20px; }
.mr30 {margin-right:30px; }
.mb10 {margin-bottom:10px; }
.mb15 {margin-bottom:15px; }
.mb20 {margin-bottom:20px; }

.white {color:#ffffff; }
.black {color:#000000; }
.green {color:#8cc63f; }
.yellow {color:#7a7e5a; }
.blue {color:#4bc6e4; }
.grey {color:#999999; }
.uppercase {text-transform:uppercase; }
.font11 {font-size:11px; }
.font11_uppercase_grey {font-size:11px; font-weight:bold; color:#999999; text-transform:uppercase; }
.font14 {font-size:14px; line-height:18px; }
.font16_bold {font-size:16px; font-weight:bold; }
.font18_bold {font-size:18px; font-weight:bold; }
.font20_bold {font-size:24px; font-weight:bold; line-height:22px; }
.hr_green {margin:10px 0; width:100%; height:1px; background-image:url(../images/hr_green.jpg); background-repeat:repeat-x; }
.hr_blue {margin:10px 0; width:100%; height:1px; background-image:url(../images/hr_blue.jpg); background-repeat:repeat-x; }
.hr_grey {margin:10px 0; width:100%; height:1px; background-image:url(../images/hr_grey.jpg); background-repeat:repeat-x; }


a.topmenu, a.topmenu:hover, a.topmenu_slct, a.topmenu_slct:hover {display:block; float:left; margin:26px 0 0 20px; font-size:15px; font-weight:bold; color:#7a7e5a; text-transform:uppercase; text-decoration:none; }
a.topmenu_right, a.topmenu_right:hover, a.topmenu_right_slct, a.topmenu_right_slct:hover {display:block; float:right; margin:28px 0 0 20px; font-size:11px; font-weight:bold; color:#7a7e5a; text-transform:uppercase; text-decoration:none; }
a.topmenu, a.topmenu_right {color:#7a7e5a; }
a.topmenu:hover, a.topmenu_slct, a.topmenu_slct:hover, a.topmenu_right:hover, a.topmenu_right_slct, a.topmenu_right_slct:hover {color:#ffffff; }
a.button_about {padding-right:25px; background-image:url(../images/button_more_grey.jpg); background-position:right; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#7a7e5a; text-decoration:none; }
a.button_about:hover {padding-right:25px; background-image:url(../images/button_more_grey.jpg); background-position:right; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#333333; text-decoration:underline; }
a.button_medias {padding-right:25px; background-image:url(../images/button_more_green.jpg); background-position:right; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#8cc63f; text-decoration:none; }
a.button_medias:hover {padding-right:25px; background-image:url(../images/button_more_green.jpg); background-position:right; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#3e6e00; text-decoration:underline; }
a.button_marketing {padding-right:25px; background-image:url(../images/button_more_blue.jpg); background-position:right; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#4bc6e4; text-decoration:none; }
a.button_marketing:hover {padding-right:25px; background-image:url(../images/button_more_blue.jpg); background-position:right; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#0091b4; text-decoration:underline; }
a.button_marketing_minus {padding-left:25px; background-image:url(../images/button_minus_blue.jpg); background-position:left; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#4bc6e4; text-decoration:none; }
a.button_marketing_minus:hover {padding-left:25px; background-image:url(../images/button_minus_blue.jpg); background-position:left; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-transform:uppercase; color:#0091b4; text-decoration:underline; }
a.submenu_medias {display:block; float:left; padding:4px 10px; font-size:11px; font-weight:bold; color:#ffffff; text-transform:none; }
a.submenu_medias:hover, a.submenu_medias_slct, a.submenu_medias_slct:hover {display:block; float:left; padding:4px 10px; font-size:11px; font-weight:bold; color:#3e6e00; text-transform:none; background-color:#d9f1b8; }
a.submenu_marketing {display:block; float:left; padding:4px 10px; font-size:11px; font-weight:bold; color:#ffffff; text-transform:none; }
a.submenu_marketing:hover, a.submenu_marketing_slct, a.submenu_marketing_slct:hover {display:block; float:left; padding:4px 10px; font-size:11px; font-weight:bold; color:#006881; text-transform:none; background-color:#a1e7f7; }

div.main {margin:0 auto; width:940px; border:10px solid #000000; background-color:#000000; }
.medias a {color:#8cc63f; }
.medias a:hover {color:#3e6e00; }
.marketing a {color:#4bc6e4; }
.marketing a:hover {color:#006881; }
div.topbanner_home {width:940px; height:285px; background-image:url(../images/banner_home_about.gif); }
div.topbanner_home #text {margin:80px 20px 20px 40px; width:360px; }
div.topbanner_home #image {margin:1px; width:518px; height:283px; overflow:hidden; }
div.submenu_medias {display:block; float:left; width:100%; height:24px; background-color:#8cc73f; }
div.submenu_medias a {text-decoration:none; }
div.submenu_medias a:hover {text-decoration:none; }
div.submenu_medias_bottom {display:block; float:left; width:100%; height:6px; background-color:#d9f1b8; }
div.submenu_marketing {display:block; float:left; width:100%; height:24px; background-color:#4bc6e4; }
div.submenu_marketing a {text-decoration:none; }
div.submenu_marketing a:hover {text-decoration:none; }
div.submenu_marketing_bottom {display:block; float:left; width:100%; height:6px; background-color:#a1e7f7; }
div.middlebar_home {display:block; float:left; padding:30px 0 0 20px; width:920px; height:45px; background-image:url(../images/bar_middle.jpg); }
div.middlebar {display:block; float:left; padding:30px 0 0 20px; width:920px; height:45px; background-color:#000000; }
div.content {display:block; float:left; width:900px; padding:20px 20px 40px 20px; background-color:#ffffff; min-height:200px; }
div.content #box_medias {display:block; float:left; width:440px; text-align:justify; }
div.content #box_medias #image {width:440px; height:100px; background-image:url(../images/banner_home_medias_img.jpg); }
div.content #box_medias a {color:#68a516; text-decoration:none; }
div.content #box_medias a:hover {color:#3e6e00; text-decoration:underline; }
div.content #box_marketing {display:block; float:right; width:440px; text-align:justify; }
div.content #box_marketing #image {width:440px; height:100px; background-image:url(../images/banner_home_marketing_img.jpg); }
div.content #box_marketing a {color:#158aa6; text-decoration:none; }
div.content #box_marketing a:hover {color:#0091b4; text-decoration:underline; }
div.content2 {display:block; float:left; width:860px; padding:40px; background-color:#ffffff; min-height:200px; }

div.footer {display:block; float:left; padding:20px 20px 10px 20px; width:900px; background-color:#000000; font-size:12px; }
div.footer a {color:#7a7e5a; text-decoration:none; }
div.footer a:hover {color:#ffffff; text-decoration:none; }

/* medias */
div.thb_optik {display:block; float:left; margin:0 13px; width:129px; }
img.thb_optik {border:1px solid #8cc63f; padding:4px; margin-bottom:5px; }
.media_thumb {width:200px; margin-right:30px; }
div.media_text {width:630px;}

/* marketing */
div.thb_portfolio {display:block; float:left; margin:0 15px 20px 10px; width:260px; }
img.thb_marketing {border:1px solid #4bc6e4; padding:4px; margin-bottom:5px; }

a.portfolio_pagination {font-size:16px; font-weight:bold; color:#4bc6e4; text-decoration:none; }
a.portfolio_pagination:hover, a.portfolio_pagination_slct, a.portfolio_pagination_slct:hover {font-size:16px; font-weight:bold; color:#0091b4; text-decoration:none; }

a.portfolio_details_pagination {display:block; width:10px; margin:0 0 5px 5px; padding:2px 4px; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#4bc6e4; }
a.portfolio_details_pagination:hover, a.portfolio_details_pagination_slct, a.portfolio_details_pagination_slct:hover {display:block; width:10px; margin:0 0 5px 5px; padding:2px 4px; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; background-color:#0091b4; }

div.thb_clients{display:block; float:left; margin:10px 10px 40px 10px; width:190px; }