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

/** *:hover { outline:2px   inset #89A81E }
* * *:hover {outline:2px inset #F34607 }
* * * *:hover { outline:2px inset #5984C3 }
* * * * *:hover { outline:2px inset #CD1821 }
* * * * * *:hover { outline:2px inset #89A81E }
* * * * * * *:hover { outline:2px inset #F34607 }
* * * * * * * *:hover { outline:2px inset #5984C3 } 
* * * * * * * * *:hover { outline:2px inset #CD1821 } */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td  {  
    margin: 0; padding: 0; border: 0; outline: none;  
}  

h1, h2, h3, h4, h5, h6{  
    font-size: 100%;
}  

body {
	font-family: 'Cagliostro', sans-serif;
	font-variant:small-caps;
	font-size:16px;
	background-color: #2a2d40;
	color: #fde9b3;
	text-decoration: none;
	overflow:scroll;
	background-image: url(../images/city.png),url(../images/gradback.png),url(../images/stars.png);
	background-position: center bottom, center top, center center;
	background-repeat: repeat-x, repeat, repeat;
	background-attachment: fixed, scroll, fixed;
	-webkit-background-size: contain cover none;
	-moz-background-size: contain cover none;
	-o-background-size: contain cover none;
	background-size: contain cover none;
}

a {
	color: #FFF;
}
a:link,
a:visited,
a:active {
	color: #09F;
	text-decoration: none;
	-ms-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
a:hover {
	text-decoration:none;
	color: #FFF;
}

.indexheader{
	margin:0px auto;
	text-align:center;
	width:100%;
	background-color:rgba(243, 243, 243, 0);
}

.indexheader img{
	text-align:center;
	height:auto;
}

img {
    max-width: 100%;
    height: auto;
}

/* Contact Section */

.contact_page_content{
	display:block;
	width:100%;
	margin:0px auto;
	text-align:center;	
}

.contact_page_title{
	color: #fde9b3;
	font-size:1.5em;
	margin:0px auto;
	text-align:center;
	margin-bottom:10px;
}

.contact_page_img{
	display:inline-block;
	margin:0px auto;
}

.contact_page_card{
	float:none;
	position:fixed;
	left:-110px;
	top:100px;
	-ms-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	z-index:10000;
}

.contact_page_card:hover{
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.contact_page_info{
	width:381px;
	font-size: 1em;
	margin:0px auto;
}


.contact_info {
	text-align:center;
	font-size:1.5em;
	filter: dropshadow(color=#000, offx=0, offy=1);
}
.contact_info ul {
}


.contact_info ul li {
	display:inline;
	padding:10px;
}
.contact_info ul li h1 {
	display:inline;
	color: #4EBBDB;	
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.contact_info ul li p {
	display:inline;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact_info ul li p:hover {
	color: #FFF;
	filter: dropshadow(color=#000, offx=0, offy=1);
	z-index:10000;
}
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}


/* Wip Section*/

.wip{
	position:relative;
	margin:0px auto;
	width:100%;
	top:16px;
	padding-bottom: 120px;
}

.wip ul{
	text-align: center;
}

.wip li{
	display:run-in;
	color: #fde9b3;
	font-size:1em;
	margin:0px auto;
	width:100%;
	text-align:center;
}


.wip h1{
	text-align:center;
	font-size: 1.2em;
	margin:10px;
}

.wip h2{
	text-align:left;
	font-size: 0.75em;
}

.wip h3{
	text-align:left;
	font-size: 1em;
}


/* Header Section */

.logo {
	display:block;
	position:relative;
	margin:0px auto;	
  	width:438px;
	height:150px;
	background-position:0px 150px;
}

.logo:hover{
	background-position: 0px 0px;
	
}

.logo img {
	margin:0 auto;
}

.icons{
	display: block;
	float:right;
	margin:0 auto;
	position:fixed;
	right:0;
	top:0;
	width:320px;
	text-align:center;
	z-index:8000;
}

@media screen and (max-width: 1130px) {
.icons{
	display:none;
}
.indexheader{
	display:none;	
}
.indexheader img{
	display:none;
}
.logo {
		-moz-transform: scale(0.75);
		-webkit-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);	
}

}

@media screen and (max-width: 650px) {
footer #contact {
	display:none;
}
}

@media screen and (max-width: 480px) {
.logo {
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);	
}
footer #copywrite {
		-moz-transform: scale(0.75);
		-webkit-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
}
}

a.icon_hover {
	display:inline-block;
	width:100px;
	height:100px;
	background-position:0px 0px;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.icon_hover:hover {
	background-position:0px 100px;
}

/* content section */

#content {
	position:relative;
	margin:0px 5px;
	width:100%;
	top:0px;
	right:5px;
	padding-bottom: 120px;
	text-align: center;
}
#content ul {
	position:relative;
	margin:0px auto;
}
#content ul li {
	display: inline-block;
	width:148px;
}

#content ul li h1 {
	color: rgba(200,200,200,1);
	background-color: rgba(153,153,153,0.7);
	font-size: 1.2em;
	width: auto;
	height: 50px;
	padding: 5px;
	margin: 0px auto;
	text-align: center;
	line-height: 1.2em;
	border-bottom: solid #333 0px;
	border-left: solid #333 1px;
	border-right: solid #555 1px;
	border-top: solid #555 1px;
	background-repeat: no-repeat;
	background-position: top,left,bottom,right;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	text-shadow: 0 -2px 1px #000000;
}

#content ul li h1:hover {
	background-image: url(../images/h1sweepH.png),url(../images/h1sweepV.png),url(../images/h1sweepH.png),url(../images/h1sweepV.png);
	background-color: rgba(128, 128, 128, 0.9);
	color: rgba(77, 147, 242, 0.9);
	background-repeat: no-repeat;
	background-position: bottom,right,top,left;
	-moz-transform: translateY(-4px) scale(1.1);
	-webkit-transform: translateY(-4px) scale(1.1);
    -o-transform: translateY(-4px) scale(1.1);
    -ms-transform: translateY(-4px) scale(1.1);
    transform: translateY(-4px) scale(1.1);
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	text-shadow: 0 3px 1px #000000;

}

#content ul li p {
	color: #fde9b3;
	background-color: rgba(153,153,153,0.7);
	font-size: 0.8em;
	font-variant: normal;
	text-align: center;
	padding: 10px;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-bottom: solid #333 1px;
	border-left: solid #333 1px;
	border-right: solid #555 1px;
	border-top: solid #555 0px;
}

/* footer section */
footer {
	float:right;
	margin:0px auto;
	position:fixed;
	bottom:0px;
	width:100%;
	height:30px;
	padding:10px;
	background-color: #3e3e3e;
	text-align: center;
	outline: 6px solid #2E2E2E;
	-ms-transition: all 1.0s ease-in-out;
	-webkit-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	-moz-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
	z-index:5000;
}

footer:hover {
	background-color:#505050;
	outline: 6px solid #2E2E2E;
}

footer a {
	text-decoration:none;
	color:#5E5956;
}

footer #copywrite {
	right:0;
	margin:0px auto;
	bottom:0px;
	width:400px;
	text-align: center;
	padding-right:10px;
	font-size:1.2em;
}

footer #contact {
	color:#5E5956;
	float:left;
	padding-left:40px;
	width:100px;
	background-image:url(../images/mail.png);
	background-repeat:no-repeat;
	background-position:left;
	font-size:1.2em;
	text-align:center;
	-ms-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
footer #contact:hover {
	color: #FFF;
	padding-right:40px;
	background-position:right;
	
}

.space {
	height:100px;	
}