/* CSS Document */

body {
	height:100%;
	color:#999999;
	font-family:arial;
	font-size:12px;
	margin:0 auto;
}

html {
	height:100%;
}

* {
	margin:0px;
	padding:0px;
}

a i {
	display:none;
}

a img {
	border:0px;
}

a:hover {
	text-decoration:none;
}

#container {
	width:900px;
	position:absolute;
	left:50%;
	/*top:50%;
	margin:-300px 0px 0px -450px;
	height:600px;*/
	height:100%;
	margin-left:-450px;
	min-height:550px;
}

#header {
	width:900px;
	height:194px;
}

#headerAdmin {
	width:900px;
	height:150px;
}

#logo {	
	position:absolute;
	top:35px;
	left:20px;
	width:115px;
	height:135px;
	background:#fff url(../images/logo.jpg) no-repeat 13px 0px;
	z-index:2;
}

#logo a {	
	display:block;
	width:115px;
	height:135px;
}

#headerAdmin #logo  {
	top:15px;
}

#menu {
	position:absolute;
	width:790px;
	height:30px;
	border-top:1px solid #999999;
	right:0px;
	top:80px;
	z-index:1;
	padding-top:10px;
	padding-left:110px;
}

#headerAdmin #menu  {
	top:60px;
}

#menu ul {
	float:right;
	position:absolute;
	height:30px;
}

#menu li {
	list-style:none;
	padding-left:100px;
	
}

#menu li a {
	height:17px;
}
	
#menu li a i, #menu li ul li a i {
	display:none;
}

/*	jQuery Menu	*/


	#jsddm {	
		margin: 0;
		padding: 0
	}
	
	#jsddm li {	
		float: left;
		list-style: none;
	}

	#jsddm li a {	
		display: block;
		text-decoration: none;
		white-space: nowrap
	}

	#jsddm li a:hover
	{
	}
		
		#jsddm li ul
		{	
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
		}
		
		#jsddm li ul li
		{	
			float: none;
			display: inline;
			height:23px;
			padding:0px 0px;
		}
	
			
		#jsddm li ul li a
		{	
			margin-top:10px;
		}
		
		#jsddm li ul li a:hover
		{	
			
		}

/* End jquery menu */



a:hover.menu_home {
	background:url(../images/menu_home_h.png) no-repeat;
	}
	
a.menu_home {
	background:url(../images/menu_home.png) no-repeat;
	width:44px;
	overflow:hidden;
}

a:hover.menu_products {
	background:url(../images/menu_products_h.png) no-repeat;
	}
	
a.menu_products {
	background:url(../images/menu_products.png) no-repeat;
	width:60px;
	overflow:hidden;
}

a.menu_aboutus {
	background:url(../images/menu_aboutus.png) no-repeat;
	overflow:hidden;
	width:66px;
	}

a:hover.menu_aboutus {
	background:url(../images/menu_aboutus_h.png) no-repeat;
}

a:hover.menu_news {
	background:url(../images/menu_news_h.png) no-repeat;
	}

a.menu_news {
	background:url(../images/menu_news.png) no-repeat;
	width:41px;
	overflow:hidden;
}

#news {
	position:absolute;
	top:30px;
	left:210px;
	width:500px;
}

#news a {
	text-decoration:none;
}

#news li {
	list-style:none
}

a:hover.menu_contactus {
	background:url(../images/menu_contactus_h.png) no-repeat;
}

a.menu_contactus {
	background:url(../images/menu_contactus.png) no-repeat;
	width:79px;
	overflow:hidden;
}

a.menu_our_approach {
	background:url(../images/menu_our_approach.png) no-repeat;
	width:99px;
	overflow:hidden;
}

a:hover.menu_our_approach {
	background:url(../images/menu_our_approach_h.png) no-repeat;
	}
	
a.menu_our_process {
	background:url(../images/menu_our_process.png) no-repeat;
	width:99px;
	overflow:hidden;
}

a:hover.menu_our_process {
	background:url(../images/menu_our_process_h.png) no-repeat;
	}

a:hover.menu_case_study {
	background:url(../images/menu_case_study_h.png) no-repeat;
	}
	
a.menu_case_study {
	background:url(../images/menu_case_study.png) no-repeat;
	width:80px;
	overflow:hidden;
}

a:hover.menu_testimonials {
	background:url(../images/menu_testimonials_h.png) no-repeat;
	}
	
a.menu_testimonials {
	background:url(../images/menu_testimonials.png) no-repeat;
	width:86px;
	overflow:hidden;
}

a:hover.menu_hotel_products {
	background:url(../images/menu_hotel_products_h.png) no-repeat;
	}
	
