/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Verdana, Helvetica, sans-serif; color:#154d6a; background-color:#d7d7d7} 
	
body{overflow: -moz-scrollbars-vertical;}
table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:700px; text-align:left;  margin-left:auto; margin-right:auto; background-color:#FFFFFF } 
ul{list-style:none; font-size:1.2em; margin-bottom:15px}
ul li{margin-bottom:8px; background:url(images/accept.gif) no-repeat; padding-left:20px}
ul#faqs li{background-image:none; padding-left:0}
a{color:#154d6a; text-decoration:none; outline:none; }
a:hover{color:#154d6a;}
.clr{clear:both}

p{font-size:1.3em; line-height:1.5em; margin-bottom:1.3em;}
p a{text-decoration:underline}
p a:hover{color:#950000}

h1,h2,h3{font-weight:900;}
h1{font-size:2.2em; color:#990000; width:100%; text-align:center; margin:10px 0}
h2{font-size:1.8em; margin-bottom:7px }
h3{font-size:1.6em; color:#950000}
sup{color:#990000}
h2.center, h3.center{width:100%; text-align:center; margin:10px 0}
h3.cross{background:url(images/icon-cross.jpg) no-repeat; padding-left:40px; height:40px; line-height:40px}
h2.red{color:#990000; margin:20px 0 10px 0}
p.tick{background:url(images/icon-tick.jpg) no-repeat; font-weight:bold; height:40px; padding-left:40px}
img{float:left; border:1px solid #b3bd62; margin:0;}
img.right{float:right; margin:0 0 15px 15px; clear:right}
img.left{float:left; margin:0 15px 15px 0}
img.button{padding:0; border:none; margin-left:40px}
span.yellow{background-color:#FFFF00; font-weight:bold}

hr{margin-bottom:10px; display:none}

.buy-now{width:450px; background-color:#FFD5A3; border:3px dashed #EF8100; margin:20px auto; text-align:center; font-size:1.8em}
input.buy{font-size:1.0em; margin:-10px 0 10px 0}

.course-container{width:450px; background-color:#b0e082; border:3px dashed #000; margin:20px auto}
.course-container img{float:left; margin:3px}
form.course{width:300px; float:right}
form.course h2{text-align:center; width:100%;}
form.course img{float:left}
form.course input{padding:3px}
table.course{margin:0 auto 10px auto}
table.course tr td{padding:3px; font-weight:1.2em; font-weight:bold}
form.course p{text-align:center; font-size:1.1em;}
/*---------------HEADER---------------*/
#header{position:relative; height:228px; width:700px; display:block; background-image:url(images/header.jpg)}

#logo{float:left; width:250px; height:20px;  margin:0; display:inline; text-indent:-3333px; font-size:2.5em; margin:15px 0 0 15px}


/*---------------MAIN COL---------------*/
#maincol{ width:680px; margin:0 auto;  height:auto !important; height:715px; min-height:715px }

table#prices{font-size:1.3em; width:510px; border:1px solid #456; margin:0 0 15px 80px}
table#prices tr td{padding:3px; border-bottom:1px solid #456}
table#prices tr td.left{border-right:1px solid #456}
table#prices tr td.header{background-color:#c9ddf0}
p.price{background-color:#FFE8E8; border:1px solid #f00; color:#F00; text-align:center; padding:5px}

img.banner{margin:20px 0; border:0}
.testimonial{width:550px; margin:10px auto; padding:10px; background-color:#FFFFCC; border:3px dashed #000}
.testimonial p{line-height:1.3em}
.testimonial img{margin:0 10px 15px 0}
.testimonial a{color:#950000}
.testimonial a:hover{text-decoration:none}

#button-erak{float:left; margin-bottom:10px; width:470px}
#button-erak a img{border:0; margin:5px 0}
/*---------------CONTACT---------------*/
form#contact{width:450px; margin:0; padding:1px; border:6px solid #C6DBE5; font-size:1.1em;}
form#contact input.field, form#contact select, form#contact textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#154d6a; padding:3px}
form#contact select{width:250px}
form#contact textarea{width:250px}
form#contact p{width:100%; padding:6px 0; margin:0;  color:#154d6a; background-color:#EDF5FA; border-bottom:1px solid #fff}
form#contact p label{width:120px; float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold;}
form#contact fieldset{width:100%; border:none; margin:0; padding:0;}
form#contact legend{display:none}
form#contact img{border:1px solid #B3D0DD}
form#contact p span.submit{margin-left:81px}
form#contact p span.indent{margin-left:81px}


/*---------------FOOTER---------------*/
#footer{width:700px;  clear:both; text-align:center; line-height:30px; font-size:1.1em; color:#FFF; background-color:#0F5090}
#footer a{color:#FFF}