* {margin:0 0; padding:0 0;}

/* **************************************************************/
/* KELLY WILL KILL YOU IF YOU MESS WITH THIS FILE.  SERIOUSLY, HE WILL.  */
/* **************************************************************/

body{
	margin:0 0;
	padding: 0 0 0 0;
	background: #000;
	margin: 0px;
	padding: 0px;
}

/* ***************************************************************/
/* Div Styles for the nest                                       */
/* ***************************************************************/

/* this will read the body up above and apply it. Then if this class is assigned, go through
and just change what this body does.

.bdy_default{
margin:0;
padding:0;
line-height: 1.5em;
}

*/

#maincontainer_default{
width: 989px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 0px;
background: #fff;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
}

#advertisement_default{
width:989px;
padding-left: 35px;
padding-right: 35px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
line-height:44px;
color: #666;
font-size: 11px;
font-weight: normal;
text-align: left;
border: 0px;
}

/* If a H1 tag is within the ID=topsection the H1 tag will take on these properties.

#Advertisment h1{
margin: 0;
padding-top: 15px;
}

*/

#naitsabanner_default{
width:989px;
border: 0px;
}

/*used inside header_div.asp*/
#naitsabannerheader{
background-image: url('/images/header-nestnew.jpg');
	background-repeat: no-repeat;
/*	height: 173px; */
	height: 100px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;	
}

#naitsabannerheader h1{
	margin:0;
	padding:0;
	padding-top:43px;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
}

/*used inside header_div.asp*/



#naitsabannerheader1{
	background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
	height: 173px;
	/*height: 153px;*/
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;	
}
	
#navigation1_default{
	width:989px;
	background:#000;
	color:#fff;
	line-height:44px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align:center;
}


#contentwrapper_default{
float: left;
width: 100%;
}

#contentcolumn_default{
margin-right: 314px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn_default{
float: left;
width: 314px; /*Width of right column*/
margin-left: -314px; /*Set left margin to -(RightColumnWidth) */
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
color: #666;
font-size: 12px;
font-weight: normal;
text-align: left;
}

.innertube_rightdefault{
/* margin: 10px; /*Margins for inner DIV inside each column (to provide padding)
margin-top: 0; */
margin: 25px 45px 45px 45px;
/*padding-top:25px;
padding-left:35px;
padding-right:35px;
padding-bottom:35px;*/
}

#navigation2_default{
width:989px;
background: #000;
border-top:#FFFFFF 1px solid;
/*works clockwise - top right bottom left*/
padding: 10px 0 9px 0;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
text-align:center;
color: #fff;
font-size: 11px;
font-weight: normal;
line-height:20px;
clear:left;
/*you can also specify line height the size of the image, and then text will center.
line-height:40px;*/
/*
The reason why you cant give padding a set value of 20 and 20 and it = 40 px tall
is because the padding goes from the top and the bottom of the element in the div(the text)
so if you specify the line height of 20 px and then give padding of 10px top and 10px bot you will
get your exact height and centered text.
line-height:20px;
padding: 10px 0;
*/
/*does not work in div's, since this is a image background,
add padding top and bottom to center the text verically.
vertical-align:middle; */
}

#footer_default{
width:989px;
clear:left;
/*clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
*/
}

.innertube_default{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-top:25px;
padding-left:3px;
}

.innertube_maincnt{
	margin: 25px 25px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
color: #000;
font-size: 12px;
font-weight: normal;
text-align: justify;
}

.innertube_maincnt ul{
	margin:35px 5px;
	list-style:none;
}
	
.innertube_maincnt li{
	float:left;
	text-align:center;
	margin:0px 15px;
}

.contentBtnDiv{
padding:20px 15px;
display:none;
}
	


/* ***************************************************************/
/* Div Styles for the nest                                       */
/* ***************************************************************/

