/********/
/* html */
/********/
body {
	background:#CCC;
	margin:0;
	padding:0
}

h1 {
	font-size:18px;
	margin:15px 0 0 0;
	padding:0
}

p {
	margin:15px 0 0 0;
	padding:0
}

a {
	color:#00AB39;
	text-decoration:underline
}

a:hover {
	color:#6ADCA2
}

img {
	border:0;
	display:block
}

label {
	color:#888;
	
	float:left;
	font-weight:bold;
	width:200px
}

form {
	margin:0;
	padding:0
}

input,
textarea,
select {
	border:1px solid #00AB39;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	width:200px
}

textarea {
	height:100px;
	overflow:auto
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:#EEE;
	color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:540px;
	left:50%;
	letter-spacing:0;
	margin:-270px 0 0 -400px;
	position:absolute;
	top:50%;
	width:800px
}

/* header */
#header {
	background:#00AB39;
	height:140px
}

#logo {
	float:left;
	height:140px;
	width:275px
}

#logo img {
	height:140px;
	width:275px
}

/* menu */
#menu {
	background:#00AB39 url(../img/bg/menu.gif) repeat-x;
	float:left;
	height:60px;
	padding-top:80px;
	width:525px
}

#menu ul {
	height:25px;
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	width:505px
}

#menu li {
	float:left;
	margin-right:10px
}

#menu li a {
	color:#FFF;
	font-size:10px;
	text-decoration:none
}

#menu li a:hover {
	text-decoration:underline
}

#menu li a.active {
	font-weight:bold
}

/* banner */
#banner {
	float:left;
	height:255px;
	width:275px
}

#banner img {
	height:255px;
	width:275px
}

/* ghost */
#ghost {
	background:#FFF url(../img/bg/content.gif) no-repeat right bottom;
	height:255px;
	left:275px;
	position:absolute;
	top:140px;
	width:525px;
	z-index:1
}

/* content */
#content {
	height:230px;
	line-height:18px;
	left:275px;
	overflow:auto;
	padding:5px 20px 20px 20px;
	position:absolute;
	top:140px;
	width:485px;
	z-index:2
}

#content ul {
	list-style:url(../img/bg/li.gif);
	margin:15px 0 0 35px;
	padding:0
}

#content li {
	color:#888
}

/* footer */
#footer {
	background:#00AB39 url(../img/bg/footer.gif) no-repeat;
	height:145px;
	left:0;
	position:absolute;
	top:395px;
	width:800px
}

#footer #info {
	margin-top:20px;
	text-align:right;
	width:260px
}

#footer p {
	font-size:10px;
	margin:0 0 10px 0
}

#footer a:hover {
	color:#00AB39
}

/*********/
/* pages */
/*********/

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	line-height:0px
}

.hide {
	display:none
}

.show {
	display:block
}

/* form */
#form_wrapper {
	margin-top:15px
}

.row {
	min-height:25px;
	clear:both;
}

.radio,
.checkbox {
	border:0;
	width:14px
}

#feedback_info {
	color:#F00;
	margin:0 0 15px 0
}

.error {
	background:#EEE;
	border:1px solid #F00
}

/* buttons */
.button {
	background:#00AB39;
	display:inline;
	float:right;
	margin:15px 0;
	padding:1px
}

.button a,
.button a:hover {
	border:1px solid #FFF;
	color:#FFF;
	float:left;
	font-weight:bold;
	line-height:14px;
	padding:2px 10px;
	text-decoration:none
}

#form_wrapper .button {
	margin:15px 65px 15px 0
}

#imageContainer {
	height:255px;
	top:140px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

a.emailLink {
	color:#fff;
}