a.menu_hotel_products {
	background:url(../images/menu_hotel_products.png) no-repeat;
	width:176px;
	overflow:hidden;
}
	
a.menu_production {
	background:url(../images/menu_production.png) no-repeat;
	width:74px;
	overflow:hidden;
}

a:hover.menu_production {
	background:url(../images/menu_production_h.png) no-repeat;
	}
	
a.menu_bespoke {
	background:url(../images/menu_bespoke.png) no-repeat;
	width:106px;
	overflow:hidden;
}

a:hover.menu_bespoke {
	background:url(../images/menu_bespoke_h.png) no-repeat;
	}
	
#contents {
	position:absolute;
	width:880px;padding-right:20px;
	height:360px;
}

#contents p {
	margin-bottom:15px;
	line-height:16px;
}

#contentsFloat {
	height:360px;
	width:900px;
	position:relative;
}

#contentsFloat p {
	line-height:20px;
}

#footer {
	position:absolute;
	right:-20px;
	bottom:10px;
	background:url(../images/footer.png) no-repeat;
	width:11px;
	height:275px;
}

#footer a {
	display:block;
	width:11px;
	height:275px;
}

.lightingSpecialist {
	height:80px;
	position:absolute;
	right:14px;
	top:-10px;
}

/*	TEXT	*/

	.txtblackbold {
		color:#000;
		font-weight:bold;
	} 

	.txtgreybold14 {
		color:#666666;
		font-weight:bold;
		font-size:14px;
	} 
	
	.txtgreybold {
		color:#666666;
		font-weight:bold;
	} 
	
	.txtgrey {
		color:#666666;
	} 

/*	LINKS	*/

	a {
		color:#999999;
		font-weight:bold;
	}

/*	FORM 	*/

.formClear {
	clear:both;
	margin-bottom:8px;
	position: relative;
}

.formClearNo {
	clear:both;
	margin-bottom:0px;
}

.contactForm  {
	font-size:12px;
	margin-top:30px;
}

.contactForm input, .contactForm textarea, .contactForm .select {
	border:1px solid #ccc;
	font-family:arial;
	font-size:12px;
	padding:2px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 120px;
	z-index: 1;
}

.uploadInput {
	position:absolute;
	top:1px;
	width:162px;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.contactForm .radio {
	border:none !important;
}
.contactForm input.submit {
	border:none;
	margin-top:3px;
}
.contactForm .text, .contactForm textarea, .contactForm .textSpacer {
	width:240px;
	color:#999;
}

.contactForm .textSpacer {
	margin-top:5px;
}

.contactForm .select {
	width:246px;
	color:#999;
}

.contactForm label {
	width:120px;
	float:left;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

.contactForm label.orderForm {
	width:190px;
	float:left;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

#contactDetails {
	position:absolute;
	width:230px;
	right:30px;
	top:80px;
	text-align:right;
}

#contactDetails .txtgreybold {
	font-size:14px;
}

/*	HR	*/

div.hr {
	border-bottom:1px dashed #ccc;
	margin:15px 0px;
}

div.hr hr {
	display:none;
}

.leftCol50 {
	width:440px;
	float:left;
	margin-right:20px;
}

.rightCol50 {
	width:440px;
	float:left;
}

.leftCol70 {
	width:570px;
	float:left;
	margin-right:60px;
}

.rightCol30 {
	width:220px;
	float:left;
	padding-top:10px;
	margin-right:30px;
	margin-top:40px;
}

.productDetails {
	width:320px;	
	float:left;
	margin-right:20px;
	font-size:14px;
}

.productList {
	width:318px;
	_width:268px;
	float:left;
	margin-top:82px;
	margin-right:20px;
}

#productList a {
	/*margin-left:120px;*/
}

#productList {
	width:540px;
	_width:268px;
	float:left;
	margin-top:60px;
	position:relative;
}

.productList a, #productList a {
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	color:#666;
}

.productList a:hover, #productList a:hover {
	text-decoration:none;
	color:#FF0000;
}

#productThumb {
	width:202px;
	height:202px;
	float:left;
	margin-top:87px;
}

#productThumb img {
	border:none;
	 /*border-right:1px #fff solid;
	 border-top:1px #fff solid;*/
	 }

.productOuter {
	position:relative;
	width:202px;
	height:202px;
	overflow:hidden;
}

.productThumb {
	position:absolute;
	right:0px;
	top:0px;
  	display: none;
	width:220px;
	height:220px;
}

.productThumb img {
	border:none;
	width:220px;
	height:220px;
	 /*border-right:1px #fff solid;
	 border-top:1px #fff solid;*/
	 }
	 
.validate {
	color:#FF0000;
	font-weight:bold;
	margin-left:10px;
}

