@charset "UTF-8";
/* 
CSS Document 
Wide Eye Productions 
BALIHOO CREATIVE 2008


DESIGN SPECS:
----------------------------------------------------------------------------
	COLORS
		GREEN : #aeb620
		ORANGE: #f4ae1a
		GREY: #322f31
		YELLOW: #e3ce25
		BLACK: #000000
----------------------------------------------------------------------------

*/




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


/** {
margin: 0;
padding: 0;
}*/
html, body {
	background-image:url(../images/bodybg.png);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#0d0d0d;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	
	
	}

#bgwrap{
	background-image:url(../images/mainbackground.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	height:552px;
	margin:0 auto 0;
}
	
#main{
	position:relative;
	width:919px;
	height:488px;
	background-image:url(../images/contentbackground.jpg);
	top:20px;
	margin:0 auto 0;
	overflow:visible;
	
}

#Large_main{
	position:relative;
	width:919px;
	height:595px;
	background-image:url(../images/contentbackground_large.jpg);
	top:20px;
	margin:0 auto 0;
	overflow:visible;
	
}



#content{
	width:919px;
	height:600px;
	float:left;
	position:absolute;
	top:52px;
	overflow:visible;
	left: 0px;
}


#altcontent{

	background-color:#666666;
	overflow:scroll;
	background-position:top;
	width:845px;
	height:350px;
	float:left;
	left:20px;
	position:absolute;
	top:40px;
	
	font-size:13px;
	line-height:15px;
 	display: block;
	color:#0d0d0d;
	padding: 10px 20px 20px 20px;
	
	
	
	
	
}


#logo{
	z-index:2;
	width:919px;
	height:300px;
	float:right;
	right:0px;
	top:150px;
	position:relative;


}

blockquote{
	text-indent: -0.5em;


}
blockquote hr{
margin-top:40px;
	width:300px;
	color:#ododod;
	}


/*-------------MENU STYLE---------------------------------------------------*/
 ul.lavaLampBottomStyle {
 	position:relative;
	top:0px;
 	margin-left:0;
	float:left;
	padding:0;
	
	 }
.lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
					margin:0px;
	 }
	 
.lavaLampBottomStyle li.back {
						background-image:url(../images/navOval.png);
						background-repeat:no-repeat;
						background-position:top;
                        width:35px;
                        height: 20px;
                        z-index: 8;
                        position: absolute;
						top:-20px;
						margin:0px;
						border:none;
						
                    }
 .lavaLampBottomStyle li a {
						font-family:Arial, Helvetica, sans-serif;
                        font-size:10px;
                        text-decoration: none;
                      	color:#999999;
                        outline: none;
						letter-spacing:1px;
                        text-align: center;
                        line-height:25px;
                        text-transform: uppercase;
                       	display: block;
                        float: left;
                        margin:0 15px;
                   		padding:0;
						top:5px;
						
                    }   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a.currentL  {
                            border: none;
							color:#aeb620;
						
                        }  


 					                  
#sublinksdiv{
	font-size:10px;
	z-index:1;
	height:100px;
	position:absolute;
	top:50px;
	vertical-align:top;
	padding:0 0 0 15px;;
	float:left;
	left:0;
}
.sublinkscol1{
	position:absolute;
	top:0px;
	margin-top:0;
	margin-left:10;
	padding:0;
	width: 900px;
	float:left;
	 }
.sublinkscol1 li{
	 float: left;
     list-style: none;
	 }
	 
	 
.sublinkscolR{
	position:absolute;
	top:20px;
	margin-top:0;
	margin-left:10;
	padding:0;
	width: 850px;
	float:right;
	
	 }
.sublinkscolR li{
	 float: right;
     list-style: none;
	 }

a.sublinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	color:#aeb620;
	outline: none;
	text-align: left;
	text-transform: uppercase;
	letter-spacing:1px;
	margin-right:20px;
	line-height:16px;
	float:left;
	
	 } 
a.sublinks:hover{	 
	border: none;
	color:#ffffff;
							
	}  
a.sublinksC{	 
	border: none;
	color:#ffffff;
	text-decoration:none;
		
							
	} 
a.sublinksC:hover{	 
	border: none;
	color:#0d0d0d;
	text-decoration:none;						
	} 
	

