/*LICENCE --------------------------------------
GTK - Monster Graphics Webiste 2009
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 New Zealand License
http://creativecommons.org/licenses/by-sa/3.0/nz/
*/

/*NOTES ----------------------------------------
Name:		Monster Graphics Website
Path: 		css/style.css
Notes:		-

UPDATE INFO ------------------------------------
Revision number: 0.0.1
Last updated: 10 Nov 2009 @ 9:59am
Last update made by: tamara pearce (developer@monstergraphics.co.nz)

CONTENTS ---------------------------------------
=FIX: Stylesheet inclusions for specific browser fixes
=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Default Styles (colours, sizes, etc)
=5: Global Styles
*/

/* =1 RESET ALL ELEMENTS TO A COMMON VALUE
   ----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
abbr,acronym { border:0;
}

/* =2 DEFAULT CLASSES
   ----------------------------------------------------*/

body { color: #fff; background:#330033; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1 { text-indent: -9999px; }

h2, h3, h4 { font-size: 1.1em; color: #b0d22e; margin-bottom: 10px; }

h2 span { color: #a2007a; }

a, p { font-size: .8em; }

a {	text-decoration: none; color: #b0d22e; font-size: 1em; }

p { line-height:1.7em; margin-bottom: 1em; }

p span{ color: #a2007a; }

/*REMOVE FIREFOX DOTTED BORDER*/
a { outline: none;}


/* =5 GLOBAL STYLES
   ----------------------------------------------------*/

.clear { clear:both; }

.green { color:#B0D22E; }

.small { font-size: 0.75em; color: #fff; } 


/* WRAPS
   ----------------------------------------------------*/

#wrapper {
	width: 900px;
	position:relative;
	left:50%;
	margin-left:-450px /* half width */
}	

/* HEADER
   ----------------------------------------------------*/

#header {
	background: url(../images/header.jpg);
	width: 900px;
	height: 200px;
}

#footer p {
	text-align: right;
	margin-bottom: 0;
	font-size: .7em;
	margin-bottom: 25px;
}

/* HEADER/NAV
   ----------------------------------------------------*/

#nav-top {
	width:900px;
	height:39px;
	overflow:hidden;
	position:relative;
}

	#nav-top a {
		font-size: .9em;
		display: block;
		height: 39px;
	}
	
	#nav-top a:hover {
		color: #fff;
	}
	
	#nav-top a.current {
		background-color:#40611F;
	}
	
	#nav-top li {
		display:inline;
		float:left;	
		width: 119px;
		margin: 0;
		padding: 0;
	}
	
	li.home, li.workshop, li.services, li.blog, li.contact, li.newsletter {
		width: 119px;
	}
	
	li.home a, li.workshop a, li.services a, li.blog a, li.contact a, li.newsletter a, li.home-on a, li.workshop-on a, li.services-on a, li.blog-on a, li.contact-on a, li.newsletter-on a {
		padding-top: 10px;
	}
	
	li.home-on a, li.workshop-on a, li.services-on a, li.blog-on a, li.contact-on a, li.newsletter-on a {
		color:#fff;
	}
	
	li.home a, li.workshop a, li.services a, li.blog a, li.contact a, li.newsletter a{
		color: #d3e58a;
	}
	
	#nav-top li.home a {
		background: transparent url(../images/nav_1.jpg) no-repeat scroll;
		padding-left: 40px;
	}
	
	#nav-top li.home-on a {
		background: transparent url(../images/nav_1_on.jpg) no-repeat scroll;
		padding-left: 40px;
	}	
	
	#nav-top li.workshop a {
		background: transparent url(../images/nav_2.jpg) no-repeat scroll left top;
		padding-left: 25px;
	}
	
	#nav-top li.workshop-on a {
		background: transparent url(../images/nav_2_on.jpg) no-repeat scroll left top;
		padding-left: 25px;
	}
	
	#nav-top li.services a {
		background: transparent url(../images/nav_3.jpg) no-repeat scroll left top;
		padding-left: 30px;
	}
	
	#nav-top li.services-on a {
		background: transparent url(../images/nav_3_on.jpg) no-repeat scroll left top;
		padding-left: 30px;
	}
	
	#nav-top li.blog a {
		background: transparent url(../images/nav_4.jpg) no-repeat scroll left top;
		padding-left: 40px;
	}
	
	#nav-top li.blog-on a {
		background: transparent url(../images/nav_4_on.jpg) no-repeat scroll left top;
		padding-left: 40px;
	}
	
	#nav-top li.contact a {
		background: transparent url(../images/nav_5.jpg) no-repeat scroll left top;
		padding-left: 30px;
	}
	
	#nav-top li.contact-on a {
		background: transparent url(../images/nav_5_on.jpg) no-repeat scroll left top;
		padding-left: 30px;
	}
	
	#nav-top li.newsletter a {
		background: transparent url(../images/nav_6.jpg) no-repeat scroll left top;
		width: 305px;
		padding-left: 120px;
	}
	
	#nav-top li.newsletter-on a {
		background: transparent url(../images/nav_6_on.jpg) no-repeat scroll left top;
		width: 305px;
		padding-left: 120px;
	}
	
