html {
color:#d5ccaf;
}

li {
list-style-type:none;
}

.fullBg {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
}

#header {
position: absolute;
top: 0;
left: 0;
z-index: 200;
width: 100%;
height:121px;
background:url(header-bg.png) 0 0 repeat-x;
}

#footer {
display:block;
height:25px;
padding:4px 0;
line-height:25px;
width:920px;
margin:8px auto;
z-index:201;
}

#logo a{
background-image:url(NGS-new-logo.png);
background-repeat: no-repeat;
display:block;
width: 920px;
height:120px;
margin:0 auto;
text-indent:-10000em;
padding:0 0 30px 0;
margin-top:-55px;
}

#logo a:hover {
background-image:url(NGS-new-logo.png), url(grad.png);
background-repeat:no-repeat, repeat-x;
background-position: 0 0, 0 0;
}


#maincontent {
position: relative;
z-index: 50;
width: 100%;
top: 100px;
clear: both;
}

#default #maincontent {
margin-bottom: 100px;	
}

#cert {
position:absolute;
top:5px;
right:5px;
z-index: 40000;
display: block;	
background: url(ta.png) 50px 0px no-repeat;
color:green;
font-size: .6em;
padding-top:50px;	
text-align: center;
}

#cert li {
text-align: center;
}

#cert a:hover {color:#fff;}

#pack {
display: block;
clear: both;
width: 920px;
margin: 0 auto;
padding: 10px 0;
position:relative
top:100px;
min-height:100px;
z-index: 20000000;
}

#pack a {
display: block;
width: 108px;
height: 82px;
opacity: .5;	
}

#nav, #footer ul {
display:block;
width: 800px;
margin:0 auto;
}

#nav {
position:relative;
bottom:45px;
width:750px;
margin:0 auto;
text-align:center;
display:block;
height:25px;
line-height:25px;
padding:4px;
}

#nav li, #footer li{
float:left;
margin:0 1px;
list-style-type:none;
}

#nav li a, .more a, #footer li a {
padding:.3em 1em;
color:#333;
background: url(trans.png);
}

#nav li li a {
background: url(trans2.png);	
}

#nav a:hover, #footer a:hover {
background:#fff;
text-decoration:none;
}

#box {
clear:both;
width: 920px;
margin:0 auto;
line-height:1.1em;
}

#box p, #box h2 {
line-height:1.5em;
margin:0 20px 10px 0;
}

#box p {
width:400px;
float:left;
}

.clear {
clear:both;
display:block;
}

.section {
background: url(trans3.png);
color:#222;
padding:20px;
margin:0 auto;
display: block;
clear: both;
}

.section ul {
margin:0;
padding:0;
}

.section li {list-style-type:disc; margin-left:20px;}

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

#imgbox {
width:950px;
margin:0 auto;
position:relative;
left:15px;
overflow:hidden;
}

#imgbox img {
margin: 0 8px 8px 0;
float:left;
background:url(trans.png);
padding:1px;
border:0;
}

a img {
border:0;
}

#photo-gallery .section {
width:920px;
}



#photo-gallery .section img {
margin:4px 0;
}

.title {
padding-bottom:5px;
display:block;
width:100%;
}


h2 { 
font-size: 24px;
font-weight: normal;
font-family: Georgia,serif;
}

a {
text-decoration: none;
outline: none;
color: #000;
border:0;
}

p {
padding-bottom:1em;
}

a.more {
display:block;
padding:8px 20px;
border:0;
margin:10px 0 10px;
text-align:right;
}

a.more:after {content: " +";}

a.active:after {content: " -";}

a.more:hover, a.active:hover {
background:url(grad.png) 0 -60px repeat-x;
}

/* Tiny Carousel */
#slider a:focus {outline:none;}
#slider1 { height: 1%; overflow:hidden;  }
#slider1 .viewport { float: left; width: 920px; height: 270px; overflow: hidden; position: relative; }
#slider1 .buttons { background:url(trans.png); display: block; float: left; width: 100px; height: 24px; padding-top:6px; text-align:center; position: relative; margin-right:2px;}
#slider1 .next { background-position: 0 0;  }

