/*
Theme Name: Wave Youth
Description: Handcrafted theme for Wave Youth
Version: 0.9b
Author: Benjamin Tan
*/

/* GLOBAL RESET by Eric Meyer
==================================================*/

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* GENERAL
==================================================*/

body { background: #CE902D; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 64.5%; line-height: 1.8em; color: #777; }

/* HEADERS */
h1 { padding: 0; margin: 0; font: bold 2.4em/1.3em Arial, Helvetica, sans-serif; letter-spacing: -0.05em; color: #004B3D; }
h2 { padding: 0; margin: 0; font: normal 2em/1.3em Arial, Helvetica, sans-serif; letter-spacing: -0.03em; color: #004B3D; }
h3 { padding: 0; margin: 0; font: bold 1.5em/1.3em Arial, Helvetica, sans-serif; color: #004B3D; letter-spacing: -0.03em; }

span { font-weight: normal; }
img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.4em; display: block; }
p.first:first-line { color: #333; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.846em; }

/* a { padding-bottom: .3em; }*/
a { color: #982A00; text-decoration: underline; }
a:active { color: #E45017; font-style: normal; }
a:hover { color: #E45017; text-decoration: none; }

blockquote { font: italic 1em Georgia, serif; padding: 1em 0 0 2.5em; background: url("images/quotes.gif") no-repeat 0 0; height: auto !important; height: 40px; min-height: 40px; }
#content #left blockquote p { font: italic 1.3em/1.8em Georgia; font-style: italic; color: #333; }


/* DIV TEMPLATE
=============================================================*/

.container { width: 960px; margin: 0 auto; }
#body-bg { width: 100%; float: left; background: url(images/header_bg.jpg) 50% 0 no-repeat; }
#bg-spread { width: 100%; background: url(images/content_bg.gif) repeat-y 50% 0; float: left; }
#footer-bg { width: 100%; float: left; background: url(images/footer_bg.jpg) 50% 0 no-repeat; height: 220px; }

#header { width: 960px; height: 450px; float: left; text-indent: -9999px; }
h1#logo a { height: 88px; width: 175px; background: url(images/wave_logo.gif) no-repeat; float: left; border: none; margin: 25px 0 0 90px; }

/* Menu Items */
ul#menu { width: 900px; height: 50px; float: left; clear: both; margin-top: 110px; padding-left: 60px; }
	ul#menu a { border: none; float: left; background: url(images/menu_bg.gif) no-repeat; display: block; }
	ul#menu li { float: left; display: inline; }
	ul#menu li ul { text-indent: 0; text-align: center; }
	ul#menu span { font-size: 8px; display: block; }
	ul#menu li { margin-right: 32px; }
	ul#menu li ul li, ul#menu li.last { margin-right: 0; }

	ul#menu li a.home { width: 91px; height: 38px; background-position: 0 -38px; }
		ul#menu li a.home:hover { background-position: 0 0; }
	ul#menu li a.youth { width: 171px; height: 38px; background-position: -91px -38px; }
		ul#menu li a.youth:hover, ul#menu li a.youth:hover, ul#menu li:hover a.youth, ul#menu li.iehover a.youth { background-position: -91px 0; }
	ul#menu li a.service { width: 190px; height: 38px; background-position: -262px -38px; }
		ul#menu li a.service:hover, ul#menu li a.service:hover, ul#menu li:hover a.service, ul#menu li.iehover a.service { background-position: -262px 0; }
	ul#menu li a.connect { width: 130px; height: 38px; background-position: -452px -38px; }
		ul#menu li a.connect:hover, ul#menu li a.connect:hover, ul#menu li:hover a.connect, ul#menu li.iehover a.connect { background-position: -452px 0; }
	ul#menu li a.contact { width: 130px; height: 38px; background-position: -582px -38px; }
		ul#menu li a.contact:hover, ul#menu li a.contact:hover, ul#menu li:hover a.contact, ul#menu li.iehover a.contact { background-position: -582px 0; }	

#content { width: 960px; margin-top: -160px; float: left; }
#content #left { width: 523px; float: left; padding: 30px; }
	#content #left .leftbox { width: 250px; float: left; }
		#content #left .leftbox p, #content #left .rightbox p { font: 1.1em/1.8em Arial, sans-serif; }
	#content #left .rightbox { width: 250px; float: right; }
	#content #left #intro { width: 523px; float: left; background: url(images/intro.gif) no-repeat; height: 120px; text-indent: -9999px; margin-bottom: 1em; }
	#content #left #description { width: 523px; float: left; margin-bottom: 0; }
		#content #left #description p { font: 2em/1.3em Georgia, Helvetica, sans-serif; color: #4B1500; }
		#content #left #speakingof p { font-size: 1.5em; }
	#content #left p { font: 1.3em/1.8em Arial, Helvetica, sans-serif; }
		#content #left p.large { font-size: 1.3em; }
		#content #left p.small { font-size: 1.1em; }
		/* #content #left p span { font: bold 1em/1.8em Georgia, sans-serif; } */
	#content #left .videohold { width: 100%; float: left; clear: both; }
		#content #left .video { width: 400px; height: 300px; float: left; padding: 20px 0 0 0; background: url(images/video_bg.jpg); }
		#content #left .videohold p { font: 1.1em/1.8em Arial, sans-serif; }
		
#content #right { width: 287px; float: right; display: inline; padding: 30px; }
	#content #right .item { width: 287px; float: left; display: inline; margin-top: 20px; background: url(); }
	#content #right .banner { width: 290px; float: left; padding: 5px 0; margin-bottom: 0; }
		#content #right .banner img { float: left; width: 290px; }
		#content #right .banner img.alignleft, #content #right .banner img.alignright { padding: 0; float: left; }
		#content #right .banner .overlay { width: 290px; height: 11px; background: url(images/banner_over.gif) 100% 0; float: left; position: relative; margin-top: -11px; }
	#content #right p { font: 1.1em/1.8em Arial, Helvetica, sans-serif; }
	#content #right ul { width: 287px; }

#footer { float: left; width: 960px; }
	#footer #details { font: 1.1em/1.5em Arial, Helvetica, sans-serif; float: left; margin: 100px 0 0 120px; color: #DFBE8B; width: 450px; display: inline; }
	h1.logo-northcross a { height: 60px; width: 247px; background: url(images/northcross.gif) 50% 0 no-repeat; float: right; border: none; margin: 94px 50px 0 0; text-indent: -9999px; }
	#footer a { color: #DFBE8B; }

.break { font-size: 0em; float: left; height: 0; width: 100%; background: transparent; text-indent: -9999px; }
.break.line { height: 5px; background: url(images/line.gif) no-repeat 0 0; float: left; width: 100%; margin: 1em 0 2em; font-size: 1em; }
.break.gap { padding: 2em 0; height: 25px; }

h1.text { height: 40px; line-height: 0.8em; background: url(images/title_bg.jpg) no-repeat 0 0%; width: 100%; clear: both; display: block; padding: 0.2em 0; }
h1.text.blog { font: bold 2.4em Helvetica, Arial, sans-serif; padding-top: 0.3em; padding-bottom: 20px; height: auto !important; height: 20px; min-height: 20px; letter-spacing: -0.05em; }
h1.text.small { background: url(images/title_bg_small.jpg) no-repeat 0 0%; }	
	h1.text span.date { text-transform: uppercase; background: #004B3D; color: #FFF; font: 0.4583em Arial, sans-serif; letter-spacing: 0; margin-left: 0.75em; padding: 0 0.25em; vertical-align: middle !important; vertical-align: middle; }
	h1.text a:hover span.date { background: #00987D; }
	h1.text a { text-decoration: none; color: #004B3D; }
		h1.text a:hover { color: #00987D; }

/* Page stuff */

#content #left .page h1 { padding: 1em 0 0; margin: 0; font: bold 2.4em/1.3em Arial, Helvetica, sans-serif; letter-spacing: -0.05em; }
	#content #left .page h1 span { padding: 0 0 2em; font: normal 0.5em/1.5em Arial, Helvetica, sans-serif; letter-spacing: 0; }
	#content #left .page h1.padding { padding: 1em 0; }
#content #left .page h2 { padding: 1em 0 0; margin: 0; font: normal 2em/1.3em Arial, Helvetica, sans-serif; letter-spacing: -0.03em; }
	#content #left .page h2 span { padding: 0; margin: 0; display: block; font: normal 0.6em/1.5em Arial, Helvetica, sans-serif; letter-spacing: 0; }
#content #left .page h3 { padding: 0; margin: 0; font: bold 1.5em/1.3em Arial, Helvetica, sans-serif; letter-spacing: -0.02em; }
	#content #left .page .leftbox h3, #content #left .page .rightbox h3 { padding: 0 0 1em; }
	#content #left .page h3 span { padding: 0; margin: 0; display: block; font: normal 0.91667em/1.3em Arial, Helvetica, sans-serif; letter-spacing: 0; }

#content #left .page small { font-size: .7857em; }
#content #left .page .leftbox p, #content #left .page .rightbox p { font-size: 1.2em; padding-bottom: 1em; }

/* Blog stuff */

#content #left .post p { font-size: 1.2em; font-family: Verdana, sans-serif; }
	#content #left .post h1, #content #left .post h2, #content #left .post h3 { color: #333; }
.postmeta { font: 1.1em/2em Verdana, Helvetica, sans-serif; float: left; clear: both; width: 100%; margin-top: -10px; margin-bottom: 2em; }
	span.cate { background: url(images/blog_icons.gif) no-repeat; padding: 0.2em 0 0.2em 20px; }
	span.comm { background: url(images/blog_icons.gif) 0 -25px no-repeat; padding: 0.2em 0 0.2em 20px; }
.postmeta a { color: #333; }
	.post h1 { font-size: 2.2em; }
.post ul { margin: 0 0 1.8em; font: 1.3em/1.8em Arial, Helvetica, sans-serif; }
		.post ul li { background: url(images/bullet.gif) no-repeat 0 0.7em; margin-left: 0.4em; padding-left: 1.5em; }
.post ol { margin: 0 0 1.8em; font: 1.3em/1.8em Arial, Helvetica, sans-serif; }
	.post ol li { list-style-type: decimal; margin-left: 3em; }
.post ol.small { font-size: 1.1em; }
.bottom { padding: 10px 0 2em; font: 1.1em/1.2em Georgia, serif; float: left; clear: both; width: 100%; margin: 0; text-align: center; color: #AAA; background: url(images/bottom_bg.jpg) 50% 0 no-repeat; float: left; width: 100%; margin-bottom: 3em; }
	.bottom a { color: #999; }
	.bottom a:hover { color: #333; }
	.bottom span.author { color: #777; font: italic 1.091em Georgia, serif; line-height: 2em; }

a span.more { padding: 0.4em; background: #982A00; color: #fff; font: bold 0.7857em/2em Georgia, serif; }
	a:hover span.more { color: #CF8467; }

.navigation { float: left; width: 100%; margin: -2em 0 0em; font-size: 1.1em; }
	.navigation a { color: #999; text-decoration: none; padding: 0 0.75em; }
		.navigation a:hover { color: #555; }
	.navigation .link { padding: 0.75em 0; font: normal 1.5em/1em Georgia, serif; background: #EEE; }
	.navigation .link.left { float: left; }
	.navigation .link.right { float: right; text-align: right; }

#comments-display { width: 523px; padding: 2em 0 1em 0; float: left; }
#content #left #comments-display p { font: 1.2em/1.5em Georgia, serif; }
	ol.commentlist { float: left; color: #AAA; margin: 0; padding: 0; }
	ol.commentlist li { float: left; width: 523px; margin: 0; padding: 0 0 0.5em; list-style: none; background: transparent; }
	ol.commentlist li .standard { list-style: none; }
	ol.commentlist .commenttext { color: #888; float: left; position: static; display: block; background: url("images/comment_bg.gif") bottom left no-repeat; padding: 18px; margin: 0 0 0em; }
	ol.commentlist .bypostauthor .commenttext { color: #FFF4EF; background: url("images/comment_bg_admin.gif") bottom left no-repeat; }
	ol.commentlist .commenttext a, ol.commentlist .commentname a { color: #777; }
	ol.commentlist .commenttext a:hover { color: #333; }
	ol.commentlist .commentname { float: left; width: 523px; margin-bottom: 2em; font: 1.1em Arial, Helvetica, sans-serif; }
	ol.commentlist .commentname em { color: #777; }

#comments-block { width: 523px; padding-top: 2em; margin-bottom: -30px; background: transparent; float: left; }
	#comments-block input { float: left; padding: 0.3em; font: normal 1.2em Georgia, serif; letter-spacing: -0.01em; width: 15em; background: #EEE; border: 1px solid #EEE; border-top: 1px solid #CCC; color: #888; }
	#comments-block textarea { float: left; padding: 0.3em; font: normal 1.2em Georgia, serif; letter-spacing: -0.01em; width: 20em; background: #EEE; border: 1px solid #EEE; border-top: 1px solid #CCC; color: #888; overflow: auto; }
	#comments-block label { float: left; width: 12em; text-align: right; line-height: 2em; padding-right: 1.5em; vertical-align: middle; }
	#left #comments-block p { float: left; margin-bottom: 1em; font: 1.2em/2em Arial, Helvetica, sans-serif; }
	#comments-block p span.note { color: #CF4D4D; font-size: 0.5em; }
	#comments-block hr { margin: 0 0 1em ; width: 50em; }
	#comments-block input.submit-button { float: left; width: 82px; height: 30px; background: url(images/submit_bg.gif) no-repeat; border: 0; padding: 0;}
	#comments-block input.submit-button:hover { background-position: 0 -30px; }

/* /Blog stuff */

h1.title { height: 60px; background: url(images/title_bg.jpg) no-repeat 0 0%; width: 100%; margin: 0; float: left; clear: both; display: block; }
	h1.title.clean { background: transparent; }
	h1.title.small { background: url(images/title_bg_small.jpg) no-repeat 0 0%; }
	h1.title span { height: 60px; background: url(images/titles.gif) no-repeat; text-indent: -9999px; display: block; float: left; }
	h1.title span.blog { background-position: 0 0px; width: 400px; margin-top: 10px; }
	h1.title span.welcome { background-position: 0 -300px; width: 400px; margin: 0; }
	h1.title span.pulpit { background-position: 0 -98px; width: 250px; margin-top: 10px; }
	h1.title span.fuel { background-position: 0 -200px; width: 250px; margin-top: 10px; }
	h1.title span.video-notices { background-position: 0 -395px; width: 250px; margin-top: 10px; }
	h1.title span.the-blog { background-position: 0 -500px; width: 400px; }
	h1.title span.leave-reply { background-position: 0 -985px; width: 400px; }
	h1.title span.others-said { background-position: 0 -1085px; width: 400px; }
	h1.title span.upcoming-events { background-position: 0 -1200px; width: 400px; }
	h1.title span.snr-gathering { background-position: 0 -600px; width: 400px; }
	h1.title span.jnr-gathering { background-position: 0 -700px; width: 400px; }
	h1.title span.elevator { background-position: 0 -800px; width: 400px; }
	h1.title span.lifegroups { background-position: 0 -900px; width: 400px; }
	h1.title span.blender { background-position: 0 -1900px; width: 400px; }
	h1.title span.contact { background-position: 0 -1700px; width: 400px; }
	h1.title span.page-not-found { background-position: 0 -1600px; width: 400px; }
	h1.title span.when-and-where { background-position: 0 -1500px; width: 400px; }
	h1.title span.the-service { background-position: 0 -1400px; width: 400px; }
	h1.title span.podcasts { background-position: 0 -1300px; width: 400px; }
	h1.title span.the-a-team { background-position: 0 -1800px; width: 400px; }

h1.sub { height: 50px; background: url(images/subtitle_bg.jpg) no-repeat 0 50%; display: block; float: left; width: 100%; clear: both; margin: 0.5em 0 0; }
	h1.sub.nopad { margin: 0; }
	h1.sub.clean { background: transparent; }
	h1.sub span { height: 50px; background: url(images/subtitles.gif) no-repeat; text-indent: -9999px; display: block; float: left; }
	h1.sub span.calendar { background-position: 0 0; width: 287px; }
	h1.sub span.flickr { background-position: 0 -100px; width: 287px; }
	h1.sub span.podcasts { background-position: 0 -300px; width: 287px; }
	h1.sub span.video-notices { background-position: 0 -400px; width: 287px; }
	h1.sub span.latest-blog-posts { background-position: 0 -500px; width: 287px; }
	h1.sub span.connect-with { background-position: 0 -600px; width: 287px; }
	h1.sub span.map { background-position: 0 -700px; width: 287px; }
	h1.sub span.poll { background-position: 0 -800px; width: 287px; }

ul.gallery { padding: 0; display: block; float: left; width: 100%; clear: both; margin-bottom: 3em; }
	ul.gallery li { width: 100%; border-bottom: 1px solid #E5E5E5; padding: 5px 0 10px 0; float: left; overflow: hidden; display: block; height: 3.3em; }
	ul.gallery li a { color: #AAA; text-decoration: none; padding: 0.5em; }
	ul.gallery li a:hover { color: #888; }
		ul.gallery li span.date { font: 1.1em/3.5em Arial, sans-serif; color: #777; float: left; width: 10em; height: 100%; text-align: right; padding-right: 1em; }
			ul.gallery li a:hover span.date { background: transparent; color: #555; }
		ul.gallery li span.title { font: bold 2.4em/1.5em Arial, sans-serif; float: left; letter-spacing: -0.08em; padding: 0 0.25em; }
			ul.gallery li a:hover span.title { background: #EEE; color: #555; }
		ul.gallery li span.text { font: 1.1em/3.25em Arial, sans-serif; }

ul.calendar { padding-bottom: 1em; float: left; font-size: 1.1em; }
	ul.calendar li a { color: #333; text-decoration: underline; }
	ul.calendar li a:hover { color: #777; text-decoration: none; }
	ul.calendar li.highlight.title { color: #AF5841; }
	ul.calendar li.highlight a { color: #982A00; text-decoration: none; }
		ul.calendar li.highlight span.details { color: #AF5841; }
		ul.calendar li span.details { font-weight: bold; float: left; width: 100%; padding-bottom: 0.5em; }
	ul.calendar li.highlight a:hover { color: #E45017; }
	ul.calendar li { border-bottom: 1px solid #E5E5E5; padding: 0.8em 0; }
		ul.calendar li span.title { font: bold 1.2em/1.4em Arial, sans-serif; display: block; color: #555; }
			ul.calendar li.highlight a span.title { }
#left ul.calendar { font-size: 1.2em; width: 523px; }
#left ul.calendar span.title { font-size: 1.1667em; }

ul.flickr-reel { padding-bottom: 2em; float: left; }
ul.flickr-reel li, ul.flickr-reel img { float: left; display: inline; padding: 0 20px 15px 0; }

ul.small-list { padding-bottom: 3em; float: left; }
	ul.small-list li a { color: #999; text-decoration: none; }
	ul.small-list li a strong { color: #555; text-decoration: none; }
	ul.small-list li a:hover { color: #333; }
		#left ul.small-list li a { color: #982A00; text-decoration: none; }
		#left ul.small-list li a:hover { color: #E45017; }
			#left ul.small-list li a strong { color: #982A00; }
			#left ul.small-list li a:hover strong { color: #E45017; }
	ul.small-list li { border-bottom: 1px solid #E5E5E5; font: 1.1em/3em Arial, sans-serif; float: left; height: 3em; overflow: hidden; width: 287px; }
	#left ul.small-list li { width: 240px; font: 1.1em/3em Arial, sans-serif; }

#left .post ul.downloads { font: 1.5em/2em Arial, sans-serif; padding-bottom: 3em; float: left; }
ul.downloads li { border-bottom: 1px solid #E5E5E5; float: left; overflow: hidden; width: 523px; padding: 0.6em 0 1em; margin: 0; background: transparent; }
	ul.downloads li a { color: #982A00; text-decoration: none; }
		ul.downloads li a:hover { color: #E45017; }
	ul.downloads li small { padding: 0 0.5em; }
	ul.downloads li span.description { font: 0.7333em/1.5em Arial, sans-serif; display: block; }
	ul.downloads li a span.description { color: #AF5841; }
		ul.downloads li a:hover span.description { color: #E45017; }

/*
Menu
------------------------------------------------
Menu Credit: Suckerfish */

ul#menu {
	border: 0 none;
	width: 900px; /*For KHTML*/
	list-style: none;
	height: 37px;
	float: left;
}

ul#menu li {
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 37px;
}

ul#menu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: auto !important; /* Allows menu to work without floating left in IE */
	width: 170px;
	list-style: none;
	display: none;
	position: absolute;
	top: 37px;
	left: 0;
	border-bottom: 5px solid #982a00 !important; /* Gives a bit more length */
	border-bottom: none;
}

ul#menu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#menu ul li {
	/*width: 130px;*/
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	z-index: 9999;
}

/* Root Menu */
ul#menu li a {	
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font-style: italic;
	text-decoration: none;
	/*height: auto !important;*/
	height: 1%; /*For IE*/
}

/* Sub Menu */
ul#menu li li a {
	border: none;
	/*border: 2px solid #EEE;*/
	margin: 0;
	padding: 0;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	font: normal 11px/23px Georgia, Serif;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
	height: auto !important;
	height: 1%; /*For IE*/
}
ul#menu li ul.youth li a { width: 171px; }
ul#menu li ul.service li a { width: 190px; }
ul#menu li ul.connect li a { width: 130px; }
ul#menu li ul.contact li a { width: 130px; }

/* Root Menu Hover Persistence */
ul#menu li ul li a:hover,
ul#menu li ul li:hover a,
ul#menu li ul li.iehover a {
	padding: 0;
	color: #C3DFD7;
}

ul#menu li li a {
	padding: 0;
}

ul#menu li a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
	/* border-left: 2px solid #EEE;*/
	/*border-bottom: solid 2px #CC0000;*/
}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
	float: none;
	background: #982a00;
	color: #FFDDCF; 
	border-bottom: none;
	padding: 7px 0;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
	padding: 7px 0;
	background: #982a00;
	color: #FFF;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
	display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
	display: block;
}

ul#menu li a:visited.plain,
ul#menu li a:link.plain,
ul#menu li a:hover.plain,
ul#menu li:hover a.plain,
ul#menu li.iehover a.plain { padding: 0; }

/* FORMS
==================================================*/

/* OTHER
==================================================*/

.image { text-indent: -9999px; }
.image.left { float: left; }
.image.right { float: right; }
.image.radio { background: url(images/image_radio.jpg) no-repeat; width: 100%; height: 140px; }
.image.radio2 { background: url(images/image_radio.jpg) no-repeat 0 0; width: 150px; height: 140px; margin-left: 20px; }
.image.fuel { background: url(images/image_fuel.jpg) no-repeat; width: 100%; height: 140px; }
.image.team09 { background: url(images/team09.jpg) no-repeat; width: 100%; height: 265px; padding-bottom: 1em; }
.image.lifegroup-tere { background: url(images/lifegroup.jpg) no-repeat 0 0; width: 115px; height: 250px; margin: 0; }
.image.lifegroup-ana { background: url(images/lifegroup.jpg) no-repeat -115px 0; width: 205px; height: 250px; margin: 0; }
.image.lifegroup-jd { background: url(images/lifegroup.jpg) no-repeat -320px 0; width: 140px; height: 250px; margin: 0; }

img.alignright { float: right; padding: 0 0 20px 20px; }
img.alignleft { float: left; padding: 0 20px 20px 0; }

a:focus {
	outline: none;
}

fieldset.contact { clear: both; padding: 1em 2em 0; background: url(images/contact_bg.jpg) 50% 50% no-repeat; vertical-align: middle; }
fieldset.contact label { width: 10em; float: left; clear: both; line-height: 2.1em; vertical-align: middle; text-align: right; padding: 0 1em 0 0; font-size: 1em; }
fieldset.contact em { font-family: Georgia, Serif; }
fieldset.contact input.error, fieldset.contact textarea.error { }
fieldset.contact label.error { color: #E45017; }

input.contact { padding: 0.5em; font: normal 1em Georgia, serif; letter-spacing: -0.01em; width: 15em; background: #EEE; border: 1px solid #EEE; border-top: 1px solid #CCC; color: #888; }
textarea.contact { padding: 0.5em; font: normal 1em Georgia, serif; letter-spacing: -0.01em; width: 23em; background: #EEE; border: 1px solid #EEE; border-top: 1px solid #CCC; color: #888; overflow: auto; }
textarea.contact:selected, input.contact:selected { background: #FAFAFA; }
input.submitbtn {
	width: 82px;
	height: 30px;
	background: url("images/submit_bg.gif");
	outline: none;
	padding: 0;
}
input.submitbtn:hover { background-position: 0 -30px; }

span.red { color: #701600; font: normal 1.1em/1.8em Arial, sans-serif; }