.frmRequired {
	font-size:11px;
}

.formClearNo p {
	margin:0px;
}

.frmRequired .validate {
	margin-left:0px;
}

/* ADMIN	*/

.admin li {
	list-style:none;
}

.adminPanel {
	width:160px;
	float:left;
	height:300px;
}

.quoteLeft, .quoteRight {
	width:29px;
	height:23px;
	display:block;
}

.quoteRight {
	background:url(../images/quote_right.png) no-repeat;
	float:right;
}

.quoteLeft {
	background:url(../images/quote_left.png) no-repeat;
	margin-left:-40px;
}

.bespoke p, .bespoke .productDetails {
	/*color:#ff0099;*/
}

.production p, .production .productDetails
{
/*color:#a6ae21*/
}

.hotel p, .hotel .productDetails
{
/*color:#1f8bc6*/
}

.testimonials p {
	padding-left:40px;
}

.processStyle {
	position:relative;
}

.innerProcessStyle {
	width:380px;
	padding:5px;
	position:relative;
}

.innerProcessStyle a {
	text-decoration:none;
}


.sIRF-root {
	cursor:pointer
}

.processarrow {
	width:33px;
	height:40px;
	background:url(../images/ourprocess_arrow.png) no-repeat;
	margin:5px 0px 5px 180px;
}

.redarrow {
	width:15px;
	height:11px;
	background:url(../images/arrow_right.png) no-repeat;
}


th {
text-align:left;
height:50px;
}

p.testimonialInfo {
	font-weight:bold;
	float:left;
	width:500px;
}

.testimonialPadding {
	margin:30px 0px 10px 0px;
	width:570px;
	overflow:hidden;
	position:relative;
}

a.btn_back {
	background:url(../images/btn_back.png) no-repeat;
	height:22px;
	width:70px;
	display:block;
	margin-top:20px;
}

a.btn_back i {
	display:none;
}

a.btn_order {
	background:url(../images/btn_order.png) no-repeat;
	height:45px;
	width:281px;
	display:block;
	margin-top:20px;
	margin-bottom:10px
}


a.btn_order_2 {
	background:url(../images/btn_order_2.png) no-repeat;
	height:45px;
	width:220px;
	display:block;
	margin-top:20px;
	margin-bottom:10px
}

a.btn_order i, a.btn_brochure i, a.btn_order_2 i {
	display:none;
}

a.btn_brochure {
	background:url(../images/btn_brochure.png) no-repeat;
	height:55px;
	width:220px;
	display:block;
	margin-top:10px;
}

a.btn_spec {
	background:url(../images/btn_spec_1.png) no-repeat;
	height:55px;
	width:281px;
	display:block;
	margin-top:10px;
}

a.btn_spec i {
	display:none;
}

.imageScroll {
	float:left;
	width:420px;
	margin-top:115px;
	position:relative;
	height:145px;
	margin-left:30px;
	
	margin-left:0px;height:200px;width:530px
}	



.imageScroll img {
	border:0px;
}

h1.hdr_bespoke {
	width:362px;
	height:60px;
	background:url(../images/header_bespoke.png) no-repeat;
	display:block;
}

h1.hdr_production i {
	display:none;
}

h1.hdr_production {
	width:362px;
	height:60px;
	background:url(../images/header_production.png) no-repeat;
	display:block;
}

h1.hdr_hotel i {
	display:none;
}

h1.hdr_hotel {
	width:362px;
	height:97px;
	background:url(../images/header_hotel.png) no-repeat;
	display:block;
}

h1.hdr_bespoke i {
	display:none;
}

.productHeader {
	font-size:20px;
	color:#969696;
}

.icon_pdf {
	background:url(../images/btn_printer.jpg) no-repeat;
	width:60px;
	height:81px;
	display:block;
	position:absolute;
	right:0px;
	top:75px;
}

.icon_pdf i, .icon_brochure i {
	display:none
}


#downloadtc {
	display:none;
	position:absolute;
	right:70px;
	top:70px; width: 180px;
	padding: 5px; margin: 10px; z-index: 100;
	font: 10px Verdana, sans-serif; text-align: right;
}

.icon_award1 a, .icon_pdf a {
	display:block;
	width:60px;
	height:81px;
}

.icon_award1 {
	background:url(../images/awards_recieved.jpg) no-repeat;
	width:60px;
	height:81px;
	display:block;
	position:absolute;
	right:36px;
	top:580px;
}


.icon_brochureview {
	background:url(../images/download.png) no-repeat;
	height:71px;
	padding:10px 0px 0px 60px;
	width:200px;
	display:block;
	}

