@charset "utf-8";
/* CSS Document */

html body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg2.jpg);
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#main {
	margin-top: 2px;
	margin-left: 50px;
	margin-bottom: 50px;
}
#bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-7;}
#logo {
	z-index: 10;
	margin-top: 23%;
}
.maintext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.maintextblack {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	width: 600px;
	text-align: justify;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #FFF;
	text-decoration: none;
}
.imgspace {
	background-color:#000;
	border: 2px #000;
	height: 140px;
	width: 250px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	position:static; 
	visibility: visible;
}
.btn 
{
     display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* text styles */
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 3em;
    letter-spacing: 0.1em;
    color: #ffffff;
    /* modify text */
    text-decoration: none;
    text-transform: uppercase;
    /* add a border */
    border: 0.15em solid #fff;
    padding: 0.4em 0.6em;
    /* animate the change */
    -webkit-transition: color 300ms, background 500ms, border-color 700ms;
    transition: color 300ms, background 500ms, border-color 700ms;
}
.btn-transparent 
{
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active 
{
  color: #545454;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active 
{
    color: #ffffff;
    background-color: #3B5998;
    border-color: #3B5998;
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active
{
    color: #ffffff;
    background-color: #00aced;
    border-color: #00aced;
}

.btn-googleplus:hover,
.btn-googleplus:focus,
.btn-googleplus:active,
.btn-googleplus.active
{
    color: #ffffff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active
{
    color: #ffffff;
    background-color: #bb0000;
    border-color: #bb0000;
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active
{
    color: #ffffff;
    background-color: #007bb6;
    border-color: #007bb6;
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active
{
    color: #ffffff;
    background-color: #517fa4;
    border-color: #517fa4;
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active
{
    color: #ffffff;
    background-color: #cb2027;
    border-color: #cb2027;
}
.ghost {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* text styles */
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 3em;
    letter-spacing: 0.1em;
    color: #ffffff;
    /* modify text */
    text-decoration: none;
    text-transform: uppercase;
    /* add a border */
    border: 0.15em solid #fff;
    padding: 0.4em 0.6em;
    /* animate the change */
    -webkit-transition: color 300ms, background 500ms, border-color 700ms;
    transition: color 300ms, background 500ms, border-color 700ms;
}
.ghost:hover {
    background: #819C68;
    border-color: #819C68;
    color: black;
}
#slider {
	position:relative;
	width:300px;
	height:226px;
	padding:5px;
	background-color: #000;
	margin:0 auto;
}	
#slider > div {
	position:absolute;
	width:100%;
	height:100%;
}