/* ------------------------------------------------------------------------------------------------- */
/* ------------------------ LED SULOTIONS STYLES - COPYRIGHT EAZYTIGER LTD ------------------------ */
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------ fixed styles, bug fixes and resets ------------------------ */


body {
	text-align: left;
	font-family: arial, Verdana, helvetica, sans-serif;
	color: #fff;
	letter-spacing: 0.02em;
	font-size:0.75em;
	background:url(../images/bg.jpg) repeat-x top center #000;
	margin:0 auto;
	padding:0;
}


h1, h2{
	text-transform:uppercase;
}

h1 {
	text-indent:-1000em;
}

h2 {
	font-size:1.2em;
	margin:10px 0;
	color:#fff;
}

h3 {
	font-size:1em;
	margin:10px 0;
	color:#f6d9a0;
}

.hide {
	display:none;
}


a {
	color:#fff;
	text-decoration:underline;
}

a:hover {
	color:#f6d9a0;
	text-decoration:underline;
}



hr {
	border:none;
	height:1px;
	margin:12px 0;
	padding:0;
	background:#101010;
	color:#101010;
	width:100%;
	clear:both;
	float:left;
}

img {
	display: block;
	border: 0;
}

* {
	padding: 0;
	margin: 0;
}

strong {
	font-weight: bold;
	letter-spacing: 0em;
}

.highlight {
	color:#f6d9a0;
}

.highlight-bold {
	color:#f6d9a0;
	font-weight:bold;
}

.txt-right {
	text-align:right;
}

.txt-left {
	text-align:left;
}

.txt-center {
	text-align:center;
}

.clearer {
	height: 1px;
	clear: both;
	overflow: hidden;
}

.clearer hr {
	display: none;
}
form {
	font-size: 1em;
}

fieldset {
	border: 0;
}

.small {
	font-size:0.9em;
}

table {
	width:100%;
	background:#000;
	margin:10px 0;
}

table th {
	font-weight:bold;
}

table td {
	text-align:center;
	background:#333;
	padding:8px;
}

table .long {
	text-align:left;
	width:30%;
}

/* end fixed styles */

/* structure */

.frame {
	float:none;
	width:950px;
	padding:0;
	margin:0 auto;
}


#banner, #content, #header, #footer, #content-wide{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}



#logo {
	width:302px;
	float:right;
	margin:29px 0 0 0;
	padding:0;
	background:#000;
}


#header .frame{
	background:url(../images/bg-header.gif) no-repeat top right;
	height:103px;
}

#content .frame{
	overflow:hidden;
	background:url(../images/bg-content.jpg) no-repeat top left;
}

#content-wide .frame{
	width:890px;
	overflow:hidden;
	background:url(../images/box-content-long.jpg) no-repeat top left;
	padding:30px ;
	margin:10px auto;
}

#content-wide img{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #333;
	padding:4px;
}

#content-wide p, #col-main p {
	line-height:1.6em;
	margin:0 0 10px 0;
}

#content-wide h2, #col-main h2 {
	width:100%;
	padding:0 0 10px 0;
	border-bottom:1px solid #101010;
}

#content-wide ul, #col-main ul  {
	float:none;
	clear:both;
	margin:20px;
}

#content-wide ul li ,#col-main ul li{
	margin:0 0 10px 0;
}

.col-1 {
	float:left;
	margin:0 16px 0 0;
	padding:0;
	width:48%;
	border-right:1px solid #333;
}

.col-2 {
	float:left;
	margin:0;
	padding:0 0 0 20px;
	width:30%;
	border:none;
}

#col-sub {
	float:left;
	width:200px;
	margin:10px 30px 0 0;
	padding:4px 0 0 0;
	background:url(../images/bg-sub-nav-top.gif) no-repeat top left ;
}


#col-sub #sub-nav{
	width:200px;
	background:url(../images/bg-sub-nav.gif) repeat-y top left ;
	padding:0;
	
}
#col-sub #sub-nav li {
	list-style-type:none;
	border-bottom:1px solid #000;
	padding:4px 0;
}


#col-sub #sub-nav .last {
	padding:4px 0 8px 0 ;
	background:url(../images/bg-sub-nav-bottom.gif) no-repeat bottom left;
}

#col-sub #sub-nav li a {
	margin:0 0 0 20px;
	text-decoration:none;
	padding:0 0 0 20px;
	background:url(../images/arrow-grey.gif) no-repeat center left ;
	color:#f6d9a0;
}

#col-sub #sub-nav li a:hover {
	background:url(../images/arrow-white.gif) no-repeat center left ;
	color:#fff;
}

