/* CSS for demo page of ProgiSync Booking Widget. Not required for the widget. */

body{
    margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #455a68;
	background: #fff; }
	
a { color: #00629c; }

header{
    background-color: #eee;
    width: 100%;
    min-height: 45px;
    border-bottom: 1px solid #ddd;
    padding: 1em 0; }
	
header h1{
	margin: 1em 0 0 0;
	font-weight: normal;
	font-size: 30px;
    color: #455a68;
	text-shadow: 1px 1px 2px solid #fff; }
	
.container{
    width: 960px;
    margin: auto; }

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
	font-size: 0.7em;
    border-top: 1px solid #ddd;
    background-color: #F3F3F3; }


#intro .container{
	padding: 3em 0;
	text-align: center; }

#intro .container a{
    text-align: center;
    padding: 0.5em 1em;
	margin: 0 1em;
    font-size: 1.4em;
    color:#ffffff;
    background-color: #0196a3;
    border-radius: 6px;
    text-decoration: none;
}