HTML{
	height: 100%;
}
BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #fff;
	background-color: #000;

	margin: 0px 0px;
	height: 100%;
}

DIV#container{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	width: 100%;
	text-align: center;
	min-width: 960px;/*prevent backgrounds from moving*/
}

/*--HEADER---------------------------------------------------*/
DIV#header{
	position: relative;
	width: 100%;
}
DIV#header #hr{
	position: absolute;
	top: 82px;
	left: 0px;
	width: 100%;
	height: 1px;
}
DIV#header #content{
	position: relative;
	width: 960px;
	height: 150px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}

DIV#header #logo{
	position: absolute;
	top: 0px;
	left: -6px;
}
DIV#header #logo A:ACTIVE{ /*remove border on click*/
	outline:none;
}
DIV#header #logo A:FOCUS{ /*remove border on click*/
	-moz-outline-style:none;
}
DIV#header #logoBackground{
	position: absolute;
	top: 0px;
	left: -157px;

	height: 318px; 
	width: 566px;

	background-image: url('../images/layout/ntsLogoBackground.jpg');
	background-repeat: no-repeat;
}

/*--HEADER NAVIGATION-----------------------------------------------*/
DIV#header #navigation{
	position: absolute;
	top: 55px;
	left: 320px;
}
DIV#header #navigation #whoWeAre,
DIV#header #navigation #whoWeAreActive{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 129px;
	height: 36px;	

	background-image: url('../images/layout/navigation/whoWeAre.jpg');
	background-repeat: no-repeat;
}
DIV#header #navigation #whoWeAreActive,
DIV#header #navigation #whoWeAre:HOVER{
	background-image: url('../images/layout/navigation/whoWeAre_red.jpg');
}
DIV#header #navigation #whatWeDo,
DIV#header #navigation #whatWeDoActive{
	position: absolute;
	top: 0px;
	left: 129px;

	width: 131px;
	height: 36px;	

	background-image: url('../images/layout/navigation/whatWeDo.jpg');
	background-repeat: no-repeat;
}
DIV#header #navigation #whatWeDoActive,
DIV#header #navigation #whatWeDo:HOVER{
	background-image: url('../images/layout/navigation/whatWeDo_red.jpg');
}
DIV#header #navigation #whatWeveDone,
DIV#header #navigation #whatWeveDoneActive{
	position: absolute;
	top: 0px;
	left: 260px;

	width: 175px;
	height: 36px;	

	background-image: url('../images/layout/navigation/whatWeveDone.jpg');
	background-repeat: no-repeat;
}
DIV#header #navigation #whatWeveDoneActive,
DIV#header #navigation #whatWeveDone:HOVER{
	background-image: url('../images/layout/navigation/whatWeveDone_red.jpg');
}
DIV#header #navigation #pricing,
DIV#header #navigation #pricingActive{
	position: absolute;
	top: 0px;
	left: 435px;

	width: 95px;
	height: 36px;	

	background-image: url('../images/layout/navigation/pricing.jpg');
	background-repeat: no-repeat;
}
DIV#header #navigation #pricingActive,
DIV#header #navigation #pricing:HOVER{
	background-image: url('../images/layout/navigation/pricing_red.jpg');
}
DIV#header #navigation #contactUs,
DIV#header #navigation #contactUsActive{
	position: absolute;
	top: 0px;
	left: 530px;

	width: 126px;
	height: 36px;	

	background-image: url('../images/layout/navigation/contactUs.jpg');
	background-repeat: no-repeat;
}
DIV#header #navigation #contactUsActive,
DIV#header #navigation #contactUs:HOVER{
	background-image: url('../images/layout/navigation/contactUs_red.jpg');
}

/*--MAIN-----------------------------------------------------*/
DIV#main{ 
	position: relative;
	width: 100%;
	overflow: hidden; /*enables absolute div content to extend beyond margins*/
}
DIV#main #content{
	position: relative;
	width: 960px;
	min-height: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
DIV.caption .heading{
	font-size: 14pt;
	font-weight: bold;
	color: #fff;
}
DIV.caption{
	font-size: 12pt;
	color: #999;
}
DIV#main A{
	color: #69c;
	text-decoration: none;
}
DIV#main A:HOVER{
	text-decoration: underline;	
}

/*--FOOTER---------------------------------------------------*/
DIV#footer{
	position: relative;
	width: 100%;
	padding-top: 50px; /*padding for separation*/
}
DIV#footer #content{ 
	position: relative;
	width: 960px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;

	font-size: 10pt;
	color: #333;
}
DIV#footer A{
	color: #333;
	text-decoration: none;
	padding-left: 30px;
	font-size: 10pt;
}
DIV#footer A:HOVER{
	color: #333;
	text-decoration: underline;
}
DIV#footer #copyright{
	position: absolute;
	top: 5px;
	left: 0px;
}
DIV#footer #links{
	position: absolute;
	top: 5px;
	right: 0px;
}




/*--LINES-----------------------------------------------------------*/
HR{
	color: #262626;
	background-color: #262626;
	width: 100%;
	height: 1px;
	border: 0px;
}
HR.red{
	color: #400;
	background-color: #400;
	width: 960px;
}
DIV.lineWhite{
	border-width: 1px 0px 0px 0px;
	border-color: #262626;
	border-style: solid;
	width: 100%;
	height: 1px;
}
DIV.lineGray{
	border-width: 1px 0px 0px 0px;
	border-color: #414753;
	border-style: solid;
	width: 100%;
	height: 1px;
}
DIV.lineRed{
	border-width: 1px 0px 0px 0px;
	border-color: #400;
	border-style: solid;
	width: 100%;
	height: 1px;
}
DIV.lineDiamonds{
	position: absolute;
	top: -9px;
	left: 0px;

	padding: 0px;
	margin: 0px;

	width: 100%;
	height: 17px;

	background-image: url('../images/layout/lineDiamonds.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}
/*--LEFT/RIGHT DIVS---------------------------------------------*/
DIV .left{ 
        position: relative;
        display: inline-block; /*for compatibility*/
        float: left; 
        min-height: 100%;
}
DIV .right{ 
        overflow: hidden; /*prevent div from wrapping under floated div*/
}
DIV .clear{
        clear: both;
}


/*--HOME PAGE--------------------------------------------------*/
DIV{
	position: relative; /*default*/
}
DIV#main #viewWork{
	position: absolute;
	top: 0px;
	left: 5px;

	background-image: url('../images/home/viewWork.jpg');
	background-repeat: no-repeat;

	width: 306px;
	height: 105px;
}
DIV#main #viewWork:HOVER{
	background-image: url('../images/home/viewWorkOver.jpg');
}
DIV#main #services{
	position: absolute;
	top: 0px;
	left: 318px;

	background-image: url('../images/home/services.jpg');
	background-repeat: no-repeat;

	width: 313px;
	height: 113px;
}
DIV#main #services:HOVER{
	background-image: url('../images/home/servicesOver.jpg');
}
DIV#main #emailUs{
	position: absolute;
	top: 0px;
	left: 632px;

	background-image: url('../images/home/emailUs.jpg');
	background-repeat: no-repeat;

	width: 321px;
	height: 102px;
}
DIV#main #emailUs:HOVER{
	background-image: url('../images/home/emailUsOver.jpg');
}

/*--Portfolio----------------------------------------------*/
DIV#main .backgroundGlow{
	position: absolute;
	top: 10px;
	left: 65px;
	
	width: 609px;
	height: 502px;
	background-image: url('../images/portfolio/backgroundGlow.jpg');
	background-repeat: no-repeat;
}
DIV#main .serviceItem{ 
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 12px 0px 10px 40px;

	font-weight: bold;
	color: #999;
	
	background-image: url('../images/portfolio/checkmark.gif');
	background-repeat: no-repeat;
	background-position: center left;
}
DIV#main .visitSiteButton{
	position: relative;
	cursor: pointer;

	width: 140px;
	height: 29px;
	
	background-image: url('../images/portfolio/visitSiteButton.gif');
	background-repeat: no-repeat;
}
DIV#main .visitSiteButton:HOVER{
	background-image: url('../images/portfolio/visitSiteButtonOver.gif');
}