/* Global
------------------------------------------------------------------*/
html, body, div, h1, h2, h3{
	margin:0;
	padding:0;
}
#bodyHome, #bodyAbout, #bodySitemap, #bodyFaq, #bodyProducts, #bodyLed, #bodyPrinting, #bodyContact, #bodyPortfolio{
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#333;
	background-color : #333;
}
#contentWrapper{
	position:relative;
	width:780px;
	height:auto;
	margin:0px auto;
	background:transparent url(../pix/content_bg.jpg) repeat-y 0 0;
}
h1{
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
	height:32px;
	text-indent:-9000px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}

/* Header
------------------------------------------------------------------*/
#mainHeader{
	position:relative;
	width:780px;
	height:177px;
	background:transparent url(../pix/header_top.jpg) no-repeat 0 0;
}
	#flashHolder{
		position:relative;
		display:block;
		width:742px;
		height:138px;
		top:34px;
		left:19px;
/*		background:transparent url(../pix/flash_back_temp.jpg) no-repeat 0 0; */
	}

/* Main navigation
------------------------------------------------------------------*/
ul#nav {
	position:relative;
	width:742px;
	height:25px;
	left:19px;
	margin:0;
	padding:0;
	/*overflow: hidden;*/
	background:transparent url(../pix/menu_items.jpg) no-repeat 0 0;
}
	ul#nav li {
		padding:0;
		margin:0;
		display:block;
		float:left;
		text-indent:-9999px;	
		}
	ul#nav li a {
		border:0;
		display:block;
		text-decoration:none;
		background:transparent url(../pix/menu_items.jpg) no-repeat;
		}
	li#home a {
		width:57px;
		height:25px;
		 }
	li#about a {
		width:74px;
		height:25px;
		 }
		 
	li#products a {
		width:59px;
		height:25px;
		 }	
		  
	li#led a {
		width:119px;
		height:25px;
		 }	
		  
	li#printing a {
		width:195px;
		height:25px;
		 }	
		  
	li#portfolio a {
		width:80px;
		height:25px;
		 }
	li#faq a {
		width:37px;
		height:25px;
		 }
	li#contact a {
		width:84px;
		height:25px;
		 }	 	 	 	 
	li#home a:hover, li#home a:focus {
		background-position:0px -50px;
		outline:none;
		 }
	li#about a:link, li#about a:visited {	
		background-position:-57px 0px;
		}
	li#about a:hover, li#about a:focus {	
		background-position:-57px -50px;
		outline:none;
		}
	li#products a:link, li#products a:visited {	
		background-position: -131px 0px;
		}
	li#products a:hover, li#products a:focus {	
		background-position: -131px -50px;
		outline:none;
		}
	li#led a:link, li#led a:visited {	
		background-position: -190px 0px;
		}
	li#led a:hover, li#led a:focus {	
		background-position: -190px -50px;
		outline:none;
		}
	li#printing a:link, li#printing a:visited {	
		background-position: -309px 0px;
		}
	li#printing a:hover, li#printing a:focus {	
		background-position: -309px -50px;
		outline:none;
		}
	li#portfolio a:link, li#portfolio a:visited {	
		background-position: -504px 0px;
		}
	li#portfolio a:hover, li#portfolio a:focus {	
		background-position: -504px -50px;
		outline:none;
		}
	li#faq a:link, li#faq a:visited {	
		background-position: -584px 0px;
		}
	li#faq a:hover, li#faq a:focus {	
		background-position: -584px -50px;
		outline:none;
		}
	li#contact a:link, li#contact a:visited {	
		background-position: -621px 0px;
		}
	li#contact a:hover, li#contact a:focus {	
		background-position: -621px -50px;
		outline:none;
		}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#bodyHome ul#nav li#home a {
	background-position:0px -25px;
	}
body#bodyAbout ul#nav li#about a {
	background-position:-57px -25px;
	}
body#bodyProducts ul#nav li#products a {
	background-position:-131px -25px;
	}
body#bodyLed ul#nav li#led a {
	background-position:-190px -25px;
	}
body#bodyPrinting ul#nav li#printing a {
	background-position:-309px -25px;
	}
