* html *
	{
		text-align:center;
		padding:0;
		
	}
* html * *
	{
		text-align:left;
	}
html
	{
		height:100%;
		padding:0;
		margin:0 auto;
		background:url("../img/backtop.png") repeat-x top;
		-webkit-background-size:auto 60%;
		-o-background-size:auto 60%;
		-khtml-background-size:auto 60%;
		-moz-background-size:auto 60%;
	}
body
	{
		padding:0;
		margin:0 auto;
	}

*
	{
		-webkit-transition:all 0.3s;
	}
a:link
	{
		color:#6E9E2A;
	}
a:visited
	{
		color:#9E972A;
	}
a:hover
	{
		color:#81DC00;
	}
a:active
	{
		color:#B3D804;
	}
a img
	{
		border:0;
	}

h1
	{
		color:#1F211B;
		font-size:2.6em;
		font-family:"trebuchet ms", tahoma, arial, sans-serif;
		text-decoration:none;
		text-shadow:bottom left;
	}
h1 a:link
	{
		color:#1F211B;
	}
h1 a:visited
	{
		color:#1F211B;
	}

h2
	{
		color:#1F211B;
		font-size:1.9em;
		font-weight:400;
		font-family:"trebuchet ms", tahoma, arial, sans-serif;
	}
h2 a:link
	{
		color:#1F211B;
	}
h2 a:visited
	{
		color:#1F211B;
	}
#title a
	{
		text-decoration:none;
	}
h3
	{
		font-size:1.5em;
		color:#5EA000;
		padding-bottom:0;
		margin-bottom:0;
		margin-top:1em;
	}
h3 a, h3 a:visited, h3 a:hover
	{
		color:#5EA000;
		padding-bottom:0;
		margin-bottom:-0.3em;
		text-decoration:none;
	}
h3 + p
	{
		margin-bottom:0;
		padding-bottom:0;
	}
h4
	{
		font-size:1.2em;
		color:#AEFF2D;

		padding-bottom:0;
		margin-bottom:0.3em;
		margin-top:0.5em;
	}
h5
	{
		font-size:1em;
	}
h6
	{
		font-size:0.8em;
	}

hr
	{
		height:0.17em;
		width:80%;
		background-color:#F7FFDD;
		border:0.17em solid #E7FFCC;
		padding:0;
		margin:0 auto;
		margin-top:1em;
		margin-bottom:0.6em;
		-moz-border-radius:0.08em;
		-webkit-border-radius:0.08em;
	}

p + ul
	{
		margin-top:0em;
	}
	
span[title]
	{
		background-image:url('../img/title.png');
		background-repeat:no-repeat;
		background-position:100% 10%;
	}
	
ul#links
	{
		font-size:1.2em;
		color:#57752B;
		font-weight:bold;
		margin-left:0;
		padding-left:0;
	}

	
li form
	{
		margin-bottom:-0.5em;
		padding:0;
		content:".";
	}
fieldset
	{
		border:0;
		margin:0;
		padding:0;
	}

/* Classes
-----------*/
.hidden
	{
		opacity:0;
	}
.site-preview
	{
		clear:right;
	}
.site-preview img
	{
		position:relative;
		float:right;
		right:0.5em;
		width:17.4em;
		height:auto;
		clear:right;

		padding-left:1em;
		margin-top:1em;
	}
.site-preview img.small
	{
		width:auto;
	}
* html .site-preview
	{
		height:13.75em;
	}
* html .site-preview img
	{
		width:17.4em;
		clear:right;
		margin-left:2em;
	}
.site-preview:after
	{
		content:"";
		clear:both;
		display:block;
	}
	
.how
	{
		text-align:justify;
	}
.how strong
	{
		background-color:#D8FFA5;
		padding:0 0.4em;
		
		-webkit-border-radius:0.4em;
		-moz-border-radius:0.4em;
		-o-border-radius:0.4em;
	}
.desc
	{
		color:#5D8B15;
		height:0;
		overflow:hidden;
	}

/* Sections
------------*/
#container
	{
		width:60%;
		max-width:47em;
		min-width:18em;
		
		margin:0 auto;
		margin-top:80px;
		padding:2%;
		padding-top:50px;
		padding-bottom:9.6em;
		background-color:#FFFFFF;
		
		/* CSS3 Preview */
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
	}
* html #container
	{
		width:70%;
		padding:4em;
	}
#head
	{
		width:100%;
	}
#logo
	{
		float:left;
		width:27.7%;
		max-width:279px;
		margin-right:2%;
	}
#logo img
	{
		width:100%;
		height:auto;
		max-height:312px;
	}
#title
	{
		float:left;
		width:69%;
	}
