@import "reset.css";


/* Generic elements */

body { background-color: #018bcc; color: #104b93; font: .76em/normal Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: Black; text-decoration: underline; } 
a:hover,a.important { color: Black; text-decoration: underline; }

p { margin-bottom: 1em; }

img.fltr { float: right; margin: 0 0 10px 10px; }
img.fltl { float: left; margin: 0 10px 10px 0; }

ul { list-style: disc; padding: .5em 0 .5em 2em; }
ol { list-style: decimal; padding: .5em 0 .5em 2em; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }

dfn { font-style: normal; }


/* Custom paragraphs, links, images, etc. */


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; }

h1 { font-size: 20px; }

h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo { float: right; margin: 0; padding: 18px 35px 0 0; }

#slogan { padding: .5em 0 1em; font-size: 16px; font-weight: normal; }


/* Main layers */

#container { width: 781px; margin: 12px auto 0; text-align: left; background: #fff url(images/box1-bg.gif) top left repeat-y; }
#containerBefore { background: url(images/box1-top.png) top left no-repeat; }
#containerAfter { background: url(images/box1-bottom.png) bottom left no-repeat; padding: 35px 41px 20px 42px; }


/* Header Banner Images */

#banner-home { height: 123px; margin-bottom: 10px; border: solid 1px #d1dadf; background: url(images/banner-jigsaw.jpg) top left no-repeat; }
#banner-maximisingsales { height: 123px; margin-bottom: 10px; border: solid 1px #d1dadf; background: url(images/banner-mountains.jpg) top left no-repeat; }
#banner-performance { height: 123px; margin-bottom: 10px; border: solid 1px #d1dadf; background: url(images/banner-jigsaw.jpg) top left no-repeat; }
#banner-programs{ height: 123px; margin-bottom: 10px; border: solid 1px #d1dadf; background: url(images/banner-leaves.jpg) top left no-repeat; }
#banner-testimonials { height: 123px; margin-bottom: 10px; border: solid 1px #d1dadf; background: url(images/banner-mountains.jpg) top left no-repeat; }
#banner-about{ height: 123px; margin-bottom: 10px; border: solid 1px #d1dadf; background: url(images/banner-chess.jpg) top left no-repeat; }
#banner-contact{ height: 123px; margin-bottom: 10px; border: solid 1px #d1dadf; background: url(images/banner-leaves.jpg) top left no-repeat; }








#content { clear: both; min-height: 250px; padding: 50px 17px 0; }
#mainbar { float: left;  }
#sidebar { float: right; width: 175px; background: #edf3f9 url(images/grad3.gif) top left repeat-x;margin-left: 10px;  }
#sidebar .inner { padding: 13px; }
#footer { clear: both; width: 100%; }

* html #containerAfter { height: 1px; }
* html #content { height: 250px; }


/* Navigation */

#navbar { }
#nav { padding: .5em 0; background: #eff4fa url(images/grad1.gif) bottom left repeat-x; font-size: 12px; text-align: center; }
#nav li { display: inline; margin: 0 3px; }
#nav li a, #nav li a:visited { padding-left: 15px; background: url(images/bullet1.gif) -100% -100% no-repeat; color: #104c93; text-decoration: none; }
#nav li a:hover, #nav li a.on { background-position: center left !important; }


/* Article */

#article { font-size: 13px; line-height: 150%}
#article .box1 { font-size: .86em; }

#article .quote{background-color:#edf3f9; padding:5px}

/* Dialog */

#dialog dt { margin-bottom: .8em; }
#dialog dd { margin-bottom: .8em; padding-left: 50px; font-weight: bold; }
#dialog dd .box1 { font-weight: normal; }


/* Boxes */

