/*
    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: #652a5a;}
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:16px; font-weight:normal; line-height:20px; color: #afb435;}
p { color: #555555; font-family: Verdana, Arial, sans-serif; font-size: 11px; 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;
}
.purple{color: #652a5a;}
.grey{color: #666666;}
/* END TOOLBOX */

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

#page_wrap {
	text-align:left;	
	background:#FFFFFF;
}
#page_wrap.index{ margin: auto; height: 693px; width: 991px; background: white url(images/bg.jpg) no-repeat 0;}
#page_wrap.about, .companies, .contact{ margin: auto; width:991px;}

/* -------------- header and navigation  --------------- */
#header{ margin: auto; width: 900px;}
#logo{ background-repeat: no-repeat; margin: auto; background:url(images/lavishgroup_logo.gif); width: 220px; height: 133px; text-indent:-2000px; float:left;}
#mini_logo{background-repeat: no-repeat; margin-left: 56px; background:url(images/lavishgroup_minilogo.jpg); width: 140px; height: 83px; text-indent:-2000px; float:left;}
#navigation{ margin: auto; height: 61px; width: 308px; }
#navigation li{display:block; float:left; margin:0; padding:0;}

#navigation li a{ background-image: url(images/menu_sprite.jpg); background-repeat:no-repeat; display:block; width:77px; height:61px; 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_company{ background-position:-154px 0;}
#navigation li a#nav_contact{ background-position:-231px 0;}

#navigation li a#nav_index:hover{ background-position:0 -61px;}
#navigation li a#nav_about:hover{ background-position:-77px -61px;}
#navigation li a#nav_company:hover{ background-position:-154px -61px;}
#navigation li a#nav_contact:hover{ background-position:-231px -61px;}

#navigation li a#nav_index.current{ background-position:0 -122px;}
#navigation li a#nav_about.current{ background-position:-77px -122px;}
#navigation li a#nav_company.current{ background-position:-154px -122px;}
#navigation li a#nav_contact.current{ background-position:-231px -122px;}


/* -------------- content and individual pages  --------------- */
#content{ width: 900px; margin: auto; clear:both; }
#home_logo { padding-top: 37px; margin: auto; width: 220px;}
#home_text{ padding-top: 166px; width: 275px; margin:0 auto 260px auto;}

#about_content{ width:725px; height:500px; padding-top:70px; margin:auto;}
#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 h3{font-size:14px; font-weight:bold; margin-bottom:5px;}
#about_content h4{font-size:11px; display:inline;}

/* -------------- people slider --------------- */
#people_pix{float:left; width:350px; margin-bottom:20px;}
#people_pix img{opacity:0.5}
#people{ width:725px; height:500px;}
p.section_header {color:#652a5a; font-size:16px; margin:-30px 0 20px 0;}
#people ul, #people li{ margin:0; padding:0; list-style:none; font-size:20px;}
#people li{ width:330px;	height:250px;	overflow:hidden; margin-right:20px;}
.person_left { width:330px;	height:500px;	overflow:hidden; margin-right:20px; float:left;}
.person_right { width:330px;	height:500px;	overflow:hidden; margin-right:20px; float: right;}
p.person_name{color: #afb435;  margin:0; padding:0; font-weight:bold; font-size:14px;margin-bottom:5px;}
p.person_title{ color:#652a5a; margin:0; padding:0;}
.person_left img, .person_right img{float:left; margin:0 10px 5px 0;}

#company_content{width:710px; height:331px; padding-top: 70px; margin:auto;}
#companies{width: 710px; height:331px;}
.companytext{width:200px; float:left; padding: 0 18px 0 18px;}
.companytext p {margin-top: 30px;}
.companytext3{width:200px; float:left; padding: 0 18px 0 18px; margin-top: -20px;}
.companytext3 p {margin-top: 25px;}
.companytext a, .companytext3 a{font-size: 11px; color: #652a5a;}

#contact_content{ padding-bottom: 80px; padding-top: 70px; margin: auto; height:400px; width: 760px;}
#contact_content .left_column{margin: auto; float: left; font-size: 14px; width:220px;}
#map_bg{padding:7px 0 8px 7px; background:url(images/map_bg.gif) no-repeat; width:508px;float:right;}
#google_map{ width:500px; height:400px; padding:10px; border:1px solid #CECECE;  }
/* -------------- footer --------------- */
#footer p{ margin: auto; text-align: center; clear: both; color: #555555; font-size: 9px; font-family: Verdana, Arial, sans-serif; width: 900px;}
#footer .splash{ position:relative; float:left; margin-right:40px; height:25px; width:25px;}
#footer a{ display:block; margin-right:30px; height:25px; text-indent:-2000px; width:25px; background-repeat:no-repeat;}
#footer a#splash_group{background-image:url(images/splash_group.gif);}
#footer a#splash_prod{background-image:url(images/splash_prod.gif);}
#footer a#splash_rights{background-image:url(images/splash_rights.gif);}
#footer a#splash_dig{background-image:url(images/splash_dig.gif);}
/* 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;  
}