@import url('prettyPhoto.css');

/*---------------------------------------------------------------------
	LAZARUS GROUP CMS - www.lazarusgroup.com
	Written: November 11 2008
	Written by: Scott Phelps (scott@lazarusgroup.com)

	TABLE OF CONTENTS
	0. See above (imports)
	1. Reset
	2. Html, Body
	3. Wrap
	3. Nav
		a. Structure
		b. Persistent State
		c. Drop Down
		d. Nav Search
	4. Main
	5. Footer
	6. Section Design Elements
		a. Who We Are
			- Who We Are
			- Our Mission
------------
Notes:

DIMENSIONAL INNOVATIONS HTML MOCK UP 
REVISIONS v.1	11/19/2008
REVISIONS v.11	12/09/2008
REVISIONS v.2	12/15/2008
REVISIONS v.21	12/17/2008
REDESIGNS v.3	01/06/2008

------------

/* RESET
=============================================*/
* {margin: 0; padding: 0;}
a {outline: 0;}
address {font-style: normal;}

/* STRUCTURE
=============================================*/
html {height: 100%;}

body {
	background: #232323 url(/site_images/body_bg.gif) no-repeat center 0;
	color: #fff;
	font: 86%/1.3em "Helvetica", Arial, sans-serif;
	height: 100%;
	}

/* WRAP 
=============================================*/
#wrap {
	height: 539px;
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	}

/*NAVIGATION
=============================================*/
/* NAVIGATION: Nav Structure  --------------------------------*/
#nav {
	background: #686867 url(/site_images/navbg.jpg) repeat-x 0 0;
	height: 84px;
	position: relative;
	width: 1000px;
	}

	#nav a.logo {
		display: block;
		height: 81px;
		width: 217px;
		}

	#nav ul {
		height: 45px;
		list-style-type: none;
		position: absolute;
			right: 24px;
			top: 0;
		width: 705px;
		}
	
	#nav ul#cssdropdown li {
		display: inline;
		}

	#nav ul li a {
		display: block;
		float: left;
		padding: 15px 0 10px 0;
		/* font transform */
			color: #b5b5b5;
			font: bold 14px "Helvetica", Arial, sans-serif;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#nav ul li a.home {width: 72px;}
		#nav ul li a.about {width: 83px;}
		#nav ul li a.capable {width: 129px;}
		#nav ul li a.work {width: 112px;}
		#nav ul li a.news {width: 73px;}
		#nav ul li a.contact {width: 121px;}
		#nav ul li a.blog {width: 75px;}

		#nav ul li a:hover, 
		body#Home #nav ul li a.home,
		body#About #nav ul li a.about,
		body#Capable #nav ul li a.capable,
		body#Work #nav ul li a.work,
		body#News #nav ul li a.news,
		body#Contact #nav ul li a.contact,
		body#Blog #nav ul li a.blog {
			color: #fff;
			}

	#nav ul li a:active {
		color: #BE3219;
		}

/* NAVIGATION: Persistent State ----------------------------------*/
		body#home #nav ul li a.home {	
			color: #fff;
			}

/* NAVIGATION: Drop Down ----------------------------------*/
#cssdropdown li.headlink ul { 
		display: none;  
		text-align: left; 
		margin-top:38px;
		}

	#cssdropdown li.headlink:hover ul {
		display:block;
		height: auto;
		width: 200px;
		z-index: 1000;
		}

		ul#cssdropdown li.headlink:hover ul.about_drop {
			margin-right: 408px;
			}

		ul#cssdropdown li.headlink:hover ul.capable_drop {
			margin-right: 327px;
			}
		
		ul#cssdropdown li.headlink:hover ul.work_drop {
			margin-right: 197px;
			}

		ul#cssdropdown li.headlink:hover ul.news_drop {
			margin-right: 86px;
			}

		ul#cssdropdown li.headlink:hover ul.contact_drop {
			margin-right: 12px;
			}

	ul#cssdropdown li.headlink ul li a {
		background-color: #4e4d4d; 
		border-bottom: 1px solid #fff;
		color: #b5b5b5;
		float: none; 
		font-size: .7em;
		height: 15px; 
		padding: 2px 5px; 
		text-align: left;
		width: 175px;
		}
	
	ul#cssdropdown li.headlink ul li a.bottom {
		border-bottom: 0;
		}

	ul#cssdropdown li.headlink ul li a:hover {
		background-color: #934033; 
		color: #fff;
		}


