/*

	Greener Pastures
	Master screen styles
	
	Author: s1000

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

html { font-size: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: "Myriad Pro", Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 70%;
	line-height: 2.2em;
	color: #292929;
	background: #fff;
}

form, fieldset, input, textarea, select, th, td {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 100%;
}
input[type=text], textarea
{
	width:260px;
	
}

/* @group Clearing floats */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block }
.clearfix { display:block }
* html .clearfix { height: 1px; }

/* @end */

/* @group Accessibility & SEO */

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}

/* @end */

/* @group Elements */

hr {
	height: 1px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #dddcd6;
	background-color: #dddcd6;
	border: 0;
	}
	* html body hr { margin: 1px 0; } /* Remove the progressive spacing in IE */

ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	list-style-type: square;
	}
	ul ul { list-style-type: disc; }
		
dl {
	margin: 0 0 20px 0;
	}
	dl dt { font-weight: bold; }
	dl dd { margin: 0 0 0 15px; }

li li, li p, td p, blockquote p { font-size: 1em; }

blockquote {
	margin: 0 0 0 20px;
	font-style: italic;
	color: #999;
}
q { quotes:"\201C" "\201D" "\2018" "\2019" }
q:before { content: open-quote; }
q:after { content: close-quote; }
* html q { font-style: italic; }


img.floatLeft { 
    float: left; 
    margin: 6px 20px 0 0; 
}


/* @end */

/* @group Typography */

/* Headings */
h1 {
	margin: 0 0 15px 0;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.4em;
	}
	h1 a, h1 a:hover { border: none; }
h2 {
	margin: 0 0 15px 0;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
}
p {
	margin: 0 0 15px 0;
}

/* Links */
a {
	color: #6ba030;
	text-decoration: none;
	border-bottom: 1px dotted #6ba030;
}
a.menuLinkActive
{
	color:#000;
}
a:hover {
	border-bottom: 1px solid #6ba030;
}
a:focus, a:active {
	color: #fff;
	border: none;
	background: #6ba030;
}
a img { 
	border: 0px;
	text-decoration: none;
	border-bottom: 0px;
}

/* Image + image link border */
/*img { display: block; } 
:focus { outline: 0; }

/* @end */

/* @group Tables */

#main table {
	width: 100%;
	margin: 0 0 15px 0;
	border-collapse: collapse;
	border-spacing: 0;
	}
	#main table th { padding: 1px; }
	#main table td { padding: 1px; }

/* @end */

/* @group Forms */

fieldset {
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}
legend { display: none; }

/* @end */

/* @group Main layout */

div.container {
	width: 100%;
	text-align: center;
}

#top-container {
	min-height: 135px;
	background: #000 url('../gfx/background/bg-top.jpg') repeat-x 50% 100%;
	}
	
	#top {
		width: 960px;
		margin: 0 auto;
		text-align: left;
		}
		
		#logo {
			padding: 0px 0 0 0;
			text-align: center;
			}
			#logo img { display: block; margin: 0 auto; }
		
		
			
	#englishWebsite {
		width: 960px;
		margin: 0 auto;
		padding: 20px 0;
		text-align: right;
		color: #fff;
		font-size: 1.2em;
	}
	#englishWebsite a {
		text-align: right;
		color: #fff;
		border-color: #fff;
	}


#intro-container {
	background: #000;
	}
	#intro {
		width: 960px;
		margin: 0 auto;
		padding: 20px 0;
		text-align: left;
		color: #fff;
		font-size: 1.2em;
	}
	#intro a {
		color: #fff;
		border-color: #fff;
	}

