@charset "UTF-8";
/* 
CSS Document 
Balihoo Creative
BALIHOO CREATIVE 2009


DESIGN SPECS:
----------------------------------------------------------------------------
	COLORS
		ORANGE: #ee8722
		GREY: #6d6e70
		
----------------------------------------------------------------------------

*/




/*------------ GENERAL LAYOUT & STRUCTURE ----------------------------------*/


/** {
margin: 0;
padding: 0;
}*/

body{
	background-color:#212224;
	font:Arial, Helvetica, sans-serif;
	margin:0;


}


#bgimagewide{
	background-image:url(../images/bgmain.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	top:0;
	position:absolute;
	}
	


#Index_bgimage{
	background-image:url(../images/bgimage.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	margin:0 auto 0;
	position:relative;
	}

#work_bgimage{
	background-image:url(../images/bgimage_work.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	margin:0 auto 0;
	position:relative;
	}
	
	
#about_bgimage{
	background-image:url(../images/bgimage_about.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:1000px;
	width:100%;
	margin:0 auto 0;
	position:relative;
	}
	
	
#contact_bgimage{
	background-image:url(../images/bgimage_contact.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	margin:0 auto 0;
	position:relative;
	}




#large_main{
	top:0px;
	width:960px;
	height:100%;
	margin:0px auto 0;
	position:relative;
	vertical-align:top;
	}
	
#main{
	top:190px;
	width:1147px;
	margin:0px auto 0;
	position:relative;
	}
	

	
#mainNocolor{
	top:190px;
	width:1047px;
	margin:0px auto 0;
	position:relative;
	}

#smallcontent{
	width:1007px;
	height:292px;
	background-image:url(../images/transgreyBG.png);
	/*background:#6d6e70;*/
	vertical-align:top;
	bottom:0;
	padding:0px 40px 0px 0px;
	position:relative;
	
	}
	
#smallcontent_contact	{
	width:1007px;
	height:292px;
	background-image:url(../images/transgreyBGPcontact.png);
	/*background:#6d6e70;*/
	vertical-align:top;
	bottom:0;
	padding:0px 40px 0px 0px;
	position:relative;
	
	}
	
#smallcontent_about{
	width:960px;
	/*background-image:url(../images/clearpng.png);*/
	background-image:url(../images/transgreyBG-about.jpg);
	background-repeat:no-repeat;
	background-color:#191a1d;
	vertical-align:top;
	background-position:bottom;
	top:235px;
	height:680px;
	vertical-align:top;
	position:absolute;
	margin-bottom:50px;
	padding:0;
	}
	
#largecontent_about{
	width:960px;
	/*background-image:url(../images/clearpng.png);*/
	background-image:url(../images/transgreyBG-about.jpg);
	background-repeat:no-repeat;
	background-color:#191a1d;
	vertical-align:top;
	background-position:bottom;
	top:235px;
	height:980px;
	vertical-align:top;
	position:absolute;
	margin-bottom:50px;
	padding:0;
	}
	
	
	
#smallflash{
	width:1147px;
	height:500px;
	position:relative;
	top:-80px;
	left:-100px;
	
	}

	
#largeflash{
	width:1147px;
	height:900px;
	position:relative;
	top:-80px;
	left:-100px;
	
	}
	
	

#introText{
	padding:20px;
	width:690px;
	height:150px;
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:16px;
	bottom:0;
	vertical-align:top;
	letter-spacing:1px;
	margin:95px  0px 0px 60px;
	}
.bottom{
	
	bottom:0;
	}
	
#introTextabout{
	color:#cdcecf;
	/*color:#86888a;*/
	padding:30px 60px 50px 20px;
	width:760px;
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:25px;
	vertical-align:top;
	letter-spacing:1px;
	margin:20px  0px 0px 60px;
	
}
h1{
	display:inline;
	color:#ee8722;
	font-size:13px;
	font-weight:normal;
	}
	
 h2{
 	display:inline;
	color:#ee8722;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	margin:0;
	display:inline;
	}
 h3{
 	display:inline;
	color:#ee8722;
	font-size:13px;
	line-height:22px;
	font-weight:normal;
	margin:0;
	display:inline;
	}
	
	
#logo{
	display:block;
	position:absolute;
    bottom:0;
    right:0;
    width:162px;

}


#nav{
	/*background:#ee8722;*/
	width:1047px;
	height:341px;
	color:#FFFFFF;
	vertical-align:top;
}

#nav_about{
	/*background:#ee8722;*/
	width:960px;
	height:341px;
	color:#FFFFFF;
	vertical-align:top;
	position:relative;
	top:0px;
}

#nav_cap{
	/*background:#ee8722;*/
	width:1047px;
	height:341px;
	color:#FFFFFF;
	vertical-align:top;
	position:absolute;
	top:-170px;
}


/*----------------------FONT STYLES--------------------------------------*/

ul.text{
	margin:20px 0 40px 45px;
	list-style:none;
	padding:0;

}
ul.text li{
	margin : 0 0 0 0px;
		background-image:url(../images/clearpng.png);
		padding:15px;
		width:80%;
		color:#FFFFFF;
	
}

.white{
	color:#FFFFFF;
	}
	
.orange{
	color:#ee8722;
	}
	
.grey{
	color:#6d6e70;
	}






/*----------------------PARAGRAPH STYLES--------------------------------------*/

.altcontent {
	left:50px;
	position:relative;
	color:#ffffff;
	padding:10px;

	}





/*---------------------- LINK STYLES--------------------------------------*/

img a {
	border:0;
	}
	
img a:hover {
	border:0;
	}

img a:visited {
	border:0;
	}
	
	
a {
	color:#FFFFFF;
	text-decoration:none;
	}

a:hover{
	text-decoration:none;
	}




/*---------------------- IMAGE STYLES --------------------------------------*/

img {
	border:0;
	}
	

/* --------------------------------------------------------------

   forms

-------------------------------------------------------------- */

label       { font-weight: normal; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: none; }
legend      { font-weight: bold; font-size:12px; }

 ul.form ,.form li  {
	position:relative;
	top:0px;
 	float:left;
	padding:0;
	list-style: none;
	 margin-right:10px;
	 margin-left:10px;

};



li.form   {
	position:relative;
	top:0px;
 	float:left;
	padding:0;
	list-style: none;
	
	
};



/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:transparent;
    border:1px solid #333333;

 
}
input[type=text]:focus, input[type=password]:focus,
 input.title:focus,input:focus,
textarea:focus, select:focus {
   background-color:#333333;
   border:none;
}

input.button{
	background:#ee8722;
	color:#333333;
	border:none;
	float:right;


}

input.button:hover{
	background:#ee8722;

}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
  background-color:transparent;
    border:1px solid #333333;
	color:#FFFFFF;
}

input.text,
input.title   { width: 240px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 415px; height: 100px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



#form{
	padding:20px;
	width:780px;
	height:150px;
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	line-height:16px;
	bottom:0;
	vertical-align:top;
	letter-spacing:1px;
	margin:50px  0px 0px 30px;
	}