/*
Theme Name: ETG Style
Theme URI: http://wordpress.org/
Description: Theme for Education Travel Group.
Version: 1.0
Author: Dean Hayden
Author URI: http://www.brightenup.me/
Tags: etg, grey, modern, accessibility

	This theme was designed and built by Dean Hayden for Brightenup

*/



/* Global */
* {	margin: 0px; padding: 0px; border: none; list-style: none; outline: 0; }
body { background: #FFF; font: 62.5% Arial, Helvetica, sans-serif; letter-spacing: -0.02em; }
a { text-decoration: none; outline: none;  }
a:hover { text-decoration: underline; }
a:active { outline: none; }

/* Navigation */

#header img { margin-left: 24px; margin-top: 20px; float: left; clear: both; }
#navigation { float: right; margin-top: 10px; clear: both; }
#navigation li { float: left; font-size: 1.2em; font-weight: bold; line-height: 100%; }
#navigation li a { color: #FFF; background: #4e4f50; padding: 0.5em 0.9em; display: list-item; margin-left: 1px; }
#navigation li a:hover { background: #bfc1c2; color: #4e4f50; text-decoration: none; }
#navigation li.current_page_item a , #navigation li.current_page_item a:hover, #navigation li.current_page_parent a , #navigation li.current_page_parent a:hover, #navigation li.current_page_ancestor a , #navigation li.current_page_ancestor a:hover { color: #4e4f50; background: #bfc1c2; text-decoration: none; }
#secondarynavigation { clear: both; position: relative; margin-left: 16px; margin-bottom: 10px; padding: 0px 0px 40px 0px; }
#secondarynavigation li { float: left; font-size: 1.6em; font-weight: bold; line-height: 100%; border-right: 1px solid #FFF;}
#secondarynavigation li a { color: #bfc1c2; padding: 0.2em 0.5em; display: list-item; margin-left: 1px; }
#secondarynavigation li a:hover { text-decoration: none; background: #4e4f50; }
#secondarynavigation li.current_page_item a, #secondarynavigation li.current_page_item a:hover { color: #FFF; text-decoration: none; }

/* Structure */
#center { width: 900px; margin: 0 auto; }
#container { width: 900px; float: left; }
#bgimage { float: left; height: 706px; width: 900px; float: left;  }
#bgopacity { width: 900px; float: left; min-height:790px;}
#header { float: left; background: #FFF; width: 900px; margin-bottom: 50px; }
#footer { float: left; clear: both; background: #FFF url(http://www.educationtravelgroup.com/img/global/footerlogos.png) no-repeat 546px 10px; width: 900px; height: 94px; }
#intro { width: 420px; float: left; position: relative; }
#intronofloat { width: 420px; }
#left { width: 420px; float: left; margin-bottom: 2em; }
#news, #brands { margin-left: 580px; margin-right: 24px; margin-bottom: 4em; }
#content.black { padding: 0px 24px; clear: both; }
#clear { width: 100%; clear: both; }
.left { float: left; }
.right { float: right; }
.container { width: 100%; float: left; clear: both; }


.action .right { float: right; display: none; }

/* Brands Navigation */
#brands ul { margin-bottom: 1em; }
#brands li { line-height: 140%; color: #FFF; font-weight: bold; list-style: none!important; }
#brands li li { font-size: 0.8em; border-left: 1px solid #FFF; padding-left: 1em; margin-left: -1.6em; }
#brands a  { color: #bfc1c2!important; padding: 0.2em 0.5em; }
#brands a:hover { background: #4e4f50; text-decoration: none; }
#brands li { margin-left: 1em;  }

/* News */
.newsitems { background: url(img/global/black25.png); padding: 20px 24px; margin-bottom: 2em; }
.newsitems p { color: #bfc1c2!important; margin: 0px!important; }
.newsitems h2 { margin: 0px!important; }
.newsitems .date { margin-bottom: 1em!important; font-size: 1.1em!important; }

/* Jobs */
.jobitems { background: url(img/global/black25.png); padding: 20px 24px 40px 24px; margin-bottom: 2em; }
.jobitems p { color: #bfc1c2!important; }
.jobitems h2 { margin: 0px!important; }
.jobitems .date { margin-bottom: 1em!important; font-size: 1.1em!important; }

/* Key People */
.keypeople h2 { color: #FFF!important; margin: 0px!important; }
.keypeople h2 em { color: #bfc1c2; font-weight: normal; font-style: normal; }
.keypeople .email { border-bottom: 1px solid #FFF; font-weight: bold; float: left; clear: both; width: 100%; margin-bottom: 2em; }
.keypeople .email p { margin: 0px!important; }

/* Action */
.action { border-bottom: 1px solid #FFF; font-weight: bold; float: left; clear: both; width: 100%; }
.action p { color: #FFF!important; margin: 0px!important; }

/* Address */
.address1 { float: left; margin-right: 3em; }
.address2 { float: left; }
.address1 p, .address2 p { border-left: 1px solid #FFF; padding-left: 1em; }
.address1 h2, .address2 h2 { margin: 0px!important; padding-left: 0.75em; color: #FFF!important; }

/* Contact Form */
#contactform { width: 500px;  padding: 20px 24px; margin-bottom: 2em;  }
#contactform h1 { color: #FFF!important; margin-bottom: 0.8em!important; }
#contactform .left { margin-right: 20px; }
#contactform input { padding: 0.2em 0.3em; font: 1.2em Arial, Helvetica, sans-serif; border: 1px solid #bfc1c2; }
#contactform textarea { padding: 0.2em 0.3em; font: 1.2em Arial, Helvetica, sans-serif; width: 60%; height: 13.8em; border: 1px solid #bfc1c2 }
#contactform p { color: #bfc1c2!important; font-weight: bold; }
#contactform .button { padding: 0.4em 0.5em; font: 1.4em Arial, Helvetica, sans-serif; font-weight: bold; background: #2d2c2c; color: #FFF; }
input.error, textarea.error { border: 1px solid #FF8888!important; background: #FFEEEE; }
label.error { font-size: 1.2em; color: #FF3333; }

/* Equal Opportunities */
#equalopportunities { width: 200px; margin-left: 604px; display: none; }
#equalopportunities p { font-size: 1.1em!important; line-height: 130%!important; }

/* Typography */
#content p { font-size: 1.2em; line-height: 140%; margin-bottom: 1.4em; }
#content ul { font-size: 1.2em; line-height: 140%; margin-bottom: 1.4em; }
#content h1 { font-size: 2em; line-height: 140%; margin-bottom: 1.4em; }
#content h2 { font-size: 1.6em; line-height: 140%; margin-bottom: 1.4em; }
#content h3 { font-size: 1.4em; line-height: 140%; margin-bottom: 0.5em; }
#news h3 { font-size: 1.4em; line-height: 140%; margin-bottom: 0em; }
#content.black h1 { color: #bfc1c2; }
#content.black h2 { color: #bfc1c2; }
#content.black h3 { color: #bfc1c2; }
#content.black a { color: #FFF; }
#content.black p { color: #FFF; text-align: justify; }
#content ul { color: #FFF; }
#news.black p { color: #cfd1d1; }
#content a:hover { text-decoration: none; background: #4e4f50; color: #bfc1c2; }
#content li { list-style: square; margin-left: 1em; }

/* Footer */
#footer ul { margin-left: 24px; }
#footer li { float: left; font-size: 1.1em; font-weight: bold; line-height: 100%; }
#footer li a { color: #FFF; background: #4e4f50; padding: 0.2em 0.4em; display: list-item; margin-left: 1px; }
#footer li a:hover { background: #bfc1c2; color: #4e4f50; text-decoration: none; }
#footer li.current_page_item a , #footer li.current_page_item a:hover, #footer li.current_page_parent a , #footer li.current_page_parent a:hover, #footer li.current_page_ancestor a , #footer li.current_page_ancestor a:hover { color: #4e4f50; background: #bfc1c2; text-decoration: none; }

/* Sitemap */
#map { color: #FFF; }
#map ul ul { margin-bottom: 1em; }
#map li { font-weight: bold;list-style: none!important; }
#map li li { font-weight: bold; font-size: 0.8em; }
#map li li li { font-weight: normal; }
#map li li li:before { content: "- "; }

/* Side */
#sidebar { width: 200px; margin-left: 604px; margin-bottom: 4em; font-size: 0.8em; text-align: left; }
#sidebar h2 { margin: 0px 0px 0.5em 0px; color: #FFF!important; }
#sidebar ul { margin-bottom: 1em; }
#sidebar li { list-style: none!important; margin: 0px; }
#sidebar li li { color: #bfc1c2!important; background: url(img/global/liwhite.png) no-repeat 0px 3px; padding-left: 0.6em; }
#sidebar li li a { color: #bfc1c2!important; }

/* Archives */
#archives h2 { margin: 0px!important; }
#archives p { color: #bfc1c2!important; }
#archives .date { margin-bottom: 1em!important; font-size: 1.1em!important; }

/* Brand IMG */


/*
#logo { width: 300px; margin-left: 554px; }
#logo img { width: 300px; height: 300px;}
*/

#logo { width:430px; float:right; }
#logo img { display:block; margin:auto;}

/* BG Images */
#bgopacity.home { background: url(img/global/black50.png); }
.home { background: url(img/home/bg.jpg) no-repeat; }
.ourbrands { background: url(img/our-brands/bg.jpg) no-repeat; }
.workingwithus { background: url(img/our-brands/bg.jpg) no-repeat; }
.kingswood { background: url(img/our-brands/kingswood.jpg) no-repeat; }
.sts { background: url(img/our-brands/sts.jpg) no-repeat; }
.stspavilion { background: url(img/our-brands/stspavilion.jpg) no-repeat; }
.skiplan { background: url(img/our-brands/skiplan.jpg) no-repeat; }
.equityskischool { background: url(img/our-brands/equityskischool.jpg) no-repeat; }
.equityschooltravel { background: url(img/our-brands/equityschooltravel.jpg) no-repeat; }
.equitystudenttravel { background: url(img/our-brands/equitystudenttravel.jpg) no-repeat; }
.ukconnection { background: url(img/our-brands/ukconnection.jpg) no-repeat; }
.campbeaumont { background: url(img/our-brands/campbeaumont.jpg) no-repeat; }
.equityski { background: url(img/our-brands/equityski.jpg) no-repeat; }
.rocketski { background: url(img/our-brands/rocketski.jpg) no-repeat; }
.about { background: #3c3c3c url(img/about/bg.jpg) no-repeat;  }
.news { background: #666 url(img/news-and-views/bg.jpg) no-repeat; }
.pressandmedia { background: #605e5e url(img/press-and-media/bg.jpg) no-repeat; }
.workingwithus { background: #605e5e url(img/working-with-us/bg.jpg) no-repeat; }
.workingwithusin { background: #575757 url(img/working-with-us/bgin.jpg) no-repeat; }

.footer { background: #605e5e; }