* {
    margin: 0px;
    padding: 0px;
}
html , body, #scroller  {
    height: 100%;
}
body {
    background: #535353 url("../images/bg_tile.png") repeat-x ; /*rgb(127, 127, 127);*/
    margin: 0px;
    padding: 0px;
    font-family: Calibri, Arial;
    font-size: 16px;
    color: #E4E4E4;
	overflow:hidden;
}
#scroller {
	overflow:auto;
}
#body 
{
    margin-top:20px;
    background-color: #555555;
    padding: 20px;
    
    border: 2px solid black;
	background-image: linear-gradient(
		rgba(100,100,100,0.3),
		rgba(0, 0,0,0.6)
	);
}
.radius {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.radius-sm {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.textFont {
    font-family: Calibri;
}
h1 {
	border-bottom: 1px solid silver;
	margin-bottom: 10px;
}
p 
{
    margin-bottom:10px;
}
a {
	color:white;
	letter-spacing: 2px;
	transition: all 1s;
	-webkit-transition:all 1s;
}
a:hover {
	color:red;
	transition: all 1s;
	-webkit-transition:all 1s;
}
#contain 
{
    width: 80%;
    margin-left:auto;
    margin-right:auto;
	min-width: 680px;
}
#festimates 
{
    width: 70px;
	float:right;
}
#header {
	clear:both;
	text-align:center;
}
#title {
	height: 70px;
	margin: 0 auto;	
	font-size: 3.5em;
	letter-spacing: 5px;
	animation: myfirst 1s;
	-webkit-animation: myfirst 1s; /* Safari and Chrome */
}
.title2 {
	padding-bottom: 10px;
}
@keyframes myfirst
 {
 0% {letter-spacing: 20px;
	width:900px; }
 100% {letter-spacing: 5px;
	width:100%;}
 }

 @-webkit-keyframes myfirst 
 {
 0% {letter-spacing: 45px; }
 100% {letter-spacing: 5px;}
 } 
#tiny
{
    color: #666666;
	color:silver;
    text-align:center;
    margin: 5px 0 10px 0;
	font-size: 0.8em;
}
/*
#B1063B = red
8D007E = purple
*/
#content, header, footer {
	width:90%;
	margin: 0 auto;
}
#menu {
	background: grey;
	text-align:center;	
	font-size: 1.2em;
	font-weight: bold;
	background-image: linear-gradient(
		rgba(128,128,128,0.3),
		rgba(0, 0,0,0.6)
	);
	border: 1px solid grey;
}
#menu ul {
	list-style: none;

}
#menu ul li  {
	display: inline;
}
#menu ul li span {
	display: inline-block;
	padding: 10px 10px;
		transition: all 1s;
	-webkit-transition:all 1s;
}
#menu ul li a, #menu ul li a :visited, #menu ul li a:active {
	text-decoration: none;
	color:white;
	transition: all 1s;
	-webkit-transition:all 1s;
}
#menu ul li:hover, #menu ul li a:hover , #menu ul li span:hover{
	color:red;
	/*background: silver;*/
	transition: all 1s;
	-webkit-transition:all 1s;
}
#menu ul li span:hover{
	background: silver;
}
#content {
	margin-top: 10px;
	padding: 20px;
	background: grey;
	background-image: linear-gradient(
		rgba(128,128,128,0.3),
		rgba(0, 0,0,0.6)
	);
	border: 1px solid grey;
	
}/*
#content section {
	background: #E4E4E4;
	padding: 15px;
	border: 1px solid black;
}*/

.gallery {
	margin: 10px auto;
	width: 100%;
	text-align:center;
	max-width: 620px;
}
.gallery img {
	transition: all 1s;
	-webkit-transition:all 1s;
	padding:2px;
}
.gallery img:hover {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	
	transition: all 1s;
	-webkit-transition:all 1s;
}
.flipped {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	
	transition: all 1s;
	-webkit-transition:all 1s;
}

/* contact form */

#contact-form {
	
}
#contact-form .row {
	padding: 5px 0;
}
#contact-form label {
	float:left;
	width: 20%;
	text-align:right;
	padding-right: 10px;
}
#contact-form input[type=text],#contact-form textarea {
	width:60%;
	height:20px;
}
#contact-form textarea {
	height: 150px;
}
.submit-contain {
	margin-left:20%;
	padding:10px;
	
}
#contact-form input[type=submit] {
	padding: 3px 15px;
	background: #E4E4E4;
	border: 2px solid silver;
	background-image: linear-gradient(
		rgba(228,228,228,0.3),
		rgba(0, 0,0,0.3)
	);
	
}
#contact-form input[type=submit]:hover {
	transition: all 1s;
	-webkit-transition:all 1s;
	background-image: linear-gradient(
		rgba(228,228,228,0.3),
		rgba(0, 0,0,0.5)
	);
	cursor: pointer;
}
.phone {
	font-size: 1.1em;
}
hr {
	display: block; height: 1px;
    border: 0; border-top: 1px solid silver;
    margin: 1em 0; padding: 0; }
}