/*
        Theme Name: Seller HR Solutions
        Theme URI: http://adamnicholson.co.uk
        Author: Adam Nicholson & Ashley Wilerton
        Author URI: http://adamnicholson.co.uk
        Description: 
        Version: 1.0
*/


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
h1 { font-size: 25px; font-family: Droid Sans; line-height: 30px; }
h2 { font-size: 18px; font-family: Droid Sans;  }
h3 { font-size: 15px; }


/* Generic styles */
html, body, table, textarea, input, select { font-family: Arial; font-size: 12px; color: #444444; line-height: 18px; }
a { color: #ea9001; }
.link-color { color: #ea9001; }
.page-width { width: 960px; margin: auto; text-align: left; }
.clear-both { clear: both; }
.button { text-decoration: none; display: block; float: left; margin-bottom: 30px; background: #d08612; border-radius: 5px; padding: 8px 15px; color: #fff; font-size: 14px; font-family: Droid Sans; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
.button:hover { background: #fff; color: #444; }


/* Structure */
html { background: #fff; }


#page { text-align: center;  background: url(./images/title-bar-bkg.png) no-repeat 50% 0 #fff; }

#notification { padding: 25px; background: #ea9001; color: #fff; font-weight: 700; text-shadow: 1px 1px 0px #2b2b2b; }

#site-switcher { background: #421f47; color: #fff; border-top: 1px solid #222222; border-bottom: 5px solid #dddcdc; }
#site-switcher ul { list-style-type: none; padding: 0; border-left: 1px solid #3a0d3f; height: 33px; }
#site-switcher ul li { float: left; display: block; border-left: 1px solid #573d5a; }
#site-switcher ul li a { color: #fff; padding: 8px 15px 7px; display: block; text-decoration: none; }
#site-switcher ul li a:hover { color: #ea9001; }
#site-switcher ul li.first { border-right: 1px solid #3a0d3f; }
#site-switcher ul li.active a { font-weight: 700; background: url(./images/site-switcher-active.png) no-repeat 50% 0; padding-bottom: 17px; margin-bottom: -10px; }

header { height: 105px; }
header #logo { float: left; padding: 20px 0 0 0; }
header .right { background: #efefef; float: right; height: 105px; width: 410px; }
header .right > div { padding: 5px 25px; line-height: 20px; }
header .right > div.first { padding-top: 33px; }


nav { background: url(./images/nav-bkg.png) repeat-x 0 0 #2b292b; }
nav ul { list-style: none; }
nav ul > li { float: left; }
nav ul > li > a { display: block; padding: 15px 35px; color: #e5e5e5; text-decoration: none; font-size: 12px; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
nav ul > li > a:hover { color: #fff; }
nav ul > li > a:first-child { padding-left: 0; }


#title-bar { background: url(./images/title-bar-bkg.png) no-repeat 38% 0px #451f47; }
#title-bar .page-width { position: relative; }
#title-bar { color: #fff; }
#title-bar
#side-banner { position: absolute; top: -48px; right: 0; }

#main {  }

#content { padding: 35px 25px 25px 0; width: 525px; z-index: 50; position: relative; min-height: 357px; background: url(./images/content-right-bkg.png) repeat-y 100% 100% #fff; }
body.home #content { min-height: 0; }

.left-column { width: 525px; padding: 32px 25px 50px 0; }




#content ul { list-style: none; padding: 0; margin-top: 10px; }
#content ul li { float: left; }
#content ul li a { display: block; width: 220px; padding: 7px 7px 7px 30px; background: url(./images/arrow-left-orange.png) no-repeat 10px 50% transparent; color: inherit; font-size: 12px; text-decoration: none; }
#content ul li.current_page_item a { font-weight: 700; border-right: 4px solid #ea9001; }
#content ul li a:hover { text-decoration: underline; }
#content p { padding-bottom: 15px; }

/* Sidebar */
#sidebar { position: absolute; right: -270px; top: 0; width: 270px; height: 100%; background: #fff; z-index: 50;}
#sidebar h2 { padding: 15px 18px; border-bottom: 1px solid #d2d2d2; margin-bottom: 7px; }
#sidebar ul { list-style: none; padding: 0; }
#sidebar ul li { float: none; }
#sidebar ul li a { display: block; width: auto; padding: 7px 7px 7px 50px; background: url(./images/arrow-left-orange.png) no-repeat 20px 50% transparent; color: inherit; text-decoration: none; }
#sidebar ul li.current_page_item a { font-weight: 700; border-right: 5px solid #ea9001; }
#sidebar ul li a:hover { background-color: #efeff0; }


/* Testimonials */
#testimonials { background: url(./images/testimonials-bkg.png) repeat 0 0 #f5f5f5; position: relative; z-index: 100; }
#testimonials .page-width { position: relative; }
#testimonials .left-column { position: relative; min-height: 190px; }
#testimonials .left-column .speech-marks { margin: 15px 0 6px 0; }
#testimonials #scrolling-testimonials > div { display: none; }
#testimonials #scrolling-testimonials > div blockquote { font-style: italic; }
#testimonials #scrolling-testimonials > div .author { margin-top: 15px; float: left; }
#testimonials #scrolling-testimonials > div .author .link-color { font-weight: 700; }
#testimonials-buttons { position: absolute; bottom: 25px; right: 25px; }
#testimonials-buttons a { display: block; float: left; background: url(./images/radio-button.png) no-repeat 0 0; height: 10px; width: 10px; margin-right: 10px; }
#testimonials-buttons a.active { background: url(./images/radio-button-active.png) no-repeat 0 0; }


/* Contact form */
#contact-form { background: #282828; width: 410px; position: absolute; right: 0; top: 0; color: #fff; }
#contact-form > .content { padding: 25px; }
#contact-form > .content input, #contact-form > .content textarea { color: #989898; background: #3e3e3e; display: block; padding: 15px 10px; border: 0; margin: 10px 0 0; width: 335px; }
#contact-form > .content textarea { min-height: 100px; }
#contact-form > .content input[type=submit] { width: 100px; cursor: pointer; }

/* Footer */
footer .left-column .column { float: left; padding-right: 18px; margin: 0 18px 0 0; border-right: 1px solid #dcdcdc; min-height: 75px; }
footer .left-column .column.last { border-right: 0; }
footer #site-info { display: none; visibility: hidden; }