/*
    AUTHOR: Alexis Sun
            alexis@lavishcreative.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Arial, sans-serif; }
ul { list-style: none inside; }
a { outline: none; text-decoration:none; color:#2c4e74; }
a:hover{ color:#5c7b9f;}
a img { border: none; }
h1, h2, h3, h4, h5, h6, p, img, a, ul, li{ margin:0; padding:0;}
h2{color:#3f1513; font-weight:normal; font-size:40px; line-height:50px;}
h3{font-size:26px; font-weight:normal; line-height:35px;}
h4{font-size:20px; font-weight:normal; line-height:27px;}
p { font-size:12px; margin-bottom:10px; line-height:18px;}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack {
	background-image:url(../images/transpBlack.png);
	width:100px;
	height:100px;
	background-repeat: repeat;
}
.pink{color:#ea2557;}
.brown{color:#3f1513;}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

body{background:url(images/nav_bg.gif) repeat-x;}
#page_wrap {
	width: 930px;
	margin: 0;
	text-align:left;
	padding-left:20px;
	background:#FFFFFF;
}

/* -------------- header and navigation  --------------- */
#header{ background:url(images/splash.gif) no-repeat top right; margin-left:30px;}
#logo{background:url(images/logo.gif) no-repeat; width:141px; height:85px; text-indent:-2000px; margin-top:20px; float:left;}
#navigation{ background:url(images/nav_bg.gif); height:31px; width:463px; float:right; }
#navigation li{display:block; float:left;height:31px;}
#navigation li a{ display:block;  height:31px; color:#FFFFFF; background-image:url(images/nav_sprite.gif); text-indent:-2000px; } 
#navigation li a#nav_index{width:89px;}
#navigation li a#nav_index:hover, #navigation li a#nav_index.current{background-position:0 -31px;}
#navigation li a#nav_about{width:98px; background-position:-89px 0;}
#navigation li a#nav_about:hover, #navigation li a#nav_about.current{background-position:-89px -31px;}
#navigation li a#nav_brands{width:99px; background-position:-187px 0;}
#navigation li a#nav_brands:hover, #navigation li a#nav_brands.current{background-position:-187px -31px;}
#navigation li a#nav_contact{width:105px; background-position:-286px 0;}
#navigation li a#nav_contact:hover, #navigation li a#nav_contact.current{background-position:-286px -31px;}

#subnav{ height:31px; width:435px; float:right; clear:right;}
#subnav li{ display:block; float:left; height:31px;}
#subnav li a{display:block; font-size:12px; padding:10px 20px 10px 0;}


/* -------------- content and individual pages  --------------- */
#content{ clear:both; height:450px; padding:50px 0 50px 30px;}
#home_content .left_column{ width:350px; float:left;}
#home_content .right_column{ width:550px;  float:right; }
#home_content .right_column a{margin-right:10px; display:block; overflow:hidden; width:162px; float:left; height:465px; text-indent:-2000px; background-repeat:no-repeat;}
#home_content .right_column a:hover{opacity:0.5;}
#home_content .right_column a#ppc_homeimg{background-image:url(images/ppc/home_img.jpg);}
#home_content .right_column a#bnp_homeimg{background-image:url(images/bnp/home_img.jpg);}
#home_content .right_column a#lmb_homeimg{background-image:url(images/lmb/home_img.gif);} 

#about_content .left_column{width:400px; float:left; overflow:hidden;}
#about_content .right_column{ width:410px; float:right;padding-top:5px; margin-right:80px; overflow:hidden;}
.group_txt{ margin-top:30px;}
.group_txt ul li{ display:block; float:left; margin:20px 25px 0 0; height:48px; width:77px; text-indent:-2000px;}
.group_txt #logo_group{background:url(images/logo_group.gif) no-repeat;}
.group_txt #logo_prod{background:url(images/logo_prod.gif) no-repeat;}
.group_txt #logo_rights{background:url(images/logo_rights.gif) no-repeat;}
.group_txt #logo_digital{background:url(images/logo_dig.gif) no-repeat;}

