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

	doc title: stylesheet
	filename: primary.css
	author: JBMoss - http://www.jbmoss.com
	date: 11/04/2008
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	
	
-------------------------------------------------------*/


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 1em 5%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #51A126;
}

p a {
	color			: #51A126;
}
p a:hover {
	color			: #51A126;
	text-decoration	:underline;
}

h1 {
	height			:96px;
	width			:213px;
	background		:url(../images/greencom_logo.jpg) top left no-repeat;
	text-indent		:-9000px;
}
h2 {}
h3 {
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	font-size		:1.2em;
	color			:#51A126;
}
h4 {}
h5 {}
										/* ---------- 3. listography ---------- */ 
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	background 		: #51A126;
}


#wrap {
	position		: relative;
	width			: 783px;
	margin			: 40px auto;
	background		: #fff url(../images/top_curve.jpg) top center no-repeat;
	height			: 500px;
	z-index			: 0;
}

#hdr {
	position		: relative;
	width			: 783px;
}

#main {
	position		: relative;
	width			: 783px;
	margin			: 10px 0 0 0;
	z-index			: 23;
}

	#sbar {
		position		: relative;
		float			: left;
		width			: 102px;
		margin			: 22px 0 121px 21px;
		background		: #51A126;
		height			: 483px;
	}
	#cont {
		position		: relative;
		float			: left;
		width			: 495px;
		height			: 635px;
	}
		#ind_cont {
			position		: relative;
			float			: left;
			width			: 650px;
			height			: 635px;
		}
		#ind_banner {
			position		: relative;
			margin			: 15px 5%;
		}
		#mem_img {
			position		: relative;
			float			: right;
			width			: 230px;
		}
		
		
	#ban_bar {
		position		: relative;
		float			: left;
		width			: 165px;
		padding			: 22px 0 0 0;
	}
	#f_boxes {
		position		: absolute;
		bottom			: 4px;
		right			: 0px;
		margin-right	: 5px;
		z-index			: 67;
	}
	#ind_f_boxes {
		position		: absolute;
		bottom			: 0px;
		right			: 0px;
		margin-right	: 5px;
		z-index			: 67;
	}

#f_bar {
	position		: relative;
	width			: 783px;
	background		: url(../images/ftr_bg.jpg) repeat-x;
	height			: 300px;
	top				: -280px;
	z-index			: 2;
	margin-bottom	: -280px;
}
	#f_bl {
		position		: relative;
		float			: left;
		top				: 150px;
	}
	
	
#txt_footer {
	position		: relative;
	width			: 780px;
	top				: 0px;
	color			: #fff;
	font-size		: 0.7em;
	font-family		: Arial, Helvetica, sans-serif;
	text-align		: right;
}
	#txt_footer a {
		color			: #FFF;
	}
	#txt_footer a:hover {
		color			: #CCC;
	}
	

										/* ---------- 5. navigation ---------- */ 
										
#nav {
	position		: absolute;
	top				: 61px;
	right			: 30px;
	text-align		: right;
}
	#nav a {
		margin-right 	: 0px;
	}
	
	a.home  {
		display			: block;
		float			: left;
		width			: 46px;
		height			: 46px;
		background		: url(../images/nav/home.jpg) no-repeat;
	}
	a:hover.home  {
		background-position : -46px;
	}
	
	a.about  {
		display			: block;
		float			: left;
		width			: 66px;
		height			: 46px;
		background		: url(../images/nav/about_us.jpg) no-repeat;
	}
	a:hover.about  {
		background-position : -66px;
	}
	
	a.go_green {
		display			: block;
		float			: left;
		width			: 150px;
		height			: 46px;
		background		: url(../images/nav/go_green.jpg) no-repeat;
	}
	a:hover.go_green {
		background-position : -150px;
	}
	
	a.membership  {
		display			: block;
		float			: left;
		width			: 131px;
		height			: 46px;
		background		: url(../images/nav/green_membership.jpg) no-repeat;
	}
	a:hover.membership  {
		background-position : -131px;
	}
	
	a.partners  {
		display			: block;
		float			: left;
		width			: 65px;
		height			: 46px;
		background		: url(../images/nav/partners.jpg) no-repeat;
	}
	a:hover.partners  {
		background-position : -65px;
	}
	
	a.contact  {
		display			: block;
		float			: left;
		width			: 51px;
		height			: 46px;
		background		: url(../images/nav/contact.jpg) no-repeat;
		margin			: 0px;
	}
	a:hover.contact  {
		background-position : -51px;
	}
	

/* --------------- SBAR NAV ----------------- */


	a.sb_fixedline  {
		display			: block;
		width			: 102px;
		height			: 39px;
		background		: url(../images/sbar/fixed_line.jpg) no-repeat;
	}
	a:hover.sb_fixedline  {
		background-position : -102px;
	}


	a.sb_phone  {
		display			: block;
		width			: 102px;
		height			: 39px;
		background		: url(../images/sbar/phone_systems.jpg) no-repeat;
	}
	a:hover.sb_phone  {
		background-position : -102px;
	}
	
	
	
	a.sb_voip  {
		display			: block;
		width			: 102px;
		height			: 24px;
		background		: url(../images/sbar/voip.jpg) no-repeat;
	}
	a:hover.sb_voip  {
		background-position : -102px;
	}
	
	
	
	a.sb_mobile  {
		display			: block;
		width			: 102px;
		height			: 24px;
		background		: url(../images/sbar/mobile.jpg) no-repeat;
	}
	a:hover.sb_mobile  {
		background-position : -102px;
	}
	
	
	
	a.sb_document_s  {
		display			: block;
		width			: 102px;
		height			: 40px;
		background		: url(../images/sbar/document_solutions.jpg) no-repeat;
	}
	a:hover.sb_document_s {
		background-position : -102px;
	}
	
	
	
	a.sb_prod_removal  {
		display			: block;
		width			: 102px;
		height			: 40px;
		background		: url(../images/sbar/product_removal.jpg) no-repeat;
	}
	a:hover.sb_prod_removal {
		background-position : -102px;
	}


										/* ---------- 6. page specific structure ---------- */ 

										/* ---------- 7. images ---------- */ 

										/* ---------- 8. forms ---------- */ 
										
										
#formtab {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #51A126;
}
.formbox {
	background		: #CFE4C3;
	width			: 300px;
	padding			: 2px;
}
.submit {
	background		: #CFE4C3;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	padding			: 2px 9px;
}

#formtab_mem {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #51A126;
}
.formbox_mem {
	background		: #CFE4C3;
	width			: 150px;
	padding			: 2px;
}
.submit_mem {
	background		: #CFE4C3;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 0.8em;
	padding			: 1px 7px;
}

#formtab_insert {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	color			: #fff;
}