/**
 * Main CSS
 *
 * Main stylesheet for Listen2Learn
 *
 * @author Marcin Piekarski
 * @copyright 2009
 * @version 0.1
 */

@media all {

/* Myer Reset v1.0 | 20080212 ===================================================  */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul											{ list-style: none; }
blockquote, q									{ quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after								{ content: ''; content: none; }
:focus											{ outline: 0; }
ins												{ text-decoration: none; }
del												{ text-decoration: line-through; }
table											{ border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

/* TYPOGRAPHY ==========================================================================  */
html											{ font-size: 62.5%; /* font-size: 10px; */ font-family: Arial, Helvetica, sans-serif; }
body											{ font-size: 1.2em; /*line-height: 18px;*/ }

a, a:visited									{ color: #0f6c90; text-decoration: underline; } /* LoVe HAte - a:link, a:visited, a:hover, a:active */
a:hover, a:active								{ color: #0f6c90; text-decoration: none; }
a img 											{ border: none; }
	
.content p 										{
	font-size: 1.166667em;
	line-height: 1.5em;
	/*line-height: 1.285714em;*/
	margin-bottom: 1.285714em;
}

/*
h1, h2, h3, h4, h5, h6 {}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

blockquote {}
strong {}
em {}
abbr, acronym {}
pre, code {}

ul {}
ol {}
dl {}

li ul, li ol {}

dl dt {}
dd {}

table {}
th {}
th, td {}
tr.even td {}
tfoot {}
caption {}
*/

/* LAYOUT =======================================================================  */
body 											{ background: #69ceeb url(../images/l2l-bg-strip.png) left top repeat-x; }

#wrapper-outter									{ /* background: url(../images/l2l-bg-wave.jpg) no-repeat; */ margin: 0 auto; padding-top: 40px;
													width: 1160px; min-height: 720px; height: !important; height: 720px; }
												
#wrapper-inner									{ background: url(../images/l2l-header-bg.png) no-repeat; margin: 0 auto; width: 980px; min-height: 170px; height: !important; height: 170px; }

#page											{ margin: 0 auto; width: 960px; }
#page-bottom-corner								{ margin: 0 auto; background: url(../images/l2l-content-bottom-corner.png) no-repeat;  height: 8px; width: 960px; }

#page-bottom-corner	img							{ vertical-align: top; }

#header											{ height: 120px; }
#section-logo									{ float: left; margin: 15px 10px 15px 10px; }
#section-slogan									{ float: right; margin: 15px 10px 15px 10px; }

#title-bar										{ background-color: #01acec; height: 40px; width: 100%; }

#downloads-contact								{ background-color: #fff; padding: 0 30px 0 30px; width: 900px; }
#wrapper-downloads-contact						{ background: #fff url(../images/l2l-downloads-contact-mid-bg.png) repeat-y; }
#downloads-contact img								{ vertical-align: top; }

#downloads										{ float: left; margin: 0 10px 0 20px; padding: 1.0em 0 0.5em 0; width: 580px; }
#downloads h3									{
	font-size: 1.333333em;
	line-height: 1.125em;
}

	#down_left										{ float: left; margin-right: 10px; width: 280px; }
	#down_left li									{
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1.125em;
	}
	
	#down_right										{ float: right; margin-left: 10px; width: 280px; }
	#down_right li									{
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1.125em;
	}

#contact										{ float: right; margin: 0 10px 0 20px; padding: 1.0em 0 0.5em 0; width: 260px; }
#contact h3										{
	font-size: 1.333333em;
	line-height: 1.125em;

}
#contact li										{
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 1.125em;
}

#content										{ background-color: #FFF; padding-top: 1.0em; width: 100%; }
#body											{ float: left; padding-left: 30px; width: 600px; }
.business-name									{ color: #2285ac; font-weight: bold; }

/*
ul.main-list									{ margin-left: 0.25em; }
ul.main-list li									{ background: url(../images/l2l-main-list-tick.png) no-repeat; line-height: 1.6em; padding-left: 2.0em; margin-bottom: 1.0em; }
*/

ul.main-list									{}
ul.main-list li									{
	background: url(../images/l2l-main-list-tick.png) no-repeat;

	font-size: 1.083333em;
	line-height: 1.384em;
	margin-top: 1.384em;
	margin-bottom: 1.384em;
	padding-left: 1.500000em;
}

ul.sub-list										{}
ul.sub-list li									{
	background: url(../images/l2l-sub-list-tick.png) no-repeat;
	
	font-size: 1.0em;
	line-height: 1.384em;
	margin-top: 1.384em;
	margin-bottom: 1.384em;
	padding-left: 1.500000em;
}
	
#sidebar										{ float: right; padding: 0 30px 0 20px; width: 280px; }

#photo											{ text-align: center;}
#photo strong									{
	color: #2285ac;
	font-size: 1.166667em;
	line-height: 1.5em;
}
#photo p										{
	font-size: 1.0em;
	line-height: 1.384em;
	padding: 0;
}

#qualifications 								{ margin: 0; }
#qualifications h4								{ 
	background-color: #f0fbff;
	border-left: 1px solid #cee7f1;
	border-right: 1px solid #cee7f1;
	border-bottom: 1px solid #cee7f1;
	
	display: block;
	
	font-size: 1.166667em;
	line-height: 1.5em;
	
	padding: 0 0.5em;
	}
#qualifications ul								{ background-color: #ffffff; border-left: 1px solid #cee7f1; border-right: 1px solid #cee7f1; }
#qualifications li								{ font-size: 1.0em; line-height: 1.4em; padding: 0.75em 0.75em 0.75em 0.75em; }

#links			 								{ margin: 0; }
#links h4										{							
	background-color: #fdfabb;
	border-left: 1px solid #e1dfa3;
	border-right: 1px solid #e1dfa3;
	border-bottom: 1px solid #e1dfa3;
	
	display: block;
	
	font-size: 1.166667em;
	line-height: 1.5em;
	
	padding: 0 0.5em;
}									
#links ul										{ background-color: #fdfabb; border-left: 1px solid #e1dfa3; border-right: 1px solid #e1dfa3; }
#links li										{ font-size: 1.0em; line-height: 1.4em; padding: 0.75em 0.75em 0.75em 0.75em; }

.sidebar-img-top								{ vertical-align: bottom; }
.sidebar-img-bottom								{ vertical-align: top; }

#footer											{ margin: 0 auto; padding: 10px; text-align: center; width: 960px; }

/* MISC =========================================================================  */
.align-left										{ float: left; }
.align-right									{ float: right; }

.hide											{ display: none; }

.centre											{ margin: 0 auto; width: 960px; }

.hasFloats										{ _height: 1%; display: block; overflow: hidden; } /* NOTE: IE7 strips out some padding. Re-add the padding into IE specific stylesheet */
.hasFloats:after								{ content: ""; clear: both; }

.clear											{ clear: both; height: 0; }

/**
 * @css-for Firefox
 * @workaround Show scroll bars so the page doesn't jump around
 */
html											{ overflow: -moz-scrollbars-vertical; }

} /* END MEDIA */