#brand_content{}
#brand_content h5{text-indent:-2000px;}
#ppc_logo{ background:url(images/ppc/logo.gif) no-repeat;  width:235px; height:120px; margin-bottom:20px;}
#bnp_logo{ background:url(images/bnp/logo.gif) no-repeat; width:258px; height:75px; margin-bottom:30px;}
#mm_logo{background:url(images/mm/logo.gif) no-repeat; width:280px; height:127px; margin-bottom:10px; }
#lmb_logo{background:url(images/lmb/logo.gif) no-repeat; width:258px; height:75px; margin-bottom:10px; }
.brand_strap{ font-size:13px; line-height:22px; color:#ea2557;}
#brand_content .left_column{ width:275px; float:left;}
#brand_content .right_column{ width:550px; float:left; margin-left:20px;}
#brand_content .slideshow{ width:374px; height:380px; text-align:center; background:url(images/brand_picbg.gif) no-repeat; float:left; overflow:hidden;}
#brand_content .slideshow img{ margin-top:10px; margin-left:12px;}

#brand_nav{float:right; width:144px; margin:0 10px;}
#brand_nav #brand_btns li{display:block; float:left; width:144px; height:33px; margin-bottom:4px;}
#brand_nav #brand_btns li a{display:block; height:33px; width:144px; text-indent:-2000px; background-image:url(images/brandnav_sprite.gif); cursor:pointer;}
#brand_nav #brand_btns li a#factsheet:hover{background-position: -144px 0px;}
#brand_nav #brand_btns li a#brand_book{background-position: 0px -33px;}
#brand_nav #brand_btns li a#brand_book:hover{background-position: -144px -33px;}
#brand_nav #brand_btns li a#style_guide{background-position: 0px -66px;}
#brand_nav #brand_btns li a#style_guide:hover{background-position: -144px -66px;}
#brand_nav #brand_btns li a#product_gal{background-position: 0px -99px;}
#brand_nav #brand_btns li a#product_gal:hover{background-position: -144px -99px;}
#brand_nav #brand_btns li a#asset_lib{background-position: 0px -132px;}
#brand_nav #brand_btns li a#asset_lib:hover{background-position: -144px -132px;}
#brand_nav #brand_btns li a#agents_btn{background-position: 0px -165px;}
#brand_nav #brand_btns li a#agents_btn:hover{background-position: -144px -165px;}
#brand_nav #brand_btns li a#website_btn{background-position: 0px -198px;}
#brand_nav #brand_btns li a#website_btn:hover{background-position: -144px -198px;}

#social_btns{clear:both; padding:20px 0 20px 40px;}
#social_btns li{display:block; margin:0 0 8px; }
#social_btns li img{border:none;}

#contact_content .left_column{float:left; width:280px;}
#map_bg{padding:7px 0 8px 7px; background:url(images/map_bg.gif) no-repeat; width:508px;float:right; margin-right:70px;}
#google_map{width:500px; height:400px;  }


/* -------------- footer --------------- */
#footer{vertical-align: bottom; float:left; margin:-80px 0 0 20px; width:600px; height:64px;}
#footer a{background:url(images/lavish_footer.jpg) no-repeat; width: 143px; height:105px; float: left; text-indent: -2000px; margin-top: 0; float: left }
#footer p{line-height: 40px; font-size: 10px; margin:75px 0 0 120px;}
/* END STRUCTURE */


/* -------------- tooltip --------------- */

.popup, .map_popup{position: absolute; display:none; z-index: 3000; opacity: 0.9; }
.popup{background: url('images/shadow.png');width: 92px;	padding:10px;height: 43px;	 font-size:11px; line-height:15px;margin:-50px 0 0 0;}
/*.marker{position:relative;}*/
a.map_marker, a:hover.map_marker{ position:absolute; z-index:4; background:url(images/map_marker.gif) no-repeat; width:20px; height:15px; cursor:pointer; text-indent:-2000px;}

#ppc_usa_mark, #bnp_us_mark{top:238px; left:165px;}
.ppc_usa, .bnp_us{ margin:182px 0 0 182px;background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#bnp_sa_mark{top:346px; left:250px;}
.bnp_sa{ margin:290px 0 0 270px;background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#bnp_sa2_mark{top:412px; left:254px;}
.bnp_sa2{ margin:358px 0 0 272px;background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#ppc_uk_mark, #bnp_uk_mark{ top:170px; left:383px;}
.ppc_uk, .bnp_uk{ margin:115px 0 0 400px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#bnp_fr_mark{ top:204px; left:405px;}
.bnp_fr{ margin:148px 0 0 425px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#ppc_au_mark, #bnp_au_mark{ top:380px; left:710px;}
.ppc_au, .bnp_au{ margin:210px 0 0 465px; background: url('images/map_window2.gif'); width:225px;padding:10px 10px 10px 15px;height: 206px;}

#ppc_eu_mark{ top:185px; left:400px;}
.ppc_eu{ margin:125px 0 0 420px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#ppc_ru_mark{ top:150px; left:490px;}
.ppc_ru{ margin:95px 0 0 510px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#ppc_it_mark{ top:200px; left:419px;}
.ppc_it{ margin:140px 0 0 439px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#ppc_gr_mark, #bnp_gr_mark{ top:210px; left:450px;}
.ppc_gr, .bnp_gr{ margin:150px 0 0 470px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#bnp_as_mark{ top:245px; left:672px;}
.bnp_as{ margin:192px 0 0 690px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

#bnp_me_mark{ top:238px; left:512px;}
.bnp_me{ margin:183px 0 0 530px; background: url('images/map_window.gif'); width:210px;padding:10px 10px 10px 30px;height: 280px;}

/* -------------- home slider --------------- */
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	font-size:40px;
	}
#slider, #slider li{ 
	width:320px;
	height:53px;
	overflow:hidden; 
	}

#nextBtn{ 
	display:none;
	width:15px;
	height:16px;
	position:absolute;	
	top:172px;	
	left:375px;
	}	
#prevBtn{ display:none;}												
#nextBtn a{  
	display:none;
	width:15px;
	height:16px;
	background:url(images/sliding_arrow.gif) no-repeat 0 0;	
	text-indent:-2000px;
	}	
#sliding_arrow{ background:url(images/sliding_arrow.gif) no-repeat; width:15px; height:16px; display:none; float:right;}
/* -------------- agents popup --------------- */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;

z-index:99;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:498px;  
width:870px;  
padding:10px;
background: url(images/agent_map.gif) no-repeat;
z-index:100;
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#ea2557;  
font-weight:700;  
display:block;
cursor:pointer;  
}