/* CSS Document */
@font-face{
	font-family: "Alien";
	src: url(aliee13.ttf) format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Digital";
	src: url(DigitalBold.ttf) format("truetype");
	font-style:normal;
	font-weight: strong;
}

html {

	background:black url(../images/bg-square.gif) left top ;
    background-repeat: repeat;
    background-size: cover;
    margin: 0%;
    padding: 0%;

}


body
{

	padding:0px;
	font-family:  Arial, Helvetica, sans-serif;

	font-size:12px;
	color:#FFFFFF;
}


a {
	color:#ffffff;
	text-decoration:underline;
}

a:hover {
	color:#eeeeee;
}

#wrapper
{
	width:964px;
	margin:0 auto;


}
#onairbox
{
border: 5px dotted white;
}
.menuZone{margin:0; padding:0;}
.menuZone ul{margin:0px; padding:10px 0 0 0; text-align:center;}
.menuZone li
{margin:0px 0px 0px 0px;
width:auto;
padding:12px 30px 10px 30px;
background:url(../images/menudivider.png) no-repeat 0 15px;
display:inline;
list-style:none;
font-face: Alien;
font-size: 24px;
}
.menuZone li.first{background:none;}
.menuZone a{color:#FFFFFF; font-size:24px; font-family: Alien; font-weight:normal; text-decoration:none;}
.menuZone a:hover{color:lime}
.menuZone a.current{color:#FF33F9 }


textarea {
	caret-color: red;
	width: 95%;
	height: 5em;
	border: 1px solid #cccccc;
	padding: 0.5em;
}
textarea:focus {
      background: #FFC;
}

#onairbox
{
border: 5px dotted white;
}

.clear
{
	margin:0px;
	padding:0px;
	clear:both;
}
.banner
{
	width:964px;
	height:350px;
	margin-top:30px;
	background:url(../images/banner.png) no-repeat;

}
h1
{
	font-size:24px;
	font-face:alien;
	padding:50px 0px 0px 66px;
	margin:0px;
}
h4
{
	font-size:22px;
	padding:0px 0px 0px 50px;
	margin:0px;
}
h3
{
	font-size:22px;
	padding:0px 0px 0px 86px;
	margin:0px;
}
h2
{
        font-family: Alien;
	font-size:40px;
        color: Gold;
        font-weight: normal;
	padding:50px 0px 0px 0px;
	margin:0px;
}
.bannerText1
{
	margin:0px;
	padding:0px;
	width:305px;
	float:left;
}
.bannerText1 ul
{
	margin:0px;
	padding:0px 0px 0px 55px;
}
.bannerText1 li
{
	margin:0px;
	padding:0px 0px 0px 15px;
	list-style:none;
	background:url(../images/banner-star.png) no-repeat;
}
.bannerText1
{
	margin:0px;
	padding:0px;
	float:left;
}
.bannerText1 ul
{
	margin:0px;
	padding:0px 0px 0px 65px;
}
.bannerText1 li
{
	margin:0px;
	padding:0px 0px 0px 25px;
	list-style:none;
	background:url(../images/banner-star.png) no-repeat;
}
.bannerText2
{
	margin:0px;
	padding:0px 20px 0px 0px;
	width:310px;
	font-family: Alien;
	font-size: 33px;
	text-decoration: none;
	float:left;
}
.bannerText2 > a {
color:#FFFFFF; font-size:24px; font-family: Alien; font-weight:normal; text-decoration:none;
}
.bannerText2 > a:hover {
text-decoration: none;
color: lime;
}
.yelloText
{
	color:#FFFBC2;
	font-weight:bold;
}
.yelloText2
{
	color:#FFFBC2;
	padding:0px 0px 0px 88px;
	font-weight:bold;
	float:left;
}
.yelloText3
{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.yelloText3 a
{
	color:#FFFBC2;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	background:url(../images/path-learn.png) 0px 3px no-repeat;
}
.button
{
	margin: 10px 0px 0px 10px; display:inline;
}
.play
{
	padding:60px 0px 0px 0px;
}
.play img
{
	margin:0px 0px 0px 20px; display:inline;
}
.logo
{
	background:url(../images/);
	width:328px;
	height:333px;
	margin-top:18px;
	float:left;
}


#workZone
{
	padding:0px;
	margin:0px;
}
.imageMaincontainer
{
	margin:10px 0px 0px 0px;
	padding:0px;

}
.imageContainer
{
	float:left;
	margin:20px 0px 0px 0px;
}

.imageContainer2
{
	float:left;
	margin:20px 0px 0px 20px;

}

.imageContainer3
{
	float:right;
	margin:20px 0px 0px 0px;
}

.plus
{
	color:#152839;
	font-size:30px;
	float:left;
	font-weight:bold;
	padding:120px 5px 0px 5px;
}

.faqcontainer {
	height:247px;
}


.textboxtop {
	background:url(../images/subcribetop.png) left top no-repeat;
	margin-top: 20px;

}
.textboxmid {
	background:url(../images/subcribemid.png) left top repeat;
}
.textboxbottom {
	background:url(../images/subcribebottom.png) left bottom no-repeat;
	padding:6px 10px 10px 10px;
}
.textbox {
	background: url(../images/textbox.png) no-repeat left top;

		background-size: 100%, 100%;
display: flex;
padding: 0%;
	margin-top: 20px;
    height: 1053px;

}



.box1
{
	width:450px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}
.box1Text
{
 padding:10px 30px 0px 30px;

}
.box1 img
{
	padding:2px 0px 0px 20px;
	float:left;
}
.box2
{
	width:450px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}
.box2Text
{
 padding:20px 30px 0px 30px;

}
.box2Text ul
{
	margin:0px;
	padding:0px 0px 0px 0px;
}
.box2Text li
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 20px;
	list-style:none;
	background:url(../images/star.png) 0px 3px no-repeat;
}
.box2Text li a
{
	color:#97B1C2;
}
.box2Text li a:hover{ text-decoration:none}
.box2 img
{
	padding:2px 0px 0px 20px;
	float:left;
}
.box3
{
	width:900px;
	height:auto;
	margin: 10px 0px 0px 10px;
display: flex;
justify-content: center;

	text-align:right;
}

.globezone {
width: 963;
height: 330;
margin:20px 0px 0px 0px;
background: url(../images/globe-bg.png) no-repeat;

}
.globetext {
font-family: Alien;
font-color: gold;
font-size: 24px;
width: 200px;

display: flex;

}
.bottomMenu
{
	width:965px;
	height:33px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/footer-menu.png) no-repeat;
	display:inline-block;

}
.bottomMenu ul
{
	margin:0px;
	padding:8px 0 0 0 ; text-align:center;
}
.bottomMenu li
{
	margin:0px 0px 0px 0px;
	padding:0px 30px 0px 30px;
	background:url(../images/menudivider.png) no-repeat;
	display:inline;
	list-style:none;
}

.bottomMenu li.first{background:none}

.bottomMenu a:hover{color:#fffe90}
.bottomMenu a.current{color:#fffe90}


.bottomMenu a
{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;

}
.footerMenu
{
	margin:0px 0px 43px 0px;
	padding:21px 0px 0px 45px;
}
.footerMenu ul
{
	margin:0px;
	padding:0px;
}
.footerMenu li
{
	margin:0px;
	padding:0px;
	display:inline;
	color:#051A2D;
}
.footerMenu li a
{
	color:#051A2D;
	font-size:11px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}

@media (max-width: 1040px) {

a {
	color:#00FFF3;
	text-decoration:none;
}
}

.player-button {
height: 128px;
width:128px;
border: 0px;
	margin: -190px 0px 120px 140px; 
		display: flex;
}
.cd-button {
height: 128px;
width:128px;
border: 0px;
	margin: -30px 0px 20px 0px; 
		display: flex;
}
.chat-button {
height: 128px;
width:128px;
border: 0px;
	margin: -280px 120px 140px -720px; 
	display: flex;
}

.guest-button {
height: 48px;
width:223px;
border: 0px;
	margin: -75px 0px 20px -40px; 
	display: flex;
}


#playstream {
background: url("../images/rbutton-sprite.png") 0px 0px;
display: inline-block;
}
#playstream:hover {
background: url("../images/rbutton-sprite.png") 128px 0px;
}
#cd {
background: url("../images/cdbutton-sprite.png") 0px 0px;
display: inline-block;
}
#cd:hover {
background: url("../images/cdbutton-sprite.png") 128px 0px;
}
#chat {
background: url("../images/chatbutton-sprite.png") 0px 0px;
display: inline-block;
}
#chat:hover {
background: url("../images/chatbutton-sprite.png") 128px 0px;
}


