@charset "ISO-8859-1";
/* CSS Document */

/* ------------------------------ 
            main form           
   ------------------------------*/
   
   * {margin: 0; padding: 0; border: none; text-decoration: none;}
   
   iframe {
	background-color: transparent;
	}

	html {
	background-image: none;
	
	margin: 0;
	padding: 0;
	}

	ul{
	list-style-type: none;
	}

	body{
	text-align: center;
	}

	body{
	margin: 0 auto;
	
	
	margin-top:0px;
	}


	#container {
	/*background: url(images/contain_bg.jpg) repeat-y;*/
	width: 800px;
	height: 100%;
	
	margin: 0 auto;
	text-align: left;
	clear:both;
	}
	

	#header {
	width:800px;
	height: 344px;
	background:url(../images/site_images/new_hed10.jpg) no-repeat;
	margin-left:0px;
	}	


	#flash {
	
	width: 700px;
	height: 394px;
	margin-left: 75px;
	margin-top: 40px;
	z-index:0;
	

	}	
	
	

	
	#footer {
	height: 65px;
	/*background: url(images/new_footer.jpg) no-repeat;*/
	clear: both;
	}
	

	
	h1, h2, h3, h4, h5{ font-family:Arial, Helvetica, sans-serif;}



	h2 {
	font-size: 16px;
	letter-spacing: 0.4pt;
	color: #000000;
	padding-top:20px;
	text-transform: uppercase;
	/*margin-left:14px;*/
	padding-top:15px;
	clear:both;
	margin-left:0px;
	

	
	
	}
	
	h3 {
	font-size: 12px;
	letter-spacing: 0.2pt;
	color:#2fb1db;
	text-transform: uppercase;
	/*margin-left:14px;*/
	padding-bottom:10px;

	}
	
	h4 {
	font-size: 30px;
	letter-spacing: 0.2pt;
	color:#000000;
	text-transform: uppercase;
	/*margin-left:14px;*/
	padding-bottom:10px;
	text-decoration:none;
	}
	
	h5 {
	font-size: 16px;
	letter-spacing: 0.4pt;
	color: #000000;
	padding-top:40px;
	padding-bottom:10px;
	text-transform: uppercase;
	/*margin-left:14px;*/
	padding-top:15px;
	clear:both;

	
	}


	

