/* Savio Designs Custom CSS Document
Designer: Chris Knabenshue */

/* Styles for Body Content */

body {
  background-color: black;	
}

.content {
  background-image: url("../images/bg-filmstrip.jpg");
  background-repeat: repeat-y;
  background-size: 100%;
}

.logo {
	margin-left: 150px;
}

.welcome {
	padding-right: 20px;
}

.representation {
	padding-left: 20px;
}


/* HR Style: Gradient transparent - color - transparent */

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* mouse over link */
a:hover {
    color: #D1494B;
	font-weight:900;
}	

/* unvisited link */
a:link {
    color: #930406;
	font-weight:900;
}

/* visited link */
a:visited {
    color: #841214;
	font-weight:900;
}


/* Styles for the Tag Line */
.tagline {
	font-family: 'Kurale', serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color: white;
	text-shadow: 3px 3px 5px #000000;
	margin-top:300px;
	margin-bottom:10px;
	}


/* Sets the Styles for the Header Harmony Column Area */	
.header {
	border-bottom-color: #930406;
	border-bottom-style: solid;
	color: #E7E4E4;
}

/* Sets the Styles for the Footer Area */	
.footer {
	border-top-color: #930406;
	border-top-style: solid;
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:12px;
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url("../images/bg-footer.jpg");
	background-size: cover;
	}

.footer a:hover {
	color: #D1494B;
	text-decoration:none !important;
	font-size:12px;
}

.footer a:link {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:12px;
	}

.footercopyright {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:14px;
	}

.footercopyright a:link {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:14px;
	}

.footercopyright a:hover {
	color: #D1494B;
	text-decoration:none !important;
	font-size:14px;
}

.footercopyright a:visited {
	color: #BCBABA;
	text-decoration:none !important;
	font-size:14px;
}


/* Sets the Style for Float Images */	
.floatleft {
  	float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.floatright {
    float: right;
	padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}