/* Blank Template
Please located your images here: /styles/nrgdigital.net/NRGDesign2012/images
*/

/* body */
body{
	background-color:#ffffff;
	font-family:Arial,Helvetica,sans-serif;
	line-height:120%;
	margin:0;
	padding:0;
}

/* linked image - any image within a link */
a img{
	border:0;
}

a{
	color:#f49130;
}

a:hover{
	color:#fff;
}

/* container - The outside of the whole page */
#container {
	margin:0;
	padding:0;
}

/* header - the whole the header */
#header{
	background:transparent url('/styles/nrgdigital.net/NRGDesign2012/images/top-bar.jpg') top center repeat-x;
}

/* headerTop - the top of the header div */
#headerTop{
	background:transparent url('/styles/nrgdigital.net/NRGDesign2012/images/top-bar-full.jpg') top center no-repeat;
	height:64px;
	margin:0;
	padding:0;	
}

/* headerMiddle - the middle of the header */
#headerMiddle{
	margin: 0 auto;
    width: 1000px;
}

/* headerMiddleLeft - the left part of the middle of the header */
#headerMiddleLeft{
	
}

/* headerMiddleMiddle - the middle part of the middle of the header */
#headerMiddleMiddle{
	background:transparent url('/styles/nrgdigital.net/NRGDesign2012/images/header.jpg') top center no-repeat;
	height:220px;
}

/* headerMiddleRight - the right hand part of the middle of the header */
#headerMiddleRight{

}

/* headerBottom - the bottom of header */
#headerBottom{

}

/* main - the main section of the website */
#main{
	margin:0;
	padding:0;

}

/* nav - the nav menu */
#nav{

}

/* navTop - the top of the nav menu */
#navTop{
}

/* navMiddle - the middle section of the nav */
#navMiddle{
	/*width:980px;*/
	background:transparent url('/styles/nrgdigital.net/NRGDesign2012/images/nav-bg.jpg') top center repeat-x;
	height:46px;
	margin:0 auto;
	text-align:center;
}

/* navMiddle ul - the menu list */
#navMiddle ul{
	list-style-type: none;
	height:47px;
	margin:0;
	padding:0;
}

/* navMiddle ul li - an item of the menu list */
#navMiddle ul li{
	background:transparent url('/styles/nrgdigital.net/NRGDesign2012/images/nav-bg.jpg') repeat-x scroll 0 0;
	display: inline-block;
	margin:0 0;
	padding:0 0;
	text-align: center;
	width:140px;
	/* ie6/7 fix */
	*display: block;
	*float:left;
}

#navMiddle ul li:hover{
	background:transparent url('/styles/nrgdigital.net/NRGDesign2012/images/nav-hover.jpg') top center repeat-x;
}

/*navMiddle ul li a - the link of an item in the menu list */
#navMiddle ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
}

#navMiddle ul li a span{
	display: block;
	width: 140px;
	padding:15px 0 0 0;
	height:30px;
}

/* navMiddle ul li a.Selected - the current page */
#navMiddle ul li a.selected{

}

/* navMiddle ul li a	 - hover over a menu item */
#navMiddle ul li a:hover{
	color:#000;
}

/* navBottom - the bottom of the nav */
#navBottom{
	width:1000px;
	margin:-320px auto 0;
    height:64px;
    font-size:12px;
}

#navBottom form{
	display:block;
	float:right;
    width: 284px;
}

/*--- DROPDOWN ---*/
#navMenu ul{
	display:inline;
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:relative;
	margin:0;
	z-index:10000;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navMenu li ul li{
	background:#eb312b;/* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	height:45px;
	display:block;
}
#navMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navMenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#navMenu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

	text-decoration:underline;
}
#navMenu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navMenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */

}
#navMenu ul li a span{ position:absolute;}

/* contentFrame - the main section where the content would go */
#contentFrame{
	padding:40px 0 0 0;
}

#contentFrameLeft{
display: block;
    height: 30px;
}

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

#contentFrameMiddleTitle{
	display:none;
}

#contentFrameRight{

}

/* contentText - the <p></p> around the text */
#contentText{
	
}

/* footer - the footer of the page */
#footer{
	background:transparent url('/styles/nrgdigital.net/NRGDesign2012/images/footer-bg.jpg') bottom center repeat-x;
	margin:0 0 -45px 0;
	padding:0;
	height:239px;
}

#validatorImages{
	padding:7px 0 0 0;
	margin:0;
}

#footerLeft{

}

#footerMiddle{
	color:#fff;
	padding:20px 0 0 0;
	font-weight:bold;
	width:1000px;
	margin:0 auto;
	font-size:11px;
	line-height:14px;
}

#footerMiddle .title{
	color:#f49130;
	font-size:16px;
	line-height:18px;
}

#footerMiddle .address{
	display:block;
	padding:0;
	float:left;
	width:250px;
}

#footerMiddle .last{
	padding:0;
}

#footerRight{

}

/* */
#footerText, #lastUpdated{
	color:#fff;
	font-weight:bold;
	width:1000px;
	margin:0 auto;
	font-size:10px;
	line-height:12px;
	text-align:center;
}

#lastUpdated{
	display:none;
}

/* the magic fixer! */
.clearfix:after {

}

#sliderFrame
{
	padding:30px 0 0;
	width:100%;
}

.ssSlider{
	margin:0 auto!important;
	height:287px!important;
	width:1000px!important;
	-moz-box-shadow: 0 0 2px 2px #b8b8b8;
	-webkit-box-shadow: 0 0 2px 2px#b8b8b8;
	box-shadow: 0 0 2px 2px #b8b8b8;
}