#col-sub #sub-nav li #active {
	background:url(../images/arrow-white.gif) no-repeat center left ;
	color:#fff;
}


#col-sub #sub-nav li .sublink {
	font-size:0.8em;
	background:none;
	color:#999;
}

#col-sub #sub-nav li .sublink:hover {
	background:none;
}

#col-sub #sub-nav li .sublink-active {
	color:#fff;
	font-size:0.8em;
	background:none;
}


#col-main {
	float:right; 
	width:670px;
	margin:10px 0 0 0;
	padding:10px 20px;
	background:url(../images/box-content-medium.jpg) no-repeat top right ;
}


#products ul.products-images {
	float:left;
	width:100%;
	padding:0;
	margin:0 0 30px 0;
}	

#products ul.products-images li {
	float:left;
	margin:0;
	padding:0 0 0 20px;
	list-style-type:none;
	border-right:1px solid #333;
}

#products ul.products-images .last{
	border-right:none;
}


#footer .frame{
	overflow:hidden;
	padding:15px 0 35px 0;
	background:url(../images/accreditations.gif) no-repeat center left;
	color:#333;
	font-size:0.9em;
}

#footer .frame a {
	color:#333;
	text-decoration:none;
}

#footer .frame a:hover {
	color:#f6d9a0;
	text-decoration:underline;
}


#global-nav {
    float:left;
    width:62%;
    margin:40px 0 0 0;
    line-height:normal;

}

#global-nav li {
	float:left;
	list-style-type:none;
	margin:0 2px 0 0;
}

#global-nav li a {
	display:block;
	width:95px;
	height:32px;
	text-indent:-1000em;
	overflow: hidden;
}

#global-nav li #nav1 {
	background:url(../images/nav/nav-1.gif) no-repeat top right;
}
#global-nav li #nav1:hover {
	background:url(../images/nav/nav-1.gif) no-repeat bottom right;
}

#global-nav li #nav2 {
	background:url(../images/nav/nav-2.gif) no-repeat top right;
}
#global-nav li #nav2:hover {
	background:url(../images/nav/nav-2.gif) no-repeat bottom right;
}

#global-nav li #nav3 {
	background:url(../images/nav/nav-3.gif) no-repeat top right;
}
#global-nav li #nav3:hover {
	background:url(../images/nav/nav-3.gif) no-repeat bottom right;
}

#global-nav li #nav4 {
	background:url(../images/nav/nav-4.gif) no-repeat top right;
}
#global-nav li #nav4:hover {
	background:url(../images/nav/nav-4.gif) no-repeat bottom right;
}

#global-nav li #nav5 {
	background:url(../images/nav/nav-5.gif) no-repeat top right;
}
#global-nav li #nav5:hover {
	background:url(../images/nav/nav-5.gif) no-repeat bottom right;
}

#global-nav li #nav6 {
	background:url(../images/nav/nav-6.gif) no-repeat top right;
}
#global-nav li #nav6:hover {
	background:url(../images/nav/nav-6.gif) no-repeat bottom right;
}



/* hover state generated by body id*/

#page-why-us #global-nav li #nav1 {
	background:url(../images/nav/nav-1.gif) no-repeat bottom right;
}

#page-news #global-nav li #nav2 {
	background:url(../images/nav/nav-2.gif) no-repeat bottom right;
}

#products #global-nav li #nav3 {
	background:url(../images/nav/nav-3.gif) no-repeat bottom right;
}

#page-case-studies #global-nav li #nav4 {
	background:url(../images/nav/nav-4.gif) no-repeat bottom right;
}

#page-downloads #global-nav li #nav5 {
	background:url(../images/nav/nav-5.gif) no-repeat bottom right;
}

#page-contacts #global-nav li #nav6 {
	background:url(../images/nav/nav-6.gif) no-repeat bottom right;
}


/* headers */
h1#illuminated-signage {
	background:url(../images/headers/illuminated-signage.gif) no-repeat top left;
}

h1#architectural-lighting {
	background:url(../images/headers/architectural-lighting.gif) no-repeat top left;
}

h1#latest-news {
	background:url(../images/headers/latest-news.gif) no-repeat top left;
}

h1#why-us {
	text-indent:-1000em;
	background:url(../images/headers/why-us.gif) no-repeat top left;
}

h1#sitemap {
	text-indent:-1000em;
	background:url(../images/headers/sitemap.gif) no-repeat top left;
}

h1#news {
	background:url(../images/headers/news.gif) no-repeat top left;
}

h1#products {
	background:url(../images/headers/products.gif) no-repeat top left;
}

