body {padding:5px 0; font:0.75em/1.6 "Lucida Grande", "Helvetica", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, address, dl, fieldset, ol, p, table, ul {margin:15px 0;}

body {background-color:#E9E9E9; color:#0c285c;}
a {color:#0c285c;}
a:hover, a:active, a:focus {color:#005acb;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */


#footer p.f-left, #footer p.f-left a {color:#7f7f7f;}
#footer p.f-left strong, #footer p.f-left strong a {color:#3f3f3f;}
#footer p.f-right, #footer p.f-right a {color:#7f7f7f; text-decoration: none;}
#footer a:hover {color:#000 !important;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-02 .col h2, .box-02 .col h3, .box-00 .col h2, .box-00 .col h3, .content h2  {color:#ff0000; font-size: 1.4em; font-variant: small-caps; letter-spacing: 0.20em;}
.box-02, .box-02-top, .box-02-bottom {background-color:#fff;}
.box-00, .box-00-top, .box-00-bottom {background-color:#fff;}
.box-04 {background-color:#dfdfdf;}
.box-04 .box-04-title h3 {color:#fff;}
.box-04 .box-04-links span {color:#afafaf;}

/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

#title {background-color:#005acb;}
#title h1 {color:#fff;}
#title #subnav strong {color:#b9e122;}
#title #subnav a {color:#fff;}
#title #subnav a:hover {color:#fff;}
#title #subnav span {color:#1098dd;}
.cols, .cols-top, .cols-bottom {background-color:#fff;}
.content .content-box {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f5f5f5;}
.content .perex {border-bottom:1px solid #d0d0d0;}
.content table {border:1px solid #d0d0d0;}
.content table th, .content table td {border-right:1px solid #d0d0d0;}
.content table th {background-color:#000; color:#fff;}
.content table tr.odd td {background:#f0f0f0;}
.content dt {color:#96b719;}
.aside h2 {color:#96b719;}
.aside .aside-box {border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f5f5f5;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.input {border:1px solid #afafaf; background-color:#fff;}
.border {border:1px solid #ccc;}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */
body#home 

{

background-color:#E9E9E9;

background-image: url(images/ceteris-mainbanner.jpg);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt 136px;

}
#main {width:955px; margin:0 auto;}

#header {position:relative; height:60px; overflow:hidden;}

#footer {clear:both; padding: 0 25px 0 25px; margin-top: -10px;}
    #footer p {margin:0;}
    #footer p.f-right .footer-rss {padding:5px 0 5px 27px; font-weight:bold;}
 

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-01 {position:relative; width:951px; height:331px; margin-bottom:12px; overflow:hidden; z-index: 1;}
    .box-01 img.l-plate  {float:right;clear:none;margin-top:-136px; z-index:99;}
    .box-01 #ribbon {position:absolute; top:0; right:0; width:96px; height:96px; background:url("images/box-01-ribbon.gif") 0 0 no-repeat; font-size:0; overflow:hidden;}
    .box-01 #strapline {position:absolute; top:58px; left:370px; height:70px; padding: 0; font-size: 1.2em;}
    .box-01 #strapline h1 {font-size: 1.16em; font-variant: small-caps; letter-spacing: 0.10em; color:#ff0000; text-align: center; margin-bottom: 0; padding-bottom: 0;}
    .box-01 #strapline span { font-size: 0.90em; }
    .box-01 #strapline span b { font-weight: normal; color: #999999 }
    .box-01 #news strong {margin-right:5px;}
    .box-01 #slogan {position:absolute; right:5px; top:95px;}
    .box-01 #logo {position:relative; margin:0px 0 0 0; padding:0; width: 740px;height: 130px; background-color:#ffffff; }
    .box-01 #slogan h1 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("images/slogan.gif") 0 0 no-repeat;}

.box-01 ul#nav {position:absolute; left:0px; top: 269px; margin:0; padding:0; list-style-type:none; font-size:1.4em; font-weight:bold; height:65px; z-index: 20; }
.box-01 ul#nav li {display:inline; margin:0; padding:0; }
.box-01 ul#nav li a {float:left; height:65px; width: 148px; padding:20px 0 0 0; text-decoration:none; cursor:pointer; text-align: center; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; color: #fff; font-variant: small-caps; letter-spacing: 0.10em;}

.box-01 ul#nav li.nav-home a {background-color: #a5ca3a;}
.box-01 ul#nav li.nav-instructors a {background-color: #75aa9e; }
.box-01 ul#nav li.nav-faqs a {background-color: #88c8da;}
.box-01 ul#nav li.nav-testimonials a {background-color: #6a8b09;}
.box-01 ul#nav li.nav-resources a {background-color: #408ca4; width: 149px;}
.box-01 ul#nav li.nav-spare a {background-color: #446f8f; }

.box-01 ul#nav li.active a, .box-01 ul#nav a:hover {color:#ffffff; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.box-01 ul#nav li.active a {color:#0c285c; }

.box-00 {width:930px; padding:19px 0 0 25px; background:url("images/box-00.gif") 0 0 repeat-y;}
    .box-00-top {width:955px; height:6px; background:url("images/box-00-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    .box-00-bottom {width:955px; height:8px; margin-bottom:12px; background:url("images/box-00-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    
.box-02 {width:930px; padding:19px 0 0 25px; background:url("images/box-02.gif") 0 0 repeat-y;}
    .box-02-top {width:955px; height:6px; background:url("images/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    .box-02-bottom {width:955px; height:8px; margin-bottom:12px; background:url("images/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

    .box-02 .col {position:relative; float:left; width:300px; padding-bottom:17px; margin-bottom:-6px; z-index:100; background-position:100% 100%; background-repeat:no-repeat;}
    .box-00 .col.right .in {position:relative; float:left; clear: none; width:325px; padding:10px 0; margin: 6px 0 6px 10px; z-index:100; border-bottom: solid 1px #d0d0d0}
    .box-00 .col.right .out {position:relative; float:left; clear: none; width:325px; padding: 0 0 15px 0; margin: 0 0 6px 10px; z-index:100; border-bottom: solid 1px #d0d0d0}
 /*   .box-02 .col.left {background-image:url("images/image-01.jpg");}
    .box-02 .col.center {background-image:url("images/image-02.jpg");} */
    .box-02 .col .in, .box-00 .col .in {min-height:180px; height:auto;}
    .box-02 .col h2, .box-00 .col h2 {margin:0; font-size: 1.4em; font-weight:bold; text-transform:uppercase;}
    .box-02 .col h3, .box-00 .col h3 {margin:0; font-size: 1.4em; font-weight:bold; text-transform:uppercase; }
    .box-02 .col p, .box-00 .col p {margin:15px 0;}
    .box-02 .col.left h2, .box-02 .col.left p, .box-02 .col.left ul {padding-right:20px;}
    .box-00 .col.left h2, .box-00 .col.left p, .box-00 .col.left ul {padding-right:20px;}
    .box-02 .col.center h2, .col.center h3, .box-02 .col.center p, .box-02 .col.center ul {padding:0 20px;}
    .box-00 .col.center h2, .col.center h3, .box-00 .col.center p, .box-00 .col.center ul {padding:0 20px;}
    .box-02 .col.right h2, .box-02 .col.right h3, .box-02 .col.right p, .box-02 .col.right ul {padding-left:20px;}
    .box-00 .col.right h2, .box-00 .col.right h3, .box-00 .col.right p, .box-00 .col.right ul {padding-left:20px;}
    .col.center .in h3, .col.center .in h2, .col.right .in h3, .col.right .in h2 {padding-left:30px;}
    .col.left .in h2, .col.left .in h3 {padding-left: 10px;}
	.box-02 .col.right ul, box-00 .col.right ul {padding-left:25px;}
	.box-02 form#quick-contact { margin: 15px 0px 5px 0px;  }
	ul.contact { font-size: 1.2em; line-height: 30px; padding-left: 0;}
	.logos img {padding: 0; margin: 0; float: left;}
	
.rotation_holder { padding: 0 20px 0 10px; min-height: 355px}
.rotation_item { margin-right: 20px;}
.rotation_item blockquote {
	background: url(images/say-open-quotes.png) no-repeat left top;
	font-size: 1.0em;
	margin-left: 0px;
	padding: 0px 0px 0 15px;
}
.rotation_item blockquote p {
	background: url(images/say-close-quotes.png) no-repeat right bottom;
	color: #6a8b09;
	padding-left: 20px;
	padding-right: 30px;
	margin : 0 0 10px 20px;
	text-align: justify;

}
.box-02 .col.center .rotation_item blockquote p {

	padding-left: 0px;
	padding-right: 30px;
	margin : 20px 0 10px 20px;

}
.box-02 .col.center .rotation_item { margin-right: 10px;}
.rotation_item .quote-author {
	color: #6a8b09;
	font-size: 1em;
	padding-left: 0px;
	margin-left: 35px;
	font-style:italic;
	font-variant: small-caps;
	font-weight: bold;
	
}
.content .rotation_item { border-color: #cccccc; border-style: dotted; border-width: 1px; background-color: #fafafa; padding: 15px 10px 15px 15px; margin-bottom: 25px;}
.content .rotation_item blockquote {

	background: url(images/say-open-quotes.png) no-repeat left top;
	margin-left: 0px;
	padding: 0px 0px 0 0;
}
.content .rotation_item blockquote p {

	background: url(images/say-close-quotes.png) no-repeat right bottom;
	padding-left: 20px;
	padding-right: 30px;
	margin : 0 0 10px 20px;

}
.content .rotation_item .quote-author {

	padding-left: 0px;
	margin-left: 40px;
	
}
ul#news {color: #ffffff; font-size: 1.64em; font-weight: bold; letter-spacing: 0.16em; float: left; margin-left: 5px }
/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */
.logo-choice {margin-bottom: 30px;}
.logo-choice span {margin-left: 30px; font-size: 2.0em; margin-top: -70px}
.theTeam p {float: left; clear: both; font-size: 1.12em; letter-spacing: 0.01em; }
.theTeam p img {float: left; padding: 5px 30px 20px 0; }
.content .faqs {margin: 0 20px 30px 0; float: left; clear: both;}
.content .faqs h3 { padding-left: 20px; padding-bottom: 5px; padding-right: 10px; padding-top: 5px; border-color: #cccccc; border-style: dotted; border-width: 1px; background-color: #fafafa; width: 520px; }
.content .faqs p {padding-left: 20px; margin-left: 0px; margin-bottom: 0; margin-right: 0; margin-top: 0;}

.content {float:left; width:550px; padding:0 20px 10px 20px;}
.content ul {margin:15px 25px;}
.content ul ul {margin:0 0 0 25px;}
.content ul li {padding-left:13px; background:url("images/ul.gif") 0 6px no-repeat;}
.content ul ul li {padding-left:13px; background:url("images/ul-ul.gif") 0 6px no-repeat;}
.content table {margin:15px 0; border-collapse:collapse;}
.content table th, .content table td {padding:7px 10px;}
.content table th {text-align:center; background:url("images/table-th.gif") 0 100% repeat-x;}
.content dt {font-weight:bold;}
.content dd {margin-left:25px; margin-bottom:15px;}
.content h1, .content h2 {font-size:200%;}
.content h3 {font-size:160%;}
.content h4 {font-size:120%;}
.content h5, h6 {font-size:100%;}
.content .content-box {margin:15px 0; margin-left:-25px; margin-right:-25px; padding:25px;}
.col.right ul#social{
	display:block;
	list-style: none;
	float:left;
	margin: 0px 0 0 30px;
	padding: 0;
	}

.col.right ul#social li {
	display:inline;
	list-style: none;
	margin-right:5px;
	cursor:pointer;
	padding: 0;
	background: none;
	}

.linkimgsmall {

float: left;

padding-top: 15px;

padding-right: 10px;

padding-bottom: 5px;

padding-left: 0px;

vertical-align: middle;

text-decoration: none;

width: 80px;

height: 125px;

clear: both;

}
.linktext h3 a { color:#6a8b09; text-decoration: none;}
.linktext h3 a:hover { color:#005acb }
.linktext {

float: left;

padding-top: 10px;

padding-right: 10px;

padding-bottom: 5px;

padding-left: 10px;

width: 440px;

height: 125px;

}
.linktext h3 { padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------
Porlet: News
---------------------------------------------------------------------------------------------------------- */
.content h4 { font-size: 1.4em; font-weight: bold; letter-spacing: 0.01em;}
ul.ul-news {list-style:none; float: left; clear: both;}
ul.ul-news li span {margin:0 0 0 40px; line-height: 37px; font-size: 1.12em; letter-spacing: 0.01em;}
ul.ul-news li {margin: 0; height:40px; background:url("images/tick.png") 1% 50% no-repeat;}
.content ul.ul-news li p {margin:0 0 0 40px; line-height: 18px; font-size: 1.04em; letter-spacing: 0.01em;}
.content ul.ul-news li  {height: 60px; background:url("images/tick.png") 1% 1% no-repeat; margin-bottom: 5px }

ul.ul-prices li {margin: 0 0 0 10px; height:40px; font-size: 1.12em; letter-spacing: 0.01em; }
ul.ul-prices li em {margin:0 0 0 0;  height:40px; line-height: 37px; font-style: normal; font-weight: normal; color: #ff0000; }
ul.contact li {margin:0 0 0 20px; line-height: 37px; font-size: 1.12em; letter-spacing: 0.01em;}
.box-00 .col.right ul.ul-prices li { margin-left: 10px;}
/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */
.clear {float: left; clear: both; margin-top: 5px;}
img.f-right {margin-left:15px;}
img.f-left {margin-right:15px;}
.input {padding:4px; background:url("images/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.smaller {font:90%/1.8 "tahoma",sans-serif;}

/* Signup form */

#quick-contact {margin: 0; padding: 0;}
#quick-contact input { margin-bottom: 10px; color: gray }
#quick-contact .label {
  padding-top: 2px;
  padding-right: 6px;
  vertical-align: top;
  text-align: right;
  width: 110px;
  white-space: nowrap;
  height: 40px;
}

#quick-contact .status {
  padding-top: 0px;
  padding-left: 6px;
  vertical-align: top;
  width: 230px;
  white-space: nowrap;
}

#quick-contact label.error {
  background:url("images/cancel.png") no-repeat 0px 2px;
  padding-left: 18px;
  padding-bottom: 0px;
  font-weight: normal;
  color: #d31200;
  font-size: 1.18em;
}

#quick-contact label.checked {
  background:url("images/accept.png") no-repeat 0px 2px;

}

#quick-contact .success_msg {
  font-weight: normal;
  color: #0060BF;
  margin-left: 18px;
}
#EmailForm {
	width: 260px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
	margin-left: 10px;
	font-size: 1.0em;
}
#EmailForm.full { width: 100%; }
.errors, .thanks {padding: 5px 10px; margin-left: 10px;}
.errors { color: red;}
.thanks { color: #6a8b09;}
#EmailForm fieldset {
    border: none;
}
.box-00 .col.right #EmailForm fieldset, .box-02 .col.right #EmailForm fieldset {
    margin-left: 20px;;
}
#EmailForm fieldset span {margin:0 0 ; line-height: 27px; font-size: 1.12em; letter-spacing: 0.01em;}
#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}


#EmailForm span {
	display: block;
	clear: both;
	width: 210px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px; 
	color: gray ;
	clear: left;
	line-height: 1.8em;
	float: left;
	width: 160px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 3px;
    height: 20px;
    line-height: 25px;

}
#EmailForm input.hidden {
	display: none;    
}

#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
	width: 70px;
	height: 30px;
	padding: 2px 5px 5px 5px;
}

/* IE8 Hacks */

.box-01 #strapline h1 { font-size /*\**/: 1.1em\9; }

/* IE7 Hacks */

*:first-child+html #EmailForm input { margin-left: -20px;}
*:first-child+html .box-01 #strapline h1 { font-size: 1.16em }
*:first-child+html .content .faqs p {width: 520px; }
*:first-child+html .rotation_holder { padding: 10px }
*:first-child+html .rotation_item { margin-right: 10px;}
*:first-child+html .rotation_item blockquote p { width: 77%; }
*:first-child+html .rotation_item blockquote { margin-left: 0px; padding: 0px 0px 0 10px; }