/* NAVIGATION: Search  ----------------------------------*/
#nav form {
	height: 21px;
	width: 102px;
	float: right;
	margin-top: -23px;
	margin-right: 39px;
	}

		#nav input {
			background-color: #f4f4f4;
			border: 1px solid #bcbbbb;
			height: 14px;
			width: 100px;
			z-index: -1;
			}

		#nav input.submit {
			background-color: #fff;
			height: 21px;
			}


/* MAIN
=============================================*/
#main {
	background: #363635 url(/site_images/mainbg.png) no-repeat 0 0;
	clear: both;
	width: 1000px;
	height: 455px;
	}

#main a, 
#main a:visited {
	color: #BF311B; 
	text-decoration: underline;
	}

#main a:hover {
	
	}

/* GENERAL SETTINGS
=============================================*/

h1 {font: 1.8em "Helvetica", Arial, sans-serif;}

h2 {font-size: 1.4em;}

h3 {font-size: 1em;}

h4 {margin-top: 0px;}/*changed from 9 -1/21*/

#main_img h2 {
	color: #b5b5b5;
	font-size: 1.7em;
	margin-bottom: 4px;
	text-transform: uppercase;
	}

	#main_img {
		float: left;
		height: 405px;
		width: 415px;
		text-align: right;
		}

		#main_img a {
			border: 0;
			}
		
		#main_img a:hover img {
			border: 1px solid #fff;
			}

		#main_img img {
			border: 1px solid #787879;
			height: 312px;
			width: 312px;
			}

		#main #main_img ul {
			list-style-type: none;
			}

				#main #main_img li {
				display: inline;
				}
			
				#main #main_img li a {
					background-color: #787879;
					border: 1px solid #222121;
					display: block;
					float: right;
					height: 10px;
					width: 10px;
					margin: 5px 2px;
					}

					#main #main_img li a:hover {
						background-color: #fff;
						}
	
			#main #main_img a.video_icon {
				background: transparent url(/site_images/video_icon.jpg) no-repeat 0 0;
				clear: both;
				display: block;
				float: left;
				height: 14px;
				text-decoration: none;
				text-transform: uppercase;
				width: 62px;
				margin-left: -5px;
				}

				#main #main_img a.video_icon:hover {
					border-bottom: 1px dotted #fff;
					}
			
/* ----------------------------------------*/
	#main_txt {
		float: right;
		height: 455px;
		width: 544px;
		}
		
		#main_txt #main_case {
			height: 60px;
			width: 518px;
			}
			
			#main_txt #main_case ul {
				text-align: right;
				list-style: none inside;
				margin-right: 9px;
				margin-top: 15px;
				height: 35px;
				}

				#main_txt #main_case li {	
					color: #b5b5b5;
					display: inline;
					font-size: .9em;
					height: 20px;
					}

				#main_txt #main_case ul li h2 {
					color: #b5b5b5;
					letter-spacing: .04em;
					text-transform: uppercase;
					display: inline;
					font-size: 1.48em;
					font-weight: 500;
					margin-left: 6px;
					vertical-align: middle;
					}

					#main_txt #main_case li.number {
						color: #BF311B;
						}

					#main_txt #main_case ul li span {
						font-size: .8em;
						margin-left: 2px;
						}

					#main_txt #main_case li a {
						text-decoration: none;
						color: #959595;
						}
						
						#main_txt #main_case li a.nav {
							font-size: 2.2em;
							font-weight: bold;
							vertical-align: bottom;
							}

						#main_txt #main_case li a:hover {
							color: #BF311B;
							}

		#main #main_content {
			height: 316px;
			overflow: auto;
			width: 445px;
			margin-top: 25px;
			}

		#main #main_content h3 {
			font-weight: bold;
			letter-spacing: .04em;
			text-transform: uppercase;
			}

		p {
			color: #9f9e9e;
			font-size: .9em;
			padding-right: 8px;
			margin: 0 0 9px 0;
			}

			h3 + p {
				margin-top: 1px;
				}

			p + p {
				margin: 12px 0;
				}

