/* @override http://monkey.local/meerkats.com.au/templates/habillage.css */

/* CSS */

body .spip-admin-float { position: fixed; }

/* RESET */

* {	margin: 0;	padding: 0;	outline: 0; }
p{ margin: 15px 0 15px 0; line-height:1.5em; }
i{ font-style: italic; }
strong{ font-weight: bold; color:#fff; }
h1{ font-size: 20px; font-weight:normal; color:#fff; }
h2 { color: #e2006e; font-size:12px; font-weight:normal; }
h3{ font-size:12px; font-weight:normal; color:#fff; }
ol li{ list-style: decimal; margin-left: 25px; }
ul li{ list-style: disc; margin-left: 25px; list-style-type:square; margin-bottom:6px; }
a, a:visited { color:#fff; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
a.spip_in, a.spip_in:visited { color:#fff; text-decoration:none; }
a.spip_in:hover { text-decoration:underline;}
a.spip_out { color:#fff; text-decoration:none; }
a.spip_out:visited { text-decoration:none; }
a.spip_out:hover { text-decoration:underline; }
a img { border: none; }

html { background-color: #000; height: 100%;  }

body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#b1b2b4; background:url(images/menu_bg.gif) no-repeat center 50px; margin:0; }
#home { background:none; }
.sector2 { background:url(images/menu_bg1.gif) no-repeat center 50px; }
#page3 { background:url(images/menu_bg2.gif) no-repeat center 50px; }
.sector3 { background:url(images/menu_bg2.gif) no-repeat center 50px; }
/*.sector21 { background:url(images/menu_bg3.gif) no-repeat center 50px; }
.sector5 { background:url(images/menu_bg4.gif) no-repeat center 50px; }*/
.sector5 { background:url(images/menu_bg3.gif) no-repeat center 50px; }

.alt { display:none; }

#page { width: 955px; margin: 0 auto; position: relative; }

#hd { height:95px; padding-top:50px; overflow: auto; }
	#twitter { width: 117px; height: 23px; float: left; padding-left: 92px; }
		#twitter a { display: block; width: 117px; height: 23px; font-size: 1px; line-height: 1px; text-indent: -999px; overflow: hidden; background:url(images/twitter.gif) no-repeat left top; }
		#twitter a:hover { background-position: left bottom; }

/****** Menu ******/

#nav { width:173px; height:95px; float: left; padding-left: 441px; }
#nav ul { background:url(images/menu_sprite.gif) no-repeat top left; }
#nav li { position: relative; list-style:none; margin: 0px; line-height:10px; padding-bottom:1px; }
#nav li a, #nav a:link, #nav a:visited { text-decoration: none; background:url(images/menu_sprite.gif) no-repeat top left; display:block; width:173px; height:23px; }
#nav li a:hover { text-decoration: none; }

#nav li#nav2 a { background-position:0 0; }
#nav li#nav2 a:hover { background-position:-176px 0; }
#nav li#nav2.on a { background-position:-352px 0; }
#nav li#nav2.on a:hover { background-position:-352px 0; }

#nav li#nav3 { padding-bottom:0px; }
#nav li#nav3 a { background-position:0 -25px; }
#nav li#nav3 a:hover { background-position:-176px -25px; }
#nav li#nav3.on a { background-position:-352px -25px; }
#nav li#nav3.on a:hover { background-position:-352px -25px; }

#nav li#nav21 { padding-bottom:2px; }
#nav li#nav21 a { background-position:0 -48px; }
#nav li#nav21 a:hover { background-position:-176px -48px; }
#nav li#nav21.on a { background-position:-352px -48px; }
#nav li#nav21.on a:hover { background-position:-352px -48px; }

#nav li#nav5 a { background-position:0 -70px; }
#nav li#nav5 a:hover { background-position:-176px -70px; }
#nav li#nav5.on a { background-position:-352px -70px; }
#nav li#nav5.on a:hover { background-position:-352px -70px; }

#nav li#nav4 { display:none; }

#subnav { padding-left:15px; padding-top:22px; }
#sect_logo { padding-left:75px; padding-top:18px; }
#sub_list { padding-left:75px; padding-top:15px; }
#sub_list li { list-style:none; margin: 0px; float:left; }
#sub_list .divider { width:29px; }

/****** End Menu ******/

#con { overflow:auto; clear:both; padding-left:89px; }
.sector4 #con { padding-top:61px; }
#page18 #con, #page19 #con, .sector3 #con { padding-left:52px; padding-top:12px; }
#page3 #con { padding-top:30px; }
#page19 #con { padding-bottom: 40px; }

#con_left { float:left; overflow: auto; width: 515px; position: relative; margin-right:35px; }
.sector4 #con_left { width:668px; float:none; }
#page18 #con_left, #page19 #con_left, .sector3 #con_left { width:480px; padding:63px 21px 21px; height:320px; overflow: hidden; background:url(images/gallery_bg.gif) no-repeat top left; }
#page19 #con_left { margin-right:65px; }
#articles { overflow:auto; }
#rub_intro { font-size:16px; font-family:Arial, Helvetica, sans-serif; padding-top:50px; }
#page3 #rub_intro { padding-top:30px; padding-right: 89px; clear: both; }
#rub_intro strong { color:#e2006e; }
#article_left { float:left; width:250px; padding-right:15px; }
#article_right { float:left; width:250px; }

#con_right { width:316px; float:left; overflow:auto; position:relative; }
#page18 #con_right, #page19 #con_right, .sector3 #con_right { padding-bottom:12px; margin-top:34px; }
#page19 #con_right { margin-top:217px; padding-bottom:0; }
#con_right img { padding-bottom:12px; }
.sector3 #con_right img { padding-bottom:0; }
#left_imgs { width:179px; float:left; }
#right_imgs { padding-left:12px; width:124px; float:left; }
#left_space { height:65px; }

.thumb { width:83px; height:83px; padding:10px 10px 0 0; float:left; }

#street_view { width:207px; height:111px; display:block; background:url(images/street_view.jpg) no-repeat top left; text-decoration:none; }
#street_view:hover { background-position:bottom left; text-decoration:none; }
#contact_details { font-size:11px; }
#contact_details p { margin-bottom:0; }

#case_text { clear: both; width: 427px; padding-top: 25px; }
.case { width:180px; padding-right:52px; float:left; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:.5; }
.case:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; }
.case.on { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; }
/*.sector3 .case { width:122px; padding-right:28px; }*/
body.sector3 .case { padding-right: 10px; width: 95px; }
.case a { text-decoration:none; color:#b1b2b4; }
.case a:hover { text-decoration:none; color:#b1b2b4; }
.case_title { font-weight:bold; }
.case_img { padding-top:10px; }
.case_logo { padding-top:15px; }
.sector3 .case_img { padding-top:5px; }
.sector3 .case_logo { padding-top:10px; }
.sector3 #sect_logo { padding-left:65px; }
.sector3 #partners { position: absolute; left: 400px; top: 249px; width: 540px; }
.keywords { padding-top:30px; overflow: auto; }
.key_left { float: left; width: 150px; padding-right: 15px; }
.key_right { float: left; width: 150px; }
.key { padding-bottom:5px; }
#cases_small { overflow:hidden; }
#art_content { clear:both; padding-top: 40px; }
.sector3 #con { float:left; padding-left:0; width: 610px; }
.sector3 #con_left { margin-left:52px; margin-top: 20px; overflow: visible; }
.sector3 #con_right { margin-top:215px; }
#section_content { clear: both; padding: 0 35px 0 52px; overflow: auto; color: #e2006e; font-size: 15px; }
#client_content { clear: both; padding: 10px 35px 20px 52px; overflow: auto; }
#campaigns { padding-top: 20px; font-size: 12px; clear: both; }
#campaigns a { display: block; margin-bottom: 10px; }
.sector3 a:hover { color: #e2006e; text-decoration: none; }
.sector3 .keywords a { padding-left: 12px; background:transparent url(images/case_link.gif) no-repeat scroll left 3px; }
.sector3 #campaigns a { padding-left: 12px; background:transparent url(images/case_link.gif) no-repeat scroll left 5px; }
.sector3 #campaigns a:hover { background-position: left -17px; }
.sector3 .keywords a:hover { background-position: left -19px; }
.sector3 #campaigns a.on { background-position: left -17px; color: #e2006e; }
.sector3 .keywords a.on { background-position: left -19px; color: #e2006e; }
#print { text-align: center; display: table-cell; width: 480px; height: 320px; vertical-align: middle; }
.sector3.intro #client_content { padding: 20px 0 0 80px; overflow: hidden; }
#con_left_content { width: 478px; height: 320px; vertical-align: middle; overflow: hidden; }

#image_menu { position: absolute; overflow: auto; bottom: 5px; left: 50px; }
#image_menu a { float: left; background:url(images/print_sprite.gif) no-repeat left top; display: block; text-indent: 200px; overflow: hidden; height: 11px; }
#image_menu #doc_light { width:136px; } 
#image_menu #doc_light:hover { background-position: left -13px; }
#image_menu #doc_link { width:185px; margin-left: 48px; background-position: left -26px; } 
#image_menu #doc_link:hover { background-position: left -39px; }

#pagination { overflow: auto; padding-left: 52px; }
#pagination a { background:url(images/page_bg.gif) no-repeat right top; display: block; float: left; text-align: center; width: 20px; height: 16px; padding-top: 3px; }
#pagination a:hover { background-position: left top; color: #fff; }
#pagination span.on { background:url(images/page_bg.gif) no-repeat left top; display: block; float: left; text-align: center; width: 20px; height: 16px; padding-top: 3px; color: #fff; }
#pagination #pagination_media { background: none; display: inline; width: 1px; height: 1px; }
#pagination #pagination_media2 { background: none; display: inline; width: 1px; height: 1px; }

/**** Video/Audio Box ****/

#movie_left { width: 480px; height: 320px; }
#playliste_video { width: 480px; height: 320px; }
#videobox { position: absolute; bottom: 5px; left: 21px; overflow: hidden; width: 478px; height: 11px; }
/* .lien_pagination { background:url(images/page_sprite.gif) no-repeat left top; height: 8px; line-height: 5px; text-indent: 100px; overflow: hidden; float: left; display: block; }
.previous { width: 50px; margin-right: 17px; }
a.previous:hover { background-position: left bottom; }
.next { width: 30px; background-position: -56px top; }
a.next:hover { background-position: -56px bottom; } */
#playerv { overflow: auto; float: left; padding-left: 30px; }
#playerv div { float: left; width: 60px; }
#playerpause { display: none; }

#player_scroller { float: right; width: 200px; }
#vscrollbar, #scrollbar{ clear:both; height:2px; margin:5px 0px; border:none; background:black; position:relative; border:solid 1px #000; width: 200px; }
#vloading, #loading{ margin:0px; padding:0px; height:2px; background:black; width:0%; position:absolute; left:0px; top:0px; font-size:0.3em; z-index:10; }
#vposition, #vosition{ margin:0px; padding:0px; height:2px; background:#e2006e; width:0%; position:absolute; left:0px; top:0px; font-size:0.3em; z-index:20; }
#vscrollbar, #scrollbar { clear:none; }
.playliste { display: none; }
#playliste_audio { width: 180px; margin: 0 auto; }
#startplay { font-size: 30px; position: absolute; left: 21px; top: 200px; width:478px; text-align: center; display: none; }
#startplay a { background: none; padding: 0; display: inline; text-indent: 0; }
.button { overflow: auto; }
.button a { background:url(images/video_sprite.gif) no-repeat left top; text-indent: 200px; display: block; height: 11px; overflow: hidden; }

#playerplay a { width:42px; }
#playerplay a:hover { background-position: left -13px; }
#playerpause a { width:50px; background-position: left -26px; }
#playerpause a:hover { background-position: left -39px; }
#playerstop a { width:44px; background-position: left -52px; }
#playerstop a:hover { background-position: left -65px; }

/**** End Video/Audio Box ****/

#con_right .thumb img { padding-bottom:0; }

/****** Slider ******/

#content { width:550px; overflow:hidden; position:relative; z-index:200; float:left; }
.employee { width:107px; float:left; margin-left:3px; font-size:10px; color:#fff; }
#new_scroll { overflow:auto; width:656px; clear:both; }
#button_left { float:left; padding-top:62px; }
#button_right span a { width: 50px; height: 49px; background:#000 url(images/arrow_sprite.gif) no-repeat top right; display:block; text-decoration:none; }
#button_right span a:hover { background-position: bottom right; }
#button_right span.end a:hover { background-position: top right; cursor:default; }
#button_left span a { width: 50px; height: 49px; background:#000 url(images/arrow_sprite.gif) no-repeat top left; display:block; text-decoration:none; }
#button_left span a:hover { background-position: bottom left; }
#button_left span.end a:hover { background-position: top left; cursor:default; }
#button_right{ float: right; margin-left:3px; padding-top:62px; }
#gallery_in { position: absolute; left: 0; top: 0; height: 100%; width: 2000px;}
.photo { width:107px; height:111px; background-color:#262626; margin-bottom:5px; }
.em_con { background-color:#454545; padding:10px; }

/****** End Slider ******/

/**** Footer ****/

#ft { color: #E2006E; text-align: center; padding: 20px 0; clear: both; }

/**** End Footer ****/