/* HOME PAGE SLIDER & TITLE BG
   ----------------------------------------------------*/

#slider-top {
	background:transparent url(../images/slider_top.jpg) no-repeat scroll left top;
	width: 900px;
	height: 90px;
	color: #b0d22e;
}

#title-bg {
	background:transparent url(../images/title_bg.jpg) no-repeat scroll left top;
	width: 900px;
	height: 94px;
	color: #b0d22e;
}

	#slider-top p, #title-bg p {
		padding: 30px 0 0 90px;
		font-size: 1.1em;
	}
	
	#slider-top span, #title-bg span {
		color: #cc84bb;
		font-size: .8em;
	}

#slider-bg{
	background-color: #4a004a;
	height: 257px;
}

#slider-content-bg {
	background-color: #330033;
	height: 267px;
	width: 876px;
	margin: 0px 0 0 13px;

}

.slider-content {
	float:left; 
	width: 180px;
	margin-left:20px;
}

.slider-content a{
	font-size: .8em;
}

.slider-content p{
	margin-bottom: 0;
}

#slider img {
	float: left;
}

#slider-bottom{
	background:transparent url(../images/slider_bottom.jpg) no-repeat scroll left top;
	height: 36px;
}

/* MAIN PAGE CONTENT
   ----------------------------------------------------*/

#main-workshop, #main-services, #main-consultation {
	background:transparent url(../images/secondary_text_bg.jpg) no-repeat scroll left top;
	height: 201px;
	}
	
#main-sliders {
	background:transparent url(../images/secondary_text_xlarge_bg.jpg) no-repeat scroll left top;
	height: 280px;
	}
	
#main-services {	
	background:transparent url(../images/secondary_text_large_bg.jpg) no-repeat scroll left top;
	height: 259px;
}
	
#main-workshop, #main-consultation, #main-sliders {
	margin-bottom: 25px;
}

#main-services {
	margin: 20px 0 25px 0;
}

#main-services-left ul{
	list-style: disc; color: #a2007a; list-style-position: inside; font-size: 0.8em
}

#main-services-left p{
	line-height:1.5em;
}

#main-services-left p.visit-colossus{
	margin-top: 5px;
}



#main-services-left span{
	color: #fff;
}

#main-workshop h2, #main-services h2, #main-quote h2, #main-consultation h2  {
	padding: 10px 0 5px 70px;
}

#main-services-left, #main-workshop-left, #main-consultation-left, #main-sliders-left {
	float: left;	
	padding: 10px 0 0 15px;
	width: 420px;
}

#main-sliders-left {
	float: left;	
	padding: 0;
	width: 420px
}

#main-sliders-left-container {
	background:transparent url(../images/testimonial_slider_bg.jpg) no-repeat scroll 5px 53px;
	height:265px;
	width: 420px;
	padding-left: 10px;
	margin-left: 10px;
	margin-right: 20px;
	float: left;
}

#main-sliders-right-container {
	background:transparent url(../images/benefits_slider_bg.jpg) no-repeat scroll 0px 53px;
	height:265px;
	width: 420px;
	float: left;
	padding-left: 7px;
}
	
#main-sliders-left p, #main-sliders-right p {
	padding: 3px 0 0 5px;
	font-size:0.75em;
	width: 400px;
}

#main-sliders-left span {
	font-style: italic;
	color: #fff;
}

#main-sliders-right h2 {
	padding: 5px 0 0 5px;
}