#main-container {
	min-height: 300px;
	background: #fafafa url('../gfx/background/bg-main.jpg') repeat-x;
	}
	
	#main {
		width: 960px;
		margin: 0 auto;
		padding: 30px 0;
		text-align: left;
		font-size: 1.2em;
	}
	
	/* Sticker */
	
	div.sticker {
		float: right;
		clear: both;
		width: 136px;
		height: 24px;
		margin-top: -51px;
		text-align: center;
		background: url('../gfx/background/bg-sticker.png') no-repeat;
		}
		div.sticker em {
			font-size: 1.1em;
			line-height: 2em;
			font-style: normal;
			font-weight: bold;
			font-size: 1.0em;
			text-shadow: 1px 1px 1px #fff;
		}
	
	/* App */
	
	div.app-desc {
		float: left;
		width: 720px;
	}
	
	div.app-detail {
		padding: 20px 0 0 0;
		background: url('../gfx/background/bg-sep.png') repeat-x;
		}
		
		div.app-features {
			float: left;
			width: 350px;
			}
			div.app-features h2 {
				padding: 2px 0 2px 40px;
				background: url('../gfx/icons/icn-features.png') no-repeat 0 50%;
			}
		
		div.app-uses {
			float: right;
			width: 350px;
			}
			div.app-uses h2 {
				padding: 2px 0 2px 40px;
				background: url('../gfx/icons/icn-uses.png') no-repeat 0 50%;
			}
	
	div.app-shop-multiple {
		position: relative;
		float: right;
		width: 190px;
		padding: 10px 15px 20px 15px;
		line-height: 1.8em;
		background: #fff url('../gfx/background/bg-box.png') no-repeat 0 100%;
		}
		div.app-shop-top-multiple {
			position: absolute;
			top: 0;
			left: 0;
			width: 220px;
			height: 20px;
			background: url('../gfx/background/bg-box-top.png') no-repeat;
		}
		
		div.app-shop-multiple dl {
			margin: 0 0 0 0;
		}
		div.app-shop-multiple dl dt {
			margin: 10px;
			font-size: 1.1em;
			text-align: center;
		}
		div.app-shop-multiple dl dd {
			margin: 10px;
			color: #7f7e7e;
			font-size: .95em;
			line-height: 3.0em;
			text-align: left;
		}
		div.app-shop-multiple a { 
			text-decoration: none;
			border-bottom: 0px;
		}
	
	
		div.app-shop {
			position: relative;
			float: right;
			width: 190px;
			padding: 5px 15px 20px 15px;
			line-height: 1.8em;
			background: #ccc url('../gfx/background/bg-box.png') no-repeat 0 100%;
			}
			div.app-shop-top {
				position: absolute;
				top: 0;
				left: 0;
				width: 220px;
				height: 20px;
				background: url('../gfx/background/bg-box-top.png') no-repeat;
			}

			div.app-shop dl {
				margin: 0 0 20px 0;
			}
			div.app-shop dl dt {
				margin: 15px 0 5px 0;
				font-size: 1.1em;
			}
			div.app-shop dl dd {
				margin: 0;
				color: #7f7e7e;
				font-size: .95em;
			}

			div.app-shop a.buy {
				display: block;
				width: 147px;
				height: 42px;
				margin-left: 7px;
				padding: 0 15px;
				font-size: 1.2em;
				color: #fff;
				line-height: 42px;
				text-align: center;
				border: none;
				background: url('../gfx/button/btn-buy.png') no-repeat;
				text-shadow: 1px 1px 1px #333;
			}
			div.app-shop a.buy strong {
				margin-left: 0px;
				font-size: 1.3em;
			}
	
	div.app-screens {
		clear: both;
		padding: 20px 0 0 0;
		background: url('../gfx/background/bg-sep.png') repeat-x;
		}
		
		div.app-screens h2 { margin: 0 0 10px 0; }
		
		div.app-screens ul {
			width: 980px;
			margin: 0 -10px;
			padding: 0;
			list-style-type: none;
		}
		div.app-screens ul li {
			float: left;
			margin: 0;
			padding: 10px;
		}
		div.app-screens a { 
			text-decoration: none;
			border-bottom: 0px;
		}
		
	
/* @end */

/* @group Content elements */

/* Images */
dl.image {
}

/* Fancyzoom */
#ZoomImage {
	padding: 20px 20px 0 20px;
	background: #fff;
}

/* @end */