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

/* STRUCTURE */

body{
font-family: Arial, Helvetica, sans-serif;
position: relative;
background: #000 url(../images/dots-bg-long.gif) repeat-x 0 bottom;
}

#container{
width: 935px;
margin: 0 auto 0 auto;
}

#header{
height: 133px;
background: url(../images/ns-top-bg.jpg) repeat-x;
}

#header #inner{
width: 935px;
margin: 0 auto 0 auto;
}


/* HEADERS */

h1{
background: url(../images/ns-header.gif) no-repeat 0 20px;
width: 310px;
height: 133px;
text-indent: -9999px; 
float: left;
}

h1 a{
display: block;
width: 310px;
height: 133px;
}

#content h1 {
background-image: none;
text-indent: 0px; 
	float: none;
width: auto;
height: auto;
color: #383838;
text-transform: uppercase;
padding: 20px 0 20px 0;
	font: 40px/48px Georgia, "Times New Roman", Times, serif;
}

h2{
font-family: Georgia, "Times New Roman", Times, serif;
color: #383838;
font-size: 34px;
text-transform: uppercase;
padding: 20px 0 0;
line-height: 40px;
}

#content h2{
font-family: Georgia, "Times New Roman", Times, serif;
color: #383838;
font-size: 34px;
text-transform: uppercase;
padding: 20px 0 20px 0;
line-height: 40px;
}

h2 span{
display: block;
font-weight: bold;
}

#content h3{
font-family: Georgia, "Times New Roman", Times, serif;
color: #383838;
font-size: 26px;
text-transform: uppercase;
padding: 15px 0 10px;
line-height: 32px;
}

h3 span{
display: block;
font-weight: bold;
}

/* TOP CONTACT */

#topcontact{
position: relative;
width: 495px;
float: right;
}

.vacircle{
top: 30px;
left: 420px;
float: right;
position: absolute;
}

#cse-search-box{
width: 230px;
float: left;
}

#cse-search-results iframe{
min-height: 450px;
width: 720px;
}


#cse-search-box input{
color: #eaeaea;
text-align: right;
float: right;
width: 150px;
padding: 3px;
font-size: 8px;
border: 1px solid #666;
background: #333;
margin: 80px 10px 0 0;
}

#contact{
font-size: 10px;
border-left: 1px solid #666;
padding: 40px 120px 0 10px;
float: right;
line-height: 20px;
}

#contact li,#contact li a {
color: #fff;
}

#contact li a:hover {
color: #BED600;
}

#contact span{
padding: 0 5px 0 0;
color: #ccc;
}

/* MAIN MENU */

#menu{
float: left;
width: 160px;
margin: 30px 0 0 0;
}

#menu li a{
float: left;
position: relative;
font-size: 10px;
text-decoration: none;
color: #fff;
text-transform: uppercase;
background: #0e0e0e url(../images/ns-menu-bullet-white.gif) no-repeat 154px 10px;
padding: 3px 0 3px 10px;
width: 150px;
}

#menu li a#live, a#sublive{
color: #BED600 ! important;
background-image: url(../images/ns-menu-bullet-green.gif);
}

#menu li{
float: left;
width: 160px;
margin: 4px 0 0 0;
}

/* SUB MENU */

#menu li ul{
float: left;
padding-bottom: 7px;
display: none;
}

#menu li ul li a{
padding: 3px 0 3px 25px;
text-transform: lowercase;
background: url(../images/ns-sub-menu-arrow.gif) no-repeat 10px center;
}

#menu li ul li a:hover, #menu li ul li #live, .live{
background: url(../images/ns-sub-menu-arrow.gif) no-repeat 10px center;
}

/* SUB SUB MENU */

#menu li ul li ul li{
padding: 0px 0 0px 10px;
background: url(../images/ns-sub-menu-arrow.gif) no-repeat 20px center;
}

/* MAIN CONTENT */

#main{
background: url(../images/ns-spotlight-background-3.png) no-repeat;
margin: -9px 0 0 0;
float: left;
border-left: 1px solid #666;
}

.smoothgallery{
	width: 600px !important; /*override default size*/
	height: 400px !important;
	border:none; !important; 
} 
.smoothgallery p, .smoothgallery h3{
	display:none;	/*show only images if jscript is off*/
}	

/* HOME PAGE FLASH */

#home-flash{
background: url('../images/ns-homepage-flash-background.png');
float: left;
position: relative;
width: 773px;
height: 760px;
}

#home-flash p{
position: absolute;
top: 25px;
left: 30px;
width: 300px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 27px;
line-height: 32px;
font-weight: lighter;
}

#slideshow *{
display: none;
color: #000;
font-size: 1px;	
}

.work-image-over{
position: absolute;
background: url(../images/content-holder.gif);
width: 717px;
height: 362px;
}

