/*
    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; color:#636363; }
ul { list-style: none; }
a { outline: none; text-decoration:none; color:#2c4e74; }
a:hover{ color:#ea2557;}
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:16px; font-weight:normal; line-height:24px; color:#3f1513;}
h4{font-size:14px; font-weight:normal; line-height:20px; color:#ea2557;}
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 */
/* ------------------------------------------ */

#page_wrap {	
	margin: 0;
	text-align:left;	
	background:#FFFFFF;
}
#page_wrap.index{background: #FFFFFF url(images/bg_productions.gif) no-repeat 950px 15px;}
#page_wrap.about{background: #FFFFFF url(images/bg_about.gif) no-repeat 950px 15px;}
#page_wrap.work{background: #FFFFFF url(images/bg_work.gif) no-repeat 950px 15px;}
#page_wrap.clients{background: #FFFFFF url(images/bg_clients.gif) no-repeat 950px 15px;}
#page_wrap.contact{background: #FFFFFF url(images/bg_contact.gif) no-repeat 950px 15px;}

/* -------------- header and navigation  --------------- */
#header{ margin-left:50px; width:930px;}
#logo{background:url(images/logo.gif) no-repeat; width:139px; height:75px; text-indent:-2000px; margin-top:20px; float:left;}
#navigation{height:38px; width:435px; float:right; }
#navigation li{display:block; float:left; margin:0; padding:0;}

#navigation li a{ background-image:url(images/navi_sprite.gif); background-repeat:no-repeat; display:block; width:77px; height:58px; outline:none; border:none; text-indent:-2000px; overflow:hidden;}
#navigation li a#nav_index{ background-position:0 0;}
#navigation li a#nav_about{ background-position:-77px 0;}
#navigation li a#nav_work{ background-position:-154px 0;}
#navigation li a#nav_clients{ background-position:-231px 0;}
#navigation li a#nav_contact{ background-position:-308px 0;}

#navigation li a#nav_index:hover{ background-position:0 -58px;}
#navigation li a#nav_about:hover{ background-position:-77px -58px;}
#navigation li a#nav_work:hover{ background-position:-154px -58px;}
#navigation li a#nav_clients:hover{ background-position:-231px -58px;}
#navigation li a#nav_contact:hover{ background-position:-308px -58px;}

#navigation li a#nav_index.current{ background-position:0 -116px;}
#navigation li a#nav_about.current{ background-position:-77px -116px;}
#navigation li a#nav_work.current{ background-position:-154px -116px;}
#navigation li a#nav_clients.current{ background-position:-231px -116px;}
#navigation li a#nav_contact.current{ background-position:-308px -116px;}


#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; }
#home_content { height:550px;}
#home_flash{ display:block; clear:both; margin:0; padding:0; }

