@charset "UTF-8";
*{ }
body { background-color: #fff; background-image: url(../images/bg.jpg); background-repeat: repeat-x; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #545454; }
#home-main{
	background-image: url(../images/home-main.jpg);
	width: 1024px;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 auto;
	position: relative;
}

#page-main{
	background-image: url(../images/page-main.jpg);
	width: 1024px;
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px;
	min-height: 650px;
}

#home-header{
	height: 416px;
	width: 1027px;
	position: relative;
}

#page-header{
	height: 182px;
	width: 1027px;
	position: relative;
}

.logo{
	position: absolute;
	top: 40px;
	left: 45px;
}

.image{
	position: absolute;
	top: 144px;
	right: 5px;
}

.intro-text{
	width: 482px;
	position: absolute;
	left: 31px;
	top: 158px;
}

.navigation{
	position: absolute;
	left: 520px;
	top: 110px;
	font-size: 16px;
	z-index: 20;
                
      
}

.navigation ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
                        
}

.navigation li{
	display: inline;
	margin: 20px 20px;
             
}

.navigation a{
	color: #FFFFFF;
	text-decoration: none;
}

.navigation a:hover{
	color: #ffbdc3;
}

#content{
	width: 1000px;
	margin: 0px 0px 0px 11px;
	padding-bottom: 10px;
}

.left{
	width: 650px;
	float: left;
	padding: 20px 11px 20px 25px;
}


.left2{
	width: 900px;
	float: left;
	padding: 20px 11px 20px 25px;
}


.post-left{
	width: 650px;
	float: left;
	padding: 20px 44px 20px 25px;
}


.right{
	width: 287px;
	float: right;
	padding-top: 33px;
}



.right p{
	padding: 10px 0px 0px;
	margin: 0px;
}

.sidebar{
    width: 217px;
    float: right;
    padding-top: 18px;
    padding-right: 0px;

}

.sidebar ul{
	list-style-type: none;
	line-height: 20px;
}

.searchbar input{
	width: 160px;
	float: left;
}

.searchbar input.go{
	background-image: url(../images/search.jpg);
	width: 34px;
	height: 31px;
	border: none;
	float: left;
	margin-top: -15px;
	margin-left: 2px;
}

.hidden{
	display:none;
}

.big, h5{
	color: #8a8b8e; font-size: 27px; line-height: 30px;
}

.clear{
	clear: both;
}

.intro-text p{
	color: #8a8b8e; font-size: 35px;
	padding-top: 0px; margin-top: 0px;
	padding-left: 155px;
	line-height: 28px;
}

.intro-text p2{
	color: #8a8b8e; font-size: 30px;
	padding-top: 0px; margin-top: 0px;
	padding-left: 155px;
	line-height: 28px;
}

.intro-text h1{
	color: #42c1c4; font-size: 43px;
}

.intro-text h1b{
	color: #42c1c4; font-size: 35px;
}

#simplelearning {
	padding-left: 155px;
}

h1,h1b,h2,h3,h4,h5{
	color: #42c1c4;
	font-weight: normal;
	padding: 15px 0px 5px;
	margin: 0px;
}

h1{
	font-size: 26px;
}

h2{
	font-size: 22px;
}

h3{
	font-size: 14px;
}

h4{
	font-size: 14px;
}

h5{
	font-size: 13px;
}

p,p2{
	line-height: 24px;
}

a{
	color: #8a8b8e;
}

a:hover{
	color: #42c1c4;
}

#footer{
	width: 100%;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	height: 150px;
	background-color: #fbfbfb;
}

.footer-wrap{
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0px 0px;
}

.footer-left{
	width: 310px;
	float: left;
	padding-left: 20px;
        font-size: 12px;
        text-align: left;
}

.footer-right{
	width: 651px;
	float: right;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
	padding-top: 10px;
}

.footer-right ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	text-transform: uppercase;
}

.footer-right li{
	display: inline;
	margin: 0px 8px;
}

.footer-right a{
	color: #949597;
	text-decoration: none;
}

.footer-right a:hover{
	color: #3eb9be;
}

.footer-right p{
	padding: 6px 8px 0px;
	margin: 0px;
	font-size: 13px;
}

input, textarea{
	background-color: #FFFFFF;
	border:  #ccc 1px solid;
	padding: 8px;
	width: 260px;
}

.submit{
	background-image: url(../images/submit.jpg);
	width: 233px;
	height: 37px;
	border: none;
}

.product-post{
	border-bottom: #ddd 1px solid;
}

input .signup{
	background-image: url(../images/signup.jpg);
	width: 233px;
	height: 37px;
	border: none;
}

a img{
	border: none;
}


.textborder {
border: 1px solid #000000; padding: 5px 10px
}

.textborder2 {
border: 1px solid #000000; padding: 5px 
}


#signupForm {
	border: solid 4px #dadada;
	width:100px;
	height:100px;
	color:#919191;
	float:left;
	}

.signupFormPos {
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	}

#signup {
	float:left;
	}

.style2 {
	color: #43C2C5;
	font-size: 50%;
}



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active h4, .sIFR-active h5, .big,  {
    font-family: Verdana;
    visibility: hidden;
  }
}


/*
Theme Name: Saeol
Author: SJL Web Design
Author URI: http://www.sjlwebdesign.co.uk

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

#contactform1 #name {
	padding: 4px;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left: 5px;
}
#contactform1 label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}
#contactform1  #submitbutton  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(/images/form-button.png);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	width: 200px;
	border: 0px solid #FFFFFF;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#contactform1 #submitbutton:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	background-image: url(/images/form-button.png);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	height: 40px;
	width: 200px;
	border: 0px solid #FFFFFF;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#contactform1 #email {
	padding: 4px;
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left: 5px;
}
#contactform1 #message {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 200px;
}