@charset "UTF-8";

body {
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	font-size:11px;
	background:#FFFFFF;
	margin: 0 auto; 
	padding: 0;
	text-align: center;
	color: #000000;
}

p{
	padding:8px 20px 0 24px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
}


.formersmall{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#999999;
}

#copyright {
	
z-index:-100;
 font:Arial, Helvetica, sans-serif;
 color:#999999; 
 margin:-30px auto; 
 width:905px; 
 text-align:left; 
 padding:0 0 0 90px;
}

#copyright2 {

z-index:-100;
 font:Arial, Helvetica, sans-serif;
 color:#999999; 
 margin:-20px 0 0 -490px; 
 width:910px; 
 text-align:left;
}

#copyright3 {
position:absolute;
z-index:-100;
 font:Arial, Helvetica, sans-serif;
 color:#999999;
 display:block;
 margin:-2px 0 0 75px;
 float:left;
 width:700px; 
 text-align:left;
}

a:link {
	color:#666666;
}
a:visited {
	color:#666666;
}
a:hover {
	color:#666666;
}
a:active {
	color:#666666;
}


#header {
	height:70px;
	margin:40px auto;  
}

#indeximage {
	width: 948px;  
	margin:0 auto;
	height:473px;
	text-align: left;
	background:#FFFFFF;
	border: 1px #CCCCCC solid;
} 

#container {
	width: 1000px;
	margin:0 auto;
	height:auto;
	background:#FFFFFF;
} 

#intspace {
	width: 948px;  
	margin:0 auto;
	height:473px;
	text-align: left;
	background:#FFFFFF;
	border: 1px #CCCCCC solid;
}

#mainimageborder {
	margin:0 auto;
	text-align: center;
	height:auto;
	padding:5px;
	background:#FFFFFF;
	border: 1px #CCCCCC solid;	
}


#mainimageborder2 {
	width:auto;
	margin:0 auto;
	text-align: center;
	height:auto;
	padding:14px;
	background:#FFFFFF;
	border: 1px #CCCCCC solid;	
}


*html #leftContent {
	padding:14px;
}

*html #mainimageborder2 {
	width:auto;
	margin:0 auto;
	text-align: center;
	height:auto;
	padding:14px;
	background:#FFFFFF;
	border: 1px #CCCCCC solid;	
}

#intspace2 {
	width: 790px;
	margin:0 auto;
	text-align: center;
	height:auto;
	min-height:200px;
	padding:14px;
	background:#FFFFFF;
	border: 1px #E3E3E3 solid;	
}


#trialtable {
	min-height:148px;
	height:auto;
	vertical-align:middle;
}

#prodframe {
	border: 0px solid #ffffff;
	width:660px; 
	overflow:hidden; 
	margin:0;
	padding:0;
	height:472px;
	float:left;
	color:#FFFFFF;
	text-align: left;
	background:#FFFFFF;
}

#thumbs{
	width: 271px;
	float:left;  
	margin:0 auto;
	height:449px;
	padding:12px 12px 12px 0; 
	background:#FFFFFF;
}

#containerhome {
	width: 948px;  
	margin:50px auto;
	height:473px;
	text-align: left;
	background:#FFFFFF;
}

#mainContent {
	height:480px;
	padding: 0 20px;
	padding-bottom:20px;
	background: #FFFFFF;	
}

#footer {
	background:url(images/footer.gif) no-repeat top left;
	height:20px;
	color:#777777;
	text-align:left;
}

#footer p {
	margin: 0;
	paddding:3px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	text-align:left;
}



/* -------------------------------MAIN NAV------------------------------- */

div#navigation {
	clear:both;
	width: 480px;/* CENTERS TOP NAV*/
	height:21px;
	margin:0 auto;
	text-align:center;
	padding-left:540px;/* CENTERS TOP NAV*/
}

#aboutnavigation {
	height:21px;
	margin:0 auto;
	text-align:center;
	padding-left:50px;/* CENTERS TOP NAV*/
	padding-top:-5px;
}


#crazyfoot {
	width: 480px;/* CENTERS TOP NAV*/
	text-align:center;
	margin:10px auto;
}


#crazyfootcontain {
	width:1000px;
	margin:0 auto;
}



#aboutnavigation {
	width: 850px;/* CENTERS TOP NAV*/
	height:19px;
	margin:0 auto;
	text-align:center;
}




