/* Custom styles for Clearprint Solutions Ltd.
   Author: Thomas Nisbet
   Last Modified: 03/06/13
*/

html,
body {
  	height: 100%;
  	background-image: url(19.jpg);
  	background-position: center top;
  	background-repeat: no-repeat;
  	background-color: #6FC6D0;
  	/* The html and body elements cannot have any padding or margin. */
}

#splash{
	padding: 2rem 0 0 0;
	text-align: center;
	color: #fff;
	padding-bottom: 5px;
}

#splash h3, #splash h4{
	font-weight: 100;
	letter-spacing: 1px;
}

.title{
	font-weight: 400;
}

.home a{
	border-bottom: 1px dotted #fff;
	color: #f1f1f1;
}

.home a:hover{
	text-decoration: none;
	color: #ccc;
	border-bottom: 1px dotted #ccc;
}

.services{
	color: inherit;
	padding: 10px;
	background-color: #eeeeee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 10px 0;
}



.twitter{
	position:fixed; top:5px; right:5px;
}

.lead{
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
}

/* Sticky footer styles
-------------------------------------------------- */
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
	height: 60px;
}
#footer {
	background-color: #000;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
	#footer {
	  	margin-left: -20px;
	  	margin-right: -20px;
	  	padding-left: 20px;
	  	padding-right: 20px;
	}
	
	.container .credit {
		margin: 10px 0 !important;
	} 
}

@media screen and (max-device-width: 320px) { 
	.container .credit {
		margin: 0 !important;
	}
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
	width: auto;
	max-width: 680px;
}

.container .credit {
	margin: 20px 0;
}

.credit{
	text-align: center;
}

.web-to-print{
	margin-top: 20px;
}

/* Form styles
------------------------------------------------- */

.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 20px auto 20px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
  }
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 10px;
  }
  .form-signin input[type="text"],
  .form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}