li{
	font-size:12px;
	line-height:14px;
	margin:0 0 0 0px;
	list-style:none;
	padding:none;

}

ul.disk{
	margin:0 0 0 10px;
	padding:0;
}

ul.disk li{
	list-style:disc;
	margin:0;
	padding:0;
	
}


/*------------ LINK & BUTTON STYLES -------------------------------------------------*/
a.dark{
	text-decoration:underline;
	color:#0d0d0d;
	
	}
a.dark:hover{
	color:#333333;
	}
a{
	text-decoration:none;
	color:#999999;
	border:none;
	}
a:hover{
	color:#cccccc;
	}
a img{
	text-decoration:none;
	border:none;
	}
a.standard{
    text-decoration:none;
	color:#aeb620;
	border:none;
}



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

UNIQUE PAGE LAYOUT STYLES:
BELOW ARE PAGE LAYOUT & STRUCTURE CHANGES TO INDIVIDUAL PAGES 
ONLY LAYOUT CHANGES- ANY FONT, LINK ETC CHANGES WILL APPEAR IN THE STYLES ABOVE.

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

/*------------ FOOTER---------------------------------------------------------*/
#footer{
	right:0;
	text-align:right;
	margin:0 auto 0;
	position:absolute;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	bottom:-30px;
 	text-transform: uppercase;
 	display: block;
	color:#999999;
}

/*------------ ABOUT US-----------------------------------------------------*/

#freelance{
	background-image:url(../images/freelance.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
	
}
#Client_listcontent{
	background-image:url(../images/clientbg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
	
}


#clientintro{
	float:right;
	width:260px;
	color:#333333;
	font-size:12px;
	letter-spacing:1px;
	line-height:16px;
	top:30px;
	position:absolute;
	right:380px;
	
}

#clientintro li{
	font-size:12px;
	line-height:14px;
	margin:0 0 0 0px;
	padding:13px 0 0px 0;

}

#list{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	 line-height:25px;
 	text-transform: uppercase;
 	display: block;
	color:#0d0d0d;
	padding-left:10px;
	width:300px;
	height:230px;
	right:40px;
	top:30px;
	position:absolute;
	float:right;
}

.listscroll{
	color:#0d0d0d;
	width:280px;
	height:220px;
	font-size:12px;
	text-transform:none;
	top:30px;
	padding:0px 10px 10px 10px;
	position:absolute;
	background-color:#cccccc;
	overflow:auto;
	left: 0px;
	text-indent: -0.5em;
}

.listscroll h1{
	color:#999999;
	margin:5;
	padding:0;
}
.listscroll h2{
font-size:14px;
color:#333333;
line-height:18px;
	margin:0;
	padding:0;
}

.listscroll h3{
font-size:12px;
color:#000000;
line-height:18px;
	margin:0 0 0 0px;
	padding:0;
}

.listscroll ul li{
	list-style: none;
	margin-top:10px;
	margin-left:5px;
	line-height:18px;
	text-indent:0px;
}
.listscroll ul{
	margin-top:0;
	margin-left:0px;
	padding:0;
	}
#Client_Awardscontent{
	background-image:url(../images/awardsbg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
	
}

#Client_Reviewcontent{
	background-image:url(../images/clientReviewbg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
	
}
#reviews{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	 line-height:16px;
 	text-transform: uppercase;
 	display: block;
	color:#0d0d0d;
	width:600px;
	height:360px;
	right:40px;
	top:30px;
	position:absolute;
	float:right;
}

.clientscroll{
	width:600px;
	height:230px;
	font-size:12px;
	color:#333333;
	text-transform:none;
	top:40px;
	position:absolute;
	letter-spacing:2px;
	overflow:auto;
	left: 0px;
}


/*------------ SERVICES --------------------------------------------------------*/

#postprod{
	background-image:url(../images/postproduction.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
}

#fielprod{
	background-image:url(../images/fieldproduction.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
}



#Services_content{
	width:919px;
	height:600px;
	float:left;
	position:absolute;
	top:75px;
	overflow:visible;
	left: 0px;
}

#Services_header{
	font-size:10px;
	width:701px;
	height:75px;
	float:left;
	position:absolute;
	left:10px;
	top:0px;
	padding:10px 0 0 10px;
	}

