/* Eco Vida Style sheet. */

/* 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
	}
	
body { 
	line-height: 1; 
	}
	
ol, ul { 
	list-style: none; 
	}
	
blockquote, q { 
	quotes: none; 
	}
	
blockquote:before, blockquote:after, q:before, q:after { 
	content: ''; 
	content: none; 
	}
	
:focus { 
	outline: 0; 
	}
	
ins { 
	text-decoration: none; 
	}
	
del { 
	text-decoration: line-through; 
	}
	
table {	
	border-collapse: collapse; 
	border-spacing: 0; 
	}
	
/* End Reset Styles */

/*  Colours
	-------
	Light Green:	#DFF2E6;
	Dark Green:		#303934;

    Px -> Em Conversion
    -------------------
    Browser default font size is generally 16px

    Formula to get from Px to Em : Px / 16 = Em

    24px : 1.5em    (16 * 1.5     = 24)
    22px : 1.375em  (16 * 1.375   = 22)
	20px : 1.25em   {16 * 1.25    = 20)
	18px : 1.125em  (16 * 1.125   = 18)
	16px : 1em
	15px : 0.9375em  (16 * 0.9375   = 15)
    14px : 0.865em  (16 * 0.865   = 14)
    12px : 0.75em   (16 * 0.75    = 12)
	11px : 0.6875em (16 * 0.6875  = 11)
    10px : 0.625em  (16 * 0.625   = 10)

	REMEMBER: Ems are cumulative.  If your container has a font size of 0.865ems (14px) then all child
	elements will have a base font size of 14px and all following em sizes will be relative to that.
*/

a { 
	color: #303934; 
	}
	
a:hover { 
	color: #636C67; 
	}

