/* TAG DEFINITIONS */
/* ------------------------------------------------------------------------- */
html {
     /*overflow: -scroll;
      /*overflow: -moz-scrollbars-vertical;*/
	
	/* fixes firefox to have vert scroll bars */
	/* --------------------------------------
	_overflow: scroll; */
	overflow: -moz-scrollbars-vertical;
	
} 
body { padding: 0; margin:0px 10px 10px 25px; text-align: left; vertical-align:top;}
img { border:none; padding:0; margin:0;}
form { padding:0; margin:0;}

a{ 
	color: #669900;
	text-decoration:none; 
}

a:hover{ 
text-decoration:underline;
}


#all { font-family: arial, Helvetica, sans-serif; font-size:68%; width: 750px; color: #000000; text-align: left; 	margin-left:auto; 
	margin-right:auto; }

#login { width: 740px; font-size:90%; text-align:right; margin: 0 10px 10px 0;;}
#login a { text-decoration:none; color: #666666;}
#login a:Hover { text-decoration:underline; color: #669900; }

#logo { float:left; display:inline; width:auto;}

h2 { font-size: 130%; font-weight:700; padding: 5px 0px 2px 0px;  }

/*NaVIGaTION */
/* ------------------------------------------------------------------------- */
#nav { margin: 30px 0px 20px 0px; padding: 0px; float:right; }
#nav li { padding: 0px 0px 0px 10px; margin: 0; list-style: none; float:left;  }
#nav a { text-decoration:none; }

#nav li a span { display:none; }

#nav #home a { background-image:url(../images/navhome.gif); background-position:top; background-repeat:no-repeat; width:26px; height:19px; display:block;}
#nav #home a:hover { background-image:url(../images/navhome_over.gif); }

#nav #about a { background-image:url(../images/navabout.gif); background-position:top; background-repeat:no-repeat; width:26px; height:19px; display:block;}
#nav #about a:hover { background-image:url(../images/navabout_over.gif); }

#nav #services a { background-image:url(../images/navservices.gif); background-position:top; background-repeat:no-repeat; width:38px; height:19px; display:block;}
#nav #services a:hover { background-image:url(../images/navservices_over.gif); }
	
#nav #portfolio a { background-image:url(../images/navport.gif); background-position:top; background-repeat:no-repeat; width:38px; height:19px; display:block; }
#nav #portfolio a:hover { background-image:url(../images/navport_over.gif); }
	
#nav #testimonials a { background-image:url(../images/navtest.gif); background-position:top; background-repeat:no-repeat; width:57px; height:19px; display:block; }
#nav #testimonials a:hover { background-image:url(../images/navtest_over.gif); }

#nav #clients a { background-image:url(../images/navourclients.gif); background-position:top; background-repeat:no-repeat; width:48px; height:19px; display:block;}
#nav #clients a:hover { background-image:url(../images/navourclients_over.gif); }
	
#nav #guide a { background-image:url(../images/navguide.gif); background-position:top; background-repeat:no-repeat; width:83px; height:19px; display:block; }
#nav #guide a:hover { background-image:url(../images/navguide_over.gif); }
	
#nav #contact a {background-image:url(../images/navcontact.gif); background-position:top; background-repeat:no-repeat; width:48px; height:19px; display:block;  }
#nav #contact a:hover { background-image:url(../images/navcontact_over.gif); }
	
#nav #loginb a { background-image:url(../images/navlogin.gif); background-position:top; background-repeat:no-repeat; width:22px; height:19px; display:block; }
#nav #loginb a:hover { background-image:url(../images/navlogin_over.gif); }
	
#nav #work a { background-image:url(../images/navclient.gif); background-position:top; background-repeat:no-repeat; width:65px; height:19px; display:block; }
#nav #work a:hover { background-image:url(../images/navclient_over.gif); }
	
#nav #logout a {background-image:url(../images/navlogout.gif); background-position:top; background-repeat:no-repeat; width:29px; height:19px; display:block;  }
#nav #logout a:hover { background-image:url(../images/navlogout_over.gif); }

#subnav { float: left; list-style-type:none; margin:0px 40px 70px 0px; padding:0; width:180px; color: #669900; display:block;}
#subnav li{ padding: 5px 0px 5px 0px; border-bottom:1px dotted #CCCCCC;}
#subnav li a { color: #666666; text-decoration:none;}


/*------------CONTENT --------------------------*/
#banner { 
	clear:both;
	text-align:left;
	height:auto;
	width:auto;
	}

#banner embed,object,img {
 margin:0px 0px 20px 0px;
}

#flash { 
	clear:both;
	margin: 0;
	padding:0;
	text-align:left;
	}
.content {
    clear:both;
	display: block;
	padding: 0;
	margin: 2px 4px 30px 38px; 
}

