@charset "UTF-8";
/* CSS Document */

* {
padding: 0;
border: 0
}

a:active, a:focus {outline: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
margin:0;
padding:0;
}


body {

font-family: Arial, Helvetica, arial, sans-serif; 
font-size: 13px;
color: #fff;
background: #000;
}


#outer_shell_bg {
	width:100%;
	padding:0px;
	background-image: url(images/common/plans_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
} 


#outer_shell {
	width:100%;
	padding:0px;
} 



#inner_shell {
	clear:both;
	margin:0px auto 0px auto;
	padding:0px;
	width:900px;
} 


p {
font-family: Arial, Helvetica, arial, sans-serif; 
line-height:125%;
font-size: 12px;
font-weight:normal;
color: #fff;
padding: 0px 0px 15px 0px;
}

p a 
{ 

text-decoration:none;
font-weight:normal;
}


p a:link,
p a:visited
{ 
color:#78a22f;
text-decoration:none;
font-weight:normal;
}

p a:hover { 
text-decoration:underline;
}

h1 {
color:#78a22f;
font-size:20px;
font-weight:normal;
line-height:125%;
padding: 25px 0px 0px 0px;
}

h1 a:link, h1 a:visited {
color:#78a22f;
text-decoration:none;
}

h1 a:hover {
color:#78a22f;
text-decoration:underline;
}



h2 {
color:#b4c98a;
}

h3 {
color:#fff;
font-size:15px;
font-weight:normal;
line-height:125%;
padding: 0px 0px 15px 0px;
}


h4 {
color:#b4c98a;
font-size:13px;
font-weight:bold;
line-height:125%;
padding: 0px 0px 5px 0px;
}

#basiclist
{
font-size:12px;
line-height:100%;
font-weight:normal;
margin:0 0 20px 0px;
padding-left: 0;
list-style: none;
}

#basiclist li 
{
padding-left: 15px;
padding-top: 10px;
background-image: url(images/common/bullet.gif);
background-repeat: no-repeat;
background-position: 0 1.15em;
}


#basiclist li a 
{ 
color:#78a22f;
text-decoration:none;
}


#basiclist li  a:link,
#basiclist li  a:visited
{ 
color:#78a22f;
text-decoration:none;
}

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

.longtext {
font-family: Arial, Helvetica, arial, sans-serif; 
font-size: 13px;
font-weight:normal;
color: #fff;
line-height: 185%;
padding: 0px 0px 10px 0px;
}

.longtext a 
{ 
color:#78a22f;
text-decoration:none;
font-weight:normal;
}


.longtext a:link,
.longtext a:visited
{ 
color:#78a22f;
text-decoration:none;
font-weight:normal;
}

.longtext a:hover { 
text-decoration:underline;
}


.break {
clear:both;
width:100%;
}



.clear {clear:both;}
.clear5 {clear:both; padding-bottom:5px;}
.clear10 {clear:both; padding-bottom:10px;}
.clear15 {clear:both; padding-bottom:15px;}
.clear20 {clear:both; padding-bottom:20px;}
.clear25 {clear:both; padding-bottom:25px;}
.clear30 {clear:both; padding-bottom:30px;}
.clear35 {clear:both; padding-bottom:35px;}
.clear40 {clear:both; padding-bottom:40px;}




/* Header Styles 

------------------------------------------------------ */

#header { 
margin:0px auto 0px auto;
padding:0px;
width:900px;


} 



#logo { 
padding: 10px 0px 0px 24px;
float:left;

}


#nav_container {
clear:left;
width:900px;
}

#navlist
{
padding: 10px 0px;
margin: 0px;
border-bottom: 1px solid #333;
font: normal 11px Arial, Helvertica, Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin-left: 0px;
display: inline;

}

#navlist li a
{
margin-right:-3px; padding: 10px 20px;
border-top: none;
border-bottom: none;
background: #000;
text-decoration: none;
border-left: 1px solid #333;
/* background: transparent url(images/common/nav_divider.gif) center left no-repeat; */
}

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }

#navlist li a:hover
{
color:#78a22f;
}

#navlist li a#current
{
margin-right:-3px;
padding: 10px 20px ;
color:#78a22f;
border-bottom: 1px solid #000;
}

#nav_last {
border-right: 1px solid #333;
padding: 10px 3px 10px 0px;
}





#subnav_container {
clear:left;
width:900px;
border-bottom: 1px solid #333;
}

#subnavlist
{
padding: 5px 0px;
margin-left:10px;
font: normal 11px Arial, Helvertica, Verdana, sans-serif;
}

#subnavlist li
{
list-style: none;
margin-left: 0px;
display: inline;

}