body#bodyPortfolio ul#nav li#portfolio a {
	background-position:-504px -25px;
	}
body#bodyFaq ul#nav li#faq a {
	background-position:-584px -25px;
	}
body#bodyContact ul#nav li#contact a {
	background-position:-621px -25px;
	}

/* Content body
------------------------------------------------------------------*/
#mainContent {
	position:relative;
	width:742px;
	height:auto;
	left:19px;
	margin:15px 0 20px 0;
	background:transparent url(../pix/main_bg.jpg) repeat-y 0 0;
}
#topBox{
	position:relative;
	width:742px;
	height:auto;
	background:transparent url(../pix/box_bg.gif) no-repeat bottom left;
}
	#topEnd{
		position:relative;
		width:742px;
		height:7px;
		background:transparent url(../pix/box_top.gif) no-repeat 0 0;
		overflow:hidden;
	}
		#leftBox{
			width:227px;
			height:auto;
			float:left;
		}
		#leftBox h1{
			background:transparent url(../pix/h1_ceelite.jpg) no-repeat 0 0;
			width:227px;
		}
		#leftBox p{
			font-weight:bold;
			padding:0 10px 10px 60px;
			margin:0;
			line-height:180%;
		}
		.moreButtonGray, .moreButtonWhite{
			width:73px;
			height:29px;
			display:block;
		}
		.moreButtonGray{
			position:absolute;
			left:150px;
			bottom:0;
			padding-bottom:5px;
			background:transparent url(../pix/button_gray.jpg) no-repeat 0 0;
		}
		.moreButtonGray a, .moreButtonWhite a{
			width:73px;
			height:29px;
			display:block;
			font-size:1px;
			line-height:1px;
			text-indent:-9000px;
			overflow:hidden;
			text-decoration:none;
			outline:none;
		}
		#rightBox{
			width:477px;
			height:auto;
			float:left;
			margin-left:38px;
/*			background:#d5dce2; */
		}
		#rightBox h1{
			background:transparent url(../pix/h1_imagine.jpg) no-repeat 0 0;
			width:117px;
		}
		#rightBox p{
			font-weight:bold;
			padding:0 10px 10px 20px;
			margin:0;
			line-height:180%;
		}
		#rightBox em{
			color:#0383ff;
			font-style:normal;
		}
#leftColumn{
	width:227px;
	height:auto;
	float:left;
}
	ul#leftNav{
		position:relative;
		width:217px;
		height:auto;
		left:0;
		margin:28px 0 0 10px;
		padding:1px 0 0 0;
		background:transparent url(../pix/leftnav_bg.jpg) repeat-x 0 0;
	}
		ul#leftNav li {
			padding:0 0 1px 0;
			margin:0;
			display:block;
			background:#fff url(../pix/leftnav_bg.jpg) repeat-x bottom left;
		}
		ul#leftNav li a {
			width:192px;
			height:auto;
			border:0;
			display:block;
			text-decoration:none;
			padding:15px 0 15px 25px;
			font-weight:bold;
			color:#0383ff;
		}
		ul#leftNav li a:link, ul#leftNav li a:visited {	
			background:#fff url(../pix/bullet_icon.jpg) no-repeat 5px 17px;
		}
		ul#leftNav li a:hover, ul#leftNav li a:focus {	
			background:#d5dce2 url(../pix/bullet_icon_blue.jpg) no-repeat 5px 17px;
		}
	
	.testimonial, .testimonial2{
		width:217px;
		height:auto;
		margin-top:20px;
		font-size:0.9em;
		background:transparent url(../pix/testimonial.jpg) no-repeat 0 0;	
	}
		.testimonial h3, .testimonial2 h3{
			font-size:1em;
			font-weight:bold;
			margin:0;
			padding:20px 0 0 20px;
		}
		.testimonial p, .testimonial2 p{
			padding-left:20px;
		}
		.testimonial2{
			margin-bottom:370px;
		}
		