#guestbook {
background: url("../images/gbutton-sprite.png") 0px 0px;
}
#guestbook:hover {
background: url("../images/gbutton-sprite.png") 223px 0px;
}


/* inner pages css start */
h1.inner{font:24px Alien, Georgia, "Times New Roman", Times, serif; color: #EA80FC; text-align:left; font-weight:100; margin:0px; padding:0 0px 10px 230px; text-decoration:none}
h1.inner span{color: Gold, #ccc9a2;}
.aboutus-img{float:right; border:4px solid #fff;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#fff; font-weight:100; padding:0px 0px 5px 0px;	border-bottom:1px dotted #fff;	margin:0px 0px 10px 0px; background:none }
h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#fff; font-weight:100; padding:0px 0px 5px 0px;	margin:0px 0px 0px 0px; background:none }
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
.insidereadmore a{color:#5D2D23; font-size:14px; text-decoration:none}
.insidereadmore a:hover{text-decoration:underline}

a.projects{color:#CC9900; font-size:12px; text-decoration:underline}
a:hover.projects{text-decoration:none}

input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #fff;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	margin-bottom:10px; border-radius:15px;border: 6px solid gold;}
.whiteheading{font:30px Myriad Pro, Arial; color:#000; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #fff; padding-bottom:10px;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}

.blog-posted-row a{color:#CC9900; font-size:12px; text-decoration:underline; padding:0 0 0 8px}
.blog-posted-row a:hover{text-decoration:none}

form {
    border: 3px solid navy;
    border-radius: 5%;
    width: 50%;
    background-color: white;
    margin: 0 auto;
    padding: 0 1em;
}

form label {
    display: inline;

    font-size: 1em;
    color: darkslategrey;
    padding-left: 3px;
}

input:focus,
textarea:focus {
    border:1px solid orange;
}
input[type=text] {
    background-color: white;
    cursor: text;
    width: 30%;
    padding: .3em 0;
    border: 1px solid black;
    border-radius: 0.7em;
}
input[type=email] {
    background-color: white;
    cursor: text;
    width: 40%;
    padding: .3em 0;
    border: 1px solid black;
    border-radius: 0.7em;
}
input[type=radio] {
background-color: yellow;
font-color: black;
    cursor: pointer;
    padding: .3em 0;
    border: 1px solid black;
    border-radius: 0.7em;
}
.inline{color: black;}
input[type=submit] {
    background-color: limegreen;
    cursor: pointer;
    width: 14em;
    padding: .3em 0;
    border-radius: 0.7em;
}

input[type=submit]:hover {
    background-color: yellow;
    box-shadow: 2px 2px 2px yellow;
}



/* inner pages css ends */