#main-services-left p, #main-workshop-left p, #main-consultation-left p, #main-sliders-left p {
	width: 410px;
	margin-bottom: 5px;
}

#main-services-left a, #main-workshop-left a, #main-consultation-left a, #main-sliders-left a {
	font-size: 1em;
}

#main-services-right, #main-workshop-right, #main-consultation-right{
	float: left;	
	padding: 10px 0 0 10px;
	width: 450px;	
}

#main-sliders-right {
	float:left;
	width: 450px;	
}

#main-services-right h2 {
	margin: 5px 0 0 0;
	padding: 0;
}

#main-services-right li, #main-workshop-right li, #main-consultation-right li {
	background: url(../images/secondary_sub_text_bg.gif) no-repeat scroll left top;
	float:left;
	width: 205px;
	height: 177px;
	display:block;
	padding: 5px;
	margin-left: 8px;
}

#main-services-right {
	background: url(../images/main_services_bg.jpg) no-repeat scroll left 10px;
	height: 235px;
	padding: 10px 0 0 0;
	margin-left: 15px;
}

#main-workshop-right {
	background: url(../images/workshop_bg.jpg) no-repeat scroll left top;
	height: 189px;
	padding: 10px 0 0 0;
	margin-left: 15px;
}

#main-consultation-right {
	background: url(../images/consultation_bg.jpg) no-repeat scroll left top;
	height: 189px;
	padding: 10px 0 0 0;
	margin: 13px 0 0 15px;
}

#main-workshop-btn {
	top: -50px;
	left: 218px;
	position: relative;
}

#main-gotosite-btn {
	top: 178px;
	left: 220px;
	position: relative;
}


#main-consultation-btn {
	top: 115px;
	left: 235px;
	position: relative;
}

.slideshow {
	margin: 8px 0 0 6px;	
}

#main-quote {
	background: url(../images/project_quote_bg.jpg) no-repeat scroll left top;
	height: 151px;
	padding: 30px 0 0 15px;
}

#main-quote-left, #main-quote-right {
	width: 420px;
	float: left;	
}

#main-quote-left {
	margin-right: 15px;
}

#main-quote-left p{
	width: 420px;
	padding-top: 0;
}

.testimonials-tab, .benefits-tab {
	margin: 14px 0 0 20px;
}


/* WORKSHOP CONTENT
   ----------------------------------------------------*/
   
#workshop li.zoom{
	background:transparent url(../images/btn_workshop_1.jpg) no-repeat scroll left top;
}

.gallery{
	overflow:hidden;
	position:relative;
	float:left;
	height: 420px;
}	

.workshop-preview, .workshop-preview-left {
	background: url(../images/screen_bg.jpg) no-repeat scroll left top;
	width: 432px;
	height: 360px;
	margin-top: 20px;
	position: relative;
}


.workshop-single, .workshop-single-left {
	background: url(../images/screen_bg_single.jpg) no-repeat scroll left top;
	width: 432px;
	height: 360px;
	margin-top: 20px;
	position: relative;
}

.banner-website {
	background: url(../images/banner_website.png) no-repeat scroll left top;
	position: absolute;
	display: block;
	width: 191px;
	height: 111px;
	top: 153px;
	left: 241px;
}

.banner-colossus {
	background: url(../images/banner_colossus.png) no-repeat scroll left top;
	position: absolute;
	display: block;
	width: 191px;
	height: 111px;
	top: 153px;
	left: 241px;
}

.banner-branding {
	background: url(../images/banner_branding.png) no-repeat scroll left top;
	position: absolute;
	display: block;
	width: 191px;
	height: 111px;
	top: 153px;
	left: 241px;
}

.workshop-single p, .workshop-single-left p, .workshop-preview p, .workshop-preview-left p{
	margin: 5px 12px 0 12px;
	line-height: 1.5em;
}



.workshop-preview-left {
	padding-right: 30px;
}

.workshop-single img, .workshop-single-left img, .workshop-preview img, .workshop-preview-left img {
	margin: 6px 0 0 6px;
}


.workshop-btns{
	margin: 0 0 0 12px;
}

/* CONTACT PAGE
   ----------------------------------------------------*/

#contact-page-top {
	background: url(../images/contact_top.jpg) no-repeat scroll left top;
	width: 900px;
	height: 26px;
	margin-top: 20px;
}

#contact-page-bg{
	background-color: #2E002E;
	float: left;
}