/* Section
=============================================*/
#main #col_one {
	float: left;
	height: 338px;
	width: 320px;
	text-align: right;
	margin-left: 96px;
	margin-top: -22px;
	}

	#main #col_one h2,
	#main #beforeafter_col1 h2 {
		color: #b5b5b5;
		letter-spacing: .04em;
		text-transform: uppercase;
		font-size: 1.8em;
		font-weight: 500;
		line-height: 18px;
		}
		
		#main #col_one h3 {
			margin-top: 3px;
			margin-bottom: 9px;
			}

		#main #col_one h3 > #slider,
		#main #beforeafter_col1 h3 {
			margin-top: 3px;
			margin-bottom: -4px;
			}

		#main #beforeafter_col1 h2 {
			margin-bottom: 10px;
			text-align: right;
			}

	#main #col_one #slider ul li a img, 
	#main #col_one a:visited #slider ul li a:visited img {
		border: 1px solid #7d7d7e;
		}

	#main #col_one #slider ul li a:hover img {
		border: 1px solid #fff;
		}

	#main #col_one #text {
		
		}

	#main #col_one img {
		border: 1px solid #7d7d7e;
		}

#main #col_two {
	float: right;
	height: 338px;
	width: 544px;
	}

/* Easy Slider */

#main #col_one #slider {
	margin-top: 10px;
	}

	#main #col_one #slider ul, 
	#main #col_one #slider li{
		list-style: none;
		}

	#main #col_one #slider, 
	#main #col_one #slider li {
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width: 318px;
		height: 319px;
		overflow: hidden; 
		}

	span#prevBtn { 
		margin-right: 2px;
		}

	span#nextBtn {
		margin-right: 4px;
		}

		#col_one span#nextBtn a,
		#col_one span#prevBtn a {
			color: #B5B5B6;
			}
		
		#main #col_one span#prevBtn a img,
		#main #col_one span#nextBtn a img {
			border: 0;
			}

	.cam_img {margin-top: 10px;}

	#main #col_one img.cam_img {
		border: none;
		}


	#main #col_one img.vid_img {
		border: none;
		margin-top: -17px;
		}




/* SECTION DESIGN ELEMENTS
=============================================*/

/* MAIN AND COMPOSITE_MAIN
ALL SECTIONS HEADLINE AND SUBNAV
=============================*/
#main #headline_nav, 
#main_composite #headline_nav {
	display: block;
	height: 50px;
	margin-bottom: 16px;
	text-align: right;
	width: 998px;
	}

	#main #home_headline {
		height: 35px;
		width: 998px;
		}

	#main #headline_nav h1, 
	#main_composite #headline_nav h1 {
		color: #b5b5b5;
		display: inline;
		font-size: 1.40em;
		font-weight: 600;
		height: 50px;
		letter-spacing: 0.04em;
		line-height: 66px;
		margin-left: 6px;
		margin-right: 36px;
		margin-top: 6px;
		text-transform: uppercase;
		}

	#main_composite #headline_nav h1 {
		color: #7c7a7a;
		}

		#main #headline_nav p.nav2 {
			margin-right: 10px;
			display: inline;
			}

		#main #headline_nav p.nav2 a {
			color: #b5b5b5;
			font-size: .85em;
			text-decoration: none;
			margin: 0 2px 10px 2px;
			}

		#main #headline_nav p.nav2 a:hover {
			text-decoration: underline;
			}

			#main #headline_nav p.nav2 a.active {
				color: #BF311B;
				}
			
				
				
/* HOME
============================== */
#home_col1 {
	height: 370px;
	float: left;
	width: 582px;
	margin-left: 50px;
	padding-right: 31px;
	border-right: 1px solid #4F4F4F;
	}

#home_col2 {
	height: 370px;
	float: right;
	width: 250px;
	overflow: auto;
	margin-right: 53px;
	}

	#home_col2 h2 {
		margin: 2px 0 6px 0;
		text-shadow: 1px 1px 1px #8F8F8F;
		}

	#main #home_col2 h3{
		border-bottom: 1px solid #8F8F8F;
		margin-bottom: 3px;
		}
	
	#main #home_col2 #email_signup label {
		color: #fff;
		font-size: .9em;
		}

	#main #home_col2 #email_signup input {
		color: #000;
		font-size: .8em;
		}

	#main #home_col2 address {
		color: #9f9e9e;
		font-size: .75em;
		line-height: 11px;
		margin-top: 6px;
		}

/* ABOUT 
==Who We Are & Our Mission, Involvement */
#about_who_col1 {
	height: 338px;
	float: left;
	width: 360px;
	margin-left: 58px;
	}

#about_who_col2 {
	height: 317px;
	float: right;
	margin-right: 124px;
	overflow: auto;
	width: 425px;
	}

/* ABOUT 
==People */
#about_people_col1 {
	height: 338px;
	float: left;
	width: 365px;
	}

	#about_people_col1 img {
		border: 1px solid #7d7d7e;
		}

