@import url(nav.css);

/* Kill Defaults */
 
html, body, p, ul, ol, dl, li, h1, h2, h3, h4, img	{
	margin: 0;
	padding: 0;
}
 
ul {
	list-style: none;
	color:#333333;
}
 
img	{
	border: 0;
}
 
a {
	outline: none;
}
.cleanup{
clear:both;
} 
/* END DEFAULTS */


/*Page Background*/
body {
	background-image:url(images/highlight1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #d1c2ad;
	}

a{ color: #1184dd; text-decoration:none; 	}
	
a:hover{ text-decoration:underline;}	


img {border:none;}

/* Image Right */
img.right{
float:right;
}
 
/* Image left */
img.left{
float:left;
}

/***************************
Page Header
****************************/

#page-header{width: 936px; height: 125px; margin: 0px auto; position: relative; z-index: 10;
	padding:0;
	background-image: url(images/VistanciaLogo.png);
	background-repeat:no-repeat;
}

#page-header h1{
	margin:.75em .5em 0 0;
	float:right;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:20px;
	color:#FFF;
}


/*Main Page Top - Shadow for Nav Button*/
#maintop{ width: 950px; height: 15px; margin: 0px auto; position: relative; z-index: 0; }
#maintop #maintop{ margin: 0; padding: 0; }
#maintop #maintop li { display: inline; }
#maintop #maintop li a { float: left; width: 950px; height: 0; padding-top: 25px; overflow: hidden; }
#maintop #maintop li a,
#maintop #maintopsearch { background-image: url(images/bg-slice.png); _background-image: url(images/bg-slice.png); background-repeat: repeat; }
#maintop #maintop li#gn-maintop a { background-position: 0 0; }


/*******************
Main Page Content
**********************/
.container{
	clear:both;
	float:left;
	background-image: url(images/bg-slice.png);
	width: 950px;
	position:center;
	z-index: 0;
	}



/********************
Content/Sidebar Layout
************************/

#content{
	float:left;
	width: 65%; /*was 68.8%*/
	margin-left: 2.5%;
	margin-right: 0%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	display: inline; /* fixes IE/Win double margin bug */
	}
	
html>body content{
	width: 66.3%;
}


#FrontPage{
	float:right;
	width:97%;
	margin-left:2%;
	
}
html>body FrontPage{
	width: 97%;
}

#FrontPage h1{
	font-size: 125%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#555555;
	
}

#FrontPage p{
	clear:both;
	margin: 1em 0em 1em 0em;
	font-size: 120%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#333333;
	}


#content-col1{
	float:left;
	width: 29%; /* Was 31%*/
	min-height:300px;
	margin-right:2%;
	margin-top:3em;
	border-right: 1px solid rgb(154, 154, 154); 
	
}


html>body content-col1{
	width: 28.8%;
}

#content-col1 h1 {
	clear:both;
	font-size:100%;
	color:#555555;
}

#content-col1 p{
	clear:both;
	margin: 1em 0em 1em 0em;
	font-size: 80%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#555555;
	
	}

#content-main{
	float:right;
	width:65%;
	margin-left:2%;
	min-height:300px;
	
}

html>body content-main{
	width: 63%;
}

#content-main h1{
	font-size: 110%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#555555;
	
}

#content-main p{
	clear:both;
	margin: 1em 0em 1em 0em;
	font-size: 100%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#333333;
	}



#sidebar{
	float:right;
	height:340px;
	width: 25%;
	margin-left:: 1.2%;
	margin-right: 2%;
	}
	
html>body sidebar{
	width: 21.8%;
}	

#sidebar p{
	clear:both;
	margin: 1em .75em 1em 1em;
	font-size: 125%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#666666;
	}



#wefeature {
	background-image:url(images/Paper.png);
	height:340px;
	margin: 2em 0 0 0;
}

	
#wefeature p{
	clear:both;
	padding-top:3%;
	margin: 0em 1em 1em .5em;
	font-size: 110%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#333333; 
}

#formbacking {
	background-image:url(images/HeaderLogo.png);
	margin: 2em 0 0 0;
	font-size: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#333333; 
}

	
#formbacking p{
	clear:both;
	padding-top:2%;
	margin: 0em 1em 1em .5em;
	font-size: 110%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#333333; 
}

/* End of Sample Content/Sidebar Layout*/


/********************
  Wide Layout
************************/
#Wide{
	float:left;
	width: 95%; 
	margin-left: 2%;
	margin-right: 0%;
	margin-bottom: 25px;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	display: inline; /* fixes IE/Win double margin bug */
	}
	
html>body Wide{
	width: 96.3%;
}


#Wide-main{
	float:right;
	width:74%;
	margin-left:0.5%;
	/*min-height:700px;*/
	
}

html>body Wide-main{
	width: 72%;
}

#Wide-main h1{
	font-size: 110%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#333333;
	
}

#Wide-main p{
	clear:both;
	margin: 1em 0em 1em 0em;
	font-size: 100%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#333333;
	}


#Wide-col1{
	float:left;
	width: 23%; 
	/*min-height:700px;*/
	margin-right:1.5%;
	margin-top:3em;
	border-right: 1px solid rgb(154, 154, 154); 
	
}


html>body Wide-col1{
	width: 21.8%;
}

#Wide-col1 h1 {
	clear:both;
	font-size:100%;
	color:#333333;
}

#Wide-col1 p{
	clear:both;
	margin: 1em 0em 1em 0em;
	font-size: 80%;
	font-family: Gill Sans, Helvetica, Verdana, Arial, sans-serif;
	color:#555555;
	
	}
	
#CalloutHome{
	background-image:url(images/HomeCalloutTop.jpg);
	background-repeat:repeat-x;
	background-color:#455370;
	margin: 45px -14px -15px -14px;
	padding: 15px 15px 25px 15px;
	color:#FFF;
	
	}	
	

/********************
CreditCardButtons
*********************/

a.Visa { display:block; float:left; margin: 10px 0px 5px 5px; width:45px; height:28px; text-decoration:none; background:url(images/VisaLogo.png); background-position: 0 0; background-repeat:no-repeat;

    -webkit-transition-property: background-image;
    -webkit-transition-timing-function: cubic-bezier(1,0,1,0);
}
a.MasterCard { display:block; float:left; margin: 10px 0px 5px 5px; width:45px; height:28px; text-decoration:none; background:url(images/MasterCardLogo.png); background-position: 0 0; background-repeat:no-repeat;}
a.Discover { display:block; float:left; margin: 10px 0px 5px 5px; width:45px; height:28px; text-decoration:none; background:url(images/DiscoverLogo.png); background-position: 0 0; background-repeat:no-repeat;}
a.Amex { display:block; float:left; margin: 10px 0px 5px 5px; width:45px; height:28px; text-decoration:none; background:url(images/AmexLogo.png); background-position: 0 0; background-repeat:no-repeat;}
	
a.Visa:hover { background:url(images/VisaLogoHover.png);background-position: 0 0;}
a.MasterCard:hover {background:url(images/MastercardLogoHover.png); background-position: 0 0;}
a.Discover:hover  {background:url(images/DiscoverLogoHover.png); background-position: 0 0;}
a.Amex:hover {background:url(images/AmexLogoHover.png); background-position: 0 0;}	
	
.displace{
    position: absolute;
    left: -5000px;
    }	


/********************
  Footer
*********************/
.FooterLinks{
	clear: both;
	background-image: url(images/bg-footer.png);
	width: 950px;
	height: 40px;
	position:relative;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	}