.btn_main{
	border:none;
	border-bottom:#FFF solid 1px;
	/*border-color:#FFF;
	border:solid;
	border-width: 1px;*/
	/*padding:10px 0;  top/bot is 10 and left/right is 0*/
	margin:0px 7px;
	/*margin-top:10px;
	margin-bottom:5px;*/
	/*padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px; */
	width: 100px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	background:#cc0000;
	text-align:center;
	height:25px;
	cursor:pointer;
}

.btn_menunest{
	border:none;
	border-bottom:#FFF solid 1px;
	margin:0px 0px;
	width: 185px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	background:#cc0000;
	text-align:center;
	height:25px;
	cursor:pointer;
}

/* CONTENT ul in main content area */
ul.ul_main{
	list-style:none;
	margin:0px;
	padding:0px;
	width:685px;
}

ul.ul_main li{
	/*display:inline;*/
	margin:0px;
	padding:0px;
	float:left;
	width: 137px; 
}

ul.ul_main li a{
	padding:0px;
	left:0px;
	top:0px;
}
/* END OF CONTENT ul in main content area */

b{
	font-size: 13px;
}
.tbl_main{
	border: 0px;
	background: #fff;
	width: 989px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
.tbl_main2{
	border: 0px;
}
.tbl_main3{
	width: 100%;
	border: 0px;
}
.tbl_mid{
	width: 989px;
	border: 0px;
	height: 218px;
}
.tbl_banner{
	width: 989px;
	border: 0px;
}
h1{
	color: #990000;
	font-size: 19px;
	font-weight: bold;
}
h2{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.td_top{
	height: 50px;
	padding-left: 35px;
	padding-right: 35px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
.td_header{
	background-image: url('/images/header-nest.jpg');
	background-repeat: no-repeat;
	height: 173px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;
}
.td_header2{
	background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
	height: 173px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: bottom;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	padding-right: 37px;
}
.td_nav{
	padding-left: 20px;
	background: #000;
	color: #fff;
	height: 44px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: left;
}
.td_banner{
	border-bottom: solid 1px #fff;
}
.td_banner1{
	vertical-align: top;
	width: 675px;
	height: 219px;
}
.td_banner2{
	background-image: url('/images/bg-banner.jpg');
	background-repeat: repeat-x;
	height: 218px;
	vertical-align: top;
}
.td_mid{
	background-image: url('/images/bg-mid.jpg');
	background-repeat: repeat-x;
	height: 218px;
	vertical-align: top;
}
.td_mid1{
	width: 33%;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 15px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
}
.td_mid2{
	width: 33%;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
}
.td_mid3{
	width: 33%;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 0px;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	font-size: 12px;
}
.td_content1{
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 35px;
	padding-right: 35px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: top;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}
.td_content2{
	padding-top: 1px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
	width: 225px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: top;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.td_content1-x{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: top;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

	.specials {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	}
	
	.specials li {
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	text-align:left;
	background:#fcfcfc;
	border:#CCCCCC dashed 1px;
	margin-left:3px;
	color: #666;
	font-size: 11px;
	display:block;
	width:15%;
	min-height:150px;
	float:left;
	padding:9px;
	}
	
	.specials li:first-child {
	margin-left:0;
	}
	
.td_footer{
	background: #000;
	height: 41px;
	padding-left: 35px;
	padding-right: 35px;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
.td_row{
	vertical-align: top;
	text-align: center;
}
input{
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	color: #666;
	font-size: 11px;
	border: solid 1px #ccc;
	height: 20px;
}
.inputButton{
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	border: solid 1px #ccc;
	background-color: #fff;
}
a {
	color: #003366;
}
a.a-footerCredit {
	color: #999;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
a.a-footerCredit:hover {
	color: #cc0000;
}
a.a-footer {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
a.a-footer:hover {
	color: #cc0000;
}
a.a-midLink{
	color: #cccc00;
}
a.a-navLink{
	color: #cc0000;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px #fff;
}
a.a-navLink:hover{
	color: #fff;
	text-decoration: none;
}
a.a-topLink{
	color: #333;
	text-decoration: none;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 675px;
height: 219px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 675px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #000;
padding: 2px;
background-color: #eeeeee;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#eee,direction=135);*/
}

/*Thumbnail image hover */
/*setting unordered list properties */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 0px; /* padding of all sides 10px */
	width: 685px; /*to get 3 wide, must be pic width*3 + ul padding*3 + li padding*3 */
}

/* setting list items properties within the unordered list */
ul.thumb li {
	margin: 0; padding: 0px; /*padding on all sides of list items(pics) 5px */
	float: left; /*causes pictures to make nice square */
	/*without relative positioning, float left ontop of each other */
	position: relative;  /* Set the absolute positioning base coordinate */
	/*setting width and height of each list item, not the actual picuture */
	/*must be 10 greater than pic size to account for padding*/
	width: 170px; 
	height: 170px;
}

/*setting image properties for images that are list items within the unordered list*/
ul.thumb li img {
	width: 164px; height: 164px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 3px;
	background: #f0f0f0;
	position: absolute; /* positioning for image within the list item */
	left: 0px; top: 0px; /*position of all images/ul */
}

/*setting image properties when hovered for images that are list items within the unordred list*/
ul.thumb li img.hover {
	background:url(../images/nest/shadow.png) no-repeat center center;
	/*background-image:images/overlay.png;/* Image used as background on hover effect */
	/*background-repeat: no-repeat;
	background-position:center center;*/
	border: none; /* Get rid of border on hover */
}

/*End of thumbnail image hover */

/*Thumbnail image hover for hockey */
/*setting unordered list properties */
ul.thumbhockey {
	list-style: none;
	margin: 0; padding: 0px; /* padding of all sides 10px */
	width: 128px; /*to get 3 wide, must be pic width*3 + ul padding*3 + li padding*3 */
}

/* setting list items properties within the unordered list */
ul.thumbhockey li {
	margin: 0; padding: 0px; /*padding on all sides of list items(pics) 5px */
	/*without relative positioning, float left ontop of each other */
	position: relative;  /* Set the absolute positioning base coordinate */
	/*setting width and height of each list item, not the actual picuture */
	/*must be 10 greater than pic size to account for padding*/
	width: 128px; 
	height: 128px;
}

/*setting image properties for images that are list items within the unordered list*/
ul.thumbhockey li img {
	width: 127px; height: 127px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 1px;
	background: #f0f0f0;
	position: absolute; /* positioning for image within the list item */
	left: 0px; top: 0px; /*position of all images/ul */
}

/*setting image properties when hovered for images that are list items within the unordred list*/
ul.thumbhockey li img.hover {
	background:url(../images/nest/shadow.png) no-repeat center center;
	/*background-image:images/overlay.png;/* Image used as background on hover effect */
	/*background-repeat: no-repeat;
	background-position:center center;*/
	border: none; /* Get rid of border on hover */
}

/*End of thumbnail image hover */

/* SMOOTH DIV SCROLL*/
/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	float:left;
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 25px;
	width: 15%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/shadow.png);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/smoothscroll/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.55; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.55; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 55); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	float:right;
	min-width: 25px;
	width: 15%;
	height: 100%;
	background-image: url(../images/shadow.png);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/smoothscroll/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.55;
	filter: alpha(opacity = 55);
	-moz-opacity: 0.55;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/* SMOOTH DIV SCROLL*/

/* PAGE PEEL */

#pageflip {
	position: relative;
	border:none;
}
#pageflip img {
	width: 20px; height: 22px;
	z-index: 99;
	position:absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
	border:none;
}
#pageflip .msg_block {
	width: 20px; height: 20px;
	position:absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../images/nest/scroll.jpg) no-repeat right top;
	text-indent: -9999px;
	border:none;
}

/* END OF PAGE PEEL */