/* CSS Document 

Created by Julian Smith
Websmiths - http://www.websmiths.com.au
2007

---- CONTENTS -----

- Basics
- Forms
- Main Layout 
- Nav Lists
- Main Typography
- Pathways classes
- General Classes

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



/*
----- set basics -----*/

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
	border: 0;
}

a {
	text-decoration: none;
	color: #5B85CD;
}
	a:hover {
		text-decoration: underline;
	}
	
ul, ol { margin: .4em 0 .8em 1.5em; }

/*
----- Form fields etc. ------*/
input, textarea {
	padding: .2em;
	border: 1px solid #666;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
}


form b, form i, label { float: left; }
form b, label {
	width: 120px;
	padding: 0 1em 0 0;
	text-align: right;
	color: #444;
	font-style: italic;
}

form p { overflow: auto; }

sup, sub { font-size: .4em; }

/*
----- Main Layout -----*/

body {
	background: #fff url(../../images/eagle_eye_bg.jpg) repeat-x;
	text-align: center;
	font-size: 76%;
}


	/* for fckeditor */
	body#copy { background: #fff; }

div#wrap {
	width: 1000px;
	margin: 0 auto;
	background: #fff url(../../images/eagle_eye_strip.jpg) repeat-y;
	
}

div#header {
	background: url(../../images/eagle_eye_header.jpg) no-repeat;
	height: 170px;
}



div#content {
	padding: 0 0 0 270px;
	background: url(../../images/eagle_eye_foot.jpg) no-repeat left bottom;
}


.copy {
	padding: 10px;
}
	.copy ol { padding-left: 2em; } 
	.copy li {
		padding: 5px 10px 7px;
		color: #666;
	}
	.copy ul li {
		list-style: none;
		background: url(../../images/bullet.gif) no-repeat left 3px;
		padding-left: 30px;
	}

div#footer {
	font-size: .85em;
	color: #000033;
	padding: 30px 0 2em;
	clear: both;
}

div#websmiths {
	font-size: .9em;
	color: #888;
}
	#websmiths a { color: #9EACB8; }
	#websmiths p { padding: 5px; }

#footer p, #websmiths p { text-align: center; }








/* 
----- Nav lists -----*/

/* -- Top Nav --*/
div#mainnav {
	float: left;
	width: 270px;
}

#mainnav ul { 
	margin: 0 0 0 51px;
	padding: 0 0 3px;
	background: url(../../images/nav_stripe.gif) no-repeat left bottom;
	overflow: auto;
}
	#mainnav ul ul { 
	}
#mainnav li, #mainnav a { 
	float: left;
}
#mainnav li { 
	list-style-type: none;
	width: 210px;
	background: url(../../images/nav_stripe.gif) no-repeat;
	overflow: visible;
	position: relative;
}
	#mainnav a, #mainnav a:visited { 
		font-size: 1.15em;
		color: #5B85CD;
		font-weight: 500;
		padding: 7px 0 5px 25px;
}
	#mainnav a:hover {
		text-decoration: none;
		color: #f66;
	}
	#mainnav li.more a {
		background: url(../../images/nav_more.gif) no-repeat right 12px;
		padding-right: 20px;
	}
	/*
	#mainnav li.more a:hover {
		background-position: right -16px;
	}
	*/
	#mainnav li.more li a { background: none; }
	
	#mainnav li#active a, #mainnav li#active a:hover { 
		color: #ff6666;
		text-decoration: none;
	}	
	#mainnav li ul { 
		display: none;
		margin: 0;
		padding: 0 0 0 20px;
		overflow: visible;
		clear: left;
	}
	#mainnav li#active ul { display: block; }
	#mainnav li ul li { 
		background: url(../../images/nav_sub.gif) no-repeat;
		width: 180px;
	}
	
	#mainnav li ul a, #mainnav li ul a:visited { 
		font-size: .92em;
	}
	#mainnav li#active ul a:hover {
		color: #5B85CD;
	}
	
	#mainnav li:hover ul { display: block; }