#title { 
	clear:both;;
	color: #333333;
	font-size: 200%;
	font-style: normal;
	font-weight: 400;
	padding: 0px;
	margin: 0px 0px 6px 0px; 
	text-transform:lowercase;
}

#subTitle { 
	color: #999999;
}

#crumb {
	position:relative;
	width: auto; 
	clear:both;
	margin: 0px 5px 20px 0px;
	font-family: arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	
}
#crumb a { text-decoration:none; color: #669900;}
#crumb a:Hover { text-decoration:underline; color: #669900; }

#main {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width:90%;
	line-height :140%;
	color: #000033;
	text-align:left;
}

#main a { text-decoration:none; color: #669900;}
#main a:Hover { text-decoration:underline; color: #669900; }
#main #left{ float:left; width:45%; margin: 0px; padding: 0px 10px 0px 0px; display:block;}
#main #right { float:right; width:45%; margin: 0px; display:block;}

#double { float:left; width:86%; margin: 10px 0px 10px 0px; display:block;}

#bottom { width: 100%; background-color: #a9B700; margin: 10px 0px 0px 0px;}
#bottom_banner { clear:left; margin: 10px 0px 0px 0px; padding: 8px 0px 10px 20px; background-color: #B7CF00; text-align:left; display:block;}

/*------------- Forms --------------------*/
#submit { background-color:#FFFFFF; border-width: 1px 1px 1px 1px; border-color:#999999; border-style:solid; font-size: 140%; color: #000000;}

form dd { margin:0; padding:5px 0 8px 0;}
/*form dt { float:left;}*/

#login_Form label{ font-weight:bold; color:#666666;}
#password, #accID { width:180px;}

#Contact_Form label{ font-weight:bold; color:#666666;}
#name, #company, #email, #comments{ width:180px;}


/*--------------Film & video guide----------*/
#main ol { list-style-position:outside;}
#main ol li { padding:0px 0px 10px 0px; margin:0px 0px 0px 10px; list-style-position:outside;}
#guidelist { margin:10px; }


/*--------------Homepage----------*/
#home table { border-collapse:none; }
#home td { vertical-align:top; line-height:140%; }
#home #first { padding: 20px 40px 10px 10px; width: 200px; }
#home .work { padding: 20px 25px 10px 0px; width:135px; }
#home #areas { padding: 20px 10px 10px 10px; }
#home #areas ul{ list-style:none; padding:0px;margin:0px;}
#home #areas li{ padding:0px;margin:0px 0px 0px 0px;}
#home { padding:0; margin:0; line-height:120%;}
#home h2 { padding:0px 0px 5px 0px; margin:0; font-size:100%;}
#home p { margin-top:0;}
#home .columnhead { font-size:90%; color:#999999; padding: 0px 0px 2px 0px; margin:0px;}


#home #areas li a{ 
	color:#000000;
	text-decoration:none; 
}

#home #areas li a:hover{ 
	color: #669900;
	text-decoration:underline;
}

.item{  clear:both; padding: 10px 0px 10px 0px; margin:0px; border-bottom:1px dotted #CCCCCC;}
.thumb { float:left; margin: 0 15px 0px 0; padding: 0; }
.play { text-align:right; margin:0; padding:0;}


/*--------------3 column layout----------*/
#threecolumn{
border-collapse:collapse;
border:none;
}
#threecolumn td{
vertical-align:top;
}
#firstcolumn{
	width:210px;
	padding: 0px 30px 0px 0px;
}
#secondcolumn{
	width:210px;
	padding: 0px 30px 0px 0px;
}
#secondcolumn ul{
	margin:0px 0px 0px 10px;
	padding: 0px;
	list-style-type:square;
}
#secondcolumn li{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
#thirdcolumn{
width:200px;
}

#thirdcolumn .columnhead{
font-size:90%;
color:#666666;
margin:0px;
}

.worklink{
margin:0px 0px 0px 0px;
}
.worklink p{
margin:0px 0px 5px 0px;
}
.worklink h2{
margin:0px;
font-size:100%;
}
		
/*--------------portfolio and client work sections----------*/
.listimg { padding:0px 20px 0px 0px; }

