@charset "utf-8";
/* CSS Document */


/*
Design: http://portman2.com
Author: Clive
Site: http://brandstrategyguru.com
Last updated: 6th May 2009
Last updated by: Clive
*/

/* RESETS */
body {text-align: center; margin: 0;}
h1, h2, h3, h4, h5, h6, p, ol, ul, p {margin: 0; font: 14px Arial, Helvetica, sans-serif; text-align: left;}
ol, ul, li {list-style-type: none; margin: 0; padding: 0;}
img {border: none;}
a {text-decoration: none;}

/* COMMON ELEMENTS */
h1 {font: 26px "Times New Roman", Times, serif; color: #ff0000; margin-bottom: 20px;}
h2 {font: 20px "Times New Roman", Times, serif; color: #333333; font-style:italic; margin-bottom: 20px;}
p, li {color: #333333; line-height: 16px;}
p a:link, p a:visited {color: #333333; text-decoration: underline;}
p a:hover {color: #ff0000; text-decoration: none;}


/* COMMON CLASSES */
.hide {position: absolute; left: -9999px;} /* invisible but still presented by screen readers */
.noshow {display: none;} /* invisible, even to screen readers */
.clearboth {clear: both;}

body {background: #ffffff url(http://brandstrategy.ehclients.com/themes/site/images/blackbar.gif) repeat-x;}
#homepage, #advicepage, #mediapage, #trainingpage, #testimonialspage, #aboutpage, #blogpage, #contactpage, #termspage, #usermessagepage {width: 950px; margin: 0 auto; text-align: left;}

#header {width: 950px; height: 155px; position: relative;}
#header h1 {position: absolute;  top: 18px; left: 0; }
#header h1 a {display: block; width: 130px; height: 120px; background: url(http://brandstrategy.ehclients.com/themes/site/images/h1.gif) no-repeat; text-indent: -9999px;}
#headernav {position: absolute; height: 30px; left: 158px; top: 102px;}
#headernav li {float: left;}
#headernav a:link, #headernav a:visited {display: block; height: 30px; margin-right: 12px;
	font: 20px "Times New Roman", Times, serif; color: #cccccc;}
#headernav a:hover, #headernav a.active {color: #ffffff; border-bottom: 1px solid #ffffff;}

#left {width: 725px; float: left; padding: 30px 25px 30px 0;}
#left p { margin-bottom: 15px;}
#left ul { margin-bottom: 15px}
#left li {background: url(http://brandstrategy.ehclients.com/themes/site/images/bullet.png) no-repeat 5px 4px; padding-left: 13px;  margin-bottom: 5px;}
#left img {float: right; margin: 0 0 30px 30px;}
#right {width: 200px; float: right; padding: 30px 0;}

/* HOME PAGE */
#home_intro {background: url(http://brandstrategy.ehclients.com/themes/site/images/home_pic.jpg) bottom right no-repeat; border-bottom: 1px solid #999999;}
#homepage h1 {padding-right: 160px;}
#homepage h2 {padding-right: 200px;}
#home_intro p {padding-right: 270px;}
#homepage #left ul {width: 420px;;}
#homepage #left li {}
#home_other {padding: 30px 0 0 0; margin-bottom: 20px;}
#homepage .video {float: left; width: 300px; height: 245px; margin: 0 30px 30px 0;}
#advicepage .video, #trainingpage .video, #aboutpage .video, #blogpage .video {float: right; margin: 0 0 30px 30px;}
.blog_image {float: right; margin: 0 0 30px 30px; clear: right;}
.blog_image img {width: 300px;}
.video p {position: absolute; left: -9999px;} /* invisible but still presented by screen readers */
#newsletter input.submit {margin: 10px 0 0; width: 80px; color: #666666;}

/* MEDIA PAGE */
#mediapage .video {width: 300px; height: 245px; margin: 20px 30px;}
#mediapage .left {float: left}
#mediapage .right {float: right;}

/* TRAINING PAGE */
.trainingpost {margin-bottom: 30px; clear: both;}
.trainingpostimage {float: right; width: 300px; text-align: center; }
#trainingpage #left img {float: none; margin: 0 auto;}
p.trainingnote {clear: both; padding-top: 20px;}

/* TESTIMONIALS */
#logo {text-align: center;}
#logo img {margin-top: 5px; margin-bottom: 10px;}

/* BLOG PAGE */
.blogpost {text-align: center; border-bottom: 1px solid #999999; padding-bottom:10px; margin-bottom: 20px;}
.blogpost h1 {text-align: left; font-size: 22px; margin-bottom: 5px;}
h1 a:link, h1 a:visited {color: #ff0000; text-decoration: none;}
h1 a:hover {color: #ff0000; text-decoration: underline;}
.blogpost h2 {text-align: left;}
/* h3 = date */ .blogpost h3 {text-align: left; font: 18px "Times New Roman", Times, serif; font-style: italic; color: #333333; margin-bottom: 15px;}
.blogpost h4 {text-align: left; font: 14px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 10px;}
.blogpost p {text-align: left; font: 14px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 10px;}
h4.summary {margin-bottom: 20px;}
.blogpost object {width: 300px; height: 245px; margin: 30px 0;}

#comments h2 {margin-bottom: 5px; padding: 0;}
.comment {margin-bottom: 15px;}
#comments .comment p {margin: 0 0 5px; padding: 0 20px;}
.comment p.author {font-style: italic;}
#blogpage #left li {background: none; padding: 0 225px;}
#commentsform {border-bottom: 1px solid #999999;  padding-bottom: 15px;}
#commentsform h2 {margin: 0 0 10px 225px;}
#commentsform textarea {width: 300px; height: 159px; overflow: hidden; font: 12px Arial, Helvetica, sans-serif; color: #666666;}
#commentsform label {font: 12px Arial, Helvetica, sans-serif; color: #666666;}
#commentsform input {}
#commentsform input.submit {width: 120px; font: 14px Arial, Helvetica, sans-serif; color: #666666; margin-top: 5px;}
input.email, input.location, input.name {width: 300px;}

/* CONTACT PAGE */
#officeform {width: 300px; float: left; margin-left: 30px;}
#seamusform {width: 300px; float: right; margin-right: 30px;}
#officeform p, #seamusform p {width: 300px; font: 18px "Times New Roman", Times, serif; line-height: 24px; }
span.contact_who, span.tel {font-weight: bold;}
#contactpage #left li {padding: 0;}
#officeform li, #seamusform li {background: none; margin-bottom: 0;}
#officeform fieldset, #seamusform fieldset {padding: 0px; margin: 0; border: none;}
#officeform label, #seamusform label {font: bold 12px Arial, Helvetica, sans-serif; color: #666666;}
#officeform input, #seamusform input {width: 243px; margin: 2px 0 10px; font: 12px Arial, Helvetica, sans-serif; color: #666666;}
#officeform textarea, #seamusform textarea {width: 243px; height: 150px; margin: 2px 0 0; overflow: hidden; font: 12px Arial, Helvetica, sans-serif; color: #666666;}
#officeform input.submit, #seamusform input.submit {margin: 10px 0 0; width: 80px;}

/* USER MESSAGES PAGE */

#usermessagepage #content {height: 500px;}




#right h3 {font: 22px "Times New Roman", Times, serif; color:#333333; margin-top: 5px; margin-bottom: 15px;}
#right h4 {font: bold 12px Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #000000;}
#right h5 {font: italic 11px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
#right h6 {font: 12px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
#right p {width: 200px; font: 12px Arial, Helvetica, sans-serif; margin-bottom: 10px;}
#right li {font: 12px Arial, Helvetica, sans-serif;}
#right li a:link, #right li a:visited, #right li a:hover {color: #333333;}
#right li a:hover {text-decoration: underline;}
#latest_posts {padding-bottom: 0; margin-bottom: 0px;}
#blogpage #latest_posts, #categories, #rss {padding: 10px 0; margin-bottom: 20px; border-top: 1px solid #999999;}
#caveat {padding-bottom: 10px; margin-bottom: 0px;}
#caveat p {margin-bottom: 15px;}
#latest_posts p {text-align: right;}
#latest_posts li, #categories li {margin-bottom: 5px; padding-left: 20px;}
#brandeffect, #newsletter, #twitter {padding: 10px 0; margin-bottom: 0; border-top: 1px solid #999999;}
#right fieldset {border: 0px solid; padding: 0; margin: 0;}
#right input {width: 180px; margin: 10px 10px 5px 0px;}
#right input.submit {width: 100px;}
#right .blogpost {border: none; margin: 0;}

#rss {width: 200px; text-align: right; font: 12px Arial, Helvetica, sans-serif;}
#rss p {display: block; width: 175px; height: 20px; background: url(http://brandstrategy.ehclients.com/themes/site/images/rss.gif) no-repeat; padding: 0 0 0 25px; line-height: 20px;}

div.tweet {margin-bottom: 20px;}
#twitter p.date {font: 12px Arial, Helvetica, sans-serif; font-style: italic; margin-bottom: 10px;}


.testimonial {margin-bottom: 30px;}
.testimonial p {font-style: italic;}
p.testimonial_src {font-weight: bold; font-style: normal; }

#right .testimonial p {font-style: italic;}
#right p.testimonial_src {font-weight: bold; font-style: normal; margin-bottom: 20px;}

#footer_container {background-color: #000000; clear: both;}
#footer {width: 950px; height: 180px; margin: 0 auto; padding-top: 37px; text-align: left;}
#footernav {height: 27px;}
#footernav li {float: left;}
#footernav a:link, #footernav a:visited {display: block; height: 30px; margin-right: 12px;
	font: 20px "Times New Roman", Times, serif; color: #cccccc;}
#footernav a:hover, #footernav a.active {color: #ffffff; border-bottom: 1px solid #ffffff;}
ul#contactdetails {margin-top: 35px;}
ul#contactdetails  li, ul#contactdetails li a {font: 20px "Times New Roman", Times, serif; color: #cccccc; font-style:italic;}
ul#contactdetails li a:hover {text-decoration: underline; color: #ffffff;}
ul#credits {margin-top: 30px;}
ul#credits li {float: left; font: 12px Arial, Helvetica, sans-serif; color: #cccccc; margin-bottom: 2px;}
li#terms {padding-right: 10px; margin-right: 10px; border-right: 1px solid #cccccc;}
ul#credits a {color: #cccccc;}