@charset "utf-8";

body {
    background:url(../images/Grid.GIF);
    background-repeat: repeat;
}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#body p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px 0px;
}

#contact {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

a {
	text-decoration: none;	
}

a:visited {
	text-decoration: none;
	color:#888;
}
a:hover {
	text-decoration: none;
	font-size:1.1em;
	font-weight:bold;
}






#container #mainContent h2 {
	padding-left: 50px;
}

#mainContainer {
    margin-top:25px;
    /* entire container, keeps perspective */
    perspective: 500;
}

.unselectable {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */      	
}

.flip, .logo_container:hover {
    /*transform: rotateY(180deg);*/
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);			
}					

.logo_container {
    /*float:left;*/
    margin:15px;
    width: 420px;
    height: 240px;
    transition: 1s;
    transform-style: preserve-3d;	
    -webkit-transform-style: preserve-3d;	
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 420px;
    height: 240px;
    border-style:none;
    border-radius:20px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    background-repeat:no-repeat; 
    background-position:center;
}

.back img {
    position:relative;
    display:block;
    margin: 0px auto;
}

#tagline {
    margin-bottom:20px;
}

#apbs {
    margin:0 auto;
    width:412px;
    height:143px;
}
#apb {
    margin:0 auto;
}

.btns {
    overflow:hidden;
    padding-top:5px;
    float:left;
    width:103px;	
    height:150px;
}

#btnLabel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.buttons {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

footer {
    width:100%;
    clear:both;	
    font-weight:bold;
    font-size:16px;
    margin-top:50px;
}