/* ------------------------------ 
            lightbox           
   ------------------------------*/


	#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
	}

	#lightbox a img{ border: none; }

	#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	
	}

	#imageContainer{
	padding: 10px;
	}

	#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
	
	#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
	
	
	#imageContainer>#hoverNav{ left: 0;}
	
	#hoverNav a{ outline: none;}

	#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
	#prevLink { left: 0; float: left;}
	
	#nextLink { right: 0; float: right;}
	
	#prevLink:hover, #prevLink:visited:hover { background:url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
	
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


	#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

	#imageData{	padding:0 10px; color: #666; }
	
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	
	#imageData #caption{ font-weight: bold;	}
	
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
	#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 600;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* ------------------------------ 
           navigation           
   ------------------------------*/	
  	
	
	
	
		
	
	#navcon{
  	width: 720px;
	margin-left: 54px;
	height: 30px;
	
  	margin-top: -81px;
	
	float:inherit;
	} 
   	
	
	.preload1 {background:url(images/three_0a.gif);}
	.preload2 {background:url(images/three_1a.gif);}

	#nav {padding:0; margin:0; list-style:none; height:30px; width: auto;/* background: url(images/three_0.gif) repeat-x;*/ position:relative; z-index:500; font-family:Arial, Helvetica, sans-serif;}
	#nav li.top {display:block; float:left;}
	#nav li a.top_link {display:block; float:left;  height:28px; line-height:28px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 9px; cursor:pointer;/*background: url(images/three_0.gif);*/}
	#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:28px; /*background: url(images/three_0.gif) right top no-repeat;*/}
	#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:28px; /*background: url(images/three_0a.gif) no-repeat right top;*/}

	#nav li:hover a.top_link {color:#999; border-bottom:medium #FFFFFF;/* background:url(images/three_3a.gif) no-repeat;*/}
	#nav li:hover a.top_link span {/*background:url(images/three_3.gif) no-repeat right top;*/}
	#nav li:hover a.top_link span.down {/*background:url(images/three_3a.gif) no-repeat right top;*/ padding-bottom:3px;}

	/* Default list styling */

	#nav li:hover {position:relative; z-index:200;}

	#nav li:hover ul.sub
	{left:1px; top:29px; background: #000; padding:3px; border:1px solid #333; white-space:nowrap; width: 120px; height:auto; z-index:300;}
	
	#nav li:hover ul.sub li
	{display:block; height:20px; position:relative; float:left; width:auto; font-weight:normal;}
	#nav li:hover ul.sub li a
	{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;}
	#nav li ul.sub li a.fly
	{/*background:#333 url(images/arrow.gif) 80px 6px no-repeat;*/}
	#nav li:hover ul.sub li a:hover 
	{background:#333; color:#2fb1db; width: 170px;}
	#nav li:hover ul.sub li a.fly:hover
	{/*background:#999 url(images/arrow_over.gif) 80px 6px no-repeat;*/ color:#999;}

	#nav li b {display:block; font-size:11px; height:18px; width:180px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#fff;  cursor:default;}

	#nav li:hover li:hover ul,
	#nav li:hover li:hover li:hover ul,
	#nav li:hover li:hover li:hover li:hover ul,
	#nav li:hover li:hover li:hover li:hover li:hover ul
	{left:90px; top:-4px; background: #000; padding:3px; border:1px solid #333; white-space:nowrap; width:170px; z-index:400; height:auto;}

	#nav ul, 
	#nav li:hover ul ul,
	#nav li:hover li:hover ul ul,
	#nav li:hover li:hover li:hover ul ul,
	#nav li:hover li:hover li:hover li:hover ul ul
	{position:absolute; left:-9999px; top:-9999px; width:auto; height:0; margin:0; padding:0; list-style:none;}

	#nav li:hover li:hover a.fly,
	#nav li:hover li:hover li:hover a.fly,
	#nav li:hover li:hover li:hover li:hover a.fly,
	#nav li:hover li:hover li:hover li:hover li:hover a.fly
	{/*background:#333 url(images/arrow_over.gif) 80px 6px no-repeat;*/ color:#fff; } 

	#nav li:hover li:hover li a.fly,
	#nav li:hover li:hover li:hover li a.fly,
	#nav li:hover li:hover li:hover li:hover li a.fly
	{/*background:#333 url(images/arrow.gif) 80px 6px no-repeat;*/ color:#999;} 

	
	
	
	



/* ------------------------------ 
           contents          
   ------------------------------*/	
   
   /*#menu {
	width: 65px;
	height: 29px;
	background: url(images/menu_black.jpg) no-repeat;

	margin-top: 20px;
	float: left;

	}*/
	
	


	.menu {
	background-image:url(images/menu_black.jpg);
	width: 65px;
	height: 29px;
	background-repeat: no-repeat;
	
	margin-top: 20px;
	margin-left: 73px;
	}


	.divider2 {
	background-image:url(images/divider_black.jpg);
	width: 700px;
	height: 5px;
	background-repeat: no-repeat;
	
	margin-top: 10px;
	
	}
	
	.divider3 {
	
	border-bottom:1px;
	border-bottom-color:#545454;
	border-bottom-style:solid;
	
	width: 700px;
	height: 5px;
	margin-left: 75px;
	margin-top: 10px;
	}
	
	.welcome_title {
	background-image:url(../images/site_images/welcome_new2.jpg);
	width: 460px;
	height: 51px;
	margin-left: 50px;
	margin-top: 50px;
	} 
	
	.recent {
	width: 800px;
	height: 297px;
	margin-top:50px;
	background:url(../images/site_images/slide_frame2.jpg) no-repeat;
	} 
	
	.jCarouselLite {
	width:697px;
	height:227px;
	overflow:hidden;
	
	padding-top:22px;
	margin-left: 52px;
	background-color:none;


	}

	
	
	.contact_title {
	background-image:url(../images/site_images/cont_title.jpg);
	width: 156px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.news_title {
	background-image:url(../images/site_images/news_title.jpg);
	width: 103px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.design_title {
	background-image:url(../images/site_images/ds_title.jpg);
	width: 305px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	

	.manu_title {
	background-image:url(../images/site_images/manu_title.jpg);
	width: 305px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.ann_title {
	background-image:url(../images/site_images/ann_title.jpg);
	width: 259px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	
	.evans_title {
	background-image:url(../images/site_images/evans_title.jpg);
	width: 113px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	
	.fred_title {
	background:url(../images/site_images/fred_title2.jpg);
	width: 211px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.gap_title {
	background-image:url(../images/site_images/gap_title.jpg);
	width: 69px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.la_title {
	background-image:url(../images/site_images/la_title.jpg);
	width: 255px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.ms_title {
	background-image:url(../images/site_images/ms_title.jpg);
	width: 390px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.mul_title {
	background-image:url(../images/site_images/mul_title.jpg);
	width: 201px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.new_title {
	background-image:url(../images/site_images/new_title.jpg);
	width: 201px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.oasis_title {
	background-image:url(../images/site_images/oasis_title.jpg);
	width: 102px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.principles_title {
	background-image:url(../images/site_images/prince_title.jpg);
	width: 201px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.twc_title {
	background-image:url(../images/site_images/twc_title.jpg);
	width: 390px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	.topman_title {
	background-image:url(../images/site_images/tm_title.jpg);
	width: 160px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	
	.top_title {
	background-image:url(../images/site_images/ts_title.jpg);
	width: 160px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	} 
	
	
	.wallis_title {
	background-image:url(../images/site_images/wallis_title.jpg);
	width: 130px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	}
	.harvey_title {
	background-image:url(../images/site_images/harvey_title.jpg);
	width: 313px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	}

	.clients_title {
	background-image:url(../images/site_images/clients_title.jpg);
	width: 140px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	}
	
	.vacancies_title {
	background-image:url(../images/site_images/vac_title.jpg);
	width: 192px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;
	}
	
	.hof_title {
	background-image:url(../images/site_images/hof_title.jpg);
	width: 313px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	.crew_title {
	background-image:url(../images/site_images/crew_title.jpg);
	width: 344px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	.habitat_title {
	background-image:url(../images/site_images/hab_title.jpg);
	width: 142px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	.lartisan_title {
	background-image:url(../images/site_images/lart_title.jpg);
	width: 176px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	.linley_title {
	background-image:url(../images/site_images/lin_title.jpg);
	width: 120px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	
	.lk_bennett_title {
	background-image:url(../images/site_images/lk_title.jpg);
	width: 217px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	
	.miss_selfridge_title {
	background-image:url(../images/site_images/miss_title.jpg);
	width: 284px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	.penhaligons_title {
	background-image:url(../images/site_images/pen_title.jpg);
	width: 239px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	.radley_title {
	background-image:url(../images/site_images/rad_title.jpg);
	width: 133px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	
	.tompink_title {
	background-image:url(../images/site_images/tom_title.jpg);
	width: 238px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}
	
	.toast_title {
	background-image:url(../images/site_images/toast_title.jpg);
	width: 115px;
	height: 51px;
	margin-left: 50px;
	margin-top: 90px;;
	}

	.divider5 {
	/*background-image:url(images/divider_black.jpg);*/
	border-bottom:1px;
	border-bottom-color:#545454;
	border-bottom-style:solid;

	width: 685px;
	height: 5px;
	margin-left: 75px;
	margin-top: 5px;
	
	}


	.thumb_details{
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	
	font-size: 12px;
	margin-top: 15px;
	margin-left:50px;
	text-align:left;

	}
	
	.contact_details{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size: 12px;
	margin-top: 15px;
	margin-left:50px;
	
	text-align:left;
	width:700px;
	}
	
	
	.welcome{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size: 12px;
	margin-top: 15px;
	margin-left:50px;
	margin-bottom:200px;
	text-align:left;
	width:700px;
	}
	
	.vacancies_details{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size: 12px;
	margin-top: 40px;
	margin-left:50px;
	margin-bottom:200px;
	
	text-align:left;
	width:700px;
	}
	
	
	.weclome_txt{
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	font-weight:normal;
	margin-top: 20px;
	margin-left:0px;
	text-align:left;
	}
	

	
			
	.list{
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size: 30px;
	margin-top: 50px;
	margin-left:75px;
	text-align:left;
	text-decoration:none;
	}
	
	
	
	.alignleft {
	float: left;
}


	.news_sec{
	width: 700px;
	height:auto;
	margin-left:50px;
	margin-top: 60px;
	overflow:hidden;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size:12px;
	padding-right:10px;
	
}

	img {float: left; }




	.news_sec .news_img{
	float: left;
	
	}
	.news_sec .news_type{
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	font-size:12px;
	margin-top:20px;
	float: left;

	width:350px;
	display:block;
	}
	
	
	.promo{
	width:700px;
	height:64px;
	margin: 0 auto;
	text-align: center;
	
	}
	
/* ------------------------------ 
           thumbnails        
   ------------------------------*/	


	.section{
	width: 700px;
	height:auto;
	margin-left:50px;
	margin-top: 60px;
	overflow:hidden;
	clear:both;
	}
	
	
	.section2{
	width: 698px;
	height:auto;
	background:url(../images/site_images/tile.jpg);
    overflow:hidden;
	clear:both;
	}
	
	.section3{
	width: 700px;
	height:auto;
	background:#000000;
	margin-left:50px;
	margin-top:60px;
	margin-bottom: 40px;
    overflow:hidden;
	clear:both;
	}
	

	.thumbnail {
	padding-left: 13.5px;
	padding-right: 13px;
	padding-top: 13px;
	padding-bottom: 13px;
	overflow:hidden;
	display:inherit;
	float: left;
	z-index:100;
	}	
	
	.thumbnail2 {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 22px;
	padding-bottom: 22px;
	overflow:hidden;
	display:inherit;
	float: left;
	z-index:100;
	}



	
/* ------------------------------ 
           footer details       
   ------------------------------*/	
  
   #footer{
	width:auto;
   height:200px;
   background:url(../images/site_images/new_footer.jpg) repeat-x;
   


   clear:both;
   
   
   }	  
  
  
   
   #backToTop{
	float:left;
	margin-left: 350px;
	margin-top: 30px;
	margin-bottom:100px;
	text-align: center;
	
	}


	#copyright{
	width:700px;
	height:auto;
	
	padding-top: 70px;
	margin: 0 auto;
	
	}

	#spacer{
	margin-top:-100px;
	margin: 0 auto;
	}
	
	#spacer2{
	margin-top: 100px;
	}