/*  

Client: Masterclass
Client URL: http://www.masterclass.org
Description: 
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 01/11/2009

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

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,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background:#CCCCCC;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.1em;
	line-height:2em;
	margin-bottom:1.6em;
}

h1 {
	font-size:2em;
	color:#505050;
	display:block;
	width:220px;
	float:left;
	text-align:right;
	margin:0 0 0 40px;
}

h2 {
	font-size:1.6em;
	color:#c70651;
	margin-bottom:5px;
}

h3 {
	font-size:1.2em;
	color:#c70651;
	margin-bottom:3px;
	font-weight:bold;
}

h3 a {font-weight:bold;}

h4 {
	font-size:1.2em;
	color:#c70651;
	margin-bottom:3px;
}

h5 {
	font-size:11px!important;
	font-weight:bold;
}

h6 {
}

#main-col ul {
	margin:0 0 1.2em 1.8em;
}

#main-col li {
	font-size:1.1em;
	line-height:2em;
	margin-bottom:6px;
	list-style:disc;
}

#main-col ol li {
	font-size:1.1em;
	line-height:2em;
	margin-bottom:6px;
	list-style: decimal;
}

blockquote {
}

img {
}

/*strong {}
em {}
u {}*/

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a,
a:visited {
	color:#c70651;
	text-decoration:none;
}

a:hover,
a:visited:hover,
a:focus {
	text-decoration:underline;
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

.red {color:#c70651;}
.grey-line {border-top:1px solid #CCCCCC; margin-bottom:20px;}

/* 7.0	Wrapper */

div#wrapper {
	background:url(../images/wrapper_bg.png) top repeat-x #FFFFFF;
	width:1020px;
	margin:auto;
	padding-top:20px;
}

/* 8.0	Logo */

#logo {
	float:left;
	width:220px;
	height:98px;
}

/* 9.0	Layout */
#header {
	margin:0 40px;
	height:142px;
}

#tel {
	float:right;
	font-size:2em;
	color:#c70651;
	width:220px;
	text-align:right;
	display:inline; /* Hack for IE6 Double margin bug */
	margin-top:20px;
}
#intro {
	height:91px;
	margin:17px 0 23px 0;
}

#intro p {
	font-size:1.4em;
	color:#505050;
	width:460px;
	line-height:1.5em;
	float:left;
	margin-left:20px;
}	

#left-col {
	float:left;
	width:220px;
	display:inline; /* Hack for IE6 Double margin bug */
	margin:0 20px 0 40px;
}

.box {
	background:#efefef;
	border:1px solid #dcdcdc;
	padding:10px 10px 0 10px;
	margin-bottom:20px;
	position:relative;
}

.box h2 {
	font-size:1.8em;
	color:#704772;
	margin-bottom:10px;
}

.box h3 {font-size:1.1em; margin-bottom:4px;}
.box h3 a {
	color:#704772;
	font-weight:bold;
}

.box p {
	margin-bottom:11px;
	line-height:1.6em;
}

#email-subscribe input,
#email-subscribe button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#email-subscribe input {
	padding:3px 2px;
	border:1px solid #CCCCCC;
	width:130px;
	color:#333;
}

#email-subscribe button {
	color:#FFFFFF;
	background:#c70651;
	border:none;
	padding:3px 2px;
}

#email-subscribe input.error {
	background:#fcebeb!important; 
	border: 1px solid #ffcccc;
}

#email-subscribe label.error {	
	color:#FF0000;
	position:absolute;
	top:137px;
	left:-1px;
	background:#fcebeb!important; 
	border: 1px solid #ffcccc;
	padding:5px 0;
	text-align:center;
	width:218px;
}

#main-col {
	width: 460px;
	float:left;
}

#right-col {
	float:right;
	width:220px;
	display:inline; /* Hack for IE6 Double Margin Bug */
	margin:0 40px 0 0; 
}

p.calltoaction {
	font-size:1.8em;
	color:#c70651;
	line-height:1.5em;
}

p.calltoaction a {line-height: 1.5em;}

#footer {
	margin: 20px 40px;
}

#icons {float:right;}
#icons img {margin-left:7px;}

#copyright {
	float:left;
	font-size:0.9em;
	line-height:1.4em;
}

#copyright a {text-decoration: none; color:#666666;}

h2.trigger {
	background:#c70651 url(../images/plus.gif) no-repeat right top;
	margin-bottom:9px;
	text-decoration:none;
	font-size:1.1em;
}

h2.trigger a,
h2.trigger a:visited {
	display:block;
	font-size:1.1em;
	color:#FFFFFF!important;
	text-decoration:none!important;
	padding:5px 5px 4px 5px;
}

h2.trigger a:hover {}

h2.active {
	background:#c70651 url(../images/minus.gif) no-repeat right top;
}

.toggle_container {
	padding:0;
}

.toggle_container .block {
	overflow:hidden;
	padding-bottom:10px;
} 

img.headshot {
	border:1px solid #cbcaca;
	display:inline; /* Hackfor IE6 Double marginh bug */
	margin:0 0 0 5px;
	/*width:100px;*/
	float:left;
}

.biography {
	float:right;
	width:335px;
	margin-right:5px;
	display:inline; /* hack for IE6 Double margin bug */
}


.biography  p {margin-bottom:3px;!important}

.linkedin {
	float:right;
	display:inline; /* hack for IE6 Double margin bug */
	margin-right:5px;
}

#recent-blog-posts {padding-top: 14px;}