#about_people_col2 {
	height: 315px;
	float: right;
	margin-right: 165px;
	overflow: auto;
	width: 450px;	
	}

	#about_people_col2 h2 {
		color: #b5b5b5;
		font-size: 1.8em;
		margin-bottom: 4px;
		}

		#about_people_col2 h2 a,
		#about_people_col2 h2 a:visited,
		#about_approach_col2 h2 a,
		#about_approach_col2 h2 a:visited {
			color: #b5b5b5;
			text-decoration: none;
			}

		#about_people_col2 a:hover,
		#about_approach_col2 a:hover{
			color: #BF311B; ;
			text-decoration: underline;
			}

/* ABOUT 
==Environmental Stewardship */
#about_environment_col1 {
	height: 338px;
	float: left;
	overflow: auto;
	width: 480px;
	margin-left: 50px;
	}

	#about_environment_col1 ul {
		list-style: circle inside;
		}

	#about_environment_col1 li {
		color: #9f9e9e;
		font-size: .9em;
		font-weight: 500;
		margin: 5px 0;
		}

#about_environment_col2 {
	height: 338px;
	float: right;
	margin-right: 68px;
	width: 350px;
	padding-left: 25px;
	border-left: 1px solid #4F4F4F;
	}

/* ABOUT 
==Our Approach 
CAPABILITIES
==Latest Innovations
*/
#about_approach_col1 {
	height: 338px;
	float: left;
	width: 412px;
	}

#about_approach_col2 {
	height: 316px;
	float: right;
	margin-right: 111px;
	overflow: auto;
	width: 448px;
	}

	#about_approach_col1 img {
		border: 1px solid #7d7d7e;
		}

	#about_approach_col2 h2 {
		color: #b5b5b5;
		font-size: 1.7em;
		margin-bottom: 4px;
		}

/* MAIN COMPOSITE
=============================================*/
#main_composite {
	background-color: #f3f3f5;
	clear: both;
	width: 1000px;
	height: 455px;	
	}

#main_composite #headline_nav p {
			display: inline;
			height: 20px;
			padding-bottom: 10px;
			}

		#main_composite #headline_nav p.nav2 a:link, 
		#main_composite #headline_nav p.nav2 a:visited {
			color: #7c7a7a;
			font-size: .85em;
			text-decoration: none;
			margin: 0 2px 10px 2px;
			}

		#main_composite #headline_nav p.nav2 a:hover {
			text-decoration: underline;
			}

			#main_composite #headline_nav p.nav2 a.active {
				color: #ff6600;
				}
	
	#main_composite #comp_col_one {
		height: 338px;
		float: left;
		margin-left: 40px;
		overflow: auto;
		width: 388px;
		}

		#main_composite #comp_col_one p,
		#main_composite #comp_col_two p {
			color: #7c7a7a;
			}

		#main_composite #comp_col_one a,
		#main_composite #comp_col_one a:visited {
			color: #ff6600;
			text-decoration: underline;
			}

		#main_composite #comp_col_one a:hover {
			text-decoration: none;
			}

	#main_composite #comp_col_two {
		height: 338px;
		float: right;
		margin-right: 35px;
		width: 482px;
		overflow: auto;
		padding-left: 30px;
		border-left: 1px solid #AFAFAF;
		}

		#main_composite #comp_col_two h2 {
			color: #ff6600;
			}

		#main_composite #comp_col_two h3 {
			color: #ff6600;
			}

		#main_composite #comp_col_two h3 span {
			font-size: 14px;
			color: #58575D;
			}

/* Solid surface
=============================================*/
			
		#main_composite #headline_nav p.nav3 a:link, 
		#main_composite #headline_nav p.nav3 a:visited {
			color: #7c7a7a;
			font-size: .85em;
			text-decoration: none;
			margin: 0 2px 10px 2px;
			}

		#main_composite #headline_nav p.nav3 a:hover {
			text-decoration: underline;

			}

			#main_composite #headline_nav p.nav3 a.active {
				color: #007236;
				}
				

				
	#main_composite #solid_col_one {
		height: 338px;
		float: left;
		margin-left: 40px;
		overflow: auto;
		width: 388px;
		}

		#main_composite #solid_col_one p,
		#main_composite #solid_col_two p {
			color: #7c7a7a;
			}

		#main_composite #solid_col_one a,
		#main_composite #solid_col_one a:visited {
			color: #007236;
			text-decoration: underline;
			}

		#main_composite #solid_col_one a:hover {
			text-decoration: none;
			}

	#main_composite #solid_col_two {
		height: 338px;
		float: right;
		margin-right: 35px;
		width: 482px;
		overflow: auto;
		padding-left: 30px;
		border-left: 1px solid #AFAFAF;
		}

		#main_composite #solid_col_two h2 {
			color: #007236;
			}
		#main_composite #solid_col_one h2 {
			color: #007236;
			}
		#main_composite #solid_col_two h3 {
			color: #007236;
			}

		#main_composite #solid_col_two h3 span {
			font-size: 14px;
			color: #58575D;
			}
				
				
				
				
				
