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

body {
	background:#FFF url(img/body-bg.jpg) repeat-x top;
	text-align:center;
	margin-top:45px;
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
}

img {border:none;}

h1 { font-family: 'Orbitron', arial, serif; }

div#footer {
	background: transparent url(img/footer-bg.png);
	height:55px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:999;
	display:block;
	font-family: arial;
	font-size: 13px;
	
/*	color:#3C3B37;
	text-align:center;
	display:block;
	padding:5px;
	margin:0px;
	right:0;

	-webkit-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px; */

}

a, a:visited {
	text-decoration:none;
	color:#205AAF;
}

a:hover {
	color:#343434;
}

div#footer span {
	float:right;
}

div#footer-content {
	display:block;
	margin: 0 auto;
	width:758px;
	position: relative;
}

div#footer-content span {
	position: absolute;
	right: 0;
	line-height: 55px;
	padding: 0;
	margin: 0;
}

div#footer-content span.1 {
	position: absolute;
	left: 0;
	line-height: 55px;
	padding: 0;
	margin: 0;
}

div#footer ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -4px;
	line-height: 55px;
	
	display: block;
	list-style-type: none;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}

div#footer-content a#share {
	background-image: url(img/share-btn-sprite.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	width: 38px;
	height: 40px;
	text-indent: -999px;
	overflow: hidden;
}

div#footer-content a#share:hover {
	background-position: 0px -43px;
}

div#footer-content a#share span {
	display:none;
}

/* NAV BUTTONS STYLE */
.nav {
	padding-top:50px;
	padding-bottom:20px;
}

.nav a, .nav a:visited {
	background: #222 url(img/nav-bg.png) repeat-x;
	line-height:1;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	color:#FFF;
	padding: 5px 10px 6px;
	font-weight:bold;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 0px -1px 1px #222;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	position:relative;
}

.nav a:hover {
	background:#111;
	color:#FFF;
}

.nav a:active {
	top: 1px;
	outline:none;
}

.nav a:focus {
	outline:none;
}
/* NAV Buttons Style END */

/* POPLIGHT CSS */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .00;
	z-index: 9999;
}
.popup_block {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 15px 15px 15px;
	border: 20px solid #858585;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;

	/*--CSS3 Rounded Corners--*/
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -35px -35px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* POPLIGHT CSS END */

table {
	text-align:center;
}

/* icon menu style */
td.icon-menu {
	padding:25px;
}

/* ICON buttons */

#icons {
	padding:0;
	margin:0;
}

#icons li {
	list-style-type:none;
	margin:0 0 0.25em 0;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

/* THATCHATR ICON */
#icons a.social, #icons a.social:visited {
	background:url(img/thatchatr-sprite.png) no-repeat;
	display:block;
	width:149px;
	height:150px;
	font-family:arial, verdana, sans-serif;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0.25em;
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

#icons a.social:hover {
	background:url(img/thatchatr-sprite.png) no-repeat;

}

#icons a.social:active {
	background:url(img/thatchatr-sprite.png) no-repeat;
	background-position:0px -157px;
	outline:none;
}


/* Android AndroidSPOT ICON */
#icons a.android, #icons a.android:visited {
	background:url(img/androidspot-sprite.png) no-repeat;
	display:block;
	width:149px;
	height:150px;
	font-family:arial, verdana, sans-serif;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0.25em;
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

#icons a.android:hover {
	background:url(img/androidspot-sprite.png) no-repeat;

}

#icons a.android:active {
	background:url(img/androidspot-sprite.png) no-repeat;
	background-position:0px -157px;
	outline:none;
}

#icons a:focus {
	outline:none;
}

a span {
	display:none;
}

/* DOWNLOADS ICON */
#icons a.downloads, #icons a.downloads:visited {
	background:url(img/downloads-sprite.png) no-repeat;
	display:block;
	width:149px;
	height:150px;
	font-family:arial, verdana, sans-serif;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0.25em;
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

#icons a.downloads:hover {
	background:url(img/downloads-sprite.png) no-repeat;

}

#icons a.downloads:active {
	background:url(img/downloads-sprite.png) no-repeat;
	background-position:0px -157px;
	outline:none;
}

/* COMING SOON ICON */
#icons a.availguy, #icons a.availguy:visited {
	background:url(img/availguy-sprite.png) no-repeat;
	display:block;
	width:149px;
	height:150px;
	font-family:arial, verdana, sans-serif;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0.25em;
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}

#icons a.availguy:hover {
	background:url(img/availguy-sprite.png) no-repeat;

}

#icons a.availguy:active {
	background:url(img/availguy-sprite.png) no-repeat;
	background-position:0px -157px;
	outline:none;
}

/* END OF ICON MENU STYLE */

/* Network links syles */

.networks {
	padding-top:25px;
	padding-bottom:8px;
}

.networks a, .networks a:visited {
	background: #215c9d url(img/nav-bg.png) repeat-x;
	line-height:1;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	color:#FFF;
	padding: 5px 10px 6px;
	font-weight:bold;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 0px -1px 1px #222;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	position:relative;
}

.networks a:hover {
	background:#134277;
}

/* CONTACT style */

input.text {
	background:#EEE;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:17px;
	border:1px #333 solid;
	padding-left:3px;
	height:25px;
	outline:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input.text:focus {
	-moz-box-shadow: 0 0px 4px #999;
	-webkit-box-shadow: 0 0px 4px #999;
}

textarea.msg {
	background:#EEE;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:13px;
	border:1px #333 solid;
	padding-left:3px;
	outline:none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

textarea.msg:focus {
	-moz-box-shadow: 0 0px 4px #999;
	-webkit-box-shadow: 0 0px 4px #999;
}

input.send {
	background: #222 url(img/nav-bg.png) repeat-x;
	cursor:pointer;
	color:#FFF;
	border:none;
	padding: 5px 10px 6px;
	font-weight:bold;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 0px -1px 1px #222;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
}

input.send:hover {
	background:#111;
}

input.send:active {
	top:1px;
}