/* Contact Details */
#address {float:left;width:140px;}
#map {float:right;width:300px;}

#contact_form ul,
#comment_form ul {
	list-style:none;
	margin:0;
	padding:0;
}

#contact_form li,
#comment_form li {
	list-style:none;
	margin:0 0 6px 0;
	padding:0;
}

#contact_form label {
	float:left;
	width:140px;
	text-align:right;
	display:inline; /* Hack for IE6 Double Margin Bug */
	margin-right:20px;
	font-size:11px!important;
	position:relative;
	top:7px;
}

#comment_form label {
	display:block;
	font-size:11px!important;
	margin-bottom:3px;
}

#contact_form input,
#contact_form textarea,
#comment_form input,
#comment_form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666666;
	border:1px solid #aeaeae;
	padding:4px;
	width:290px;
}

#comment_form textarea {height:75px;}

#contact_form input:focus,
#contact_form textarea:focus,
#comment_form input:focus,
#comment_form textarea:focus {
	background:#f8f8f8;
}

#contact_form button,
#comment_form button {
	border:none;
	background:#c70651;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	padding:4px 10px;
}

input.checkbox {
	width:20px!important;
	border:none!important;
	padding:0!important;
	float:left;
}

#comment_form label.checkbox-label {
	position:relative;
	top:2px;
	padding:0 0 10px 5px;
}

/* Error Trapping */
#contact_form label.error {
	float:none;
	display:block;
	color:#FF0000;
	clear:both;
	font-size:11px!important;
	font-style:italic;
	padding:0px 0 10px 160px;
	width:auto!important;
	margin:0!important;
	text-align:left;
}

#comment_form label.error {
	float:none;
	display:block;
	color:#FF0000;
	clear:both;
	font-size:11px!important;
	font-style:italic;
	padding:3px 0 10px 0;
	text-align:left;
}

#contact_form input.error,
#contact_form textarea.error,
#comment_form input.error,
#comment_form textarea.error {
	background:#fcebeb!important;
	border: 1px solid #ffcccc;
}

#contact_form input.error:focus, 
#contact_form textarea.error:focus,
#comment_form input.error:focus, 
#comment_form textarea.error:focus { 
	border: 1px solid #ff9999; 
}

#comments {margin:20px 0;}
#comments h2 {margin-bottom:12px;}

#comments ul {
	list-style:none;
	padding:0;
	margin:0;
}

#comments li {
	list-style:none;
	padding:5px 12px 12px 12px;
	margin:0 0 6px 0;
	background:#f8f8f8;
	border:1px solid #eceaea;
}

#comments li.no-comment {padding:5px 12px 5px 12px;}
#comments li.no-comment h5 { text-align:center;}


#comments ul li p {
	margin-bottom: 3px;
	line-height:1.8em;
	font-size:11px!important;
}

.previousnext {margin:20px 0;}
.previousnext a {font-size:1.1em;}
h2.leave-comment {margin-bottom:12px;}

/* 10.0	Navigation */
ul#nav {
	float:right;
	position:relative;
	top:-3px;
}

#nav li {
	float:left;
	position:relative;
	margin-left:2px;
}

#nav li a,
#nav li a:visited {
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	padding:7px 9px 8px 9px; /*7px 18px 8px 18px*/ /*7px 12px 8px 12px*/
	position:relative;
}

#nav li a sup,
#nav li a div.sup {
	position:absolute;
	right:4px;
	top:4px;
}

#nav li a:hover,
#nav li a:focus,
#nav li a:visited:hover,
#nav li a.selected {background-position:bottom!important;}

/* Sub Navigation */

#sub-nav ul {
	position:relative;
}

#sub-nav li {margin-bottom:1px;}

#sub-nav li a,
#sub-nav li a:visited {
	display:block;
	position:relative;
	font-size:1.1em;
	color:#797979;
	padding:11px 16px;
	text-decoration:none;
	left:-16px;
}

#sub-nav li a:hover,
#sub-nav li a:focus,
#sub-nav li a:visited:hover,
#sub-nav li a.selected {
	color:#FFFFFF!important;
	background:#c70651 url(../images/sub_nv_on.gif) no-repeat top left;
	padding:11px 5px 11px 32px!important;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li {height: 1%; }
* html ul li a { height: 1%; }
/* End */


/* Footer Nav */
#footer-nav {float:right; margin-top:16px;}
#footer-nav li {float:left; margin-left:3px; font-size:0.9em;}
#footer-nav li a {color:#666666;}

/* 11.0	Forms */

fieldset {
}

legend {
}

label {
}

input {
}


textarea {
}

button {
}

/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}

/* Twitter styles */

#tweet,
#tweet ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}

#tweet h2 {
	font-size:1.3em;
	font-weight:bold;
}

#tweet li {
	margin:0 0 10px 0!important;
	padding:0;
	list-style:none;
}

#tweet li p {
	margin:0 0 3px 0;
	font-size:11px;
}

a.twitter {
	color:#704772;
	font-size:1.1em;
	background:url(../images/twitter.png) no-repeat top left;
	padding:5px 0 5px 70px;
}

a:hover.twitter {
	text-decoration:underline;
}

/* Client section */

ul#client-list {
	margin:0;
	padding:0;
	list-style:none;
}

#client-list li {
	margin:0 10px 10px 0;
	padding:0;
	list-style:none;
	float:left;
}
#client-list li img {display:block;}
/*#client-list li.end-item {margin-right:0;}*/