/* Site Structure */
body {
	background: #DFF2E6 url(media/banner-bg.gif) 0px 0px repeat-x;
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	}

	#container {
		width: 900px;
		height: 700px;
		background: url(media/greenbackshade.jpg) 0px 170px no-repeat;
		margin: 0px auto;
		}

		#content {
			width: 800px;
			height: 600px;
			margin: 0px auto;
			}

			#topbar {
				width: 800px;
				height: 90px;
				background: url(media/logo.gif) 0px 0px no-repeat;	
				}

			#topbar_es {
				width: 800px;
				height: 90px;
				background: url(media/logo_es.gif) 0px 0px no-repeat;	
				}

				.contact {
					width: 280px;
					height: 50px;
					letter-spacing: 1px;
					padding-top: 30px;
					float: right;
					}

					.contactline {
						display: block;
						font-size: 0.6875em;
						margin-bottom: 2px;
						}

						.whitetext {
							color: #FFFFFF;
							}	

						.greentext {
							color: #96D53F;
							}

						.contactline .greentext {
							width: 97px;
							display: inline-block;
							}

						.maillink:link {
							color: #DFF2E6;
							text-decoration: none;
							}

						.maillink:hover  {
							color: #FFFFFF;
							}

			#contentbox {
				width: 800px;
				background-color: #FFFFFF;
				margin-top: 20px;
				padding-bottom: 0;
				overflow: auto;
				}

				#contentbox h1 {
					font-size: 1.125em;
					color: #74B31F;
					display: block;
					font-weight: normal;
                    padding: 0;
					margin: 0 15px;
					letter-spacing: 1px;
					}

				#contentbox h2 {
					font-size: 1em;
					color: #52910D;
					display: block;
					font-weight: normal;
                    line-height: 1.5em;
					padding: 0;
					margin: 5px 0 0 15px;
					letter-spacing: 1px;
					}

                    #contentbox h2 a {
					    color: #52910D;
						}

				#contentbox h3 {
					font-size: 0.865em;
					color: #52910D;
					display: block;
					font-weight: normal;
                    line-height: 1.5em;
                    padding: 0;
					margin: 15px 0 0 15px;
					letter-spacing: 1px;
					}

                    #contentbox h3 a {
                        text-decoration: none;
						}

                    #contentbox h3 img {
                        vertical-align: text-bottom;
						}

				#contentbox ul {
				    list-style: none;
					margin: 0px 7px;
					padding: 0px 7px;
					}

				#contentbox li {
					/*background: url(media/right-green.gif) 0 0 no-repeat; */
                    font-size: 0.75em;
					margin: 7px 15px;
					/*padding-left: 18px; */
					color:#203110;
					letter-spacing: 1px;
					line-height: 160%;
					}

				#contentbox p {
                    font-size: 0.75em;
					margin: 7px 15px;
					color:#203110;
					letter-spacing: 1px;
					line-height: 160%;
					}

    			#contentbox .image {
					width: 738px;
					height: 280px;
					display: block;
					margin: 30px 30px 0px 30px;
					}			

				#contentbox .heading {
					font-size: 1em;
					color: #74B31F;
					display: block;
					margin-top: 20px;
					}

				#contentbox .header {
					color: #333;
					display: block;
					}

				#navigation {
					margin: 30px 0 0px 30px;
					padding: 0;
					list-style: none;
					width: 738px;
					height: 280px;
					}

					#navigation ul{
						list-style-type: none;
						margin: 0;
						padding: 0;
						}

						#navigation ul li {
							width: 122px;
							display: inline-block;
							text-align: center;
							margin: 0 0 0 1px;
							padding: 0;
							zoom: 1;
							*display: inline;
							}
	
							#navigation ul li a {
								text-decoration: none;
								font-size: 1em;
								color: #ffffff;
								padding: 6px 0 1px 0;
								height: 23px;
								display: block;
								font-weight: bold;
								}
	
							#navigation ul li a.last {
								border-right: 0;
								}
	
							#navigation ul li a:hover {
								background-color: #303934;
								}

				#language_switch {
					margin: 0px 0px 10px 30px;
					padding: 0px;
					width: 738px;
					text-align: right;
					}

				.column1 {
					width: 220px;
					float: left;
					clear: none;
					display: inline;
					margin: 0 0 0 30px;
					}

                    .linkbutton {
					    margin: 0 0 5px 0;
						}

                    object.button_video_player {
					    margin: 10px 0;
						}

				.column2 {
					width: 535px;
					float: left;
					clear: none;
					display: inline;
					}

					#registration_form, #subForm {
						color: #716386;
						margin: 7px 15px;
						}

                        #registration_form label {
							width: 60px;
						    font-size: 0.75em;
							padding: 0;
							margin-right: 20px;
							}
							
						#subForm label {
							width: 60px;
						    font-size: 0.75em;
							padding: 0;
							margin-right: 20px;
							}							
						
                        #registration_form input[type=text] {
						    border: 1px solid #616161;
							margin-bottom: 2px;
							padding: 0 2px;
							}
							
                        #subForm input[type=text] {
						    border: 1px solid #616161;
							margin-bottom: 2px;
							padding: 0 2px;							
							}							

						#registration_form input[type=submit] {
                            border: 1px solid #616161;
						    background-color: #303934;
							color: #fff;
							}
							
						#subForm input[type=submit] {
                            border: 1px solid #616161;
						    background-color: #303934;
							color: #fff;
							}
							
							#legal {
								width: 300px;
								}
							
							.disclaimer {
								font-size: 10px;
								}
								
							.thankyou {
								width: 260px;
								border: 1px solid #A2D12B;
								padding: 15px 20px 20px 20px;
								}									

                    .picture_gallery {
                        margin: 0 0 0 0;
                        padding: 0 0 0 15px;
						width: 100%;
						float: left;
						}

                        .picture_gallery .item {
                            float: left;
							width: 96px;
                            height: 90px;
							margin: 0 2px 6px 2px;
							overflow: hidden;
							}

                        .picture_gallery .item:hover {
						    background-color: #f5f5f5;
							}

                            .picture_gallery .item p {
                                margin: 0 !important;
								padding: 0 4px;
								letter-spacing: 0 !important;
								line-height: 1.2em !important;
								font-size: 0.7em !important;
	    						}

                                .picture_gallery .item p a {
								    text-decoration: none;
							    	}

                                .picture_gallery .item p a:hover {
                                    color: #303934;
									}

                    .project_gallery {
						float: left;
						margin: 0 0 0 15px;
						}

                        .project_gallery .item {
							float: left;
							margin: 15px 0 0 0;
							width: 100%;
							}

                            .project_gallery .item p {
                                margin: 0 !important;
								padding: 0 !important;
								}

                            .project_gallery .item img.thumb {
							    float: right;
								margin: 0 15px 5px 5px;
								}

                    .article_list {
						float: left;
						margin: 0 0 0 15px;
						}

                        .article_list .item {
						    float: left;
							margin: 15px 0 -15px 0;
    						width: 100%;
							}

                            .article_list .item h2 {
                                margin: 0 !important;
								padding: 0 !important;
								}

                            .article_list .item p {
                                margin: 0 !important;
								padding: 0 !important;
								width: 100%;
								}

                            .article_list .item img {
							    float: right;
								margin: 0 15px 5px 5px;
								}

					#page_footer {
						width: 505px;
						margin: 20px auto 0 auto;
						padding: 10px 0 0;
						float: left;
						clear: both;
						border-top: 1px solid #A2D12B;
						}

						#page_footer ul{
							list-style-type: none;
							margin: 0;
							padding: 0;
							}

						#page_footer li {
							display: inline;
							margin: 0;
							padding: 0 0 0 2px;
							}

					#rics {
						background: #303934; /*url(media/ev_rics_logo.gif) 25px 5px no-repeat;*/
						margin: 0px auto;
						padding: 0px;
						height: 38px;
						width: 800px;
						clear: both;
						}
						
					#rics .logo {
						width: 352px;
						height: 28px;
						margin: 5px 0 0 25px;
						}	
						
			#footer {
				width: 800px;
				clear: both;
				margin: 0px auto;
				font-size: 0.625em;
				color:#716386;	
				text-align: center;
				padding: 7px 0px
				}
			
					#footer ul{
						list-style-type: none;
						margin: 10px;
						padding: 0px;
						}

						#footer ul li {
							display: inline;
							}
		
							#footer ul li a {
								text-decoration: none;
								font-size: 1em;
								color: #203110;
								padding: 5px;
								}
		
							#footer ul li a:hover {
								text-decoration: underline;
								}

                a.limonlink {
				    color: #74B31F;
					text-decoration: none;
					}

                a.limonlink:hover {
				    color: #333333;
					}
