/* 

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

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

Type: 		Screen, Projection

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: baseline;
	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: #009900; 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; padding:0em 0em 1.3em 0em; }
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:440px; margin:0px;	padding: 0px; display:block; border: 1px solid #c7c7c7; }

/* Navigation */

#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:#009900; }

				
/* Index Page */

#EcowinContainer {background:#FFFFFF; width:870px; clear:both; padding-top: 20px; padding-bottom:20px; padding-left:20px; border-bottom:#CCCCCC 1px dotted; display:block; font-size: 1.2em; }
	#EcowinContainer a { text-decoration:underline;}
	#EcowinContainer a:hover { text-decoration:underline; color:#009900;}
#EcowinContainer_Image {background:#FFFFFF; width:870px; clear:both; padding-top: 10px; padding-bottom:20px;}

#PublicationsContainer { background:#FFFFFF; width:870px; height:auto; clear:both; padding-top: 10px; padding-bottom:20px; display:block; }
#FarmContainer { background:#FFFFFF; width:870px; clear:both; padding-top: 10px; padding-bottom:20px;padding-left:20px; border:#CCCCCC 1px dotted; 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;
 }