#contact-page-bg h2{
	margin: -5px 0 25px 70px;
}

#contact-left {
	width: 400px; float: left; margin-left: 20px;
}

#quote-bg h2{
	margin: 0 0 40px 70px;
}

#contact-page-bottom {
	background: url(../images/contact_bottom.jpg) no-repeat scroll left top;
	width: 900px;
	height: 30px;
	float: left;
}

#quote-top {
	background: url(../images/quote_top.jpg) no-repeat scroll left top;
	width: 438px;
	height: 25px;
	float:left;
	margin-left: 20px;
}

#quote-bg{
	background-color: #4A014A;
	width: 423px;
	padding-left: 15px;
	margin-left: 20px;
	float:left;
}

#quote-bg h2{
	margin: 10px 0 40px 90px;
}

#quote-bottom {
	background: url(../images/quote_bottom.jpg) no-repeat scroll left top;
	width: 438px;
	height: 27px;
	float:right;
	margin-right: 22px;
}

#promo-top {
	background: url(../images/quote_top.jpg) no-repeat scroll left top;
	width: 438px;
	height: 25px;
	float:left;
	margin-left: 22px;
}

#promo-page-top {
	background: url(../images/promo_top.jpg) no-repeat scroll left top;
	width: 482px;
	height: 20px;
}

#promo-page-bg {
	background-color: #2E002E;
	width: 482px;
}

#promo-page-bg h2{
	margin-bottom: 25px;
	line-height: 500%;
}

#promo-left {
	width: 400px; float: left; margin-left: 20px;
}

#promo-page-bottom {
	background: url(../images/promo_bottom.jpg) no-repeat scroll left top;
	width: 482px;
	height: 20px;
	margin-bottom: 30px;
}


#promo-bg {
	background-color: #4A014A;
	width: 423px;
	padding-left: 15px;
	margin-left: 20px;
}

#promo-bottom {
	background: url(../images/quote_bottom.jpg) no-repeat scroll left top;
	width: 438px;
	height: 27px;
	margin-left: 20px;
}

#promo-page-top, #promo-page-bg, #promo-left, #promo-page-bottom, #promo-bg ,#promo-bottom {
	margin: 0 auto;	
}

#promo-header-bg {
	background:transparent url(../images/promo_header_bg.jpg) no-repeat scroll left top;
	width: 900px;
	height: 51px;
	color: #b0d22e;
}


#unsubscribe-top {
	background: url(../images/quote_top.jpg) no-repeat scroll left top;
	width: 438px;
	height: 25px;
	float:left;
	margin-left: 22px;
}

#unsubscribe-page-top {
	background: url(../images/promo_top.jpg) no-repeat scroll left top;
	width: 482px;
	height: 20px;
}

#unsubscribe-page-bg {
	background-color: #2E002E;
	width: 482px;
}

#unsubscribe-page-bg h2{
	margin-bottom: 25px;
	line-height: 400%;
}

#unsubscribe-left {
	width: 400px; float: left; margin-left: 20px;
}

#unsubscribe-page-bottom {
	background: url(../images/promo_bottom.jpg) no-repeat scroll left top;
	width: 482px;
	height: 20px;
	margin-bottom: 30px;
}


#unsubscribe-bg {
	background-color: #4A014A;
	width: 423px;
	padding-left: 15px;
	margin-left: 20px;
}

#unsubscribe-bottom {
	background: url(../images/quote_bottom.jpg) no-repeat scroll left top;
	width: 438px;
	height: 27px;
	margin-left: 20px;
}

#unsubscribe-page-top, #unsubscribe-page-bg, #unsubscribe-left, #unsubscribe-page-bottom, #unsubscribe-bg ,#unsubscribe-bottom {
	margin: 0 auto;	
}

#unsubscribe-header-bg {
	background:transparent url(../images/promo_header_bg.jpg) no-repeat scroll left top;
	width: 900px;
	height: 51px;
	color: #b0d22e;
}



/* BLOG
   ----------------------------------------------------*/

.blog {
	background: #2F002E url(../images/blog_bg.jpg) no-repeat scroll left top;
	margin: 20px 0 0 0;
	width: 900px;
	float:left;
}

.blog h2 {
	padding:10px 0 0 100px;
}

.blog-subheader {
	margin: -10px 0 20px 100px;
}

