/*
Theme Name: Gap Year
*/

#header object {display: block;}

html, body {
	font-family: arial;
	font-size: 14px;
	border: 0;
	color: #575757;
}

body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0;
	padding: 0;
}

body {
	background: rgb(227,227,227) url(img/bg-body.jpg) repeat-x 0 0;
}

p {
	line-height: 20px;
	padding: 10px 0;
}

h1, h2, h3, h4, h5 {
	padding: 10px 0;
}

h4.styled {
	font-size: 30px !important;
}

ul, ol {
	list-style: none;
	padding: 10px 0;
}

small {
	font-size: 11px;
}

code {
	background: #FFFFC1;
}

.hidden {
	display: none;
}

a {
	color: #004E96;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

blockquote {
	font-size: 12px;
	width: 80%;
	padding: 0 10%;
	margin: 10px auto;
	color: #717171;
	line-height: 19px;
	font-style: italic;
}

blockquote p {
	padding: 10px 0;
}

/* Align */

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}

.alignleft {
	margin: 10px 10px 8px 0;
	float: left;
}

.alignright {
	margin: 10px 0px 8px 10px;
	float: right;
}

.col-left {
	float: left;
}

.col-right {
	float: right;
}

/* Wrap */

#wrap-out {
	width: 980px;
	margin: 0 auto;
	background: url(img/bg-borders2.gif) repeat-y 0 0;
}

#wrap {
	width: 960px;
	padding: 0 10px;
	background: url(img/bg-borders.gif) no-repeat 0 0;
}

/* Top */

#strap {
	width: 960px;
	height: 90px;
}
.logo {float:left;
	text-decoration:none;
	border:0;
	width : 185px;
	height : 70px;
	margin : 10px 0 0 20px;
	padding : 0;
	background : url(img/wessor-logo.gif) no-repeat 0 0;
}
 
.logo a {
	display : block;
	height : 70px;
	text-indent : -9999px; 
}

.telno{ float:right;font-size: 22px;padding: 14px 35px 25px 0px;}

.otime {
font-size:12px;
line-height:17px;
position:absolute;
right:45px;
text-align:center;
top:35px;
}

#top {
	width: 960px;
	background:#FFF;
position: relative;
}

#top img {
	display: block;
}

#top #main-menu {
	width: 960px;
	height: 30px;
	overflow: hidden;
	background: url(img/bg-main-menu.gif);
	font-weight: bold;
}

#top #main-menu ul {
	padding: 0;
	text-align: right;
}

#top #main-menu li {
	display: inline;
	margin-right: 12px;
	font-size: 13px;
	line-height: 29px;
}

#top #main-menu a {
	color: #fff;
}

#top #main-menu a:hover, #top #main-menu li.current_page_item a {
	text-decoration: none;
	color: #B0B0B0;
}

/* Middle */

#middle {
	width: 960px;
	padding: 34px 0 25px 0;
	background: #fff url(img/bg-dots.gif) repeat-y scroll 718px 0px;
}
#middlefull {
	width: 960px;
	padding: 34px 0 25px 0;
background: #fff ;
}


#middle-in {
	width: 960px;
	position: relative;
}

#middle h2, #middle h1 {
	font-size: 33px;
	padding: 0 0 8px 0;
	color: #358B2E;
}

#middle h1.blog {
	font-size: 25px;
	color: #358B2E;
	padding: 0 0 8px 0;
}

#middle h1.blog a {
	color: #358B2E;
}

#middle h4 {
	font-size: 18px;
	color: #358B2E;
	padding: 0 0 8px 0;
}

/* Content */

#content {
	width: 680px;
	margin-left: 14px;

	display: inline;
}
#contentfull {
	width: 906px;
	padding-left: 14px;
	display: inline;
	overflow: hidden;
}

#content p {
	line-height: 24px;
	padding: 8px 0;
}

#content ul, #content ol {
	padding-left: 18px;
}

#content li {
	list-style: disc;
	line-height: 22px;
}

/* Sidebar */

#sidebar {
	width: 240px;
}

#sidebar h3 {
	color: #358B2E;
	font-size: 24px;
	padding-left: 12px;
}

#sidebar .partners {
	padding: 0 0 0 20px;
}

#sidebar .options {
	padding-left: 25px;
	padding-bottom: 30px;
}

