/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/


html, body
{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #333333;
}

div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 780px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.jpg);
    background-position: bottom right;
    background-repeat: repeat-y;
}

div#container
{
    margin: auto;
    width: 780px;
    background: transparent;
    background-position: left;
    background-repeat: repeat-y;
}

.content-container-layout
{
	margin: 25px 0px 0px 0px;
}




div#header
{
    background-color: #666688;
    color: #ffffff;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  70px;
    z-index: 100;
    margin: auto;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 20px 0px 0px 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
}

div#contenttable
{
    display: table;
}

/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 187px;
    left: 0px;
    top: 0px;
}

div#menu ul
{
    width: 187px;
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #ffffff;
    background-color: #777671;
}

div#menu ul li.selected
{
    display: block;
    color: #ffffff;
    background-color: #777671;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #a19e97;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}

/*
end main side menu
*/

div#content
{
    display: table-cell;
    background: transparent;
    width: 581px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 35px;
}

/*
end content wrapper
*/

/*
footer
*/

div#footer
{
    width: 780px;
    margin: 0 auto;
    display: block;
    height: 35px;
    background-color: #eeeeee;
    margin-top: -35px;
    position: relative;
    padding: 0px;
    clear: both;
}

div#footer p
{
    padding: 10px 0px 0px 20px;
    font-size: 11px;
    color: #666666;
}

/*
end footer
*/

/* Gallery Pod */

.gallery-pod-container
{
	background-image: url(images/gallery-pod-bg.png);
	background-repeat: no-repeat;
	float:left;
	height: 190px;
	width: 650px;

}

.gallery-pod-img{width:230px; float:left;}
.gallery-pod-img a{}

.gallery-pod-img img
{
	border:1px solid #B7D653;
	margin:10px 0 0 17px;
	max-height:150px;
	max-width:200px;
}

.gallery-pod-right{ width: 345px; float:left;}

.gallery-pod-title{}
.gallery-pod-title h3{}

.gallery-pod-content {}
.gallery-pod-content p{}

/* End Gallery Pod */


/* Picture Gallery loi */

.gallery-img-container
{
	height:200px;
}

/* End Picture Gallery loi */


/* Form */

div.form div.form_subgroup ul.formitems
{
	list-style:none outside none;
	margin:0;
	padding:0;
}

/* End Form */


/* Sinc8 Overrides */

div#imagelibrary
{
	border:1px solid #FFFFFF;
	height:auto;
}

/* End Sinc8 Overrides */


/* Sinc8 Overrides */

.darkStripe a
{
	color: #000;
}

.lightStripe a
{
	color: #000;
}

/* End Sinc8 Overrides */


/* Right Pod */

.right-pod-container
{
	background-image: url(images/gallery-pod-bg.png);
	background-repeat: no-repeat;
	float:left;
	height: 190px;
	width: 650px;

}

.right-pod-img{width:230px; float:left;}
.right-pod-img a{}

.right-pod-img img
{
	border:1px solid #B7D653;
	margin:10px 0 0 17px;
	max-height:150px;
	max-width:200px;
}

.right-pod-right{ width: 345px; float:left;}

.right-pod-title{}
.right-pod-title h3{}

.right-pod-title-main{}
.right-pod-title-main h3{}

.right-pod-content {}
.right-pod-content p{}

/* End Right Pod */

/* Bottom Pod */

.rightcont-wide
{
	width:295px;
	float:left;
	margin:25px 0px 0px 25px;
	padding:0px;
}

.ledlighting-wide
{
	width:295px;
	float:left;
	margin:0 0 20px 0;
	padding:0px;
}

.section-heading-wide
{
	width:253px;
	height:41px;
	line-height:40px;
	background:url(../images/top-wide.png) top center no-repeat;
	float:left;
	margin:0px;
	padding:0 0 0 45px;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
}
	
	
.common-div-wide
{
	width:auto;
	margin:0px 0px 0px 2px;
	padding:0px;
	float:left;
}


.section-bg-wide
{
	width:295px;
	background:url(../images/bg-wide.png) top center repeat-y;
	margin:0px;
	padding:0px 0px 0px 2px;
	float:left;
}
	
.section-bg-wide img
{
	max-width:275px;
	padding: 0px 0px 0px 10px;
}	
.section-content-wide
{
	background:url(../images/blue-bg.png);
	margin:0px 0px 0px 10px;
	padding:0px;
	width:275px;
	float:left;
}

.section-content-wide p
{
	padding:0px 0px 0px 10px;
}

/* End Bottom Pod */

.darkStripe span {color: #000 !important;}
.lightStripe span {color: #000 !important;}





/* Wide Content Area */

.gallery-pod-container-wide
{
	background-image: url(images/gallery-pod-bg.png);
	background-repeat: no-repeat;
	float:none;
	height: 190px;
	width:660px;
	margin: 0 auto;
}

/* End Wide Content Area */

 
.innerfade { }
.leftcont-image-fade {}

.bg-image-fade
{
 	height: 345px !important;
	margin:15px 0 0 0;
	padding:0px 11px;
	background:url(../images/bg.png) top center repeat-y;
	position:relative;
	float:left;
	z-index:0;
	width:638px;
}

.content-container-layout-image-fade { margin: 0px !important;}