#about_content{ width:930px; height:400px;padding:50px 0 20px 50px;}
#about_content .left_column{width:350px; float:left; overflow:hidden; margin-right:10px;}
#about_content .left_column p{width:300px;}
#about_content .right_column{ width:550px; float:right;overflow:hidden;}
#about_content #people_nav{ width:160px; float:left; overflow:hidden;}
#about_content #people_nav li { margin:0; padding:0;}
#about_content #people_nav li a{color:#ea2557; text-decoration:none; font-size:11px; margin-bottom:10px; display:block;}
#about_content #people_nav  li a:hover{color:#3f1513;}
#about_content .person img{float:left; margin:0 10px 5px 0;}
#about_content h3{font-size:14px; font-weight:bold;margin-bottom:5px;}
#about_content h4{font-size:11px;  display:inline;}
.group_txt{ margin-top:30px;}
#about_content .left_column .group_txt p{width:330px;}
.group_txt ul li{ display:block; float:left; margin:20px 15px 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;}
/* -------------- people slider --------------- */
#people_pix{float:right; width:350px; margin-bottom:20px;}
#people_pix img{opacity:0.5}
#people{ float:right;}
#people ul, #people li{ margin:0; padding:0; list-style:none; font-size:20px;}
#people, #people li{ 	width:330px;	height:250px;	overflow:hidden; display:block; margin-right:20px;}
p.person_name{color:#3f1513;  margin:0; padding:0; font-weight:bold; font-size:14px;margin-bottom:5px;}
p.person_title{ color:#ea2557; margin:0; padding:0;}



#client_content{ text-align:center;height:400px;padding:50px 0 20px 160px; width:720px;}
#client_content .mid_column{ width:600px; text-align:left; margin:0 auto;  }
#client_content h3{font-size:16px; line-height:24px; display:inline;}
#client_content #client_nav{ width:200px; text-align:left; overflow:hidden; float:right}
#client_content #client_nav ul{margin:5px 0 0 1px; padding:0;}
#client_content #client_nav li{ margin:0; padding:0;}
#client_content #client_nav li a{color:#ea2557; text-decoration:none; font-size:11px; margin-bottom:10px; display:block;}
#client_content #client_nav  li a:hover{color:#3f1513;}
/* -------------- client slider --------------- */
#clients{ float:left;}
#clients ul, #clients li{ margin:0; padding:0; list-style:none; }
#clients, #clients li{width:400px;	height:320px;	overflow:hidden; display:block; text-align:center;}
#clients img{ border:1px solid #dadada;}
#clients .quote{ margin-top:20px; background:url(images/quote1.gif) no-repeat;}
#clients .quote p{font-family:georgia; font-size:16px; color:#949291; line-height:22px; padding:5px 30px; background:url(images/quote2.gif) bottom right no-repeat;}

#work_content{width:878px;height:400px;padding:50px 0 20px 50px; overflow:hidden;}
#work_content .left_column{ float:left; text-align:left; width:100px; overflow:hidden; clear:both;}
#work_content .mid_column{ float:left; width:380px; clear:both;  overflow:hidden;}
#work_content .projects{ width:400px;}
/*#work_content .right_column{ float:right; width:740px;  overflow:hidden;} */
#work_content #work_types li {margin:0; padding:0;}
#work_content #work_types li a{color:#ea2557; text-decoration:none; font-size:11px; margin-bottom:10px; display:block;}
#work_content #work_types li a:hover{color:#3f1513;}
#work_content  #work_thumbs, #work_content  li.type_content { overflow:visible; height:450px; margin:0; padding:0; list-style:none; width:900px;}
#work_content  #work_thumbs ul{margin:0; padding:0; list-style:none;}
#work_content #work_thumbs .pag li, #work_content #work_thumbs .pag2 li{ display:inline;}
#work_content #work_thumbs .pag li a, #work_content #work_thumbs .pag2 li a{ display:block; height:60px; width:75px; float:left; margin:0 10px 10px 0;}
#work_content #work_thumbs .pag li a:hover, #work_content #work_thumbs .pag2 li a:hover{opacity:0.7;}
#work_content #work_thumbs .pag li a img, #work_content #work_thumbs .pag2 li a img{border:1px solid #CECECE;}
.work_large, #work_thumbs .work_large li{display:block; text-align:left;}

.work_large img{ border:1px solid #CECECE; margin-bottom:10px;}
.work_large p{ margin:0px; width:380px;}
.work_large p span{ display:block; float:left; font-weight:bold; width:60px; height:15px; clear:left;}

#contact_content{padding:50px 0 20px 50px; height:400px; width:930px;}
#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; padding:10px; border:1px solid #CECECE;  }
/* -------------- footer --------------- */
#footer{vertical-align: bottom; float:left; margin-left:38px; width:600px; height:64px; position:absolute; z-index:1;}
#footer a{background:url(images/lavish_footer.jpg) no-repeat; width: 143px; height:105px; float: left; text-indent: -2000px;float: left }
#footer p{ font-size: 10px; margin:67px 0 0 125px;}
/* END STRUCTURE */


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

.popup, .map_popup{position: absolute; display:none;	z-index: 3000;opacity: 0.9; }
.popup{background: url('images/shadow.png');width: 102px;	padding:10px 0px 10px 7px;height: 43px;	 font-size:11px; line-height:15px;margin:-50px 0 0 0;}
.marker{position:relative;}
.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{top:220px; left:170px;}
.ppc_usa{ margin:160px 0 0 190px;background: url('images/map_window.png'); 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.png'); 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.png'); width:225px;padding:10px 10px 10px 15px;height: 206px;}

/* -------------- 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;  
}