#sidebar .options img {
	margin-right: 20px;
}

#sidebar .options img.spec {
	margin-right: 15px;
}

#sidebar .rate {
	width: 221px;
	height: 68px;
	padding-top: 127px;
	padding-left: 15px;
	background: url(img/bg-rate-yourself.gif);
margin-bottom: 11px;
margin-top: -7px;
margin-top: 10px;
}

#content .rate {
	width: 221px;
	height: 68px;
	padding-top: 127px;
	padding-left: 15px;
	background: url(img/bg-rate-yourself-content.gif);
margin-bottom: 11px;
margin-top: -7px;
}

#sidebar .social {
	width: 240px;
	margin-left: -2px;
	padding: 25px 0 10px 0;
	overflow: hidden;
}

#sidebar .social img {
	margin: 0 0 0 10px;
}

/* Footer */

#footer {
	width: 960px;
	height: 231px;
	background: url(img/bg-footer.jpg);
	position: relative;
}

#footer .block {
	padding: 155px 0 0 155px;
}

#footer .block p.x1 {
	padding-top: 8px;
}

#footer .block p.x1 a {
	text-decoration: underline;
}

#footer .block p.x1 a:hover {
	text-decoration: none;
}

#footer .stjohn {
	position: absolute;
	right: 70px;
	top: 155px;
}


#footer p {
	font-size: 11px;
	color: #fff;
	padding: 0;
	line-height: 17px;
	font-weight: bold;
	font-family: Tahoma;
}

#footer p span {
	width: 47px;
	display: inline-block;
}

#footer a.stjohn {
	width: 129px;
	height: 46px;
	display: block;
	position: absolute;
	right: 60px;
	top: 38px;
	background: url(img/img-stjohn.png) no-repeat 0 bottom;
}

#footer a {
	color: #fff;
}

/* Extra Pages (main page) */

.home #content {
	width: 677px;
	margin-left: 0px;
	margin-top: -30px;
	padding: 30px 20px 160px 20px;
	background: url(img/img-colins-bg.gif) no-repeat 0 bottom;
	position: relative;
	z-index: 1;
}

.home #content h2, .home #content h1 {
	padding-bottom: 4px;
	padding-top: 0px !important;
	line-height: 38px;
	letter-spacing: -1px;
}

.home #content h2 {
padding-bottom: 6px !important;
}

.home #content h1 {
line-height: 35px;
}

.home #content ul {
	padding-top: 2px;
        padding-bottom: 5px;
}

.home #content h4 {
	padding: 0 0 10px 0 !important;
	margin-top: -2px;
}

.home #content p {
padding: 5px 8px 0 0;
line-height: 19px;
}


.home #content p.testimonial {
	width: 285px;
	color: #5D5E5E;
	position: absolute;
	left: 270px;
	bottom: 31px;
	font-style: italic;
	line-height: 17px;
	font-size: 12px;
}

.home #content h4.t-author {
	position: absolute;
	left: 270px;
	bottom: 2px;
	color: #000;
	font-size: 22px !important;
	color: #282425; 
}

.home #content img.ta {
	position: absolute;
	left: 605px;
	bottom: 20px;
	border: #358B2E 1px solid;
}

.home #content a.apply {
	display: block;
	width: 216px;
	height: 121px;
	position: absolute;
	left: 17px;
	top: 34px;
	background: url(img/img-apply.gif);
}

.home #content a.apply:hover {
	background: url(img/img-apply.gif) 0 121px;
}

/* Extra Pages (blog) */

.blog #middle-in, .archive #middle-in {
	background: url(img/bg-dots-2.gif) repeat-y 236px 0;
}

.blog #content, .archive #content {
	width: 450px;
	margin-left: 20px
}

.post {
	margin-bottom: 20px;
}

#sidebar-2 {
	width: 214px;
	float: left;
	margin-left: 14px;
	display: inline;
	padding-top: 10px;
}

#sidebar-2 h4 {
	padding-left: 5px;
	margin-bottom: 10px;
}

#sidebar-2 ul {
	padding: 0 10px 0 20px;
}

#sidebar-2 li {
	line-height: 20px;
	padding: 5px 0;
	list-style: circle;
}

#sidebar-2 li a {
	color: #358B2E !important;
}

/* Extra Pages (faq's) */

.toggle {
	position: absolute;
	left: 250px;
	top: 50px;
	width: 450px;
}