/* CONTACT FORMS PAGE
=============================================*/
#main #contact_address {
	height: 338px;
		min-height: 338px;
	width: 230px;
	margin-left: 70px;
	float: left;
	border-right: 1px solid #4F4F4F;
	}

#main #contact_emails {
	height: 338px;
		min-height: 338px;
	width: 230px;
	margin-left: 50px;
	float: left;
	border-right: 1px solid #4F4F4F;
	}

#main #contact_form {
	height: 338px;
		min-height: 338px;
	width: 300px;
	float: left;
	margin-top: -10px;
	margin-left: 35px;
	}

	#main #contact_form #email_form {
		}

	#main #contact_form #email_form ul {
		list-style: none;
		}

	#main #contact_form #email_form li {
		margin: 8px 0;
		}

	#main #contact_form #email_form label {
		float: left;
		}

	#main #contact_form #email_form input {
		width: 270px;
		}

		#main #contact_form #email_form input:focus,
		#main #contact_form #email_form textarea:focus {
			background-color: #FFEFEF;
			border: 1px solid #1E1E1E;
			}

	#main #contact_form #email_form textarea {
		width: 270px;
		}

	#main #contact_form #email_form em {
		font-size: 11px;
		font-style: normal;
		}

	#main #contact_form #email_form input.submit {
		background: none;
		border: 0;
		float: right;
		color: #fff;
		width: 55px;
		border-bottom: 1px solid #fff;
		margin-right: 40px;
		outline: 0;
		margin-top: -14px;
		}

/* NEWS 
==Awards and Recognition */

#main #awards_col1 {
	width: 410px;
	margin-left: 50px;
	height: 338px;
	float: left;
	}
	
	#main #awards_col1 #awards_text {
		overflow: auto;
		width: 409px;
		height: 201px;
		margin-top: 8px;
		}

#main #awards_col2 {
	width: 420px;
	margin-right: 50px;
	height: 338px;
	float: right;
	padding-left: 34px;
	border-left: 1px solid #4F4F4F;
	}
	
	#main #awards_col2 h4 {
		margin-top: 0;
		margin-bottom: 8px;
		}

	#main #awards_col2 #videos {
		background-color: #7c7a7a;
		height: 200px;
		width: 419px;
		overflow: auto;
		margin-bottom: 14px;
		border: 1px solid #4F4F4F;
		}
		
		#main #awards_col2 #videos .example {
			width: 365px;
			height: 55px;
			margin: 14px auto;
			}


			#main #awards_col2 #videos .example a img {
				padding-right: 9px;
				}

			#main #awards_col2 #videos .example h5 {
				display: inline;
				line-height: 16px;
				}

/* OUR WORK
==Dynamic Environments */
#main #dynamic_col1 {
	width: 425px;
	margin-left: 50px;
	height: 338px;
	float: left;
	}
	
	#main #dynamic_col1 #awards_text {
		overflow: auto;
		width: 424px;
		height: 185px;
		}

#main #dynamic_col2 {
	width: 420px;
	margin-right: 50px;
	height: 350px;
	float: right;
	padding-left: 26px;
	border-left: 1px solid #4F4F4F;
	}

	#main #dynamic_col2 h4 {
		margin-top: 0;
		margin-bottom: 8px;
		}

	#main #dynamic_col2 #videos {
		background-color: #7c7a7a;
		height: 275px;
		width: 419px;
		overflow: auto;
		margin-bottom: 14px;
		}
		
		#main #dynamic_col2 #videos .example {
			width: 365px;
			height: 55px;
			margin: 14px auto;
			}
		
			#main #dynamic_col2 #videos .example a img {
				padding-right: 9px;
				}

			#main #dynamic_col2 #videos .example h5 {
				display: inline;
				line-height: 16px;
				}

/*CAPABLE
==Specialty Lighting */

#main #light_col1 {
	width: 280px;
	height: 338px;
	margin-left: 50px;
	float: left;
	}