#slider1 a { opacity:.5; }
#slider1 a:hover { opacity:1; }
#slider1 .disable { opacity:.1; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 920px; left: 0; top: 0; }
#slider1 .overview li{ float: left;  width: 920px; margin: 0 15px 0 0;}

/* SLIMBOX */

#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #333;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
}

#lbCenter {background:url(trans.png);}

.lbLoading {
background: #fff url(loading.gif) no-repeat center;
padding:4px;
}

#lbImage {
position: absolute;
left: 0;
top: 0;
border:#fff 1px solid;
}

a#lbPrevLink, a#lbNextLink {
position: absolute;
top: 0;
width: 46%;
outline: none;
padding:2%;
opacity:0;
background:transparent;
font-size:1.1em;
}

a#lbPrevLink {
left: 0;
}


a#lbNextLink {
right: 0;
text-align:right;

}

a#lbNextLink span, a#lbPrevLink span{
background:url(grad.png);
padding:6px 18px;
color:#000;
font-size:3em;
}


a#lbPrevLink:hover, a#lbNextLink:hover{
display:block;
opacity:1;
}

a#lbNextLink b, a#lbPrevLink b {
font-size: .3em;
font-weight: normal;
position: relative;
bottom: .4em;
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 12px;
color: #666;
text-align: left;
padding:4px;
}

#lbCloseLink {
display: block;
float: right;
padding:10px 12px;
outline: none;
text-align:right;
font-size:1em;
}

a#lbCloseLink span {
padding:10px 15px;
background:url(trans.png);
}

a#lbCloseLink:hover span{
background:#fff;
}


#lbCaption, #lbNumber {
z-index:20000;
}

#lbCaption {
display:inline-block;
min-width:100px;
margin-right:100px;
background:url(trans.png);
color:#000;
padding:6px 10px;
}

#lbNumber {
display:block;
width:100px;
background:url(trans.png);
color:#000;
padding:6px 10px;
}

.hidden {display:none;}



/*** ESSENTIAL STYLES ***/
#nav, #nav * {
	padding:		0;
	list-style:		none;
}
#nav {
	line-height:	1.0;
}
#nav ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#nav ul li {
	width:			100%;
}
#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
}
#nav a {
	display:		block;
	position:		relative;
}

a.sf-with-ul {
height:20px;
background:#ccc;	
}
	
#nav li:hover ul,
#nav li.sfHover ul {
	left:		-1px;
	top:			24px; /* match top ul list item height */
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/*** GALLERY ***/

body#gallery {
background:#eee;
}

#cat-list li {
float:left;
margin:.1em;
}

#cat-list li a{
color:#666;
text-align:center;
background:url(trans2.png) 0 0 repeat;
}

#cat-list a img, #cat-list li a span {
background:url(trans.png) 0 0 repeat;
padding:3px;
display:block;
}

#cat-list li a:hover {
color:#333;
}

#cat-list span {
display:block;
}


#cat-list a:hover img, #cat-list li a:hover span {
background:url(trans2.png) 0 0 repeat;
}

#gallery-box h2 {
text-transform:uppercase;
color:#333;
width:100%;
background:url(trans.png) 0 0 repeat;
text-align:center;
margin-top:10px;
}

#gallery-box {
padding:0;
margin:0 auto;
overflow:hidden;
}

#gallery-box ul {
display:block;
height:350px;
overflow-y:scroll;
background:url(trans.png) 0 0 repeat;
padding:10px;
margin:0;
}


#gallery-box li{
float:left;
margin:0 4px;
}

#gallery-box li a img{
padding:2px;
background:url(trans.png) 0 0 repeat;
}

#gallery-box li a:hover img{
background:#fff;
}


#outbound {
width:100px;
position:relative;
left:137px;
top:-4px;
}

#outbound li {
width:30px;
margin:1px 2px;
}


#outbound li a{
background:#ccc;
display:block;
width:30px;
text-indent:-1000em;
height:30px;
padding:0;
opacity:.5;
}

#outbound li a:hover {
opacity:1;

}

#outbound li#fb a {
background:url(outbound.gif) 0 0 no-repeat;
}

#outbound li#yt a {
background:url(outbound.gif) -29px 0 no-repeat;
}

#outbound li#ta a {
background:url(outbound.gif) -59px 0 no-repeat;
}