.blog-left, .blog-right {
	float:left;	
	padding: 10px 0 0 15px;
	width: 410px;
}

.blog-right {
	padding-top: 25px;	
}

.blog-bottom {
	background:transparent url(../images/blog_bottom.jpg) no-repeat scroll left top;
	height: 18px;
	width: 900px;
	margin-bottom: 10px;
	float:left;
	}

.blog-2nd-pic {
	margin-top: 20px;	
}

/* SERVICES
   ----------------------------------------------------*/
   
.services-bg, #services-bg-last {
	background:transparent url(../images/secondary_text_bg.jpg) no-repeat scroll left top;
	height: 201px;
	margin-top: 20px;
	padding-bottom: 10px;
}

.services-bg p, #services-bg-last p {
	width: 400px;
	margin-bottom: 5px;
}

.services-bg h2, #services-bg-last h2 {
	padding: 10px 0 5px 70px;
}

.services-bg-left {
	float: left;	
	padding: 10px 0 0 15px;
	width: 420px;
}

.services-bg-right {
	float: left;	
	padding: 10px 0 0 10px;
	width: 450px;	
}


/* TOS
   ----------------------------------------------------*/

#tos {
	background: #2F002E url(../images/blog_bg.jpg) no-repeat scroll left top;
	margin: 20px 0 0 0;
	width: 900px;
}

#tos h2 {
	padding:20px 0 15px 70px;
}

#tos-content {
	margin: 10px 15px 0 15px;
}

.disclaimer{
	margin-bottom:0;
}

#tos-bottom {
	background:transparent url(../images/blog_bottom.jpg) no-repeat scroll left top;
	height: 18px;
	width: 900px;
	margin-bottom: 10px;
}


/* PROOF
   ----------------------------------------------------*/

.proof{
	overflow:hidden;
	position:relative;
	float:left;
	margin-bottom: 20px;
}

#workshop li.zoom{
	background:transparent url(../images/btn_workshop_1.jpg) no-repeat scroll left top;
}

.proof-preview, .proof-preview-left {
	background: url(../images/proof_bg.jpg) no-repeat scroll left top;
	width: 432px;
	height: 272px;
	margin-top: 20px;
}

.proof-preview-left {
	padding-right: 30px;
}

.proof-preview img, .proof-preview-left img {
	margin: 6px 0 0 6px;
}

.proof-btns{
	margin: 0 0 0 12px;
}
   
li.zoom-proof {
	font-size: .9em;
	color: #d3e58a;
	display: block;
	height: 38px;
	width: 139px;
	display:inline;
	float:left;
	margin-left: 135px;
}  

li.zoom-proof a{
	padding: 20px 0 0 50px;
}

li.zoom-proof {
		background:transparent url(../images/btn_zoom_proof.jpg) no-repeat scroll left top;
		padding-top: 5px;
}
   

/* TIDY UP - MESSY
   ----------------------------------------------------*/

	li.single, li.visit, li.quote {
		font-size: .9em;
		color: #d3e58a;
		display: block;
		height: 38px;
		width: 136px;
		display:inline;
		float:left;	
	}

	li.single a{
		padding: 20px 0 0 15px;
	}	

	li.visit a{
		padding: 20px 0 0 25px;
	}	
	
 	li.quote a {
		padding: 20px 0 0 15px;
	}
	
	
	li.single {
		background:transparent url(../images/btn_workshop_2.jpg) no-repeat scroll left top;
		padding-top: 5px;
		margin-left:130px
	}
	
	 li.visit {
		background:transparent url(../images/btn_workshop_1.jpg) no-repeat scroll left top;
		width: 136px;
		padding-top: 5px;
		margin-left: 60px
	}
	
	 li.quote {
		background:transparent url(../images/btn_workshop_3.jpg) no-repeat scroll left top;
		padding-top: 5px;
	}


/* POSITIONED IMAGES
   ----------------------------------------------------*/

.hugo-spin {
	height:71px;
	left:10px;
	position:absolute;
	top:230px;
	width:97px;
	z-index:1000;
}

.hugo-love {
	height:44px;
	left:20px;
	position:absolute;
	top:650px;
	width:56px;
	z-index:1000;
}

.hugo-think {
	height:65px;
	left:10px;
	position:absolute;
	top:850px;
	width:64px;
	z-index:1000;
}

