/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;font-family:'Helvetica', Arial, sans-serif;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
img {padding: 0px; margin: 0px;line-height: 0px;}


/* typography.css */
body {font-size:75%; background:#2cafd7;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:18px;margin-bottom:0.75em;}
h2 {font-size:12px;font-weight: bold;line-height:24px;margin-bottom:12px;}
h3 {font-size:18px;margin: 0 0 0.75em 0;font-weight: normal; line-height: 24px;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em 0; padding: 0 0 12px 0}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {}
a {text-decoration:none;}
em {font-style: italic}
li {list-style-type: disc;padding-bottom: 6px;}
ul, ol {padding: 0 0 24px 24px;}
/************************* DEFAULT STYLES ***************************/
body {
color:#222;
background:url('http://www.elementaluk.com/wp-content/themes/f8-static/images/mainback.jpg') 50% 0 no-repeat #279bca;
font-family:"helvetica", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
color:#000;
font-family:"helvetica", Arial, sans-serif;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#004a99;}
a {
color:#004a99;text-decoration:underline;}

a:hover, a:focus {
color:#222222;
}

/* -------MAINBLOCKS---------- */
.container {
width:864px;
margin:0 auto;
background: url('http://www.elementaluk.com/wp-content/themes/f8-static/images/grid724.png');
}

.container-inner {
width:864px; 
margin:0 auto;
background: #fff;
padding: 24px 0  0 0;
background: url('http://www.elementaluk.com/wp-content/themes/f8-static/images/grid724.png') #ffffff;

}

.content {
width: 636px;
float: left;}

.pagecontent {
padding:0 24px;}

.pagecontent h1{
font-size: 16px;
line-height: 24px;}



/* -------footer---------- */


#footer {
border-top: 1px solid #333333;
width: %100;
clear: both;
margin: 0 24px 0 24px;
padding: 0px 0 12px 0}


.quiet {
float: left;
padding: 24px 0;
width: 500px;
}

.logos {
float: right;
padding:12px 24px;
}

.logos img{
padding-left: 12px
}
/* -------Rightmenu---------- */

.rightmenu {
width: 220px;
float: right;
}

.rightmenu-top {
height: 20px;
margin-top: 12px;
background: url('http://www.elementaluk.com/wp-content/themes/f8-static/images/rightmenu-top.jpg') 0px 0 no-repeat;
}

.rightmenu-mid{
height: 620px;
padding-left: 24px;
background: url('http://www.elementaluk.com/wp-content/themes/f8-static/images/rightmenu-mid.jpg') 0px 0 repeat-y;
}

.rightmenu-bottom {
height: 24px;
margin-bottom: 24px;
background: url('http://www.elementaluk.com/wp-content/themes/f8-static/images/rightmenu-bottom.jpg') 0px 0 no-repeat;
}

.rightmenu-button {
margin-bottom: 12px;
height:50px;}


.rightmenu-title {
margin-bottom: 12px;
height:63px;}


/* -------Sidemenu pages---------- */
.sidemenu {
line-height: 12px;
width: 168px;
float: left;
}

.sidemenu a{
display: block;
background: #004a99;
color: #ffffff;
width: 122px;
Padding: 12px;
margin-bottom: 6px;

}


.sidemenu a:hover,
.sidemenu a.active
{

background: #fff;
border: 1px solid #004a99;
color: #004a99;
Padding: 11px;


}

.pagecontent-rhs {
display: block;
float: left;
width: 408px;
padding: 0px;
}

.pagecontent p {
margin: 0px;
padding: 0px 0 12px 0;
}

.leadimage img{

margin-left: 24px;

}
.profile {
width: 210px;
display: block;
float: left;
padding-bottom: 24px;
}

.profile p{
padding-top: 12px;
}

/************************* MASTHEAD ************************************/
.pusher {cursor:pointer;}
.logoblock { height: 70px; padding: 24px 0;}
#masthead { background: padding: 0;}

/* **************************** FLOATS & IMAGES ***************************** */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;}
img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;}
img.alignleft{display: inline;}
.alignleft{float: left;}
.alignright{float: right;}


/************************* HOMEPAGE ************************************/

.home-bottom {
margin-left: 26px;
margin-top: 12px;
line-height: 0px;

}

.home-bottom-left {

float: left;
margin: 0px;
width: 312px;
line-height: 18px;
}


.home-bottom-left h1{
background: #fff;
font-size: 16px;
line-height: 24px;
padding: 12px;
margin: 0px;
} 

.home-bottom-left p{
background: #fff;
padding:0  12px;
margin: 0px;
} 

.home-bottom-right {
margin-left: 24px;

float: left;
width: 262px;
overflow: hidden;
}


.home-image-ad a{
padding: 12px;
float: left;
background: #ddd;
margin-bottom: 12px;
}
.home-image-ad a:hover{
padding: 12px;
float: left;
background: #bbb;
margin-bottom: 12px;
}


/************************* NAVIGATION ************************************/

#navcontainer {padding: 0;
font-family:"helvetica", Helvetica, Arial, sans-serif;
text-align: right;}

#navlist {height:48px}

ul#navlist {padding: 0px;}
ul#navlist li { 
list-style-type: none;
padding: 0px;
}
ul#navlist li a {color: #000;
 text-align: left;
float: left;
padding: 0;
height: 48px;}

ul#navlist li a{
margin: 12px 6px 0 0; 
background: url('http://www.elementaluk.com/wp-content/themes/f8-static/images/menuback.gif') repeat-x 0 12px #fff; 

}

ul#navlist li a {
height: 24px;
display: block;
padding: 6px 12px 6px 12px;
font-size: 11px;
text-decoration: none;
color: #000000
}

ul#navlist li#current a {
color: #000;height: 36px;
background: #fff;
margin: 0px 6px 0 0 
}
ul#navlist li a:hover,ul#navlist li#active a:hover {
color: #000;
height: 36px;
background: #fff;
margin: 0px 6px 0 0 
}
ul#navlist li.home	{border-left: none;}


/************************* FOOTER NAVIGATION ************************************/



ul#footnavlist {padding: 0px;}
ul#footnavlist li { 
list-style-type: none;
padding: 0px;
}


ul#footnavlist {
clear: both;
width: 816px;
height: 25px;
border-bottom: 1px solid #000000;
}
ul#footnavlist li a{
text-decoration: none;
}

ul#footnavlist li {
float: left;
display: block;
padding: 6px 24px 0px 0px;
font-size: 11px;
text-decoration: none;
color: #000000}

#footnavlist li#current a{
color: #000000}


/************************* SLIDESHOW ************************************/

#slideshow-posts {
 width:624px;
margin: 0 12px;
}
#slideshow-nav li{
list-style-type: none;
margin: 0px;
line-height: 0px;
padding: 0px;}

ul#slideshow-nav {margin: 5px 0 0 32px ; padding: 0; z-index: 1000; list-sty}
ul#slideshow-nav a {
padding:5px 9px; 
-moz-border-radius:12px; 
-webkit-border-radius:12px; 
border-radius: 12px; background:#ddd; 
color:#fff; 
margin:0 12px 0 0; 
}

ul#slideshow-nav a.activeSlide,ul#slideshow-nav a:hover { 
background:#aaa; 
}

.slide { 
padding:12px;  
width:605px; 
margin: 6px 0 0 16px; 
display:block; 
overflow:hidden;
position: relative; 
padding:0; 
height: 268px; 
}

.slide .slide-image { 

float:left; 
}

.slide .slide-image img {
max-width:624px;
}

.slide .slide-image img.attachment-950x425 {
margin:0;
padding:0;  
}


.slide .slide-details h2 { 
text-transform:uppercase;
border-bottom:1px solid #fff;
color:#fff; 
font-weight:normal;
margin:0; 
}

.slide .slide-details .description p { 
color: #eee; 
margin-top:10px; 
font-size:1.1em
}

