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

/*****USEFUL*****/
html {overflow-y: scroll;} 
*	{margin:0; padding:0}
body{background:white; padding:0 0 40px 0; margin:0; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; color:#666; font-size:14px; }

a img, fieldset	{border:none}
a em,h2 em, h1 em  {display:none; }
a img {border:0;}
a, a:visited, a:active{ color:#0099CC}
a:hover {background-color:#CCEBF5;}
.clear{ clear:both}
li,a{ text-decoration:none;}
ul {list-style-type: circle}
h1 {font-size:40px;margin-bottom:10px;border-bottom:1px solid #CCC;}
div.hr {border-top:1px solid #CCC;padding:0;margin:0;}

/*****LAYOUT DIV*****/
#container{ width:966px;  margin:0 auto; position:relative; padding:0 0 0 0;}
#content{ float:left; margin-left: 16px; width:822px; }
#object{ width:822px;  margin-bottom:12px;}
#object img {width:822px; }
#object a:hover, #big a:hover {background:none !important;}
#object {background:url(/images/ajax-loader.gif) center center no-repeat;min-height:371px;}

/*****LANGUES*****/
#div_langues{width:966px; padding:10px 0 0 0; height:30px; float:left; }
#div_langues ul{ padding:0; position:absolute; right:0; margin:10px 0 0 0;}
#div_langues ul li {list-style-type:none; display:block; float:left!important}
#div_langues ul li a { font-size:12px; color:#0099CC; margin-right:12px;}

#div_langues ul li.last a {margin-right:0;}
#div_langues ul li.selected a{ color:#999999 !important; }

/**********BLOG********/
.blog_date {border-top:1px solid #CCC;padding-top:7px;}
.blog_entry {margin-bottom:30px;}
#blog_footer ul {font-size:10px;list-style:none;}
#blog_footer .hr {margin-bottom:5px;}
#blog_footer {margin-top:22px;}
.blog_entry p {margin-bottom:16px;}

/*****HOMEPAGE*****/
.homepage_div{ float:left; width:261px; margin-right:13px;}
.homepage_div p { padding:0 0 0 0; font-size:18px;color:#333;}
.homepage_div a{color:#333;}
.homepage_div h1 {margin-top:-8px;}
.homepage_div a:hover {background:none;}
h2#h2_aboutus a:hover,h2#h2_clients a:hover,h2#h2_ourwork a:hover{ background-position:0 -70px }
#h2_aboutus a,#h2_clients a,#h2_ourwork a{ background-position:0 0 }
#h2_aboutus a{ display:block; background:url(/images/h2_aboutus_264x31.png); width:261px; height:28px;}
#h2_clients a{ display:block; background: url(/images/h2_clients264x31.png); width:261px; height:28px;}
#h2_ourwork a{ display:block; background: url(/images/h2_work262x31.png); width:261px; height:28px;}

/*****MENU*****/
#logo {border:none;}
#menu{width:127px;  float:left; height:auto;}
#menu #logo{ display:block; width:127px; height:63px; background:url(/images/menu/menu_logo_127x63.png); padding-bottom:18px;text-indent:-4500px;}
#menu a{ display:block; width:127px; height:34px; }

#menu a#about{ background:url(/images/menu/menu_about.png) }
#menu a#contact{ background:url(/images/menu/menu_contact.png) }
#menu a#work{ background:url(/images/menu/menu_work.png)}
#menu a#blog{ background:url(/images/menu/menu_blog.png)}

#menu #logo,#menu a#about,#menu a#contact,#menu a#work,#menu a#blog{ background-position:0 0; background-repeat:no-repeat}
#menu a#about:hover,#menu a#contact:hover,#menu a#work:hover,#menu a#blog:hover{ background-position:-131px 0;}
#menu a#about.selected,#menu a#contact.selected,#menu a#work.selected,#menu a#blog.selected {background-position:-131px 0;}

#menu ul{ margin:0 0 0 11px; padding:0;}
#menu ul li{ list-style-type:none;padding:0; display:block; color:#666666;  padding:0 0 0 0;margin-bottom:3px; }
#menu ul li a:hover, #menu div.mini_list ul a:hover{ color:#0099CC;background:none;}
#menu ul li:first-child{ padding-top:11px;}
#menu ul li:last-child{ padding-bottom:5px}
#menu ul a {height:auto;color:#333;}
#menu ul a.selected {color:#0099CC;}

#menu div.mini_list ul {font-size:9px;font-family:Verdana, sans-serif;margin:12px 0 0 0;width:110px;}
#menu div.mini_list ul a {color:#666;width:110px;}
#menu div.mini_list ul li {color:#333;}
#menu div.mini_list ul li:first-child{ padding-top:11px;border-bottom:1px solid #CCC;padding-bottom:4px;}

/*****ABOUTUS*****/
#aboutus_left h1 {width:95%;}
#aboutus_left{ float:left; width:562px;}
#aboutus_left div, #aboutus_left ul {width:95%;}
#aboutus_left p{ padding:0 0 0 0; width:538px; margin:0;}
#aboutus_left .hr {width:95%}
#aboutus_left ul{ margin:13px 0 13px 13px;}
#aboutus_left hr {width:543px;}
#aboutus_right{ float:left; width:260px; margin:19px 0 0 0}
#object.about_image {height:272px;}
#aboutus_right h2 {border-bottom:1px solid #CCC;margin-top:5px;margin-bottom:4px;}
#h1_aboutus{ display:block; background:url(/images/about_us/h1_aboutus_248x30.png); width:248px; height:30px;}


ul.people_list{ margin:0; padding:0; font-size:12px; padding:11px 0 11px 0;}
ul.people_list li{ list-style-type:none}
ul.people_list li a{ color:#0099CC}
ul.people_list li p { margin:14px 0 14px 0; color:#666666}

.face_hidden{ display:none; padding-bottom:8px;}
.text_hidden{ display:none}

.testimonial {font-style:italic;margin-top:16px;}

/*****WORK*****/
.work_preview, .contact_column {width:261px;float:left;margin-right:19px;margin-bottom:24px;}
.work_preview {margin-bottom:40px;}
.work_preview h2, .contact_column h2 {padding-bottom:7px;margin-bottom:7px;font-size:20px;height:18px;}
.work_preview h2 {color:#09C}
.work_preview a{display:block;height:143px;margin-bottom:5px;}
.work_preview a:hover {background:none;}
.work_preview p a:hover {background:#CCEBF5;}
.work_preview p.date {border-top:1px solid #ccc;padding-top:7px;}
.work_recent {margin-bottom:22px;}
.preview_last {margin-right:0;}
#object.work_large {height:450px;}
#work_thumbs{ margin:10px 0 17px 1px; height:56px; overflow-x:hidden;overflow-y:hidden;}
#work_thumbs a {display:block; width:56px; height:56px;float:left;margin-right:11.5px}
#work_thumbs a#image4 { margin:0!important;}

.clients_list ul,.links_list ul{margin:10px 0 17px 1px;list-style-type:none}


/*****NEW YEAR*****/
#top_yellow_background{ background:url(/images/newyear/top_yellow%20background.png) no-repeat 0 0; width:822px; height:114px; display:block; padding:20px 20px 0 20px}
h1#h1_sixtips{ background: url(/images/newyear/h1_6tips692x38.png); width:692px; height:38px;}
#top_yellow_background p{ margin:7px 0 0 0; width:756px}
h2#h2_lookgreat{ background:url(/images/newyear/h2_look_great514x37.png) no-repeat 0 0; width:514px; height:37px; display:block}
h2#h2_behealthy{ background: url(/images/newyear/h2_and_be_healthy514x37.png) no-repeat 0 0; width:514px; height:37px; display:block}


/*****CONTACT*****/
.contact_column p {margin-top:4px;}