.listcontent h2 { padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.listcontent p { padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; }

#current { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#current th{ background-color:#EaE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; }
#current td { border-bottom: 1px dotted #CCCCCC; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; }
#current table { width: 100%; padding:0px; margin:10px 0px 10px 0px; border:0px solid #FFFFFF;  }

#projects table { clear:both; padding:0px; margin:5px; display:block; table-layout:auto; width:100%}
#projects td { border-bottom: 1px dotted #CCCCCC; padding: 15px 15px 10px 0px; vertical-align:top;}
#projects td.listcontent { border-right:50px solid #FFFFFF; width:40%}
#projects td.listcontent a { color:#000000; }
#projects td.listcontent a:hover { color:#669900; }

#projects td.listimgClear { border-bottom: 1px dotted #FFFFFF;}

ul.adminButtonList {list-style-type:none;}
a.adminButtons {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px; 
	padding: 1px 5px 1px 5px; 
	width:auto;
	color:#669900;
}
.adminButtonList:hover { background-color:#669900; color:#FFFFFF; }
.adminButtonList li{ display:inline; list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 6px 0px 0px; }

#text {
	line-height :108%;
	font-family: arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 96%;
	font-style: normal;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
	vertical-align:top;
	text-align: top left; 
	width:70%;  
	display:block;
}
#text strong {
			line-height:130%;
			text-align:left top; 
			width:82%;
			vertical-align:top;
			color: #333333;
			font-style: normal;
			font-weight: 700;
			padding: 0px;
			}
#bu_admin {
			color: #666666;
			border-width: 1px 1px 1px 1px; 
			border-color:#999999; 
			border-style:solid; 
			font-family: arial, Helvetica, sans-serif; 
			font-size: 94%;
			background-color:#FFFFFF;
			}
			
/*------------pROJECT FILES --------------------------*/

#proj_files h4{ padding: 0px; margin:0px; }
#proj_files { background-color: #F8F8F8; width: 205px; float:right; padding: 20px 20px 10px 20px; margin: 0px 0px 0px 20px; display:block; }
#proj_files ul { padding: 0px 0px 0px 0px; margin:0; } 
#proj_files li { list-style-type:none; padding: 10px 0px 10px 0px; margin:0; border-bottom: 1px dotted #CCCCCC; }
.listdate { font-size:80%; color:#666666;}

#comments { float:left; width:320px; display:block; padding: 20px 0px 10px 0px; }
#comments h4{ padding: 0px; margin:0px; }
#comments ul { padding: 0px 0px 0px 0px; margin:0; } 
#comments li { list-style-type:none; padding: 10px 0px 10px 0px; margin:0; border-bottom: 1px dotted #CCCCCC; }

#workcomment { width:300px; height: 100px; }

/*----------------------------------------------------------*/
/* paGE FOOTER */
/*----------------------------------------------------------*/
#footer {
	clear:both;
	margin: 30px 0px 10px 0px;
	color: #999999;
	text-align:left;
}
#footer a { text-decoration:none; color: #669900;}
#footer a:Hover { text-decoration:underline; color: #669900; }
#footer #telephone { 
	font-size:250%;
	font-weight:200;
	padding: 0px 0px 10px 20px;
}
#footer #telephone strong{ 
color:#669900;
font-weight:normal;

}

#footer #addr {
 background-image:url(../images/footer-bottom-right.gif);
 background-repeat:no-repeat;
 background-position:right;
 background-color:#f0f0f0;
 padding: 0px 20px 0px 0px;
 height:21px;
 font-size:90%;
}

#footer #addr div{
 background-image:url(../images/footer-bottom-left.gif);
 background-repeat:no-repeat;
 background-position:left;
 padding: 0px 0px 0px 20px;
 height:21px;
}

#footer #addr div span{
padding:4px 0px 0px 0px;
display:block;
}

#footer #copyright{
font-size:90%;
margin: 20px 0px 20px 20px;
}

#footer #linkback{
display:none;
}





.input_25 { width: 25px;  }
.input_50 { width: 50px; }
.input_70 { width: 70px; }
.input_130 { width: 130px; }
.input_100 { width: 100px; }
.input_110 { width: 110px; }
.input_150 { width: 150px; }
.input_200 { width: 200px; }
.input_300 { width: 300px; }

.textarea400 { width: 400px; font-size: 100%; border-style: solid; border-width: 1px 1px 1px 1px; clip: rect( ); border-color: #aFaFaF; padding-left : 3px;}
.textarea300 { width: 300px; font-size: 100%; border-style: solid; border-width: 1px 1px 1px 1px; clip: rect( ); border-color: #aFaFaF; padding-left : 3px; }
.textarea250 { width: 250px; font-size: 100%; border-style: solid; border-width: 1px 1px 1px 1px; clip: rect( ); border-color: #aFaFaF; padding-left : 3px; }
.textarea200 { width: 200px; font-size: 100%; border-style: solid; border-width: 1px 1px 1px 1px; clip: rect( ); border-color: #aFaFaF; padding-left : 3px; }
.textarea150 { width: 150px; font-size: 100%; border-style: solid; border-width: 1px 1px 1px 1px; clip: rect( ); border-color: #aFaFaF; padding-left : 3px; }
.textarea100 { width: 100px; font-size: 100%; border-style: solid; border-width: 1px 1px 1px 1px; clip: rect( ); border-color: #aFaFaF; padding-left : 3px; }

.submit100 { width: 100px; font-size: 100%;}