/* Main Stylesheet */

/* www.espanolcardiff.com */


* {
margin:0;
padding:0;
}

body, html, div, img, label, p, h1, h2, h3, h4, h5, ul, li, a {
border:0;
list-style:none;
margin:0;
padding:0;
text-decoration:none;
vertical-align:baseline;
} 

body {
background:#fff url(../images/body-bg.png) center top no-repeat;
color:#555;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100%;
text-align:left;
}

p, li {
font-size:0.8em;
font-weight:normal;
line-height:1.8em;
margin:3px 0 0 0;
padding:4px 0;
text-align:left;
}




#wrapper {
margin:0 auto;
width:900px;
}


#nav {
margin:35px 10px 0 auto;
overflow:hidden;
position:relative;
width:700px;
}

#nav ul {
clear:left;
float:right;
list-style:none;
padding:0;
position:relative;
text-align:center;
width:auto;
}

#nav ul li {
display:block;
float:left;
margin:0;
padding:0;
position:relative;
width:auto;
}

#nav ul li a {
background:transparent;
color:#b7856c;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
font-weight:800;
display:block;
padding:0 0 0 40px;
vertical-align:middle;
text-transform:uppercase;
}

#nav ul li a:hover, #nav ul li a#active {
background:transparent;
color:#fff;
}



/* header */

#header {
display:block;
height:200px;
margin:24px auto 0 auto;
position:relative;
width:900px;
}

#business-card {
height:150px;
left:-41px;
position:absolute;
top:5px;
width:280px;
}

p.bus-card-name, p.bus-description, p.bus-contact {
background:transparent;
color:#fff;
font-size:1.1em;
text-align:center;
padding:30px 0 0 0;
}

p.bus-contact {
font-size:0.7em;
padding:6px 0 0 0;
}

#logo {
height:90px;
position:absolute;
right:47px;
top:77px;
width:520px;
}

#logo a {
display:block;
height:100%;
text-indent:-9999px;
width:100%;
}





/* content */

#content {
min-height:300px;
height:auto !important;
height:300px;
margin:60px auto;
position:relative;
width:840px;
}

#content .short {
margin-left:0;
width:700px;
}

#content a {
color:#693;
}

a.link {
background:url(../images/page.png) 0 1px no-repeat;
padding-left:14px;
}

h1 {
font-size:1.8em;
font-weight:normal;
line-height:50px;
padding:0 0 5px 0;
vertical-align:middle;
}

h1.courses, h1.testimonials, h1.book, h1.contact, h1.available, h1.about, h1.sent, h1.error {
background:url(../images/courses.png) left top no-repeat;
font-size:1.4em;
padding:10px 0 5px 65px;
}

h1.testimonials {
background:url(../images/testimonials.png) left top no-repeat;
}

h1.book {
background:url(../images/book.png) left top no-repeat;
}

h1.contact {
background:url(../images/contact.png) left top no-repeat;
}

h1.available {
background:url(../images/available.png) left top no-repeat;
}

h1.about {
background:url(../images/about.png) left top no-repeat;
}

h1.sent {
background:url(../images/sent.png) left top no-repeat;
}

h1.error {
background:url(../images/error.png) left top no-repeat;
}

h2 {
background:url(../images/sub_courses.png) left top no-repeat;
font-size:1.2em;
font-weight:normal;
line-height:35px;
margin-top:50px;
padding:0 0 0 40px;
}

h2.exams {
background:url(../images/sub_courses_exams.png) left top no-repeat;
}

h2.business {
background:url(../images/sub_courses_bus.png) left top no-repeat;
}

h2.children {
background:url(../images/sub_courses_children.png) left top no-repeat;
}

h2.available {
background:url(../images/available.png) left top no-repeat;
}

h2.form-details {
background:url(../images/form-details.png) left top no-repeat;
}

h2.testimonials {
background:url(../images/testimonials_small.png) left top no-repeat;
}

p.required {
color:#669933;
font-size:0.75em;
padding:20px 0 0 20px;
}

p.headline {
font-size:1.7em;
}

p.headline-small {
font-size:0.85em;
margin:1px 0;
}

p.link {
margin-top:10px;
}

p.bold {
font-weight:bold;
padding-top:10px;
}

p.italic {
font-style:italic;
font-weight:bold;
padding-top:10px;
}

.box {
float:left;
width:400px;
}

.box2 {
float:right;
width:400px;
}







/* timetable */

#table {
background:url(../images/table-form-bg.png) repeat-x;
border:1px solid #ccc;
border-width:1px 1px 0 0;
margin:20px auto 10px 0;
padding:0;
width:800px;
}

#table td {
background:transparent;
border-bottom: 1px solid #ccc;
color:#31435B;
font-size:0.8em;border-left: 1px solid #ccc;
line-height:1.6em;
padding:15px 20px;
text-align:center;
}

#table td.days {
width:80px;
}







/* booking-form */

#booking-form {
background:url(../images/table-form-bg.png) repeat-x;
margin-top:20px;
padding:0 10px;
width:800px;

}

#booking-form fieldset#details, #booking-form fieldset#courses, #booking-form fieldset#message {
border:none;
float:left;
margin:0 50px 0 0;
padding:0;
width:auto;
}

#booking-form fieldset#message {
margin:0;
}	
	
#booking-form h1 {
background-image:none;
font-size:1.1em;
padding:0;
}

#booking-form fieldset legend {
margin:0;
padding:0;
}

#booking-form fieldset label {
color:#5F6059;
font-size:0.9em;
display: block;
line-height:20px;
margin:15px 0 5px 0;
}

#booking-form fieldset input  {
color:#5F6059;
font-size:0.8em;
height:20px;
padding-top:2px;
width:200px;
}

#booking-form fieldset textarea {
color:#5F6059;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height:149px;
width:300px;
}
	
#booking-form fieldset select {
color:#5F6059;
font-size:0.8em;
height:24px;
padding-top:3px;
width:180px;
}

#booking-form #clear {
border:none;
clear: both;
width:705px;
}

#booking-form #button {
background:url(../images/send-btn.jpg);
border:none;
cursor:pointer;
float:left;
height:32px;
margin:20px 0 0 0;
text-indent:-9999px;
width:80px;
}




/* twitter */

.twitter {
float:right;
width:200px;
}

.twitter img {
display:block;
margin:auto;
}

.twitter p {
text-align:center;
}


/* footer */

#footer {
background:url(../images/footer.png);
height:175px;
margin:60px auto 0 auto;
position:relative;
width:840px;
}

#footer p.copyright {
text-indent:-9999px;
}

#footer p.treforest {
font-size:0.7em;
position:absolute;
right:80px;
top:135px;
}

#footer a {
color:#693;
}

#stats {
display:none;
}