#download {
	float: right;
	margin: -10px 20px 0;
	padding: 2px 0 0 20px;
	background: url(../../images/download.gif) no-repeat;
}



/*
----- Main Typography -----*/
p {
	padding: .6em 3em .5em .8em;
	color: #666;
	line-height: 1.35em;
}


h1 {
	font-size: 1.4em;
	color: #ff6666;
	font-weight: normal;
	padding: .6em 0;
}

h2, h3, h4, h5, h6 {
	padding: 1.3em 4em .4em 0;
}
h2 {
	font-size: 1.2em;
	color: #6c6;
}
h3 {
	color: #5B85CD;
}
h4, h5 {
	padding: .7em 0 .2em;
}

h6 {
	text-transform: uppercase;
}

.centre { text-align: center; }


/* inline styles */ 
.highlight { 
	font-weight: bold;
	font-size: 1.1em;
	color: #5B85CD;
}
.emphasise {
	font-weight: bold;
	font-style: italic;
	color: #6c6;
}


/*
----- Client area styles (for FCKEditor) -----*/



/* Rows for displaying logos */
div#agencies { margin: 12px 0 0; }

.row1, .row2 { 
	padding: .3em;
	margin: 1px 0 0;
	background:#EEEBE0;		/*	F3E9D8	*/
}
	.row2 { background: #DDE5EE; }	/* DED6CF */

	.row1 img, .row2 img {
		float: left;
		margin: 0 1em 0 0;
	}
		.row1 h4, .row2 h4 {
			font-size: 1.4em;
			font-family: Arial, Helvetica, Geneva, sans-serif;
			font-weight: normal;
			letter-spacing: .17ex;
			color: #27471A;
		}


div.pagelist p.header span { font-weight: bold; }
div.pagelist p span {
	float: left;
	width: 80px;
}
div.pagelist p span.id { width: 1em; }
div.pagelist p span.description, div.pagelist p span.edit { width: 90px; }


div#links {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	top: 5px;
}
div#links a { 
	padding: 1em;
	color: #663300;
}


/*
----- Various classes -----*/

.clear { clear: both; }


.fl { float: left; }
.fr { float: right; }

img.fl { margin: 20px 1em 0 20px; }

.pad_fl {
	padding: 1em 2em 1em 0;
}
.pad_fr {
	padding: 1em 0 1em 2em;
}
img.flush {
	margin: 5px 0 5px -30px;
}

p.quote, p.byline {
	padding: 1em 3em 0;
	color: #777;
	font-style: italic;
}
p.byline { text-align: right; }

p.question {
	color: #f66;
	padding-top: 1.6em;
}
p.answer {
	padding-left: 1.6em;
}


.success_story {
	margin: .8em 0 0;
	padding: 1.5em 0 1em;
	clear: right;
	overflow: auto;
	position: relative;
}

.success_story div.img {
	float: right;
	margin-right: 20px;
	width: 150px;
	text-align: center;
}
.success_story div.img img { padding-bottom: 4px; }

.success_story p { 
	padding: 3px; 
	overflow: auto;
}

.success_story strong, .success_story em {
	float: left;
	font-style: normal;
}
.success_story strong {
	width: 120px;
	text-align: right;
	padding-right: 6px;
	color: #333;
}

.success_story em { width: 380px; }
.success_story .svertical { padding: 0 21px; } 

.pests {
	overflow: auto;
	padding: 1em 0;
}
.pest, .pest h2, .pest h3 {
	text-align: center;
	padding: 0;
}

.pest {
	float: left;
	width: 220px;
	padding: 1em 0;
}

.more_videos {
	margin-left: 340px;
}
.more_videos h2 {
	font-size: 1.1em;
}
.more_videos h2 em {
	color: #5B85CD;
	font-size: .85em;
}

table.products {
	border: none;
	width: 100%;
}

table.products td {
	vertical-align: top;
	padding: 4px;
	color: #666;
}
table.products ul { margin-top: 0; }
table.products li {
	background: none;
	list-style-type: disc;
	padding: 0 6px 2px;
}