#rightColumn{
	width:495px;
	height:auto;
	margin-left:20px;
	float:left;
}
	#rightColumn a{	
		color:#0383ff;
		text-decoration:underline;
	}
	#rightColumn a:hover{	
		color:#2f6aa1;
		text-decoration:underline;
	}

	h1#newWave{
		background:transparent url(../pix/h1_new_wave.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#indApps{
		background:transparent url(../pix/h1_ind_apps.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#aboutUs{
		background:transparent url(../pix/h1_about.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#newsAwards{
		background:transparent url(../pix/h1_news_awards.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#siteMapHeader{
		background:transparent url(../pix/h1_sitemap.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#legalNot{
		background:transparent url(../pix/h1_legal.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#faqHeader{
		background:transparent url(../pix/h1_faq.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#overview{
		background:transparent url(../pix/h1_overview.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#ceelite2{
		background:transparent url(../pix/h1_ceelite_2.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#inverter{
		background:transparent url(../pix/h1_inverter.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#controller{
		background:transparent url(../pix/h1_controller.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#lecVsEl{
		background:transparent url(../pix/h1_lec_vs_el.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#lecTech{
		background:transparent url(../pix/h1_lec_tech.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#contactUs{
		background:transparent url(../pix/h1_contact_us.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#advSign{
		background:transparent url(../pix/h1_advertising.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#archiTect{
		background:transparent url(../pix/h1_architecture.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#tradeShows{
		background:transparent url(../pix/h1_trade_shows.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#otherApps{
		background:transparent url(../pix/h1_others.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#notFound{
		background:transparent url(../pix/h1_404.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#ceeliteHire{
		background:transparent url(../pix/h1_hire.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#ledProducts{
		background:transparent url(../pix/h1_led.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#ledProductsContinuum{
		background:transparent url(../pix/h1_led_1.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#ledProductsFlexaStrip{
		background:transparent url(../pix/h1_led_2.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	h1#printingServices{
		background:transparent url(../pix/h1_printing.jpg) no-repeat 0 0;
		width:495px;
		margin-top:20px;
	}
	.contentBox, .contentBox.small{
		width:472px;
		height:auto;
		margin-left:20px;
	}
	.contentBox p{
		line-height:150%;
		padding:10px 0 10px 0;
		margin:0;
	}
	.contentBox.small{
		font-size:0.9em;
	}
	.contentBox img{
		padding:4px;
		background-color:#c8cdd1;
		border: 1px solid #9b9ea1;
	}
	.noborder img{
		padding:0px;
		border:none;
	}
		.indexImage{
			display:block;
			width:218px;
			float:left;
			margin:6px 0 0 0;
		}
		.indexList{
			width:212px;
			float:left;
			margin-left:20px;
		}
		.indexList ul{
			line-height:200%;
			list-style-type:none;
			margin:0;
			padding:0 0 10px 6px;
			position:relative;
		}
		.indexList li{
			display:block;
			padding-left:20px;
			background-image:url(../pix/bullet_icon.jpg);
			background-repeat:no-repeat;
			background-position:0px 6px;
		}
		.moreButtonWhite{
			position:relative;
/*			left:150px;
			bottom:0; */
			margin-top:10px;
			background:transparent url(../pix/button_white.jpg) no-repeat 0 0;
		}
	.newsItemFull{
		width:472px;
		height:auto;
		margin-top:30px;
	}
		.newsItemFull h2, h2.blueHeader{
			font-size:1.3em;
			color:#0383ff;
			padding:0;
			margin:0;
		}
		.newsItemFull .date{
			color:#4a5866;
			font-size:0.9em;
			font-weight:bold;
			margin:0;
			padding:0;
		}
		.newsItemFull .article{
			padding:0;
			margin:10px 0 0 0;
		}
		.newsItemFull .article a{
			font-weight:bold;
			color:#0383ff;
			text-decoration:underline;
		}
		.newsItemFull .article a:hover{
			color:#000000;
		}
	ul.siteMap{
		line-height:200%;
		list-style-type:none;
		margin:0;
		padding:0 0 0 20px;
		position:relative;
	}
		ul.siteMap li{
			display:block;
			padding:5px 0 5px 20px;
			background-image:url(../pix/bullet_icon.jpg);
			background-repeat:no-repeat;
			background-position:0px 11px;
		}
		ul.siteMap li a{	
			color:#0383ff;
			text-decoration:underline;
		}
		ul.siteMap li a:hover{	
			color:#2f6aa1;
			text-decoration:underline;
		}
	.contentBox h3{
		font-size:1.2em;
		color:#333;
		padding:0;
		margin:20px 0 0 0;
	}

/* Contact Us
------------------------------------------------------------------*/
	#formHolder{
		margin:20px 0 40px 0;
	}
	#formHolder em{
		color:#ff0000;
		font-style:normal;
		font-weight:bold;
	}
	.contactHolder{
		width:220px;
		float:left;
		margin:10px 0 0 10px;
	}
	.contactHolder a{
		color:#0383ff;
		text-decoration:underline;
	}
	.contactHolder a:hover{
		color:#2f6aa1;
		text-decoration:underline;
	}

/* Form
------------------------------------------------------------------*/
	form{
		margin:0;
		padding:0;
	}
	form input {}
	form input.submit {}
	form textarea { overflow: auto; } 
	
	form fieldset {
		clear: left;
		margin: 10px 0;
		padding: 0px 10px;
		border: 0 solid;
	}
			
		form fieldset div.field {
			clear: left;
			min-height: 1.5em; 
/*			margin: 5px 0; */
			padding: 5px 0;
		}
			form fieldset div.field label {
				float: left;
				width: 120px;
				margin-right: 5px;
				padding-right: 15px;
				font-weight: bold;
				text-align: right;
				line-height: 1.5em;
			}
			form fieldset div.field input,
			form fieldset div.field span.value {
				float: left;
				width: 196px;
			}
			form fieldset div.field input#state,
			form fieldset div.field input#postcode {
				width: 60px;
			}
			form fieldset div.field #captcha {
				margin-left: 140px;
			}
			form fieldset div.field span.value {
				line-height: 1.5em;
			}
			form fieldset div.field input.submit { width: auto; }
			form fieldset div.field input.reset { width: auto; }

			form fieldset div.field textarea {
				float: left;
				width: 196px;
			}
			form fieldset div.field #submitButton { 
				width: auto; 
				margin-left: 140px;
			}
			form fieldset div.field.required label {
				background: url(../pix/bullet_redstar.gif) right no-repeat;
			}
			.thankYou{
				font-weight:bold;
				color:#0383ff;
			}
			.error{
				color:#ff0000;
				font-weight:bold;
			}

/* Tables
------------------------------------------------------------------*/
	table {
		width:100%;
		background-color:#ffffff;
		border:1px solid #ffffff;
		text-align:left;
		vertical-align:top;
	}
	th{
		text-align:left;
		padding:2px 2px 2px 8px;
	}
	th.tableHeader{
		font-size:1.2em;
		color:#0383ff;
		text-align:center;
	}
	td{
		text-align:right;
		padding:4px;
	}
	tr.altBg{
		background-color:#d5dce2;
	}
	.condition{
		font-size:0.9em;
	}
	.tableCenter td{
		text-align:center;
	}
	.tableLeft td{
		text-align:left;
	}
	

/* News
------------------------------------------------------------------*/
#newsHolder{
	position:relative;
	width:742px;
	height:auto;
	left:19px;
	background:transparent url(../pix/news_bg.jpg) no-repeat bottom left;
}
#newsSimple{
	position:relative;
	width:742px;
	height:24px;
	left:19px;
	background:transparent url(../pix/news_bg_2.jpg) no-repeat bottom left;
}
	#newsTop{
		position:relative;
		width:742px;
		height:6px;
		background:transparent url(../pix/news_top.jpg) no-repeat 0 0;
		overflow:hidden;
	}
	#newsHolder h1{
		background:transparent url(../pix/h1_news.jpg) no-repeat 0 0;
		width:117px;
	}
	.newsItem{
		width:227px;
		height:auto;
		display:block;
		padding:0 4px 0 16px;
		margin:0;
		position:relative;
		font-size:0.9em;
		color:#ffffff;
		float:left;
	}
	.newsItem h3{
		font-size:1em;
		font-weight:bold;
		color:#333333;
		margin:0;
		padding:0;
	}
	.newsItem p{
		padding:0;
		margin:0;
	}
	.newsItem em{
		font-style:normal;
		color:#4a5866;
	}
	.newsItem a{
		color:#333;
		text-decoration:underline;
		font-weight:normal;
	}
	.newsItem a:hover{
		color:#fff;
	}

/* Footer
------------------------------------------------------------------*/
#footerFirst{
	display:block;
	position:relative;
	width:780px;
	height:auto;
	text-align:center;
	font-size:1em;
	background:#333 url(../pix/footer_bg.jpg) no-repeat 0 0;
}
	#footerFirst ul{
		padding:25px 0px 0px 0px;
		margin:0px;
		list-style-type:none;
		background:transparent;
	}
	#footerFirst li {
		display:inline;
		padding:0px 5px 0px 5px;
		margin:0px;
		border-right:1px solid #fff;
	}
	
	#footerFirst li a{
		color:#0383ff;
		text-decoration:none;
		font-weight:normal;
	}
	#footerFirst li a:hover{
		color:#fff;
		text-decoration:underline;
	}
	#footerFirst li.last{border:0px}

#footerLast{
	position:relative;
	width:780px;
	padding:10px 0px 0px 0px;
	background:#333;
}
	#copyrightInfo {
		font-size:1em;
		width:400px;
		float:left;
		text-align:left;
		color:#fff;
		padding:4px 0px 10px 0px;
		background:transparent;
	}
	#copyrightInfo .separator2{
		color : #0482ff;
	}
	
	/* Liquid Media link */
	#liquidMedia, #liquidLink{
		display:block;
		height:16px;
		width:182px;
	}
	#liquidMedia{
		float:right;
		right:0px;
		top:3px;
		position:relative;
		background:transparent url(../pix/liquid_logo.gif) no-repeat 0 0;
	}
	#liquidLink{
		font-size:1px;
		line-height:1px;
		text-indent:-9000px;
		overflow:hidden;
		text-decoration:none;
		outline:none;
	}

/* Misc
------------------------------------------------------------------*/
.clearB{
	clear:both;
	height:0;
	margin:0; /* I think this is unnecessary */
	font-size:1px; /* helps WinIE with B1 and B2 */
	line-height:0px; /* helps WinIE5 */
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}

#ceeLite, #ceeLiteLink{
	display:block;
	height:86px;
	width:210px;
}
#designEx, #designExLink{
	display:block;
	height:250px;
	width:210px;
}
#ceeLite, #designEx{
	position:absolute;
	left:0;
	margin:20px 0 10px 10px;
}
#ceeLite{
	bottom:0;
	background:transparent url(../pix/ceelite_logo.jpg) no-repeat bottom left;
}
#designEx{
	bottom:86px;
	background:transparent url(../pix/banner_visual_impact.jpg) no-repeat bottom left;
}
#ceeLiteLink, #designExLink{
	font-size:1px;
	line-height:1px;
	text-indent:-9000px;
	overflow:hidden;
	text-decoration:none;
	outline:none;
}
#topLinks{
	position:absolute;
	top:4px;
	right:0;
	width:auto;
	height:16px;
	font-size:0.8em;
/*	padding-right:10px; */
}
	#topLinks ul{
		padding:0;
		margin:0;
		list-style-type:none;
		background-color:transparent;
	}
	#topLinks li {
		display:inline;
		padding:0 12px 2px 18px;
		margin:0px;
		height:18px;
	}
	#topLinks li a{
		color:#0383ff;
		text-decoration:none;
	}
	#topLinks li a:hover{
		color:#fff;
		text-decoration:underline;
	}
		#extraItem1{
			background-image:url(../pix/icon_favorites.jpg);
			background-repeat:no-repeat;
			background-position:2px 1px;
		}
		#extraItem2{
			background-image:url(../pix/icon_contact.jpg);
			background-repeat:no-repeat;
			background-position:2px 1px;
		}
		#extraItem3{
			background-image:url(../pix/icon_sitemap.jpg);
			background-repeat:no-repeat;
			background-position:2px 1px;
		}