/*----------------------------------------- 
JOI MEDIA
Arjay Aquino
COPYRIGHT 2009
-----------------------------------------*/

/*---------------------------------------=INITIAL SETUP----------*/

body{
	background: #000000;
	height:100%;
	min-width: 1024px;
	text-align:center;
}


#container{
	background: #000000 url(images/mainBG.jpg) no-repeat top left;
	border:thin #ffffff;
	margin: 0 auto;
	position:relative;
	overflow:hidden;
	text-align: left;
	width: 1024px;
}


/*---------------------------------------=AESTHETICS SETUP----------*/
a{text-decoration:none;}
a:link{color: #ffe671;}
a:visited{color: #ffe671;}
a:hover, a:active{color: #e6a514; text-decoration:none;}


.mainTxt{
	line-height: 1.5em;
	display:block; 	
}

.boldTxt{
	color:#ffae00;
	font-weight:bold;
	line-height: 1.5em;
}

.contactTxt{
	font-size:1.2em;
	font-weight:bold;
	line-height: 1.5em;
	display:block; 	
}

.titleImg{
	padding: 15px 0px 10px 0px;
}


#homeMainBody img{
	padding-right: 10px;
}

/*---------------------------------------=CONTENT SETUP----------*/
#content{
	float:left;
	min-height: 704px;
	width:1024px;
}

.description{
	clear:both;
	margin:0px 391px 0px 192px;
	padding: 10px 0 10px 30px;
	width:500px;
}

.transBox{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/transparency_black.png');
}
.transBox[class] {
  background-image:url(images/transparency_black.png);
}


#video{
	width: 740px;
	margin:130px 0px 0px 142px;
}

#contactDetails{
	margin:100px 0px 30px 679px;
	width:345px;
}

#contactForm{
	height:200px;
	margin:0px 0px 50px 679px;
	width:345px;
}


/*---------------------------------------=FORM SETUP----------*/
#contactForm label{
	color:#ffe671;
	display:block;
	float:left;
	width:5em;
}

#contactForm input, #contactForm textarea{
	background:url(images/opaque.png);
	border: 1px solid #313131;
	color: #ffffff;
	padding:3px 0px 3px 0px;
	resize:none;
	text-decoration: none;
	width:15em;
}
#contactForm textarea{
	width:15.3em;
}

#contactForm ul li{
	margin-bottom:5px;
	width:345px;
}

#contactForm input.button{
	color:#ffe671;
	margin-left:195px;
	width:5em;
}

.error{ 
	color:red;
}



/*---------------------------------------=FOOTER SETUP----------*/
#footer{
	background: #000000 url(images/footerBG.jpg) top center repeat-x;
	height:254px;
	width:100%;
}

#footerContent{
	padding: 8px 0px 20px 0px;
}
#footerContent p{
	font-size:.9em;
	text-align:center;
}

#footerContent a{
	text-decoration:none;
}

.white {
	
	color: #FFF;
	
}