.box1 { width: 250px; background: url(images/bg.gif) top left repeat-y; padding:20px}
.box1 .contents { padding: 15px; font-size: 13px; }
.box1 a, .box1 a:visited { color: #0a4690; }
.box1 a.more { padding-right: 25px; background: url(images/arrow1.gif) center right no-repeat; }

.box-fullwidth { width: 600px; background: url(images/bg_fullwidth.gif) top left repeat-y; padding:20px}
.box-fullwidth .contents { padding: 15px; font-size: 13px; }
.box-fullwidth  a, .box1 a:visited { color: #0a4690; }
.box-fullwidth  a.more { padding-right: 25px; background: url(images/arrow1.gif) center right no-repeat; }

/* Custom */

#learnmore { float: right; margin: 0 0 1em 18px; }
#learnmore .contents { padding: 30px 15px; }
#learnmore p { margin: 0; }
#learnmore .login {width: 175px; background-color: #fff; margin-top:10px}

#knowmore { float: right; margin: 0 0 1em 18px; }
#knowmore .contents { padding-top: 10px; }

#knowmore-fullwidth { margin: 0 0 1em 0 }
#knowmore-fullwidth  .contents { padding-top: 10px; }
#knowmore-fullwidth  h2 { padding: .5em 0 .5em 35px; background: url(images/icon-question.gif) bottom left no-repeat; font-weight: normal; }


/* Footer */

#footer { font-size: 92%; }
#footer p { margin-bottom: 0; padding: 1em 17px; }

#tld { width: 700px; margin: 5px auto 0; padding-bottom: 12px; font-size: .875em; text-align: right; }
#tld a,:link,:visited { color: Black; text-decoration: underline; color:#0a4690} 
#tld a:hover,a.important { color: Black; text-decoration: non;color:#0a4690 }
#tld a{ text-decoration: none; color:#0a4690}
/* Table*/
.table {margin:0}
.table ul { list-style: none; padding: .5em 0 .5em 0em; }

.table ul li label{overflow: hidden; float:left; position: relative;vertical-align: top;width: 100px;}




/* Cross-fader */

.fade-box {
 position: absolute;
 top: 0;
 left: 0;
padding:10px;border:1px solid #000; list-style: none;background: url(images/bg.gif); border:none; top left repeat-y;}
#crossfade-container {
 position: relative;
 margin: 0;
 width: 210px;
 height: 100px;
 
 
}
.fade-box p {
 color: #104b93;
 font-size: 120%;
 font-family: Arial, Helvetica, sans-serif;

 height: 100px;
}

.indent{float:right;margin-top:10px}

#box-1,#box-2,#box-3,#box-4 {

}

#subscribeBox{
	float: left;
	width: 170px;
	text-align: left; 
	padding-top: 0px;
	padding-left: 0px;}
/* login*/	
.login {margin-top:0; width:170px;}
.login label {font-weight:normal; color:#104b93;}
.login.gobutton {width: 10px;} 
.login input {margin-top:2px;}
.go {width: 145px;  align:left}  


/* Feedback Form */

contactbody { background-color: #fff; color: Black;font:normal normal 15px Verdana, sans-serif;  text-align:left}

/* Structure */

form.normal{width: 330px}
legend{font:normal normal 19px Arial, sans-serif; margin-left:-8px; color:#008fd5}
form.normal fieldset {width:330px}
form.normal fieldset label {float: left;}
form.normal fieldset ul {width: 100%;}
form.normal fieldset ul li { float: left; width: 100%;}
form.normal fieldset textarea, form.normal fieldset input.text, form.normal  fieldset select {float: left;background: #fff url(bg-formfields-green.gif) repeat-x top left;}
form.normal .buttons {clear: both; float: none !important;}
form.normal { margin: 1em 0;}
form.normal fieldset ul li { padding-bottom: .5em;}
form.normal fieldset label { width: 120px;}
form.normal fieldset textarea, form.normal fieldset input.text {width: 200px;}
form.normal textarea {overflow: auto;}
form.normal .buttons {width: auto; padding-left: 100px;}


/* TEXT IN FIELDS AND DROPDOWN */
form.normal input.text, form.normal textarea, form.normal select { padding: 3px;
 border: solid 1px #b8b8ba; background: White url(images/bg2.gif) top left no-repeat; font:normal normal 14px Verdana, sans-serif;x; color:#858782;}


/* BUTTON */
form.normal input.button { padding: 1px 3px; border: solid 1px #666666; background-color: #008fd5; color: #fff; font:normal bold 14px Verdana, sans-serif;}
.buttons {margin-left:20px}
/* TEXT AREA */
form.normal textarea { height: 100px;}

/* Misc */
form.normal em.required {color: #cd0b0b;}

select { width:225px;}

fieldset ul.reset { margin-top:10px }




h2 { font-size: 15px; text-align: left;background: #fff url(images/heading.gif) bottom left repeat-y}
h4 { font-size: 15px; text-align: center; background: #fff url(images/heading.gif) bottom left repeat-y;margin:0px;padding:5px 0px 5px 0px;width:450px}

h4.fullwidth { font-size: 15px; text-align: center; background: #fff url(images/heading.gif) bottom left repeat-y;margin:0px;padding:5px 0px 5px 0px;}



h2.midwidth { font-size: 15px; text-align: center; background: #fff url(images/heading.gif) bottom left repeat-y;margin:0px;padding:5px 0px 5px 0px;width:450px}