.ie8trouble {
	font:13px Arial, Helvetica, sans-serif; 
	padding:10px 0 3px 0;
	margin:10px 10px 0 10px;
	text-decoration:none;
}

.ietempnav{
	position:absolute; 
	width:480px; 
	height:21px; 
	margin:20px auto; 
	padding-left:450px; 
	display:block; 
}
	

div#topnavigation {
	height:31px;
	margin:0 auto;
	padding-left:7px;
	text-align:center;
	width: 830px; /* CENTERS TOP NAV*/
}



ul#navlist {
	margin: 0;
	list-style: none;
	font-size: 1px;
	padding:0;
	height:18px;
	text-align:right;
	overflow: hidden;
	list-style:none;
}

ul#navlist li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	height: 18px;
	overflow: hidden;
}
	
ul#navlist a{
	margin:0;
	cursor: pointer;
	display:inline-block;
	float: left;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	z-index: 20000;
}
	
#navlist a:link, #navigation a:visited{
	background-position: 0 0px;
	display: block;
}


#navlist a:current{
background-position: 0 -19px;
	display: block;
}

ul#navlist a:hover{
	background-position: 0 -19px;
	display: block;
}
	
li#home a{
	width: 70px;
	background:url(../images/sitenav.gif) top left no-repeat;
}

li#products a{
	width: 100px;
	background: url(../images/prod.gif) top left no-repeat;
}

.products2 a{
	width: 100px;
	background-position: 0 -19px;
}

li#about a{
	width: 75px;
	background: url(../images/au.gif) top left no-repeat;
}


li#events a{
	width: 75px;
	background: url(../images/events.gif) top left no-repeat;
}

		
li#contact a{
	width: 80px;
	background: url(../images/cu.gif) top left no-repeat;
}


/*LIGHTS*/


li#linear a{
	width: 141px;
	background:url(../images/prodnav2/lin.jpg) top left no-repeat;
}

li#circular a{
	width: 153px;
	background:url(../images/prodnav2/circ.jpg) top left no-repeat;
}

li#chand a{
	width: 102px;
	background:url(../images/prodnav2/chand.jpg) top left no-repeat;
}

li#led a{
	width: 40px;
	background: url(../images/prodnav2/led.jpg) top left no-repeat;
}
		
li#table a{
	width: 102px;
	background: url(../images/prodnav2/table.jpg) top left no-repeat;
}

li#wall a{
	width: 165px;
	background:url(../images/prodnav2/wall.jpg) top left no-repeat;
}

li#pendant a{
	width: 127px;
	background: url(../images/prodnav2/pendant.jpg) top left no-repeat;
}











li#david a{
	width: 100px;
	background: url(../images/prodnav2/david.jpg) top left no-repeat;
}

li#studio a{
	width: 100px;
	background:url(../images/prodnav2/studio.jpg) top left no-repeat;
}

li#awards a{
	width: 75px;
	background: url(../images/prodnav2/awards.jpg) top left no-repeat;
}









/*----SUB---------*/


li#linear2 a{
	width: 142px;
	background:url(../images/prodnav2/lin.jpg) top left no-repeat;
}

li#circular2 a{
	width: 154px;
	background:url(../images/prodnav2/circ.jpg) top left no-repeat;
}

li#chand2 a{
	width: 104px;
	background:url(../images/prodnav2/chand.jpg) top left no-repeat;
}

li#led2 a{
	width: 43px;
	background: url(../images/prodnav2/led.jpg) top left no-repeat;
}
		
li#table2 a{
	width: 103px;
	background: url(../images/prodnav2/table.jpg) top left no-repeat;
}

li#wall2 a{
	width: 165px;
	background:url(../images/prodnav2/wall.jpg) top left no-repeat;
}

li#pendant2 a{
	width: 122px;
	background: url(../images/prodnav2/pendant.jpg) top left no-repeat;
}





/* -------------------------------THUMBS NAV------------------------------- */





#containerthing {
	margin:0 auto;
	text-align:center;
	width:auto;

}



div#thumbnav {
	width: 283px;
	float:left;  
	margin:0 auto;
	height:444px;
	overflow:hidden;
	padding:14px 0 14px 0; 
	background:#FFFFFF;
}



#NEWthumbnav {
	width:900px;
	margin:0 auto;
	text-align:center;
	height:444px;
	overflow:hidden;
	padding:14px 0 14px 0; 
	background:#FFFFFF;
	 
	
}