.work-flash{
position: relative;
width: 717px;
height: 362px;
}

img.work-image{
width: 717px;
height: 362px;
background: url('../images/loader.gif') no-repeat center center;
}

#workgallery{
position: relative;
}

#rollover{
display: none;
top: 301px;
left: 679px;
position: absolute;
width: 31px;
height: 25px;
}

/* CONTENT PAGES*/

#content{
background: #edecec url(../images/ns-content-bg.jpg) repeat-x;
float: left;
width: 720px;
padding: 0 27px 10px 27px;
}

#content #project-details{
border-bottom: 1px solid #c2c1c1;
padding: 0 0 10px 0;
margin: 0 0 13px 0;
width: 500px;
clear: both;
}

#content #project-details p{
position: relative;
line-height: 5px;
}

#content #project-details p span.project-header{
font-weight: bold;
text-transform: uppercase;
padding: 0 20px 0 0;
}

#content #project-details p span.project-info{
position: absolute;
left: 80px;
}

#content p{
width: 500px;
color: #4d4d4d;
font-size: 12px;
line-height: 15px;
padding: 0 0 10px 0;
}

#content p a{
text-decoration: underline;
line-height: 15px;
color: #000;
font-size: 12px;
}

#content p a:hover{
color: #4D4D4D;
}

#content li a{
text-decoration: underline;
line-height: 15px;
color: #000;
font-size: 12px;
	padding-left: 20px;
}

#content li ul li a{
text-decoration: underline;
line-height: 15px;
color: #000;
font-size: 12px;
	padding-left: 40px;
}

#content li a:hover{
color: #4D4D4D;
}

img.content-header{
padding: 30px 0 30px 0;
}

/* MATERIALS BOX */

.materials{
float: right;
width: 180px;
}

.materials h3{
font-weight: bold;
font-size: 12px;
color: #4d4d4d;
text-transform: uppercase;
padding: 0 0 10px 0;
}

.blogroll {
	list-style-position: outside;
	list-style-image: url(/images/link-icon.png);
}

.blogroll li {
	margin-left: 23px;
	padding: 0;
}

.blogroll li a {
	margin-left: -20px;
	padding: 0px;
	margin-top: -3px;
}

.materials li a{
text-decoration: underline;
line-height: 15px;
color: #000;
font-size: 12px;
	margin-left: 3px;
}


.materials li a:hover{
color: #4D4D4D;
}

.materials-border{
float: right;
clear: both;
	padding: 90px 3px 0 0;
	margin: 0;
	width: 200px;
}

.materials-border div{
width: 200px;
	border-top: 7px solid #181818;
}

.downloadList {
	list-style-position: outside;
	list-style-image: url(/images/pdf-icon.png);
}

.downloadList li {
	margin-left: 23px;
	padding: 0;
}

.downloadList li a {
	margin-left: -20px;
	padding: 0px;
	margin-top: -3px;
}

/* NEXT PREVIOUS PAGES */

.nextprevpage {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
width: 100%;
	clear: both;
	padding-top: 40px;
}

.nextprevpage a{
text-decoration: underline;
color: #000;
font-size: 12px;
}

.nextprevpage a:hover{
color: #000;
}

.next-page {
float: right;
width: 300px;
	text-align: right;
}
.prev-page {
width: 300px;
}

/* RIGHT ALIGNED TEXT ON PROJECT PAGE */

.project-right{
padding: 10px 50px 5px 0;
float: right;
border-bottom: 1px solid #c2c1c1;
}

.project-line{
	padding: 10px 0px 5px 0;
	border-top: 1px solid #c2c1c1;
}

p.next-project{
text-align: right;
float: right;
clear: both;
padding: 20px 10px 10px 0 ! important;
}

p.next-project a{
color: #383838;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
padding: 10px 20px 10px 0;
background: url(../images/ns-next-project-arrow.gif) no-repeat center right;
}

p.next-project a:hover{
color: #BED600;
}

/* CONTENT FOOTER AND REFLECTION */

#content-footer{
width: 720px;
padding: 0 27px 10px 27px;
float: right;
background: url(../images/ns-white-fade-background.gif) repeat-x;
height: 72px;
}

#home-flash #content-footer{
position: absolute;
top: 551px;
background: none;
}

#home-flash #content-footer ul{
border-right: none;
}


#content-footer ul{
width: 360px;
border-left: 1px solid #787878;
padding: 15px 0 0 5px;
}

#content-footer ul li a{
color: #999;
text-transform: uppercase;
text-decoration: none;
font-size: 8px;
}

#content-footer ul li a:hover{
color: #fff;
}

/* FOOTER */

#footer{
float: left;
border-left: 1px solid #666;
margin: 0 0 50px 0;
padding: 0 0 0 10px;
}

#footer p{
color: #999;
font-size: 9px;
}