#subnavlist li a
{
margin-right:-3px; padding: 5px 10px;
border-top: none;
border-bottom: none;
background: #000;
text-decoration: none;
/* border-left: 1px solid #333; */
background-image: transparent url(images/common/nav_divider_15px.gif) center left no-repeat;
}

#subnavlist li a:link { color: #fff; }
#subnavlist li a:visited { color: #fff; }

#subnavlist li a:hover
{
color:#78a22f;
}

#subnavlist li a#current
{
margin-right:-3px;
padding: 5px 10px ;
color:#78a22f;
}




#eyebrow { 
float:right;
margin-top:5px;
padding: 10px 20px 0px 0;
font-size: 11px;
color: #999;
text-decoration:none;
}


#eyebrow a:link,
#eyebrow a:visited
{ 
font-size: 11px;
color: #999;
text-decoration:none;
}

#eyebrow a:hover { 
font-size: 11px;
color: #999;
text-decoration:underline;
}


#eyebrow li {

display: inline;
list-style-type: none;
padding-right: 10px;

}

/* Page Level Styles 

------------------------------------------------------ */

#movie_box {
    clear:both;
	margin:15px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:900px;
    }
	
	
#page_wrapper {
width:900px;
margin:0;
padding:0;
}


#home_content {
float:left;
width:565px;
margin:15px  0px 0px 0px;
padding-left:25px;
}

#home_feature {
float:right;
margin:15px 0px 0px 20px; 
width:280px;
}

a#feature1{display:block; width:280px; height:111px; background:url(images/homepage/feature_teak2.gif) 0px 0; no-repeat; text-indent:-9999px;}
a#feature1:hover{background:url(images/homepage/feature_teak2.gif) no-repeat 0px -111px;}

#feature2{width:244px; height:150px; background:url(images/homepage/flash_feature_bg.png) no-repeat; margin:15px 0 0 0; padding:18px;}
/* a#feature2:hover{background:url(images/homepage/feature_leds_280x256.gif) no-repeat 0px -128px;} */

.led_text1 {margin:0 0 9px 0;}
.led_text2 {margin:9px 0 0 0;}


a#baylist{display:block; width:457px; height:63px; background:url(images/homepage/baylist.png) 0px 0; no-repeat; text-indent:-9999px; margin-top:30px;}
a#baylist:hover{background:url(images/homepage/baylist.png) no-repeat 0px -63px;}


.textbox_1col {

float:left;
width:640px;

}

.textbox_2col_a {

float:left;
width:275px;
line-height: 200%;

}

.textbox_2col_b {

float:left;
width:275px;
padding-left:15px;
line-height: 200%;

}


.textbox_halfcol_a {
line-height: 200%;
float:left;
width:400px;
}

.textbox_halfcol_b {
line-height: 200%;
float:right;
width:400px;
}



#home_content h1{
color:#78a22f;
font-size:20px;
font-weight:normal;
line-height:125%;
padding: 0px 0px 15px 0px;
}



#home_content p {
font-size: 12px;
font-weight:normal;
color: #fff;
line-height: 125%;
padding: 0px 0px 10px 0px;
}

#home_content p a:link
{ 
color: color:#78a22f;
text-decoration:none;
}

#home_content p a:hover { 
text-decoration:underline;
}

/* Product Page Styles 

------------------------------------------------------ */
.fullpage_wrapper {
width:900px;
margin:0px 0px 0px 0px;
}


.fullpage_wrapper2 {
clear:left;
width:900px;
padding:15px 0px 0px 0px;


}

.fullpage_2col_a {
float:left;
width:400px;
margin-left:25px;

}

.fullpage_2col_b {
float:right;
width:420px;
margin-right:20px;

}

#single_col {
float:left;
width:875px;
margin-left:0px;
}

#single_col p {
}
 

#single_col .list {
line-height:100%;
}

#home_content p {
font-size: 12px;
font-weight:normal;
color: #fff;
line-height: 100%;
padding: 0px 0px 15px 0px;
}

#home_content p a:link
{ 
color: color:#78a22f;
text-decoration:none;
}

#home_content p a:hover { 
text-decoration:underline;
}



#twothirds_col1 {
float:left;
width:325px;
padding-left:0px;
}

#twothirds_col2 {
float:left;
width:510px;
margin-left:20px;
}


.product_module {
clear:left;
margin-bottom:10px;

}

.producttext_wrap {
}

.product_image {
float:left;
margin:0px 10px 25px 0px;
}


.product_title a {
text-decoration:none;
font-size:14px;
color:#cdc3ba;
margin-bottom:5px;

}

.product_title a:link, 
.product_title a:visited,
{
text-decoration:none;
font-size:14px;
color:#cdc3ba;
margin-bottom:5px;

}

.product_title a:hover
{
text-decoration:underline;

}


