/* 

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

Author: 	Rui Ferreira / rui@longline.co.uk

Type: 		Screen, Projections

Info:		Screen and projection stylesheet for FARM

Created:	01/06/2009

Modified: 01/06/2009

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

*/

/* --- BASE CSS - RESET STYLES --- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:middle;
	text-align:justify;
	
	}

html { background: #FFF; min-width: 890px; height: 100%; width: 100%; }
body { background: #FFF; font:62.5%/1.6em Arial, Helvetica, sans-serif; margin:0; padding:0;}

body {  background-image: url(../../images/bkg.jpg); 
		background-repeat: repeat-x; 		
		}

a img, :link img, :visited img { border: 0; }
a:hover { text-decoration:underline; }
a:active { text-decoration: none;}
a { text-decoration:none; outline:none; color:#000; }
:link, :visited { text-decoration: none; }
ul { list-style:none; padding:0; margin:0; }
table { border-collapse: collapse; border-spacing: 0; }

/* ----- CLASSES ----- */

.clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.textLeft { text-align:left; }
.image_right { float:right; padding:0 0 20px 20px; }
.image_left { float:left; padding:0 20px 20px 0; }
.underline { text-decoration:underline; }
.link { line-height: 0em; }
.bold { font-weight:bold; }
.email {line-height:2.4em; }
.telephone {line-height:2.4em; }

.relative { position:relative; }
.absolute { position:absolute; }

