﻿* { margin: 0; padding: 0; border: none;}
html, body {height: 100%;}

body, p, input, select, textarea  {font-family: Arial;font-size:12px;font-weight:normal;line-height: 16px; color:#000;}
h1, p { margin-bottom:1em; }

a { text-decoration: none; }
a:hover { text-decoration:underline; }


#container 
{
	clear:both;
	margin: auto;
	width: 960px;
	height: 100%;
	position:relative;
	background:#FFFFFF;
	overflow:hidden;
}
body > #container {height: auto; min-height: 100%;} /* Used for pegging footer to bottom */


#topnavcontainer { clear:both; height:35px; background: #fff url(../Images/TopNavBackground.jpg) repeat-x; }
#topnavlinks { float:right; margin-top: 10px; }
#topnavlinks a { color: #E00629; margin:0 5px 0 5px; font-weight:bold; }


#mainnavcontainer { height: 25px; background: url(../Images/MainNavBackground.jpg) repeat-x;}
#mainnavlinks { color:White; height:25px; }
#mainnavlinks a { color:White; font-weight:bold; padding:0 20px;}
/* Main nav menu css */
	ul#navlist 
	{
		height: 25px;
	}

	ul#navlist a
	{
		font-weight: bold;
	}

	ul#navlist, ul#navlist ul, ul#navlist li
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	ul#navlist li { float: left; }	
	
	ul#navlist li div
	{
		height:20px;padding-top:5px;
	}
	
	ul#navlist li div:after { content: "|"; }	
	ul#navlist li div.lastcell:after{ content: ""; }
	
	
	ul.subnavlist { display: none; }
	ul.subnavlist li { float: none !important;  }

	ul.subnavlist li div
	{
		padding: 0px;
		margin: 0px;
		width:150px;
	
	}

	ul#navlist li:hover ul.subnavlist
	{
	display: block;
	position: absolute;
	}
	
	ul#navlist li:hover ul.subnavlist li div
	{
	display: block;
	border: none;
	background: url(../Images/MainNavBackground.jpg) repeat-x; 	height:20px; padding-top:5px; border: 1px solid black; border-top:0 !important;
	}	
	ul#navlist li:hover ul.subnavlist li div:after 
	{
		content: "";
	}
/*  End Main Nav CSS */



#mainlogocontainer { clear:both;height: 80px;}
#mainlogo {	padding-top: 25px;float:left;}
#mainlogophone { padding-top: 35px;float:right; font-size: 1.5em;font-weight:bold;}


#mainimage {clear:both;}

/* The maincontent divs */
#maincontentcontainer { clear:both; margin-top: 25px;  padding-bottom: 130px;}
#maincontentleft { width: 300px; float:left; margin-bottom: 15px; }
#maincontentright { width: 600px; float:right; margin-bottom: 15px; }


/* Quote */
.quotecontainer { font-size:1.2em; }
.quoteenquirenow { height:43px; padding:10px 0 0 10px; background: #fff url(../images/quotecloudbackground.jpg) no-repeat right bottom;  }
.quoteenquirenow a { color: #E00629; font-weight:bold; padding-right: 20px ; background: #fff url(../images/redArrowRight.jpg) no-repeat right }
.quotetext { color:#666; padding: 20px 20px 0 20px; background: #ebebeb url(../images/quotetopbackground.jpg) no-repeat left top; }
.quotesource { font-weight:bold; padding: 10px 20px 20px 20px; background: #ebebeb url(../images/quotebottombackground.jpg) no-repeat left bottom; }

/* follow nasstar */
#follownasstarcontainer { margin-top: 10px; }
#follownasstarlinks { float:left; }
#follownasstarlinks a { padding-right: 7px; }
#follownasstartext { font-weight:bold; color:#E00629; }

/* Main content right */
#maincontentright * { color: #666; }
#maincontentright h1 {  font-size: 2em; color:#E00629; line-height: 1.1em; }
#maincontentright .introduction { font-weight:bold; font-size:1.2em; }
#maincontentright .highlight { font-weight:bold; font-size: 1.2em; color: #E00629; }
#maincontentright .linkrightarrow a { font-weight:bold; color: Black; padding-right: 10px; background: #fff url(../images/BlackRightArrow.gif) no-repeat right }


/* Footer */
#footercontainer { clear:both; background: url(../images/FooterBackground.jpg) repeat-x top; 
                   
	position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	
	margin-left: auto;
	margin-right: auto;
	width: 960px;	
	
}
#footerleft { float:left; padding-top:25px; background: url(../images/GrayVerticalLine.jpg) no-repeat right; width:320px; }
#footerleft a { color: #666; font-weight:bold; }
#footerwebsites { float:left; padding-right:50px; }
#footergoto { padding-right:20px; }

.footerheader { font-weight:bold; }
.footerallrightsreserved { padding-top:10px; }

#footerlogos { }
#footerlogos img { margin-left: 30px; margin-right:30px; }



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */