/* CSS for Linguabrand */
/* CSS by John King */

/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,input{font-size:100%;font-weight:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{font: 100.01% "Helvetica Neue", Helvetica, Arial, sans-serif; /* IE6 Fix */}
table {font-size:inherit;font:100%;}
hr {border:0px solid #ccc; border-top-width: 1px; clear: both; height: 0;}

/* Main Layout and Positioning CSS */

body {
	text-align: center; /* IE5.5 fix */
	background: #ffffff;
}

#wrapper {
	position: relative;
	text-align: left; /* IE6 fix */
	width: 960px; 
	margin: 0px auto;
	padding: 0px 0px;
	background: #ffffff url('graphics/footer-bg.gif') no-repeat 97% 99%;
}

#header {
	clear: both;
	position: relative;
	height: 165px;
	padding: 0px 10px;
	background: #ffffff url('graphics/header-bg.gif') no-repeat 10px 19px; 
}

#navigation {
	clear: both;
	position: relative;
	padding: 0px 10px;
}

#content_wrapper {
	clear: both;
	float: left;
	display: inline;
	padding: 20px 0px 50px 0px;
	margin: 0px 10px 0px 10px;
}

#main_content {
	display: inline;
	float: left;
	width: 690px;
	padding-top: 20px;
}

#sidebar {
	display: inline;
	float: left;
	width: 200px;
	padding-left: 50px;
	margin-top: 50px;
}

#footer {
	clear: both;
	width: 670px;
	margin-left: 10px;
	padding: 6px 10px 0px 10px;
	border-top: 1px solid #00b4dd;
}

.clear { /* Create div containing   with this class to clear float */
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Font CSS */

body {
	color: #333333;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

i {
	font-style: italic;
}

a {
	text-decoration: none;
	color: #006634;
}

a, a:active, a:focus, #lightbox-nav a {
	outline: 0;
	outline-color: invert;
}

a:hover {
	color: #00b4dd;
}

h1 {
	font-size: 1.6875em;
	font-weight: normal;
	padding-bottom: 16px;
	color: #00b4dd;
}

h2 {
	font-size: 1.125em;
	font-weight: normal;
	padding-bottom: 10px;
	color: #00703c;
}

h3 {
	font-size: 0.9375em;
	font-weight: bold;
	padding-bottom: 9px;
}

h4 {
	font-size: 0.9375em;
	font-weight: bold;
	padding-bottom: 9px;
}

h5 {
	font-size: 0.8125em;
	font-weight: bold;
	padding-bottom: 8px;
}

h6 {
	font-size: 0.8125em;
	font-weight: bold;
	padding-bottom: 8px;
}

p {
	font-size: 11pt;
	padding-bottom: 8px;
	line-height: 1.625em;
}

#header_region h2 {
	font-size: 12pt;
}

#header_region p {
	line-height: 1.125em;
	
}

#header_region p {
	font-size: 12pt;
}

#header_region p a {
	color: #006634;
}

#header_region h2 a {
	color: #006634;
}

#header_region p.mins {
	font-size: 1.75em;
	font-weight: bold;
}

#header_region p.mins a {
	color: #00b4dd;
}

p.first {
	font-size: 12pt;
}

p.brands span {
	color: #006634;
	font-size: 14pt;
}

p.contact {
	color: #00b4dd;
}

p span.greeni {
	color: #006634;
	font-style: italic;
}

ul li {
	font-size: 11pt;
}

ul li span {
	color: #006634;
}

ul li ul li {
	font-size: 1em;
}

.sf-menu li {
	font-size: 0.875em;
}

.sf-menu li a.active {
	color: #00b4dd;
}

.sf-menu li ul li {
	font-size: 1em;
}

#sidebar p {
	font-size: 1.5em;
	line-height: 1.375em;
	color: #00703c;
}

.home #sidebar p {
	font-size: 1.25em;
}

.home #sidebar p.music_text {
	font-size: 0.875em;
	padding-bottom: 26px;
}

#footer p {
	color: #006634;
	font-size: 0.6125em;
}

/* Form CSS */

input {
	border: 1px solid #d3d3d3;
}

input.form-radio {
	border: none;
}

input.form-checkbox {
	border: none;
}

select {
	border: 1px solid #d3d3d3;
}

textarea {
	padding: 2px 4px;
	border: 1px solid #d3d3d3;
}

/* Header CSS */

#header_region {
	float: right;
	width: 180px;
	height: 138px;
	padding: 27px 10px 0px 10px;
	background: transparent url('graphics/header-right-bg.gif') no-repeat 0px 25px;
	text-align: center;
}

#new_header_region {
	float: right;
	width: 200px;
	height: 140px;
	padding: 10px 0px 0px 0px;
}

#header_region h2 {
	padding-bottom: 0px;
}

#header_region h2 a {
	padding-bottom: 2px;
}

#header_region p {
	line-height: 1.125em;
	padding-bottom: 0px;
}

#header_region p.mins {
	line-height: 1em;
}

#header_region a {
	display: block;
}

#header_region p a {
	padding-bottom: 15px;
}

#header_region p.mins a {
	padding-bottom: 0px;
}