.hugo-think-home {
	height:65px;
	left:10px;
	position:absolute;
	top:905px;
	width:64px;
	z-index:1000;
}

.hugo-spanner {
	height:65px;
	left:10px;
	position:absolute;
	top:230px;
	width:81px;
	z-index:1000;
}

.hugo-wave {
	height:65px;
	left:15px;
	position:absolute;
	top:340px;
	width:81px;
	z-index:1000;
}

.hugo-arrow {
	height:63px;
	left:10px;
	position:absolute;
	top:340px;
	width:62px;
	z-index:1000;
}

.hugo-logo {
	height:64px;
	left:10px;
	position:absolute;
	top:570px;
	width:68px;
	z-index:1000;
}

.hugo-flag {
	height:69px;
	left:10px;
	position:absolute;
	top:795px;
	width:101px;
	z-index:1000;
}

.hugo-talk {
	height:64px;
	left:20px;
	position:absolute;
	top:240px;
	width:82px;
	z-index:1000;
}

.write-icn {
	height:66px;
	left:0px;
	position:absolute;
	top:340px;
	width:89px;
	z-index:1000;
}

.write-icn2 {
	height:66px;
	left:0px;
	position:absolute;
	top:1030px;
	width:89px;
	z-index:1000;
}

.newsletter-icn {
	height:94px;
	left:630px;
	position:absolute;
	top:175px;
	width:94px;
	z-index:1000;
}

.globe-icn {
	height:66px;
	left:13px;
	position:absolute;
	top:250px;
	width:62px;
	z-index:1000;
}

.quote-icn {
	height:94px;
	left:450px;
	position:absolute;
	top:380px;
	width:94px;
	z-index:1000;
}

.tail-icn {
	height:63px;
	left:0;
	position:absolute;
	top:240px;
	width:123px;
	z-index:1000;
}

.question-icn {
	height:77px;
	left:-8px;
	position:absolute;
	top:1125px;
	width:94px;
	z-index:1000;
}

.promo-icn {
	float:left;
	height:92px;
	width:92px;
	z-index:1000;
}


.hugo-cry {
	float:left;
	height:64px;
	width:81px;
	z-index:1000;
}


/* CONTACT FORM
   ----------------------------------------------------*/

label {
	display:block;
	float:left;
	font-size:0.8em;
	margin-right:20px;
	text-align:right;
	width:100px;
}

label.error {
	display:block;
	float:left;
	font-size:0.8em;
	margin: 0 0 10px 120px;
	text-align:left;
	width:300px;
	color: #F00;
}

label span {
	color:#B0D22E;
	font-size:1.2em;
}

input {
	background-color: #fff;
	border: 1px solid #2E002E;
	color: #000;
	height: 15px;
	margin-bottom: 7px;
	padding: 5px;
	width: 255px;
}

textarea {
	background-color: #fff;
	border:1px solid #2E002E;
	color:#000;
	height:90px;
	margin-bottom:7px;
	padding:5px;
	width:255px;
}

select {
	border: 1px solid #2E002E;
	color: #000;
	margin-bottom: 7px;
	padding: 5px;
	width:255px;
}

.submit {
	background:transparent url(../images/send.png) no-repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	height:42px;
	width:53px;
	display: inline;
}

.submit-unsubscribe {
	background:transparent url(../images/unsubscribe.jpg) no-repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	height:42px;
	width:115px;
	display: inline;
}



/* CAPTCHA
   ----------------------------------------------------*/

.captcha {
	width: 120px;
	margin:5px 0 7px 0;
}

.nospam {
	float: right;
	margin: 8px 0px 0 0;
	width: 220px;
	display: inline;
}

#captchaimg {
	width:255px;
}

.clear {clear: both}


p#statusgreen { font-size: 1.2em; background-color: #fff; color: #0a0; }
  p#statusred { font-size: 1.2em; background-color: #fff; color: #a00; }
  fieldset label { display: block; }
  fieldset div#captchaimage { float: left; margin-right: 15px; }
  fieldset input#captcha { width: 25%; border: 1px solid #ddd; padding: 2px; }
  fieldset input#submit { display: block; margin: 2% 0% 0% 0%; }
  #captcha.success {
  	border: 1px solid #49c24f;
	background: #bcffbf;
  }

#captcha.error {
  	border: 1px solid #c24949;
	background: #ffbcbc;
}