/***** An Essien Product. *****/

/***** The default page settings *****/
html   { height: 98%; margin: 0px 0px 0px 0px; padding: 0; }
html * { padding: 0;  margin: 0; }

body {
	font-family: "Trebuchet MS", "Lucida Sans Std", "Lucida Sans Unicode", sans-serif;
	font-size: 0.9em; margin: 0; padding: 0; background-color:#6e5e5e;
}

a       { text-decoration: none; outline: none;  }
a:hover { text-decoration: underline;}
img     { border: 0; }


/***** Upper part of the page layout - light and medium brown *****/
#upperarea      { border-top: #6e5e5e 3px solid; width:100%; background-color:#e3e1d5; text-align: center;
				  height:350px; float: left; min-height:320px; height:auto !important; margin-bottom: 0px; padding-bottom: 0px; border-bottom: #292929 2px solid; clear: both;}
#headerbar      { height:82px ;  background-color:#ebe7df;  margin: 0px; padding:0px; min-width:900px; }
#upperlogo      { width:338px;  height:137px;  position:absolute; left:0px; top:3px; margin: 0px; padding:0px;}
#buttondiv      { width:600px;  height:38px ;  float:right; margin-top:40px; padding-right:20px;}
.walflower      { width:225px;  height:330px;  float:right; padding-right:10px; position: absolute; right: 0px; }
.navbutton      { float:right ; padding-right:5px; }
.lngbutton      { float:left  ; padding-left:340px; padding-top: 60px;}

/***** Middle part of the page layout - where content is *****/
#promoarea      { padding: 0px; padding-top: 30px; margin: 0 auto; height: 340px; background-color:#e3e1d5; text-align:center;}
#promoarea P    { padding-top: 12px; }
#screenpic      { padding-top: 40px; float:left; background-color:#e3e1d5;}
#highlight      { background-color: #e3e1d5; text-align: center; font-size: 11px; margin: 5px; }
#highlight H2 A { color: #900 }

/* Alternate middle part of the page - with white background */
#whitesquare           { width: 630px; margin: 0 auto; background-color: white; padding: 30px; display: block; text-align: left;
			             background-image: url(../site_pics/bg_content.jpg); background-repeat: repeat-x; background-position: 1px 1px; padding-top: 0px;}
#whitesquare-title     { width: 630px; margin: 0 auto; padding-top: 40px; text-align: center; color: #221f20; padding-bottom: 10px;}
#whitesquare h2 { font-size: 36px; color: #221f20; letter-spacing: -2px; line-height: 36px; padding-bottom: 8px; 
				         font-family: Helvetica,Arial,sans-serif; font-weight: bold; padding-top: 40px;}
#whitesquare h2 a{ color: #221f20;}
#whitesquare .author   { display: block; margin-bottom: 15px; margin-top: 5px; font-weight: bold; }
#whitesquare .author a { background-color:#FFCC00; color:#fff; font-size:13px; padding:4px; padding-left:6px;
						 padding-right:6px; text-decoration:none; font-weight:bold; letter-spacing: 0px;}
#whitesquare p, ul li  { font-size: 13px; color: #646060; padding-bottom: 10px;}

.authwhitespace        { padding-top: 60px;}
#whitesquare H4        { color:#646060; padding-top: 25px; font-size: 24px; padding-bottom: 10px; }
#whitesquare .error    { color:#ff0000; }

/***** Lower part of the page layout - dark brown *****/
#lowerarea    { position: relative; bottom: 0px; width:100% ;  background-color: #6e5e5e; float:left; clear:left; padding: 1px 0; text-align: center; }

/***** The drop-down menu *****/
#changebutton { width: 105px; display:block; float: right; height: 31px;}

/***** The following styles are used to design the user-added content *****/
.leftimage {width:100px; height:100px; float: left; padding-right: 10px;}
.blocktext {text-align: justify; clear:right; height: 100px;}
.previous-link {float: left; font-size: 20px; font-weight: bolder;}
.previous-link-arrow {float: left; padding-right:10px; padding-top:5px;}
.next-link {float: right; font-size: 20px; font-weight: bolder;}
.next-link-arrow {float: right; padding-left:10px; padding-top:5px; }

/* front page bottom buttons */
.bottomblock  { width: 780px; margin: auto; padding: auto; border: #000 0px solid; padding-top: 17px; text-align: center; }
.bottomsquare {border: #fff 0px solid; width:230px; height:150px; display: block; float: left; text-align: left; padding-left: 15px; padding-right: 15px; }
.bottomsquare img {float: left; }
.bottomsquare h3  {color: #fff; font-size: 14px; }
.bottomsquare p  {color: #fff; font-family: Tahoma, sans-serif; font-size: 12px; }
.testimonials {background-color: #b5a4a5; width: 780px; Height: 100px; float: left; text-align: left; padding: 10px; }
.testimonials img {float: left; padding: 5px; padding-right: 15px; }
.testimonials .right {float: right; }

.fpfooter  { width: 98%; margin: auto; padding: auto; border: #000 1px solid; text-align: center; }

.footerbox {clear: both; border: #000 0px solid; width: 98%; color: #000; text-align: center; padding-top: 0px;  }
/*.footerbox li {color: #b5a4a5; font-size: 10px; font-family: Tahoma, sans-serif; list-style:none; margin-left: 45px; }
.footerbox li a {color: #b5a4a5;}*/
.footerbox a {font-size: 10px; font-family: Tahoma, sans-serif; color: #b5a4a5;}

/* Static page styling */
#centerblock { width: 780px; margin: auto; padding: auto; text-align: left; padding-top: 50px; }

/* Blog extra styling */
#footersquare { width: 630px;  margin: 0 auto; padding-top: 30px; margin-bottom: 20px;}
#sidebar { float: left; }

/* Image floating */
.left {float: left; padding-right: 10px;}
.right {float: right;}