h1#case-studies {
	background:url(../images/headers/case-studies.gif) no-repeat top left;
}

h1#downloads {
	background:url(../images/headers/downloads.gif) no-repeat top left;
}

h1#contacts {
	background:url(../images/headers/contacts.gif) no-repeat top left;
}

/* home page boxes */


#boxes {
	float:left;
	padding:0;
	margin:10px 0 ;
}

#boxes li {
	list-style-type:none;
	float:left;
	width:297px;
	padding:12px 3px 0 3px;
	margin:0 19px 0 0;
	background:url(../images/bg-box.jpg) no-repeat top left;
}

#boxes #box-last {
	margin:0;
}

#boxes li h1, #boxes li p {
	margin:0 0 12px 12px;
}

#boxes li img {
	margin:0 0 12px 0;
}

#boxes li h1 , #latest-news li h1 {
	width:220px;
	height:44px;
}

.btn-learn-more {
	float:right;
	text-indent:-1000em;
	display:block;
	width:88px;
	height:15px;
	margin:10px 0 0 0;
	background:url(../images/btn-learn-more.gif) no-repeat bottom right;
}

.btn-learn-more:hover {
	background:url(../images/btn-learn-more-h.gif) no-repeat bottom right;
}


#news-list {
	width:90%;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 0 12px;
}

#news-list li {
	float:none;
	width:100%;
	clear:both;
	list-style-type:none;
	border-bottom:1px solid #24221f;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	background:none;
}

#news-list .last {
	border:none;
}

#news-list li p {
	padding:0;
	margin:0 0 10px 0;
}

#news-list li a {
	text-decoration:none;
}

#news-list li a:hover {
	text-decoration:underline;
}

#news-list .divider {
	color:#666;
	margin:0 5px;
}

#downloads .downloads-list li {
	list-style-type:none;
	background:url(../images/arrow-download.gif) no-repeat center left;
	padding:0 0 0 25px;
}

#case-studies #news-list, #news #news-list {
	width:100%;
	clear:both;
	float:left;
	margin:0;
	padding:0;
}

#case-studies #news-list li, #news #news-list li {
	padding:10px 0 0 0;
	margin:0;
}





/* @= Form styling ----------- */

#page-contacts #content-wide ul
	{
		margin: 0;
	}
#page-contacts #content-wide fieldset
	{
		float:left;
		margin: 0;
		padding: 0;
	}
#page-contacts #content-wide li
	{
		list-style: none;
		padding-top: .5em;
	}
	
#page-contacts #content-wide ol {
		padding:0;
		margin:0;
		list-style-type: none;
		list-style-image: none;
	}
	
#page-contacts input.txt
	{
		border: 1px solid #eaeaea;
		color:#666;
		width: 240px;
		padding:3px;
		margin-right:5px;
		font-size:1em;
		font-family:arial, verdana, sans-serif;
	}
#page-contacts  input.button
	{
		margin-left:19em;
	}
#page-contacts label
	{
		color:#999;
		display: block;
		text-align: right;
		float: left;
		width: 8em;
		padding-right:1em;
		margin:3px 0 0 0;
	}
	
#page-contacts .rbutton {
		border: 0;
		
	}
	
#page-contacts .btn_submit {
		border:1px solid #333;
		background-color:#1a1a1a ;
		color:#fff;
		font-weight:bold;
		padding:4px;
		margin:5px 0 0 0;
	}
	
#page-contacts select {
		padding:2px;
		font-size:0.7em;
		border:1px solid #f5f5f5;
		color:#666;
	}
	
#page-contacts textarea {
		width:240px;
		padding:2px 2px 2px 5px;
		color:#666;
		border:1px solid #eaeaea;
		font-size:1em;
		font-family:arial, verdana, sans-serif;
	}

	
#contentManaged h1 {
text-indent: 0;
font-family:arial, verdana, sans-serif;
color: #fff;
font-size: 2em;
border: 0;
margin: 20px 0 5px;
}

#contentManaged h2 {
text-indent: 0;
font-family:arial, verdana, sans-serif;
color: #fff;
font-size: 1.6em;
border: 0;
margin: 16px 0 5px;
}

#contentManaged h3 {
text-indent: 0;
font-family:arial, verdana, sans-serif;
color:#f6d9a0;
font-size: 1.3em;
border: 0;
margin: 12px 0 5px;
}

#contentManaged h4 {
text-indent: 0;
font-family:arial, verdana, sans-serif;
color:#f6d9a0;
font-size: 1.2em;
border: 0;
margin: 12px 0 5px;
}