.icon_brochureprint {
	background:url(../images/btn_printer.jpg) no-repeat 5px 0px;
	height:71px;
	padding:10px 0px 0px 60px;
	width:200px;
	display:block;
	}
	
.icon_brochure {	
	background:url(../images/btn_view_broc.png) no-repeat;
	position:absolute;
	right:-32px;
	bottom:10px;
	width:11px;
	height:116px;
}
 
.icon_brochure a {	
	width:11px;
	height:116px;
	display:block;
}

.icon_award1 i {
	display:none
}

a.pp {
	/*background:url(../images/thumbShell.jpg) no-repeat;*/
	width:170px;height:170px;display:block;float:left;
	padding:5px 0px 0px 5px;
	
}

.bespoke a:hover.pp {
	background:url(../images/thumbShell_red_h.jpg) no-repeat;
}

.hotel a:hover.pp {
	background:url(../images/thumbShell_red_h.jpg) no-repeat;
}

.production a:hover.pp {
	background:url(../images/thumbShell_red_h.jpg) no-repeat;
}

.thumbs {
	overflow: hidden;
	width: 110px;
	height: 111px;
	
	width:170px;height:170px;padding-right:15px
}

.thumbsInner {
	border: 0px none ;
	display: block;
	width:160px;height:160px
}

div#preload { display: none; }

.fadeitLeft p {
	text-align:justify;
	width:340px;
	max-height:140px;
	height:140px;
	overflow:hidden;
}

.homeWelcome {
	width:340px;
	background:url(../images/home_welcome.png) no-repeat right;
	height:76px;
}

.homeBespoke a, .homeHotel a, .homeProduction a, .homeBespoke_h a, .homeHotel_h a, .homeProduction_h a {
	display:block;
	width:340px;
	height:34px;
	
}

.homeBespoke_img a, .homeHotel_img a, .homeProduction_img a
 {
	display:block;
	width:441px;
	height:293px;
}

.homeBespoke a i, .homeHotel a i, .homeProduction a i, .homeBespoke_h a i, .homeHotel_h a i, .homeProduction_h a i, .homeBespoke_img a i, .homeHotel_img a i, .homeProduction_img a i
 {
	display:none
}

.homeBespoke {
	background:url(../images/home_bespoke.png) no-repeat right;
	width:340px;
	height:34px;
}

.homeHotel_img {
	background:url(../uploads/home/hotel1.jpg) no-repeat;
	width:441px;
	height:293px;
}

.homeProduction_img {
	width:441px;
	background:url(../uploads/home/production1.jpg) no-repeat;
	height:293px;
}

.homeWelcome_img {
	width:441px;
	background:url(../uploads/home/welcome1.jpg) no-repeat;
	height:293px;
}

.homeBespoke_img {
	width:441px;
	background:url(../uploads/home/bespoke1.jpg) no-repeat;
	height:293px;
}
.homeBespoke_h {
	width:340px;
	background:url(../images/home_bespoke.png) no-repeat right;
	height:34px;
}

.homeHotel {
	width:340px;
	background:url(../images/home_hotel.png) no-repeat right;
	height:34px;
}

.homeHotel_h {
	width:340px;
	background:url(../images/home_hotel.png) no-repeat right;
	height:34px;
}

.homeProduction {
	width:340px;
	background:url(../images/home_production.png) no-repeat right;
	height:34px;
}

.homeProduction_h {
	width:340px;
	background:url(../images/home_production.png) no-repeat right;
	height:34px;
}

.pics {  
    height:  352px;  
    width:   860px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics .fadeit {  
    padding: 15px;  
    width:  860px;  
    _width:  840px; 
    height: 320px; 
    top:  0; 
    left: 0 
} 

.fadeitLeft {
	width:340px;
	background:#fff;
	height:290px;
	float:left;
	margin-top:10px;
}

.fadeitRight {
	width:444px;
	float:left;
	height:293px;
	margin:40px 0px 0px 58px;
}

.fadeitLeft img {
	float:right;
	display:block;
}

/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:transparent url(../img/tooltip/black_arrow_big.png) no-repeat scroll 0 0; 
	background:#000;
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 

#awarddiv {
 	display: none;
	position: absolute; top: -30px; left: -380px; width: 280px;
	padding: 5px; margin: 10px; z-index: 100;
	color: #fff; background: #999999;
	font: 10px Verdana, sans-serif; text-align: center;
}

.rolloverGrey {
 	display: none;
	position: absolute; top: 0px; right:-460px;
	padding: 15px; margin: 10px 0px 0px 0px; z-index: 100;
	color: #fff; background: #999999;
	font: 10px Verdana, sans-serif; width:460px;
	text-align:left;	
}

.rolloverGrey i {
	font-style:normal;
	font-weight:bold
}