.padding { padding:20px 5px 20px 25px; }
.image { position:absolute; top:24px; left:-190px; }

	
h1, h2, h3, h4, h5, h6 { line-height: normal; font-weight: normal; }
h1 {font-size: 1.6em; margin: 0; color: #000; font-family: arial; font-weight: bold; height: 15px; }
h3 {color: #398ebc; font-size: 1.6em; line-height: 1.3em; margin: 0 0 .5em 0; font-family: arial; text-transform:uppercase; padding-top: 10px; padding-bottom:10px; }
h4 {font-size: 1.2em; color:#333333; font-weight:bold; margin: 0 0 6px 0; }
h5 {font-size: 1.1em; font:Arial, Helvetica, sans-serif; color:#777777; margin: 0 0 6px 0; text-align:left; }


p { font:Arial, Helvetica, sans-serif; padding:0em 0em 1.3em 0em; margin:0; text-align:left; line-height: 1.5em}


body,
html {
    background:  #FFFFFF url(../../images/bkg.jpg) repeat-x;

    }

/* Div Styles Common to all pages */

#wrap {
	background:#FFFFFF url(../../images/bkg.jpg) repeat-x;	margin: 0px; width: 890px; text-align:left;	padding-top:15px; }

#headerBanner { background:none; width:890px; height:70px; clear:both; display:block; }	
#mainBanner { width:890px; height:auto; margin:0px;	padding: 0px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; }

/* --- NAVIGATION STYLE --- */

#nav_Wrapper { width:890px; height:24px; padding-bottom:0px; border:1px solid #c7c7c7;}
#nav { float:left; width:890px; background:#FFF url(http://www.longline.co.uk/site/navBg.gif) top repeat-x; }
#nav li { float:left; background:url(http://www.longline.co.uk/site/navLi.gif) top right no-repeat; padding-right:2px; }
#nav a { display:block; float:left; padding:4px 10px; font-weight:bold; text-decoration:none; font-size:1.2em; color:#444; }
#nav a:hover { background:#cacaca url(http://www.longline.co.uk/site/navActive.gif) top repeat-x; color:#669ACC; }

				
/* Index Page */

#EcowinContainer {background:#FFFFFF; width:870px; clear:both; padding-top: 10px; padding-bottom:20px;padding-left:20px; border-bottom:#CCCCCC 1px solid; display:block; font-size: 1.2em; }
	#EcowinContainer a { text-decoration:underline;}
	#EcowinContainer a:hover { text-decoration:underline; color:#669ACC;}
	#EcowinContainer li {line-height: 1.8em;}
	#EcowinContainer li a {text-decoration:none;}


#EcowinContainer_Title {background:#FFFFFF; width:870px; text-decoration:none;}
	#EcowinContainer_Title a { color: #009900; text-decoration:none; text-transform:uppercase; }
	#EcowinContainer_Title a:hover { text-decoration: none;}
		
		#Master_Text_Publications_Wrapper { width: 850px; height: 60px; margin: 0px; padding: 20px 0px 20px 0px; }
			#Master_Text_Publications_Image { float:left; width: 80px; height: 80px; margin: 0px; padding: 0px; }
			#Master_Text_Publications_Title { float:left; width: 750px; height:20px; padding-left: 20px; text-align:left; }
			#Master_Text_Publications_Title a { color:#444444; text-decoration:none; }
			#Master_Text_Publications_Title a:hover { color:#669ACC; }

			#Master_Text_Publications_Description { float:left; width: 750px; height: 60px; padding-left: 20px; text-align:left; }
			#Master_Text_Publications_Description a { color:#444444; text-decoration:none;  }
			#Master_Text_Publications_Description a:hover { color:#669ACC; }


#PublicationsContainer { background:#FFFFFF; width:870px; height:auto; clear:both; padding-top: 10px; padding-bottom:20px; display:block; height: 200px; }
#FarmContainer { background:#FFFFFF; width:869px; clear:both; padding-top: 10px; padding-bottom:20px; padding-left:20px; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; display:block; font-size: 1.2em; }	
#InformationSmile { display:block; background:#FFFFFF; width:220px; padding-right:20px; float:left; }
#InformationSpear { display:block; background:#FFFFFF; width:220px; float:left; }			
	

	
#HolderProductsRight { background:#FFFFFF; float: left;  width:500px; height: auto; padding-left:10px; padding-right: 5px; margin-top: 10px; border-left: 1px dotted #999999; }
	.holderproductsRightPicture { background:#FFFFFF; float: left; width:500px; padding-top: 0px;}
	.holderproductsRightIntro { background:#FFFFFF; float: left; width:500px; padding-top:10px;}
	.holderproductsRightMain { background:#FFFFFF; float: left; width:500px; padding-top: 10px;}
	.holderproductsRightPictureMiddle {background: #FFFFFF; float: left; width: 500px; padding-top: 10px; }
	
		.productsIntroText { font:15px Arial, Helvetica, sans-serif; margin:0; padding: 15px 0px 10px 0; line-height: normal;}
		.productsMainText { font:12px Arial, Helvetica, sans-serif;	line-height:18px; color:#333333;
 }

/* TABLE STYLE */



table.document { background-color: #FFF; border: 1px #c7c7c7 solid; border-collapse: collapse; border-spacing: 0px; padding-bottom: 20px; }

td { font: 1.1em Arial; color: #000; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; text-align: left; padding: 4px 6px 4px 12px;  }

th { font: bold 1.1em Arial; color: #000; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; text-align: left; padding: 4px 6px 4px 12px; background: #FFF }


td.documentTitle { background: #FFF url(http://www.ecowin2000.com/Images/nav60.gif) top repeat-x; height: 30px; font-size: 1.1em; font-weight:bold; padding: 4px 0px 4px 8px; color:#444;  border-bottom: 1px #c7c7c7 solid; }		
td.documentName { text-align: left; font-size: 1.4em; padding: 4px 0px 4px 8px; border-bottom: 1px #c7c7c7 solid;  }
td.documentNameBack { text-align: left; background: #FFF url(http://www.ecowin2000.com/Images/navLi.gif) top repeat-x; font-size: 1.4em; padding: 4px 0px 4px 8px; border-bottom: 1px #c7c7c7 solid;  }
td.documentName a { text-decoration:none; }
td.documentName a:hover { color:#669ACC; text-decoration:underline; }