/* CSS Document */

body { background: #E4E4E4; }

#container { width: 960px; background-color: white; margin: 0px auto;
	-webkit-box-shadow: 0px 3px 20px rgba(50, 50, 50, 0.55);
	-moz-box-shadow: 0px 3px 20px rgba(50, 50, 50, 0.55);
	box-shadow: 0px 3px 20px rgba(50, 50, 50, 0.55); }

.superscript {
	vertical-align: super;
	font-size: .775em;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 1;
}

h1 { font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; margin-left: 0px; margin-top: 20px; font-size: 22pt; color: #444444; position: relative; font-weight: bold; }
	

h2 { font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; margin-left: 0px; font-size: 16pt; color: #444444; position: relative; font-weight: bold; display: block; }
	
p { font-size: 15px; font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; color: #555555; line-height: 170%; margin-left: 70px; margin-right: 70px; } 

span.small { font-size: 12px; }

div.header { text-align: center; }

p#large { font-size: 17px; margin-bottom: 25px; }

ul { font-size: 17px; font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; color: #555555; line-height: 190%; margin-left: 90px; list-style-image: url("../images/bullet.png") ; }

div#greenshades { margin: 12px 0 0 501px; font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; font-size: 14px; color: #555555;}

div#buttons { display: block; height: 200px; }

div#excellogo { margin-top: -50px; margin-right: 50px; float: right; }

div#space { padding-bottom: 50px; }

img.link { 
	border: none; 
	padding: 10px;
	display: block;
  	margin-left: auto;
	margin-right: auto;
}

a:link {color:#EB7F00; text-decoration: none; border: none;} /* link */
a:visited {color: #EB7F00; text-decoration: none; border: none;}  /* visited link */
a:hover {color:#E17A02; text-decoration: none; border: none;}  /* mouse over link */
a:active {color:#D7780A; text-decoration: none; border: none;}  /* selected link */ 

hr.style {
    border: 0; height: 1px; margin: 55px 0;
    background-image: -webkit-linear-gradient(left, rgba(75,75,75,0), rgba(75,75,75,0.75), rgba(75,75,75,0)); 
    background-image: -moz-linear-gradient(left, rgba(75,75,75,0), rgba(75,75,75,0.75), rgba(75,75,75,0)); 
    background-image: -ms-linear-gradient(left, rgba(75,75,75,0), rgba(75,75,75,0.75), rgba(75,75,75,0)); 
    background-image: -o-linear-gradient(left, rgba(75,75,75,0), rgba(75,75,75,0.75), rgba(75,75,75,0)); 
}

/*-------------------Advantage Button--------------------------------------------------*/

#Download_Advantage { 
	display: block; 
	margin-top: 0px; 
	margin-left: auto;
	margin-right: auto; 
	width: 380px; 
	height: 203px;
	background: url("../images/Logo_Advantage.png") no-repeat 0 0; 
	border: 2px solid;
  	border-radius: 10px;
}

/*#Download_Advantage:hover { background-position: 0 -195px; }

#Download_Advantage span { position: absolute; top: -195px; }*/

div.Download_Advantage { float: left; width: auto; }

/*-------------------End Advantage Button----------------------------------------------*/


/*-------------------Payroll Button----------------------------------------------------*/

#Download_Payroll { 
	display: block; 
	margin-top: 0px; 
	margin-left: 480px; 
	width: 380px; 
	height: 203px;
	background: url("../images/Logo_Payroll.png") no-repeat 0 0; 
	position: absolute;
	border: 2px solid;
  	border-radius: 10px;
}

/*#Download_Payroll:hover { background-position: 0 -195px; }

#Download_Payroll span { position: absolute; top: -195px; }*/

div.Download_Payroll { float: left; width: auto; }

/*-------------------End Payroll Button------------------------------------------------*/


/*-------------------Footer------------------------------------------------------------*/

#ftr { font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; font-size:10pt; width: 960px; margin-left: auto; margin-right: auto; background-color: #FFFFFF;
	margin-bottom: 0px; padding-top: 45px; padding-bottom: 0px; height: 40px; clear: both; margin-top: 0px; }
	
#legal  { margin-right: auto; margin-left: auto; font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; color: #666666; font-size: 10px; text-align: center; clear: both;
	margin: 0px; padding: 0px; background-image: url("../images/ftr.png"); background-repeat: repeat-x; background-position: left top; height: 67px; }
	
#ftr ul { float: left; margin: 0px; padding: 0px; }

#ftr li { list-style-type: none; clear: none; width: 106px; float: left; margin-right: auto; margin-left: auto; text-align: center; padding: 0px; vertical-align: bottom; }

#ftrContact { margin: 0px auto; font-family: 'Lato', Verdana, 'Helvetica Neue', Helvetica, Arial; sans-serif; color: #666666; font-size: 10pt; text-align: center;
	padding-top: 30px; padding-bottom: 5px; clear: both; background-color: #FFFFFF; }
	
span.spacer { margin: 0 8px; }	

/*-------------------End Footer------------------------------------------------------*/