/* 
	Theme Name: Glue WordPress Theme
	Theme URL: http://www.gluehq.com/themes/glue
	Description: Glue custom theme created for WordPress.
	Author: Glue
	Author URI: http://www.gluehq.com
	Version: 1.0
	Tags: two columns
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*---------- General ----------*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f1fae5;
	font-size:1em;
	}

h1 {
	font-size:1.6em;
	font-weight:bolder;
	color:#FFFFFF;
	padding:20px 20px 0 0;
	}
	
h2 {
	font-size:1.3em;
	color:#6E2A8D;
	font-weight:bold;
	letter-spacing:.01em;
	}
	
h3 {
	font-size:1em;
	color:#689827;
	font-weight:bold;
	letter-spacing:0.01em;
	padding:25px 20px 0 0;
	}
	
h4 {
	font-size:1em;
	color:#6E2A8D;
	font-weight:bold;
	letter-spacing:0.01em;
	padding:25px 20px 0 0;
	}
	

p {
	font-size:.8em;
	line-height:22px;
	color:#676767;
	padding:15px 20px 15px 0;
	}


.sitecontainer {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

.clear {clear:both;}



/*---------- Div 1 ----------*/

.div1 {
	clear:both;
	}

.logo {
	position:absolute;
	left:30px; top:10px;
	}

.contact {
	position:absolute;
	left:730px; top:10px;
	width:205px;
	}
	
	.contact p {
		font-size:.8em;
		color:#6ea129;
		line-height:15px;
		text-align:right;
		}
		
.menu {
	float:right;
	background-image:url(images/menu_background.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:585px;
	height:45px;
	margin:60px 40px 0 0;
	}
	
	.menu a {color:#f0fbe1; font-size:.9em; font-weight:bold; text-decoration:none;}
	.menu a:visited {color:#f0fbe1; font-size:.9em; font-weight:bold; text-decoration:none;}
	.menu a:hover {color:#6E2A8D; font-size:.9em; font-weight:bold; text-decoration:none;}
	
	.menu ul {
		padding:15px 0 0 0;
		}
	
	.menu li {
		list-style:none;
		display:inline;
		margin: 0 12px 0 16px;
		}
		




/*---------- Div 2 ----------*/

.div2 {
	clear:both;
	background-image:url(images/header_background.png);
	background-repeat:no-repeat;
	background-position:top;
	height:330px;
	}
	
.headerimg {
	float:left;
	margin:25px 0 0 30px;
	}
	
.headerfocus {
	float:left;
	margin:20px 0 0 20px;
	width:275px;
	}
	
	.headerfocus p {
		font-size:1em;
		color:#d2efac;
		line-height:24px;
		letter-spacing:.05em;
		padding:10px 0 0 0;
		}

	.headerfocus a {text-decoration:underline; color:#FFFFFF;}
	.headerfocus a:visited {text-decoration:underline; color:#FFFFFF;}
	.headerfocus a:hover {text-decoration:underline; color:#6e2a8d;}



/*---------- Div 3 ----------*/

.div3 {
	clear:both;
	background-image:url(images/footer_background.png);
	background-repeat:no-repeat;
	background-position:top;
	margin:5px 0 0 0;
	}
	
.focusbox {
	float:left;
	width:275px;
	margin:20px 0 0 30px;
	}
	
	.focusbox a {color:#6ea129; text-decoration:underline;}
	.focusbox a:visited {color:#6ea129; text-decoration:underline;}
	.focusbox a:hover {color:#6e2a89; text-decoration:underline;}
	
	.focusbox img {
		float:left;
		padding:10px 6px 6px 0;
		}




/*---------- Div 3 - Content ----------*/

.div3content {
	clear:both;
	}
	
.content {
	float:left;
	width:575px;
	margin:20px 0 30px 30px;
	}
	
	.content ul {
		font-size:.8em;
		color:#676767;
		padding:5px 0 30px 30px;
		}
		
	.content ol {
		font-size:.8em;
		color:#676767;
		padding:5px 0 30px 30px;
		}
		
		.content li {
			padding:10px 0 0 0;
			}
			
	.content img {
		float:left;
		padding:5px 5px 5px 0;
		}
			
	.content a {text-decoration:underline; color:#6ea129;}
	.content a:visited {text-decoration:underline; color:#6ea129;}
	.content a:hover {text-decoration:underline; color:#6e2a8d;}
	
.sidecontent {
	float:right;
	margin:30px 0 30px 0;
	}
	
	.sidecontentmiddle img {
		margin:0 0 0 20px;
		}
	
.sidecontentmiddle {
	background-color:#d2efac;
	width:318px;
	clear:both;
	margin:-5px 0 0 0; padding:0;
	}
	
	.sidecontent a {color:#6ea129; text-decoration:underline;}
	.sidecontent a:visited {color:#6ea129; text-decoration:underline;}
	.sidecontent a:hover {color:#6E2A8D; text-decoration:underline;}
	
	.sidecontent p {
		font-size:0.8em;
		color:#4A6C1C;
		line-height:22px;
		padding:0 20px 20px 15px;
		}
		
	.sidecontent h4 {
		font-size:.8em;
		font-weight:bold;
		color:#6E2A8D;
		line-height:14px;
		padding: 0px 20px 0px 15px;
		}
		
	.sidecontent ul {
		font-size:0.7em;
		color:#6ea129;
		line-height:22px;
		padding:5px 20px 0 35px;
		}
		
		.sidecontent li {
			padding: 0 10px 0 5px;
			}

.sidecontentcorners {
	clear:both;
	width:318px;
	margin:0; padding:0;
	}


/*---------- Div 4 ----------*/

.div4 {
	clear:both;
	margin:10px 0 40px 30px;
	padding-bottom:40px;
	}
	
.icons {
	float:left;
	}
	
	
/*---------- Contact Form ----------*/

#contact p { margin: 5px; padding: 0px; }
#contact input { margin-bottom: 10px; font-size: 12px; float: left; }
#contact label { margin-bottom: 10px; font-size: 12px; width: 140px; float: left; }
#contact input[type="submit"] { width: 60px; margin: 10px 0 0 165px; float: left; }
#contact .error { color: #C00; font-size: 11px; float:left; white-space: nowrap;  }