.faq h5.active, .faq h5:hover {
	background: #EAEAEA;
	color: #00488E;
}

.faq h5 {
	cursor: pointer;
	color: #575757;
	line-height: 20px;
	font-weight: normal;
	padding: 2px 5px;
	margin-bottom: 8px;
	font-size: 13px;
}

/* Sidebar Select Box */

#menuWrap {
	width: 100%;
	height: 30px;
	position: relative;
}





.menuLink {
	text-decoration: none;
	color: #000;
	outline: none;
}

a:hover.menuLink {
	text-decoration: none;
	color: #fff;
}

#menuTitle1 {
	position: absolute;
	font-size: 14px;
}

#menu1 {
	position: absolute;
	left: 5px;
	top: 26px;
	font-size: 14px;
	background: #fff;
	
	padding-left: 2px;
	padding-right: 2px;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-bottom: #000 1px solid;
}

#menu1 img {
	display: block;
	margin: 0;
	position: relative;
	z-index: 1000;
}

#menu1 img:hover {
	cursor: pointer;
	opacity: 0.6;
	position: relative;
}

.a {
	cursor: pointer;
	color: #fff;
	display: block;
	 background: green; display: block;
	 width: 205px;
	 height: 26px;
	 background: url(img/bg-select.gif);
}

.simple_overlay {
	display:none;
	z-index:10000;
	background-color: #fff;
	
	width: 491px;	
	min-height: 170px;
	border:1px solid #666;
	padding: 5px;

	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	position: absolute;
	left: 200px !important;
	top: 200px !important;
}

.simple_overlay img {
	display: block;
}

.simple_overlay .close {
	background-image:url(img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* Comments */

#cwrap {
	width: 100%;
}

#cwrap h3 {
	font-size: 20px;
	padding: 15px 0 10px 0;
	clear: both;
}

#cwrap h3#comments {
	padding-bottom: 20px;
}

#cwrap .fn {
	font-weight: bold;
}

#cwrap .comment {
	width: 550px;
	clear: both;
	margin-bottom: 20px;
}

#cwrap ol {
	padding-bottom: 0;
}

#cwrap li {
	list-style: none;
}

#cwrap textarea {
	width: 400px;
}

#cwrap #respond h3 {
	padding: 0 0 10px 0 !important;
}

/* Application Form */

#af #cformsform {
	width: 670px;
	padding-bottom: 20px;
	background: url(img/bg-form.gif) no-repeat left 350px;
}

#af .cform label, #af .cform label span {
	width: 250px !important;
}

#af .cform label span {
	width: 240px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #575757;
}

#af span.reqtxt, #af span.emailreqtxt {
	margin-left: 260px !important;
}

#af ol.cf-ol li {
	margin: 10px 0 !important;
}

#af ol.cf-ol {
	background: url(img/bg-dots2.gif) repeat-x left top;
	border: 0 !important;
}

#af div.cf_info {
	width: 680px !important;
}

#af p.cf-sb {
	width: 620px !important;
}

#af input#sendbutton {
	width: 100px !important;
}

#af .linklove {
	display: none;
}

#af .cform legend {
	font-size: 32px !important;
	color: #005096 !important;
	padding-bottom: 10px !important;
}

#af .cform textarea, #af .cform input {
	width: 350px !important; 
}

#af .cform select {
	width: 359px !important;
}

/* Extra */

#ffaq {
	width: 686px;
	padding-left: 14px;
	float: left;
}

#ffaq #content {
	width: 445px;
}

#ffaq li a {
	color: #565656;
	padding:2px 5px;
	display: block;
}

#ffaq li a:hover, #ffaq .ui-tabs-selected a {
	background:#EAEAEA none repeat scroll 0%;
	color:#358B2E;
	text-decoration: none;
	outline: none;
}

#ffaq li {
	font-size:13px;
	line-height:20px;
	margin-bottom:8px;
	margin-top: 5px;
}

#ffaq li h4 {
	padding-left: 5px;
}

#ffaq ul {
	width: 214px;
	float: left;
	display: block;
}

#ffaq li.title {
	margin-bottom: 18px;
}

#ffaq .cform {
	margin-top: 30px;
	margin-left: 0;
}

#ffaq .linklove {
	display: none;
}

/* Extra */

