@import url(http://fonts.googleapis.com/css?family=Orbitron:500,700|Oswald:400,700);

@font-face {
    font-family: 'socialicoregular';
    src: url('/fonts/socialico-webfont.eot');
    src: url('/fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/socialico-webfont.woff') format('woff'),
         url('/fonts/socialico-webfont.ttf') format('truetype'),
         url('/fonts/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

html, body, div, form, fieldset, legend, label {
	margin: 0;
	padding: 0; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	 text-align: left;
	 vertical-align: top;
}

ul {
	margin:0;
	padding:0;
}

ul li {
	list-style:none;
	margin:0;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }


/**
 * Buttons 
 */
.button, 
.button:visited 
{
	background: #bbbbbb url(../img/button.png) repeat-x; 
	display: inline-block; 
	padding: 8px 20px 8px 20px; 
	margin-right: -20px;
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	position: relative;
	cursor: pointer;

}
.button:hover
{ 
	background-color: #111111; 
	color: #ffffff;
}
.button:active
{ 
	top: 1px; 
}
.small.button, 
.small.button:visited 			
{ 
	font-size: 11px;
}
.medium.button, 
.medium.button:visited 		
{ 
	font-size: 13px; 
	line-height: 1; 
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); 
}
.large.button, 
.large.button:visited 			
{ 
	font-size: 16px; 
	padding: 15px 20px; 
}
.rounded.button 
{
	border-radius: 25px;
}
.flat.button 
{
	border-bottom: none;
	box-shadow: none;
}
/**
 * Green
 */
.green.button, 
.green.button:visited		
{
	background-color: #3ca454;
}
.green.button:hover	
{ 
	background-color: #5fd077; 
}
#info .web a {
	color: #163327;
	font-weight:400;
	text-shadow: 0 1px 0 #82f39c;
	margin-left:-20px;
}
#info .web a span {
	color: #235c3d;

}
#info .web a:hover {
	text-decoration: none;
}
/* @end Buttons */

h1 {
	font-family:"Orbitron",helvetica,arial,sans-serif;
	font-size:18px;
	text-shadow:0 -1px 0 #000;	
	color:#7da788;
}

img { border: 0; }


body {
	background:#0f181a url('images/bg-body.png') repeat-x;
}

#main-wrapper {
	width:1800px;
	height:800px;
	position:relative;
	left:50%;
	margin-left:-900px;
	background: url('images/splash.jpg');
}

#locations {
	position:absolute;
	top: 3.5%;
	right: 23.2%;
	z-index: 999;
}

#info {
	position:absolute;
	top: 22%;
	right: 23.2%;
	width:265px;
}

#info, #info a {
	color: #ffe27d;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 18px;
    text-decoration: none;
}

#info a:hover {
	text-decoration: underline;
}

.location,.phone,.email,.web {
	position:relative;
    padding: 20px 0 20px 50px;
    background: url('/images/separator.png') bottom no-repeat;
}

.web {
	padding: 20px 0 20px 20px;
}

.social {
	opacity:.45;
	width: 268px;
	height: 53px;
	margin:15px 0;
	-webkit-border-radius: 27px 26px 26px 27px/27px 27px 26px 26px;
	-moz-border-radius: 27px 26px 26px 27px/27px 27px 26px 26px;
	border-radius: 27px 26px 26px 27px/27px 27px 26px 26px;
	box-shadow:0 1px 0 rgba(255,255,255,.15);
	background-color: #000;
}

#info .social a {
	padding:0;
	font: 48px 'SocialicoRegular';
	line-height:53px;
	margin:0 8px;
	color: #728f7e;
	  transition-property: all;
  transition-duration: 350ms;
  transition-timing-function: ease-in-out;
}

#info .social a:hover {
	text-decoration:none;
	color: #b7debb;
}

.location:after {
	content:"";
	top:50%;
	margin-top:-12px;
	left:5%;
	position:absolute;
	display:block;
	height:24px;
	width:17px;
	background: url('/images/location.png');
}

.phone:after {
	content:"";
	top:50%;
	margin-top:-12px;
	left:5%;
	position:absolute;
	display:block;
	height:23px;
	width:16px;
	background: url('/images/phone.png');
}

.email:after {
	content:"";
	top:50%;
	margin-top:-10px;
	left:5%;
	position:absolute;
	display:block;
	height:17px;
	width:20px;
	background: url('/images/email.png');
}



#video {
	position:absolute;
	top:25.5%;
	left:23.2%;
}

#footer-locations {
	left:24%;
	font-size:14px;
	position: absolute;
	top: 610px;
}

#footer-locations li {
	font-family:"Orbitron",helvetica,arial,sans-serif;
	list-style:none;
	display:inline-block;
}

#footer-locations li:after {
	content:'\2215';
	margin:0 15px;
	color: #4b7151;
}
#footer-locations li:last-child:after {
	content:'';
	margin:0;
}

#footer-locations li a {
	color:#537f58;
	text-shadow:0 -1px 0 #000;
	text-decoration:none;
}

#footer-locations li a:hover {
	color:#90bb95;
}