ul#thumblist {
	margin: 0;
	list-style: none;
	padding:0;
	width: 283px;
	text-align:right;
	overflow: hidden;
	list-style:none;
}

#NEWthumblist  a span {
	display: none;
	text-decoration:none;
}


#NEWthumblist a:hover span {
	display:block;
	position:absolute;
	margin:130px 0 0 -130px;
	padding:3px 0;
	width:11%;
	height:56px;
	color:#999999;
   	font: 11px Arial, Helvetica, sans-serif; 
	line-height:13px;
	text-align: left;
	text-decoration:none;
 }
 
 
 *|html #NEWthumblist a:hover span {
	display:block;
	position:absolute;
	margin:0 auto;
	padding:3px 0;
	width:11%;
	height:56px;
	color:#999999;
   	font: 11px Arial, Helvetica, sans-serif; 
	line-height:13px;
	text-align: left;
	text-decoration:none;
 }

*html #NEWthumblist a:hover span {
	display:block; 
	clear:both;
	position:absolute;
	margin:130px 0 0 -130px;
	padding:3px 0;
	width:100%;
	height:56px;
	z-index: 100;
	color:#999999;
   	font: 11px Arial, Helvetica, sans-serif; 
	line-height:13px;
	text-align: left;
	text-decoration:none;
 }

ul#NEWthumblist {
	width:900px;
	margin:0 auto;
	text-align:center;
	list-style: none;
	padding:0;
	overflow: hidden;
	display:inline;
}

ul#NEWthumblist li{
	list-style: none;
	text-align:center;
	display:inline;
	margin:0 auto;
	padding:0;
	height: 130px;
	overflow: hidden;
}

ul#NEWthumblist a{
	border: 1px #CCCCCC solid;
	text-decoration:none; /*FOR THE SPAN TEXT*/
	text-align:center;
	margin:0 10px 20px 10px;
	cursor: pointer;
	float: left;
	padding:0;
	overflow: hidden;
}


#thumbimage {
	border: 0px solid #ffffff;
	padding:2px;
	text-align:center;
	margin:0 auto;
}
	
#NEWthumblist a:link,#NEWthumblist a:visited{
	background-position: 0 0px;
	display: block;
	text-align:center;
	
}


#NEWthumblist a:current{
	border: 2px #888888 solid;
	display: block;
}

#currentthumb {
	border: 2px #888888 solid;
	padding:0;
	text-align:center;
	margin:0 auto;
}


#NEWthumblist a:hover{
	border: 1px #888888 solid;
	display: block;
}

*|html li#thumb a{
	width: 132px;
	margin-top:0px;
}


li#thumb a{
	width: 132px;
	margin-top:10px;
}

li#thumbtest a{
	width:200px;
	border: 0px solid #ffffff;
}

li#thumbtest a:hover{
	width: 200px;
	border: 0px solid #ffffff;
}

li#thumbtest{
	width: 200px;
	border: 0px solid #ffffff;
}


li#arrow a{
	width: 40px;
	border: 0px solid #ffffff;
}


li#space {
	width: 80px;
	border: 0px solid #ffffff;
}

li#twospace, li#twospace a, li#twospace a:hover {
	width: 250px;
	cursor:default;
	border: 0px solid #ffffff;
}


li#space a{
	width: 80px;
	border: 0px solid #ffffff;
}

li#space a:hover{
	width: 80px;
	border: 0px solid #ffffff;
}

#arrow a:hover{
	width: 40px;
	border: 0px solid #ffffff;
}

li#arrow {
	width: 40px;
	border: 0px solid #ffffff;
}
/* -------------------------------H1 Tags Start Here------------------------------- */

h1 {
font-size:0;
overflow:hidden;
margin: 28px 0 0 20px;
padding-top:0px;
height: 0px !important;
height /**/:55px;
}

h1#hhead {
padding-top: 55px;
background: url(images/hhead.gif) no-repeat;
}

h1#lhead {
padding-top:55px;
background: url(images/lhead.jpg) no-repeat;
}

h1#auhead {
padding-top: 55px;
background: url(images/auhead.gif) no-repeat;
}

h1#hudsonhead {
padding-top: 55px;
background: url(images/hudsonhead.gif) no-repeat;
}




/* --------------------------------SINGLE IMAGE --------------------------------------*/



#singleimageintspace {
	width:auto;  
	margin:0 auto;
	padding:14px;
	height:ayto;
	text-align: left;
	background:#FFFFFF;
	border: 1px #CCCCCC solid;
}