.slide a {color:#fff}
.slide a:hover {color:#eee}

div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

/*----------FORM---------*/
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { 
	margin:10px auto 0 auto; 
	width: 410px; 
}

#cformsform {
float: left;
clear: both;
display: block;
width: 100%
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 10px 0; 
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	color:#353c40;
	margin:0;
	line-height:2em;
	padding: 0; 
	font-size:20px; 
	font-variant:small-caps;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:2px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	padding:4px 0; 
	text-align:left;
	font: bold 14px Arial;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {

	background:#E0E0E0 none repeat scroll 0%;
	color:#000000;
	font:12px Arial;
	margin:0 10px 0 0;
	padding:5px 5px 5px;
	width:140px;

	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
}
.cform label span {
	width:140px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:0 10px 0 0; 
}

label.cf-after 	{
	margin:2px 1px 0pt 3px !important;
	width:90px;
	text-align:left;
	background:none;
	padding:2px;
	line-height:1.3em;
}

label.cf-after span {
	width:90px;
	display:block;
}

label.cf-group-after {
	margin:2px 0 0 3px!important;
	width:100px;
	text-align:left;
	padding:2px;
	background:none;
	line-height:1.3em;
}
label.cf-group-after span {
	width:100px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select {
	font:12px Arial;
	margin:0;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:4px 5px;
	width:230px;
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border:1px solid #999999;
	color:#000000;
	width:230px;
}
.cform .cf_date {
	width:210px!important;
}

.cform select,
.cform select:hover {
	width:242px; /* attempt to have equal length */
	padding: 3px 5px;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	overflow:auto;
	height:8em;
}

.cform input.fldrequired,
.cform input.fldrequired:hover{
	border-right:3px solid #ebc2c2; 
	width:228px;
}

.cform select.fldrequired,
.cform select.fldrequired:hover {
	border-right:3px solid #ebc2c2; 
	width:242px;
}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	display:none;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	margin:8px 0pt 0pt !important;
	padding-left:160px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a:hover,
.cform input.cf-box-b:hover,
.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	vertical-align:top;
	margin:2px 0 0 0; 
	width:14px!important;
	height:22px;
	border:0!important;
	background:none!important;
}

.cform input.cf-box-a 	{ 
	margin-left:160px!important; /* check with label 'width' incl. */
} 

/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	font-weight:bold;
	margin:10px 0pt 0px !important;
	padding-left:160px; 
} 


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right!important;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 	
	border:none!important;
	background:#000000;
	color:#FFFFFF;
	cursor:pointer;
	font:14px Arial;
	height:31px;
	line-height:31px;
	margin: 6px 186px 10px 0px;
	padding: 0 0 5px;
	width:72px;
}
.cform input.sendbutton:hover	{ 
	background-position:0 -31px;
}
.cform input.resetbutton {
}
.cform input.backbutton {
}


/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:10px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 160px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	width:50px!important;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:top;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
}
img.imgcalendar {
/*	
	position:relative;
	top:4px;
*/
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#d13d3d!important;
	text-decoration:underline!important;
}
div.success {
	background:#F5F5F5 none repeat scroll 0%;
	color:#888888;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform input.cf_error,
.cform input.cf_error:hover {
	color:#d13d3d;
	border-right:6px solid #d13d3d; 
	width:225px;
}
.cform select.cf_error,
.cform select.cf_error:hover {
	color:#d13d3d;
	border-right:6px solid #d13d3d; 
}

div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#d13d3d;
}
/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:242px;
	background: #f9f9f9;
	border:1px solid #888888;
}
html:root .cform input.cf_upload { 			/* FF only */ 
	margin-top:4px;
}
.cform input.cf_upload:hover  {
	width:242px!important;	
}
/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
display: none;
}
.linklove a,
.linklove a:visited {
	font:10px Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -8px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	margin-left:-8px;
}

* html ol.cf-ol,
* html ol.cf-ol li	{
	display: inline-block;  /*for ie6*/
}
*+html ol.cf-ol,
*+html ol.cf-ol li	{
	display: inline-block;  /*for ie7*/
}
* html .cform select {
	margin-top:3px;
}
*+html .cform select {
	margin-top:3px;
}
* html img.captcha {
	margin-top:1px!important;
}
*+html img.captcha {
	margin-top:1px!important;
}

* html .cform label {
	margin-top:1px;
}
*+html .cform label {
	display: inline-block; /*for ie7*/
	margin-top:1px;
}