/* End Site Structure */


/* Scrolling Videos */
div.scrollable { position:relative;  overflow:hidden;  width: 500px;  height:377px; border: 1px solid #ddd;  background-color: #f4f4f4; margin: 0 0 0 15px; }
	div.scrollable div.items { width:20000em; position:absolute; }
		div.scrollable div.items div.video_wrapper { float:left; width: 498px; margin: 0; padding: 0; overflow: visible; }
			div.scrollable div.items div.video_wrapper p { margin-left: 10px !important; padding: 0; }

/* Scrolling Videos Tabs */
div.tabs { margin: 25px 0 0 0; }
    div.tabs a { padding: 5px 10px 20px 10px; border: 1px solid #ddd; text-decoration: none; background-color: #bbb; color: #fff; font-weight: bold; }
	div.tabs a.current { background-color: #f4f4f4; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding-top: 10px; color: #000; }
	div.tabs a:hover { border-left: #ddd 1px solid; border-right: #ddd 1px solid; border-bottom: 5px solid #74b31f; color: #000; background-color: #fff; }

/* Long Text Pagination */

.paginate { 
		margin-top: 15px !important; 
		}
	
	.paginate .tab { 
		list-style: none; 
		display: inline-block; 
		margin: 0 !important; 
		line-height: normal !important; 
		zoom: 1;
		*display: inline;
		}
		
	.paginate .tab a { 
		padding: 2px 10px 0px 5px; 
		margin: 0; font-size: 0.9em; 
		text-decoration: none; 
		color: #FFFFFF; 
		background: #303934 url(media/tab_corner.png) no-repeat top right; 
		letter-spacing: 0; 
		}
		
	.paginate .tab a:hover { 
		background-color: #526156; 
		}

	.paginate_container { 
		margin: 0 15px 0 14px; 
		padding: 10px 0 15px 0; 
		border: 1px solid #303934; 
		}

/*BOOKMARKS*/
	
#bookmarks {
	width: 530px;
	float: left;
	clear: none;
	display: block;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	font-size: 0.9375em;
	}
	
	#bookmarks ul {
		list-style-type:none;
		margin: 10px 0px 10px 15px;
		padding: 0px;
		}
	
		#bookmarks li {
			display: inline;
			height: 1em;
			line-height: 1em;
			margin: 0px;
			padding: 0px 10px 0px 0px;
			}
			
		#bookmarks li img {
			margin: 0px;
			vertical-align: top;
			}
			
			#bookmarks li a{
				text-decoration: none;
				}
			
			#bookmarks li a:hover{
				text-decoration: underline;
				}
				
#top_5 {
	background: url(media/ev_nav_02_05.gif) 0 0 no-repeat;
	width: 163px;
	border: solid 3px #E7E7E7;
	border-bottom: solid 3px #A1A1A1;
	padding: 60px 10px 10px 10px;
	margin: 5px 0;	
	}
	
	#top_5 ul {
		list-style: none;
		margin: 0 !important;
		padding: 0 !important;
		}	
		
	#top_5 li {
		min-height: 22px;
		background: url(media/article_interest.png) 0 0 no-repeat;
		margin: 0 !important;
		padding: 0 0 0 20px !important;		
		}
		
		#top_5 li a {
			text-decoration: none;
			}
			
			
#buy {
		list-style: none;
		margin: 10px 0;
		padding: 0;
		}

#buy li {
		height: 18px;
		background: url(media/right-green.gif) 0 0 no-repeat;
        font-size: 0.75em;
		margin: 7px 15px;
		padding-left: 18px;
		color:#203110;
		letter-spacing: 1px;
		line-height: 18px;
		}								


/* Wordpress Classes */
img.alignnone { margin-bottom: 10px; }
img.alignright { float: right; clear: both; margin: 0 0 5px 5px; }
img.alignleft { float: left; clear: both; margin: 0 5px 5px 0; }
div.wp-caption { margin: 10px auto; padding: 0; }
div.wp-caption img { margin: 0 !important; padding: 0 !important; }
div.wp-caption p.wp-caption-text { font-style: italic; font-size: 0.8em; line-height: 1.2em !important; }

/* Questionnaire Classes */
#stage-3-questionnaire { float: left; width: 100%; }
    #stage-3-questionnaire p.extra-margin { margin-top: 15px !important; }
    #stage-3-questionnaire label { display: inline-block; width: 200px; }
    #stage-3-questionnaire input[type=text] { width: 200px; border: 1px solid #616161; }
	#stage-3-questionnaire input[type=text].full-width { width: 100%; }
	#stage-3-questionnaire textarea { border: 1px solid #616161; width: 95%; margin: 0 auto; }
	#stage-3-questionnaire input[type=submit] { margin: 0 0 0 15px; border: 1px solid #616161; background-color: #303934; color: #fff; }