.xblock {
	width: 150px;
	padding: 5px;
	border: #98989C 1px solid;
	background: #E3E3E4;
	font-size: 11px;
	position: absolute;
	right: 210px;
	top: 35px;
	opacity: 0.7;
	color: #000;
}

.xblock a {
	color: #000 !important;
	text-decoration: underline;
}

.xblock a:hover {
	text-decoration: none;
}

p.cred {
position: absolute;
right: 20px;
bottom: 45px;
}

p.cred a {
text-decoration: underline;
}

p.cred a:hover {
text-decoration: none;
}

/* Menu extra */

.menu li {width: 136px !important;}
.menu ul ul a, .menu ul ul a:visited {
line-height:20px !important;
padding:6pt 5px 6pt 10px !important;
width: 195px !important;
}

.menu ul ul {width: 210px !important;}

.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #F0F0F0 url(../../plugins/wordpress-css-drop-down-menu/theme_css/grey-arrow.gif) no-repeat 190px center !important;
}

.menu ul ul a.drop:hover {background: url(../../plugins/wordpress-css-drop-down-menu/theme_css/navback-light.gif) !important; color: #fff !important;}

.menu ul ul .parent {color: #000 !important;}
.menu ul .current_page ul a {background: #F0F0F0 !important; color: #000 !important; font-weight: bold !important;}

.menu ul .current_page ul a:hover {color: #fff !important}

.menu *:hover > a, .menu ul ul *:hover > a {
background-image: url(../../plugins/wordpress-css-drop-down-menu/theme_css/navback-light.gif) !important;
background-color: rgb(114, 189, 77) !important;
background-repeat: repeat-x !important;
}

.menu ul ul .current_page a {
border: 0 !important;
background: #72BD4D url(../../plugins/wordpress-css-drop-down-menu/theme_css/navback-light.gif) repeat-x left top !important;}

.menu ul ul ul {
left: 210px !important;
}

.ix1 {position: absolute; left: 10px;top: 30px; width: 228px; height: 478px;
background: url(img/img-colins2.gif) no-repeat 0 0;
}

.ix2 {position: absolute; left: 7px; top: 480px;z-index: 10;}

.menu {z-index: 1000 !important;}


/* CForm */

.x-wrap {
	width: 100%;
	background: #E8E8E8;
	margin-top: 7px;
}

.iw {
	width: 300x;
	height: 235px;
	border: #CDCDCD 1px solid;
}

.iw embed {
	margin: 0;
	padding: 0;
}

.x-wrap .col-left {
	width: 305px;
	padding: 10px 10px 12px 10px;
	background: #DDDDDD;
}

.x-wrap p.title {
	color: #000;
	font-size: 15px;
	line-height: 17px !important;
	font-weight: bold;
	padding-bottom: 0;
	padding-top: 5px;
	color: #5A5A5A;
}

.x-wrap p {
	color: #000;
	line-height: 17px !important;
	color: #5A5A5A;
}

.x-wrap .col-left form {
	background: #E8E8E8;
	padding: 10px 10px 10px 15px;
	margin-top: 5px;
}

.x-wrap .col-left label {
	margin: 0;
	font-size: 12px;
	color: #5A5A5A;
}

.x-wrap .col-left input.f {
	width: 275px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: #C8C6CD 1px solid;
	background: #fff;
	margin: 0;
	padding: 3px 0;
	margin-bottom: 8px;
	margin-top: 3px;
}

.x-wrap .col-left textarea {
	width: 275px;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: #C8C6CD 1px solid;
	background: #fff;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	margin-top: 3px;
}

.x-wrap .col-left input.s {
	float: right;
	width: 97px;
	height: 23px;
	border: 0;
	display: block;
	background: url(img/submit.gif);
	cursor: pointer;
}

.x-wrap .col-left input.s:hover {
	background: url(img/submit.gif) left bottom;
}



.x-wrap .col-right {
	width: 305px;
	padding: 10px 10px 12px 10px;
	background: #E8E8E8;
}

.x-wrap .col-right p.title {
	padding-bottom: 13px;
}

.x-wrap .col-right p.ae {
	font-weight: bold;
	padding-bottom: 0;
}


.textwidget p {
	margin: 0 !important;
	padding: 0 !important;
}

.sfield {
	width: 97px;
	height: 23px;
	display: block;
	background: url(img/submit.gif);
	border: 0;
	cursor: pointer;
	float: right;
	margin-right: 3px;
}

.sfield:hover {
	background: url(img/submit.gif) left bottom;
}

/* Newsletter sign up form */

.newsl {
	width: 222px;
	height: 25px;
	background: url(img/bg-newsletter.gif);
	position: relative;
position: absolute;
right: 35px;
top: 50px;
}

.newsl input {
	border: 0;
	background: 0;
	outline: none;
	font-family: arial;
	font-size: 12px;
}

.newsl input.emailaddress {
	width: 154px;
 	padding:0;
margin: 0;
line-height: 15px;
position: absolute;
left: 5px;
top: 5px;
}

.newsl input.subscribe {
	width: 54px;
	height: 25px;
	display: block;
	background-image: url(img/signup.gif);
	background-position: 0 0;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.newsl input.submit:hover {
	background-position: 0 -25px;
}

.img-w { padding: 5px 0 5px 20px;}
.img-w {display: block; margin: 3px 0;}

#ttestimonial {width: 717px; height: 138px; padding: 0; margin: 15px 0 0 -14px; background: url(http://www.thegapyearjob.co.uk/wp-content/themes/GapYear/img/img-colins-bg.gif) no-repeat left bottom; position: relative;}

#ttestimonial p {
color:#5D5E5E;
font-size:12px;
font-style:italic;
padding: 15px 0 0 270px;
line-height:17px;
width:285px;
}

#ttestimonial h4.t-author {
	position: absolute;
	left: 270px;
	bottom: 2px;
	color: #000;
	font-size: 22px !important;
	color: #282425; 
}

#ttestimonial img.ta {
	position: absolute;
	left: 605px;
	bottom: 20px;
	border: #358B2E 1px solid;
}

.panel-overlay {padding-top: 4px !important;}

.colin {
	position: relative;
	margin-top: 10px;
}

.colin a {
	color: #000;
}

.colin p {
	width: 100px;
	color:#000000;
	font-size:22px;
	position:absolute;
	right:33px;
	top:22px;
	line-height: 17px;
	width:100px;
}

/* Home Page > Featured Blocks */

.ftwrap {
	width: 100%;
	padding-bottom: 20px;
}

.block-ft {
	width: 220px;
	height: 191px;
	position: relative;
	opacity: 1;
	-webkit-transition: opacity 1s linear;
	float: left;
	position: relative;
	display: inline;
	background: #000;
}

.no1 {
	margin-left: -3px;
	margin-right: 5px;
}

.no2 {
	margin-left: 5px;
}

.no3 {
	margin-left: 10px;
}

.block-ft:hover img {
	opacity: 0.7;
}

.block-ft img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
}

.home #content .block-ft h2 {
	font-size: 28px !important;
	border-bottom: #006B3C 3px solid;
	padding: 0px !important;
	line-height: 20px !important;
	display: inline;
	color: #fff;
	max-width: 75px;
	display: inline-block;
	margin: 0 0 0 10px !important;
	float: left;
	display: inline;
}

.home #content .block-ft h2 a {
	color: #fff;
}

.home #content .block-ft h2 a:hover {
	color: #fff;
	text-decoration: none;
}

.home #content .block-ft p {
	display: inline-block;
	width: 118px;
	font-family: Tahoma;
	font-size: 10px;
	line-height: 14px;
	color: #fff;
	float: right;
	text-align: center;
	padding: 2px 0 0 0 !important;
	margin-right: 15px;
	display: inline;
}

.block-ft-in {
	width: 220px;
	padding: 5px 0 8px 0;
	background: url(img/bg-caption.png);
	position: absolute;
	z-index: 10;
	bottom: 0;
}

/* Call to Action */

.cta {
width:233px;
height:50px;
overflow: hidden;
background: url(img/button-cta.png) no-repeat;
text-align: center;
line-height: 47px;
color: #fff;
font-size: 18px;
margin: -5px 0 12px 0;
}

.cta a {color: #fff;display: block;}
.cta a:hover {color: #0A6B28;text-decoration: none;}

.phon-cta {
position: absolute;
right:207px;
top:19px;
}

/* Fix */

.wrap:after, .wpcf7-form:after {
    content: "."; 
    display: block;
	 height: 0;
    clear: both; 
    visibility: hidden;
}