.product_title {
font-size:14px;
color:#cdc3ba;
margin-bottom:5px;

}

.product_text {
color:#CCCCCC;
font-size:11px;
}




.featprod_mod {
float:left;
margin-bottom:25px;
width:425px;
height:118px;
background-color:#1c1b1b;
}

.l25 {margin-left:20px;}

.featmod_image {
float:left;
margin:0px 10px 0px 0px;
border-right: 2px solid #000;
}



.featprod_mod h1 {
text-decoration:none;
font-size:13px;
color:#ccc;
margin:0px 0px 5px 0px;
padding:10px 0px 0px 0px;
}

.featprod_mod h1 a:link, .featprod_mod h1 a:link, {
text-decoration:none;
color:#ccc;
}

.featprod_mod h1 a:hover {
text-decoration:underline;
color:#ccc;
}


.featprod_mod p {
color:#fff;
font-size:11px;
margin:0px 20px 10px 0px;
padding:0;
}


.featprod_mod h2 {
text-decoration:none;
font-weight:bold;
font-size:11px;
color:#78a22f;
margin:0;
padding:0;
}


.prodpic {
position: relative;
z-index:0;
float:left;
margin:0px 10px 0px 0px;
border-right: 2px solid #000;
}

.prodpic:hover{
background-color: transparent;
z-index: 50;
}

.prodpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.prodpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.prodpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absulute;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */}





/* Location Styles 

------------------------------------------------------ */
#location_col_a {
float:left;
width:400px;
margin-left:0px;

}

#location_col_b {
float:left;
width:400px;
margin-left:35px;
padding-top:10px;

}

#location_col_b h1 {
font-size:12px;
margin:0;
padding:0;

}

#location_col_b h3 {
color:#fff;
font-size:15px;
font-weight:normal;
line-height:125%;
padding: 0px 0px 15px 0px;
}

#location_col_b p {
color:#fff;
font-size: 12px;
font-weight:normal;
line-height: 125%;
padding: 0px 0px 10px 0px;
}


#location_col_b p a
{ 
color:#78a22f;

text-decoration:none;
}

#location_col_b p a:hover { 
text-decoration:underline;
}




.location_image_lg {
width:400px;
height:300px;
margin:10px 10px 20px 0px;
text-align:center;
}

.location_thumbs {
padding-top:15px;
width:400;
clear:left;
}

.location_image_th {
display:inline;
width:100px;
height:100px;
padding:5px
}

.location_map {
width:375px;
height:220px;
margin-top:15px;
margin-bottom:50px;
}


/* Footer Styles 

------------------------------------------------------ */


#footer {
clear:both;
text-align:center;
padding:40px 0px 0px 5px;
}

#footer a:link,
#footer a:visited,
#footer a:hover {
font-size:10px;

color:#999999; text-decoration:none; padding:5px;
}

#footer a {
font-size:10px;
color:#999999; text-decoration:none; padding:5px;
}

#footer a:hover {
text-decoration:underline;
}


/* Gallery Styles 

------------------------------------------------------ */

#gallery_wrapper {
text-align:center;
margin:25px 0;
}


/* Event Styles 

------------------------------------------------------ */

#event {
/* text-align:center; */
}

#event p {
/* text-align:center; */
margin:0px;
padding:0;
line-height:100%;

}


#event_col1 {
float:left;
width:450px;
}

#event_col2 {
float:left;
width:360px;
margin-left:20px;
}

#hr {
height:1px;
background-color:#999999;
}


/* In the News Styles 

------------------------------------------------------ */

.news {
width:900px;
margin:0 0 0 0px;
padding:25px 0px 25px 0px;
border-bottom: 1px solid #333;
}

.newstitle {
font-size: 20px;
font-weight:normal;
color: #fff;
line-height: 125%;
padding: 0;
margin:0;
}

.news p {
font-size: 12px;
font-weight:normal;
color: #fff;
line-height: 125%;
padding: 0;
margin:0;
}

.news p a:link
{ 
color: color:#78a22f;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
font-size: 10px;
}

.news p a:hover { 
text-decoration:underline;
}

.newslogo {
margin:0 0 10px 0px;
}



/* Gallery Styles 

------------------------------------------------------ */


.gallery {
float:left;
padding-left:20px;
width:200px;
}

.gallery p {
margin: 10px 0px 0px 0px;
font-size:12px;
padding: 0px;
color: #666;
}

.gallery p a {
color: #666; 
font-weight:bold;
text-decoration: none;
font-weight: normal;
}

.gallery p a:link {
color: #666; 
font-weight:bold;
text-decoration: none;
}

.gallery p a:hover {
color: #666; 
font-weight:bold;
text-decoration: underline;
}


#collection_main {
clear:both;
margin: 50px 0 60px 0px;
}