#Services_header ul {
	margin:10px 0 0 10px;
	width:700px;
	padding:0;
	float:left;
	list-style:none;
	position:absolute;
	}

#Services_header ul li{
	font-size:10px;
	color:#666666;
	float:left;
	list-style:none;
	padding:0px 15px 0 0px;
	margin:0;
	}
#Services_header ul li a{
	text-transform:uppercase;
	color:#0d0d0d;
	text-decoration: none;
	float:left;
	padding-right:15px;
	margin:0;
	}
	
#Services_header ul li a:hover{
	text-decoration: none;
	color:#ffffff;
	float:left;

	}
#Services_header ul li a.current{
	text-decoration: none;
	color:#ffffff;
	float:left;

	}
#Services_header ul li a.current:hover{
	text-decoration: none;
	color:#0d0d0d;
	float:left;

	}

#Services_header ul li a{
	color:#0d0d0d;
	text-decoration: none;
	float:left;
	padding-right:15px;
	margin:0;
	}

#equip_content{

	background-image:url(../images/services_equip_bg.png);
	background-repeat:no-repeat;
	background-position:top;
	width:710px;
	height:478px;
	float:left;
	left:186px;
	position:absolute;
	top:0px;
	
}

#prod_content{

	background-image:url(../images/services_prod_bg.png);
	background-repeat:no-repeat;
	background-position:top;
	width:730px;
	height:420px;
	float:left;
	left:186px;
	position:absolute;
	top:0px;
	
}

#stockprices{

	background-image:url(../images/stockprices.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
	
}

#stockprices .listscroll{
	line-height:18px;
	}



.downloadEquip {
	width:164px;
	height:75px;
	position:absolute;
	float:left;
	left:135px;
	top:110px;
	
	
}
.downloadEquip a {
	width:164px;
	height:75px;
	background-image:url(../images/downloadequip.png);
	background-repeat:no-repeat;
	
	
}
.downloadEquip a:hover {
	width:164px;
	height:75px;
	background-image:url(../images/downloadequip_hover.png);
	background-repeat:no-repeat;
	
	
}

#singlecol{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
 	display: block;
	color:#0d0d0d;
	padding: 0 0 0 20px;
	width:600px;
	height:230px;
	top:50px;
	position:absolute;
	float:left;
}

#colone{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
 	display: block;
	color:#0d0d0d;
	padding-left:20px;
	width:255px;
	height:230px;
	top:50px;
	position:absolute;
	left:10px;
	float:left;
}
#colone ul{
margin: 0;
padding:0;
	
}
#colone ul li{
margin: 0  0  5px 0;
padding:0;
line-height:14px;

	
}
#colone h2{
font-size:12px;
color:#0d0d0d;
line-height:18px;
	margin:5px 0 0 0;
	padding:0;
}

h2 em{
font-size:10px;
color:#0d0d0d;
font-weight:normal;
line-height:18px;
	margin:5px 0 0 0;
	padding:0;
}


#coltwo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
 	display: block;
	color:#0d0d0d;
	padding-left:20px;
	width:250px;
	height:230px;
	top:50px;
	position:relative;
	left:290px;
	float:left;
}
#coltwo ul{
margin: 0;
padding:0;
	
}
#coltwo ul li{
margin: 0  0  5px 0;
padding:0;
line-height:12px;

	
}
#coltwo h2{
font-size:12px;
color:#0d0d0d;
line-height:18px;
	margin:5px 0 0 0;
	padding:0;
}
.logocontainer{
	
	right:0px;
	bottom:90px;
	
	position:absolute;
	z-index:1;
}


#Services_creative{
	background-image:url(../images/creativeservices.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:919px;
	height:427px;
	float:left;
	position:absolute;
	top:70px;
	overflow:visible;
	left: 0px;
	
}

.servicescroll{
	width:590px;
	height:240px;
	font-size:13px;
	text-transform:none;
	top:20px;
	position:absolute;
	overflow:auto;
	left: 0px;
	color:#333333;
	font-size:12px;
	letter-spacing:1px;
	line-height:16px;
}




/*------------ BLOG---------------------------------------------------------*/

#blog{
   
	width:875px;
	height:510px;
	float:left;
	position:absolute;
	top:70px;
	overflow:auto;
	left: 25px;
	
}




