/*
Theme Name: Environment Green
Theme URI: http://www.isruk.co.uk
Description: Environment Green Effect
Version: 1.0
Author: Jonathan Smith
Author URI: http://www.paperfoldmedia.com
*/

/**** Global ****/

* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(../img/background.png) repeat-x top #292826;
}

a, a img, a:focus, a:hover,a:active {text-decoration: none; border: none; outline: none; }

button { cursor: pointer; }

.wrapper { margin: 0 auto; padding: 0; width: 960px; }
.right { float: right; }
.left { float: left; }
.clearer { clear: both; }

/**** Header ****/

#header { margin: 0 auto; padding: 0; width: 960px; }

/**** Navigation ****/

#nav { float: right; margin: 0 5px 0 0; padding: 0; list-style-type: none; }

.tabs a { float: left; height: 27px; margin: 14px 0 0 5px; text-indent: -9999px; }

.welcome a { width: 60px; background: url(../img/nav_home.png) no-repeat 0 -27px; }
.about a { width: 65px; background: url(../img/nav_about.png) no-repeat 0 -27px; }
.courses a { width: 76px; background: url(../img/nav_courses.png) no-repeat 0 -27px; }
.contact a { width: 76px; background: url(../img/nav_contact.png) no-repeat 0 -27px; }
.apply a { width: 62px; background: url(../img/nav_apply.png) no-repeat 0 -27px; }
.login a { width: 58px; background: url(../img/nav_login.png) no-repeat 0 -27px; }

#nav a:hover, #nav a.current { background-position: 0 0; }

/**** Identity  ****/

img#logo { float: left; margin: 0 0 0 10px; }

/**** GREEN BOX ****/

#greenbox { margin: 10px auto 30px auto; padding: 0; width: 940px; height: 180px; background: url(../img/greenbox_background.png) no-repeat; }

#testimonies { float: right; position: relative; margin: 30px; width: 320px; height: 240px; }
#testimonies .testimony { position: absolute; }

/**** Page ****/

#pageTop { margin: 0; padding: 0; top: -20px; left: 0; position: absolute;}
#page { margin: 30px auto 30px auto; padding: 0; width: 940px; background: url(../img/page_background.png) repeat-y; position: relative; }
#pageBottom { margin: 0; padding: 0; bottom: -20px; left: 0; position: absolute; }

/**** Content ****/

#content { float: left; margin: 0; padding: 0 10px; width: 680px; position: relative; }
#content .column { float: left; width: 335px; }
#content .title { position: relative; display: block; margin: 0 0 10px -20px; }

/**** Paperbox Content ****/
#paperboxContent { width: 700px; }

/**** Apply Now - Home Page ****/

#applyGuide img { float: left; margin: 0 5px 0 5px; }
#applyGuide h3 { float: left; margin: 15px 0 0; }
#applyGuide p { clear: both; margin: 0 0 0 60px; }

/**** Side Bar ****/

#sidebar { float: left; margin: 0; padding: 0 10px; width: 220px; min-height: 100%; }
#sidebar .advertise { float: left; margin: 5px; padding: 0; width: 100px; height: 100px; }
#sidebar .title { position: relative; display: block; margin: 0 0 10px 49px; }

/**** Progress Bar ****/

#progressBar { margin: 0 0 0 3px; }
#previous { position: absolute; top: 30px; left: 20px; }
#next { position: absolute; top: 30px; right: 25px }

/**** Application Form ****/

#apply { margin: 0; padding: 0; width: 100%; }
#apply fieldset { margin: 0; padding: 0 0 10px 10px; border: none; }
#apply hr { margin: 10px 0 0 0; background: #80BE47; }

#apply label { float: left; text-align: left; margin: 13px 0 5px; width: 120px; }

#apply input { margin: 5px 0 5px; padding: 7px 5px 0; width: 290px; height: 21px; color: #111; background: url(../img/form_input.png) no-repeat; border: none; }

#apply select { display: block; margin: 5px 0 5px; padding: 6px 5px 6px; width: 300px; height: 28px; color: #111; background: url(../img/form_input.png) no-repeat; border: none; }

#apply select.inputshort { float: left; display: block; margin: 5px 7.5px 5px 0; padding: 6px 5px 6px; width: 95px; height: 28px; color: #111; text-align: center; background: url(../img/form_input_short.png) no-repeat; border: none; }

#apply select.inputmed { float: left; display: block; margin: 5px 10px 5px 0; padding: 6px 5px 6px; width: 145px; height: 28px; color: #111; text-align: center; background: url(../img/form_input_med.png) no-repeat; border: none; }

#apply select.inputshort option, #apply select.inputmed option { text-align: left; }

#apply select option { background: #FFF; }

#apply textarea { margin: 5px 0 5px; padding: 5px; width: 390px; height: 193px; color: #111; background: url(../img/form_textarea.png) no-repeat; border: none; }

#apply select#facility {margin: 10px 0 5px; }

#apply .upload {margin: 1px 0 0 0; }

#apply button#submit { float: right; margin: 0 5px 0 0; padding: 0; width: 100px; height: 28px; background: url(../img/submit.png); border: none; }
#apply button#send { float: right; margin: 0 160px 0 0; padding: 0; width: 100px; height: 28px; background: url(../img/send.png); border: none; }

/**** Footer ****/

#footer {
	margin: 0 auto 20px auto;
	padding: 0 10px;
	width: 940px;
	clear: both;
}

#footer p { text-align: right; color: #FEFEFE; letter-spacing: 1px; }

#footer p a { font-weight: bold; color: #FEFEFE; }