#main #light_col2 {
	height: 318px;
	width: 605px;
	margin-right: 35px;
	float: right;
	padding-left: 18px;
	border-left: 1px solid #4F4F4F;
	}

	#main #light_col2 h1 {
		color: #b5b5b5;
		margin-top: -4px;
		}

	#main #light_col2 img {
		border: 1px solid #4f4f4f;
		}

	/* OUR WORK
==Before and After*/
#main #beforeafter_col1 {
	float: left;
	height: 338px;
	width: 375px;
	margin-left: 110px;
	}


#main #beforeafter_col2 {
	float: right;
	height: 338px;
	width: 384px;
	margin-right: 105px;
	}


		#main #beforeafter_col2 #main_content {
			height: 282px;
			overflow: auto;
			width: 373px;
			margin-top: 30px;
			}

/* CONTACT
==Employee Directory */
#main #emp_col1 {
	height: 350px;
	width: 340px;
	margin-left: 80px;
	float: left;
	}

	#main #emp_col1 #emp_text {
		height: 162px;
		width: 336px;
		margin-bottom: 12px;
		border: 1px solid #4f4f4f;
		}

#main #emp_col2 {
	height: 350px;
	width: 390px;
	margin-right: 75px;
	float: right;
	padding-left: 50px;
	border-left: 1px solid #4f4f4f;
	overflow: auto;
	}
	
	#main #emp_col2 h2 {
		color: #fff;
		border-bottom: 1px solid #c0bfbf;
		margin: 8px 0;
		}

	#main #emp_col2 div {
		height: 105px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-right: 5px;
		}
		
		#main #emp_col2 div img {
			border: 1px solid #4f4f4f;
			margin-right: 20px;
			}

		#main #emp_col2 div h3 {
			color: #b5b5b5;
			font-size: 20px;
			font-weight: 400;
			margin-bottom: 3px;
			}

		#main #emp_col2 div h4 {
			color: #fff;
			font-size: 14px;
			}

/* SEARCH
== Search Results */
#main #search_results {
	width: 960px;
	height: 338px;
	overflow: auto;
	margin:  0 40px;
	}
	
	#wrap #main #search_results ol {
		list-style: decimal outside;
		margin-top: 20px;
		}

	#wrap #main #search_results ol li {
		margin:12px 0 12px 10px;
		}

		#main #search_results ol li a,
		#main #search_results ol li a:visited {
			color: #DFDFDF;
			}

	#main #search_results #search_form {
		margin: 30px 0 0 0;
		padding-top: 10px;
		border-top: 1px solid #d4d4d4;
		width: 600px;
		}


#main #search_results h2 {
	margin-bottom: 10px;
	}

	#main #search_results h2 em {
		color: #efefef;
		}
	
/* FTP
== FTP Login */
#main #ftp_main {
	width: 850px;
	margin: 75px auto;
	}

	#main #ftp_main form#ftplogin {
		margin: 0 auto;
		width: 360px;
		height: 275px;
		}

	#ftp_main form#ftplogin fieldset {
		border: 1px solid #696868;
		padding: 0;
		}

	#ftp_main form#ftplogin h3 {
		background-color: #222122;
		width: 100%;
		padding: 10px 0;
		margin: 0 0 35px 0;
		text-align: center;
		font-weight: 300;
		}

	#ftp_main form#ftplogin ul {
		margin-bottom: 35px;
		}

	#ftp_main form#ftplogin li {
		list-style: none inside;
		height: 30px;
		}

	#ftp_main form#ftplogin label {
		margin: 0 10px 0 55px; 
		width: 65px;
		display: block;
		text-align: right;
		float: left;
		font-size: 11px;
		color: #b5b5b5;
		}

	#ftp_main form#ftplogin input.submit {
		margin-left: 150px;
		background: transparent url(/userfiles/image/loginbutton.jpg) 0 0 no-repeat;
		width: 51px;
		height: 20px;
		border: none;
		outline: none;
		}

/* COUNT ARROWS  ===============*/
#main #headline_nav p.nav {
	margin-right: 10px;
	display: inline;
	position: relative;
	}

#main #headline_nav p.nav a.bckarrow img {
	position: absolute;
		bottom: -4px;
		left: -16px;
	}

#main #headline_nav p.nav a.fwdarrow img {
	position: absolute;
	bottom: -4px;
	right: -8px;
	}


#headline_nav p.nav span.position {
	color: #bf311b;
	}

#headline_nav p.nav span.rowcount {

	}