/*------------ CONTACT US---------------------------------------------------*/

#login{
	background-image:url(../images/login_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:919px;
	height:600px;
	float:left;
	position:absolute;
	top:75px;
	overflow:hidden;
	left: 0px;
}

#contact{
	background-image:url(../images/contact_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:919px;
	height:600px;
	float:left;
	position:absolute;
	top:75px;
	overflow:hidden;
	left: 0px;
}
#contact_content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
	text-transform: uppercase;
	display: block;
	text-align:left;
	color:#0d0d0d;
	width:600px;
	height:267px;
	right:40px;
	top:30px;
	padding:0;
	position:absolute;
	float:right;
}

#contact_content #colone{
	margin:0;
	padding:0;
	top:0px;
	
	left:0px;
	width:150px;
}

#contact_content #colone h2{
	font-size:14px;
	 line-height:16px;
 	text-transform: uppercase;
 	display: block;
	text-align:left;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	top:0px;
	
	left:0px;
	width:150px;
}


#contact_content  #coltwo{
margin:0;
padding:0;
top:0px;
font-size:10px;
	line-height:15px;
	width:430px;
	left:150px;
	vertical-align:text-bottom;
	text-align:right;
	
	
	
	
}
form{
margin:0;
padding:0;
}

#contact_content  #coltwo h4{
font-size:10px;
  
	font-weight:normal;
	
	vertical-align:text-top;

	margin:0;
	padding:0;
	
	
}
labels{
}
input{
	font-size:13px;
	line-height:15px;
	background:none;
	border-color:#cccccc;
	border-bottom-style:solid;
	border-width:1px;
	vertical-align:top;
	margin:5px;
	
	
}
.submit{
background-color:#666666;
font-size:10px;
	line-height:15px;
	color:#FFFFFF;
}
textarea{
	background:none;
	border-color:#cccccc;
	border-bottom-style:solid;
	border-width:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
 	
	margin:5px;

	padding:0;
	vertical-align:top;
	
	}

/*------------ CLIENT LOGIN-------------------------------------------------*/
#login{
	background-image:url(../images/login_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:919px;
	height:600px;
	float:left;
	position:absolute;
	top:75px;
	overflow:hidden;
	left: 0px;
}


/*------------ ADMIN-------------------------------------------------*/
#admin{
	background-image:url(../images/login_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:919px;
	height:600px;
	float:left;
	position:absolute;
	top:75px;
	overflow:hidden;
	left: 0px;
}
#admin_content{
font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
	text-transform: uppercase;
	display: block;
	text-align:left;
	color:#0d0d0d;
	width:600px;
	height:267px;
	right:40px;
	top:30px;
	padding:0;
	position:absolute;
	float:right;
		overflow:auto;
}

#admin_content #colone{
	margin:0;
	padding:0;
	top:0px;
	
	left:0px;
	width:150px;
}

#admin_content #colone h2{
	font-size:14px;
	 line-height:16px;
 	text-transform: uppercase;
 	display: block;
	text-align:left;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	top:0px;
	
	left:0px;
	width:150px;
}


#logout{
	top:0px;
	width:200px;
	text-align:right;
	height:30px;
	padding:10px;
	float:right;
	position:absolute;
	right:5px;
	font-size:11px;
	line-height:15px;
	
}


#project-div{
	background-color:#dddddd;
	padding: 10px;
	width: 550px;
	margin-top: 3px;
	margin-bottom: 3px;
	
}

 p.client2{
	font: normal 12px/13px Arial, Helvetica, sans-serif;
	margin-bottom: -3px;
}

 p.date-sub{
   font: normal 9px Arial, Helvetica, sans-serif;
   margin-top: -3px;
   text-align:right;
}

#admin #colone h2{
	font-size:12px;
	color:#0d0d0d;
	line-height:18px;
	font-weight:normal;
	text-transform: capitalize;
	margin:5px 0 0 0;
	padding:0;
}


/*------------ PRIVACY-------------------------------------------------*/
#privacy{
	background-image:url(../images/privacy_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:919px;
	height:600px;
	float:left;
	position:absolute;
	top:75px;
	overflow:hidden;
	left: 0px;
}