#head:after
	{
		content:"";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
#head + p
	{
		font-size:1.1em;
		text-align:justify;
		padding:0 0 0.2em 0;
		margin:0 0 1em 0;
		border:0 dotted #7FC800;
		border-bottom-width:0.18em;
	}
#title h1
	{
		padding:0;
		margin:0;
	}
#title h2
	{
		padding:0;
		margin:0;
	}
#bar
	{
		padding-left:0;
		margin-right:0.8em;
		color:#90C63A;
	}
* html #bar, * + html #bar
	{
		margin-right:-0.8em;
		padding-left:0.8em;
	}
#links a
	{
		font-size:0.78em;
	}
#links ul
	{
		padding:0;
	}
#links li
	{
		display:inline;
		padding-right:2%;
	}
#links li+li:before
	{
		content:" | ";
		padding-right:2%;
		color:#90C63A;
	}
* html #links, * + html #links
	{
	}
* html #links li, * + html #links li
	{
		display:inline;
		padding-right:1.6em;
	}
#sample
	{
		position:relative;
		float:right;
		top:-1em;
		min-width:16.5em;
		width:49%;
		clear:both;

		margin:0 0 0 1em;
		padding:0 0.5em 0.5em 1em;

		border:0 dotted #7FC800;
		border-bottom-width:0.20em;
		border-left-width:0.20em;
	}
#sample img
	{
		width:100%;
		height:auto;
		clear:both;
		padding-top:0.5em;
	}
#sample:hover .desc
	{
		height:100px;
		-webkit-transition:height 0.6s;
	}
	
#paypal
	{
		width:auto;
		max-width:221px;
		height:1.4em;
		max-height:26px;
		margin-bottom:-4px;
	}
form:after
	{
		content:"";
		clear:both;
		display:block;
	}
#signup
	{
		padding:0.1em 1em 0.4em 0.6em;
		text-decoration:none;
		color:#334411;
		font-weight:bold;
		background:url("../img/btn-s.png") no-repeat top left;
		-webkit-background-image:url("../img/btn.png");
		-webkit-background-size:auto 1.4em;
	}
#signup:hover
	{
		color:#556622;
	}
#signup:active
	{
		position:relative;
		color:#223300;
		top:1px;
		left:1px;
		-webkit-transition:all 0s;
	}
#copytext
	{
		width:70%;
		font-size:0.8em;
		padding:0.6em 15% 0 15%;
		margin:2em auto 1em auto;
		border:0 dotted #A9B966;
		border-top-width:0.18em;
		font-style:italic;
		line-height:1.3em;
		text-align:justify;
		letter-spacing:0.1em;
	}
#footer
	{
		position:absolute;
		width:60%;
		max-width:47em;
		min-width:18em;

		background-color:#D8FFA5;
		text-align:center;
		margin:0 auto;
		margin-top:1em;
		margin-left:-2%;
		padding:3em 2%;

		clear:both;

		
		/* CSS3 Preview */
		-moz-border-radius-bottomleft:50px;
		-moz-border-radius-bottomright:50px;
		-webkit-border-bottom-right-radius:50px;
		-webkit-border-bottom-left-radius:50px;
	}
* html #footer
	{
		width:100%;
		padding:3em 2em;
		margin:0em;
		margin-top:1em;
	}
#footer h6
	{
		display:inline;
	}
#bar2
	{
		margin-right:0.8em;
		margin-left:0.8em;
	}
* html #footer #bar2, * + html #footer #bar2
	{
		content:" | ";
		margin-right:0.8em;
		margin-left:0.8em;
	}
#footer > h6 + h6:before
	{
		content:" | ";
		margin-right:1em;
		margin-left:1em;
	}





#signup_form
	{
		color:#556622;
		font-weight:bold;
/*		width:17.8em;*/
	}
#signup_form fieldset:after
	{
		float:left;
		content:": : :";
		width:0;
		white-space:pre;
	}
#signup_form input[type="text"]
	{
		position:relative;
		display:inline-block;
		margin-right:-13em;
		left:8em;
		width:12.5em;
		height:1.8em;
		background-color:#F9FFF0;
		border-color:#CCEEAA;
		border-style:inset;
	}
#signup_form input[type="submit"]
	{
		position:relative;
		left:8em;
		width:12.5em;
		height:2em;
		margin-right:-100%;
		background-color:#EFFFE0;
		border-color:#CCEEAA;
		border-style:outset;
		color:#668844;
	}
#signup_form textarea
	{
		width:18.8em;
		height:8em;
		margin-top:0em;
		padding:0.8em;
		background-color:#F9FFF0;
		border:2px inset #CCEEAA;
		-webkit-border-bottom-left-radius:2em;
		-moz-border-radius-bottomleft:2em;
	}
#error
	{
		font-size:0.9em;
		color:#EE6633;
		margin-bottom:1em;
	}
#throbber
	{
		position:relative;
		float:right;
		top:4.5em;
	}
	
	
#resume p
	{
		position:relative;
		float:left;
		clear:both;

		padding:1em;
		
		border:0 dotted #DCFF8F;
		border-left-width:0.20em;
	}
#resume h4
	{
		clear:both;
	}
#resume ul
	{
		padding-top:0;
		padding-left:2.5em;
		margin-top:0;
		margin-left:0;
		list-style:none;
	}
#resume ul ul
	{
		padding-top:0;
		padding-left:1.2em;
		margin-top:0;
		list-style:circle;
	}
.shortlist
	{
		float:left;
		margin:0;
		padding:0;
		width:18em;
		max-width:50%;
	}
#resume:after
	{
		content:"";
		clear:both;
		display:block;
	}