#header #logo { 
	float: right;
	padding: 16px 50px 0px 0px;
}

#header #logo a img { 
	display: block;
	height: 125px; 
}

/* Navigation CSS - Superfish */

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height: 1.0;
	border-top: 1px solid #00b4dd;
	width: 100%;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em;
}

.sf-menu li.item_one ul {
	width: 9.75em;
}

.sf-menu li.item_two ul {
	width: 11em;
}

.sf-menu li.item_four ul {
	width: 7.75em;
}

.sf-menu li.item_five ul {
	width: 8.75em;
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover, 
.sf-menu li.active {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display:	block;
	position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul,
.sf-menu li.active ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index:	99;
}

.sf-menu li.active ul {
	display: block;
}

.sf-menu {
	float: left;
	margin-bottom:	1em;
}

.sf-menu a {
	padding: .75em .5em .5em 1.6875em;
	margin-right: 3em;
	text-decoration:none;
}

.sf-menu li.item_home a {
	background: transparent url('graphics/bullet-home.gif') no-repeat 0px -191px; 
}

.sf-menu li.item_one a {
	background: transparent url('graphics/bullet-1.gif') no-repeat 0px -191px; 
}

.sf-menu li.item_two a {
	background: transparent url('graphics/bullet-2.gif') no-repeat 0px -191px; 
}

.sf-menu li.item_three a {
	background: transparent url('graphics/bullet-3.gif') no-repeat 0px -191px; 
}

.sf-menu li.item_four a {
	background: transparent url('graphics/bullet-4.gif') no-repeat 0px -191px; 
}

.sf-menu li.item_five a {
	background: transparent url('graphics/bullet-5.gif') no-repeat 0px -191px; 
}

.sf-menu li a:hover,
.sf-menu li.sf-breadcrumb a {
	background-position: 0px 9px; 
}

#navigation .sf-menu li li a {
	padding: .5em .5em .5em 1.6875em;
	margin-right: 0em;
	border-top: 1px solid #00b4dd;
	background: none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #006634;
}

.sf-menu li li {
	background:	transparent;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:	0;
	color: #00b4dd;
}

/* Content CSS */

#main_content ul {
	padding-bottom: 15px;
}

#main_content ul li {
	padding: 0px 0px 2px 25px;
	background: transparent url('graphics/list-bullet.gif') no-repeat 5px 3px;
}

.green_list_items #main_content ul li ul li {
	background: transparent url('graphics/bullet-4.gif') no-repeat 0px -199px;
}

#main_content ul li ul {
	padding-top: 2px;
	padding-bottom: 0px;
}

/* Sidebar */

#sidebar p {
	text-indent: 24px;
	text-align: center;
}

#sidebar p a {
	display: block;
}

#sidebar p span {
	padding-left: 24px;
	display: block;
}

.home #sidebar {
	margin-top: 9px;
}

.home #sidebar p.hear,
.home #sidebar p.look {
	text-indent: 0px;
}

.home #sidebar p a {
	background: transparent url('graphics/bullet-home.gif') no-repeat 4px -196px; 
}

.home #sidebar p a:hover {
	background-position: 4px 4px;
}

.page_one #sidebar p a {
	background: transparent url('graphics/bullet-1.gif') no-repeat 20px -194px; 
}

.page_one #sidebar p a:hover {
	background-position: 20px 6px;
}

.page_two #sidebar p a {
	background: transparent url('graphics/bullet-2.gif') no-repeat 16px -194px; 
}

.page_two #sidebar p a:hover {
	background-position: 16px 6px;
}

.page_three #sidebar p a {
	background: transparent url('graphics/bullet-3.gif') no-repeat 27px -194px; 
}

.page_three #sidebar p a:hover {
	background-position: 27px 6px;
}

.page_four #sidebar p a {
	background: transparent url('graphics/bullet-4.gif') no-repeat 17px -194px; 
}

.page_four #sidebar p a:hover {
	background-position: 17px 6px;
}

.page_four_b #sidebar p a {
	background: transparent url('graphics/bullet-4.gif') no-repeat 5px -194px; 
}

.page_four_b #sidebar p a:hover {
	background-position: 5px 6px;
}

.page_five #sidebar p a {
	background: transparent url('graphics/bullet-5.gif') no-repeat 22px -194px; 
}

.page_five #sidebar p a:hover {
	background-position: 22px 6px;
}

/*p.pdf_link {
	margin-top: 3px;
	padding: 4px 0px;
	background: transparent url('graphics/pdf-icon.gif') no-repeat 0px 0px; 
}

p.pdf_link a {
	padding: 4px 0px 4px 40px;
}*/

#sidebar .hide {
	display: none;
}

#sidebar p.music_text {
	padding-top: 0px;
	text-indent: 0px;
}

#sidebar .music {
	width: 200px;
	height: 189px;
	background: transparent url('graphics/hear-here.jpg') no-repeat 0px 0px;
	paddding: 89px 0px 0px 90px;
}


/* Footer CSS */

#footer p {
	padding-bottom: 7px;
}

#footer p.copyright {
	padding-bottom: 5px;
}

#footer a {
	margin-right: 10px;
}