
/*---------------------------
	Project: Neil Wood Consulting
	Author: Mark Lewis
	Updated: 19/04/09 
---------------------------*/

a:link
{
	color:#002288;
	text-decoration:underline;
}

a:visited
{
	color:#002288;
}

a:active
{
	color:red;
}

a:hover,.product a p:hover
{
	text-decoration:none;
}

/*---------------------------
	LAYOUT
---------------------------*/

* {
	padding: 0;
	margin: 0;
}

body {
	color: #222;
	background: #fff url("../images/background.gif") 0 100px repeat-x;
	font-size:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height:1.4em;
	text-align:center;
}

p, ul, form, blockquote {
	padding-bottom:1em;
}

h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.2em;
}

div#identity, div#header, div#content, div#footer p {
	text-align:left;
	width:908px;
	margin:0 auto;
}

div#footer {
	margin-top:15px;
	padding:15px 0;
	border-top:1px solid #ddd;
	clear:both;
}

div#footer p {
	text-align:right;
	color:#666;
}

/*---------------------------
	IDENTITY
---------------------------*/

div#identity {
	position:relative;
	height:100px;
}

div#identity h1 {
	text-indent: -5000px;
	background:#fff url("../images/logo.gif") 3px 50% no-repeat;
	width:189px;
	height:100px;
}	

div#identity ul#menu {
	position:absolute;
	right:0;
	bottom:20px;
}

ul#menu li {
	display:inline;
	margin-left:10px;
}

ul#menu li a {
	font-size:0.9em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding-bottom:3px;
}

ul#menu li a:hover, ul#menu li a.active {
	border-bottom: 2px solid #039;
}

/*---------------------------
	HEADER
---------------------------*/

div#header {
	height:208px;
	background:url("../images/banner_neil_01.jpg") 0 31px no-repeat;
}

#presentations div#header, #training div#header {
	background:url("../images/banner_neil_02.jpg") 0 31px no-repeat;
}

#about div#header {
	background:url("../images/banner_neil_03.jpg") 0 31px no-repeat;
}

div#header p {
	padding:22px 0 0 329px;
	font:2.7em/1.5 Arial, Helvetica, sans-serif;
	color:#fff;
}

/*---------------------------
	CONTENT
---------------------------*/

p,ul,ol,blockquote,address,table
{
	color:#333;
	font-size:.875em;
	padding-bottom:1em;
}

li p, ol ul, ul ul, ol blockquote
{
	font-size:1em;
}

div#content {
	overflow:hidden;
	background:url("../images/banner_neil_01.jpg") 0 -177px no-repeat;
	height: 1%; /* fix 3 pixel gap in content area */
}

#presentations div#content, #training div#content  {
	background:url("../images/banner_neil_02.jpg") 0 -177px no-repeat;
}

#about div#content {
	background:url("../images/banner_neil_03.jpg") 0 -177px no-repeat;
}

div#content div#column-1 {
	float:right;
	width:580px;
	padding-top:22px;
}

div#content p.pullquote {
	float:right;
	width:166px;
	margin-left:15px;
	font-size:1.15em;
	font-style:italic;
	color:#666;
	border-bottom:1px solid #ccc;
}

div#content div#column-2 {
	position:relative;
	margin:0 621px 0 0;
	padding-top:60px;
}

div#content div#column-2 blockquote#testimonial, div#content div#column-2 div#about-neil, div#content div#column-2 form {
	left:3px;
}

div#content div#column-1 ul {
	margin-left:3em;
}

div#content div#column-2 blockquote#testimonial {
	padding-top:1.5em;
	background:#fff3ac url("../images/round_corners_top.gif") 0 0 no-repeat;
}

div#content div#column-2 blockquote#testimonial p {
	padding:0 1.5em 1.5em 1.5em;
}

div#content div#column-2 blockquote#testimonial p.reference {
	text-align:right;
	padding:0 1.5em 1.5em 1.5em;
	background:transparent url("../images/round_corners_bottom.gif") 0 100% no-repeat;
}

div#content div#column-2 blockquote#testimonial p.reference strong, div#content div#column-2 blockquote#testimonial p.reference em {
	display:block;
}

div#content div#column-2 div#about-neil {
	height:1%; /* allow IE to find box height correctly */
	margin-bottom:1.5em;
	position:relative;
	background:#002c83 url("../images/about_neil_bottom.gif") 0 100% no-repeat;
}

div#content div#column-2 div#about-neil h2 {
	color:#ccc;
	font-size:1em;
	text-decoration:none;
	padding:5px 0 0 85px;
	background:#fff url("../images/about_neil_top.gif") 0 0 no-repeat;
}

div#content div#column-2 div#about-neil img {
	position:absolute;
	left:0;
	bottom:0;
	border:0;
}

div#content div#column-2 div#about-neil p {
	color:#ddd;
	text-decoration:none;
	padding:10px 10px 10px 85px;
	background:transparent url("../images/about_neil_sep.gif") 50% 0 no-repeat;
}

div#content div#column-2 form input, div#content div#column-2 form textarea {
	display:block;
	margin-bottom:1em;
	width:280px;
}

div#content div#column-2 form input.button {
	width:auto;
}

div#content div#column-2 p.error {
	font-weight:bold;
	color:#f00;
	border-bottom:2px solid #f00;
	padding:0 0 .25em 0;
	background-color:#fff;
	margin-bottom:1em;
}

.book {
	float:left;
	margin:0 1.5em 1.5em 0;
}

#nwc-video {
	position:relative;
	height:1%;
}

/*
  Blog
  ========================================
*/

h1 a:link {
	text-decoration:none;
}

h1 a:visited {
	text-decoration:none;
}

h1 a:hover{
	color:#ccc;
}

.info
{
	color:#999;
	display:block;
	font-size:.875em;
	padding-bottom:0;
}

h2 small {
	font-size:.75em;
	color:#666;
}

div#content div#column-1 ul.social-networks {
	margin:0;
}

div#content div#column-1 ul.social-networks
{
	list-style:circle;
	margin:0;
}

div#content div#column-1 ul.social-networks li
{
	background:#fff url(../images/list-sep.gif) no-repeat 0 55%;
	display:inline;
	margin-left:.5em;
	padding-left:.8em;
}

div#content div#column-1 ul li.first
{
	background:none;
	margin-left:0;
	padding-left:0;
}

#tags ul li 
{
	display:inline;
}

/*
  Form Elements
  ========================================
*/


fieldset {
	border: 0;
}
  
label input,label textarea,label select
{
	display:block;
	font-size:1em;
	margin:1em 0;
	padding:.25em 0;
	width:100%;
}

div#content div#column-2 form #bait {
	display:inline;
	padding:.30em .25em;
	width:60%;
}

div#content div#column-2 form #signup {
	display:inline;
	padding:.15em 1em;
	text-align:right;
	width:auto;
}

textarea
{
	height:10em;
}

#submit
{
	background-color:#7cb163;
	border:1px solid #78ab61;
	color:#fff;
	font-size:1em;
	margin:1em 0;
	padding:.25em 1em;
}

#disabled
{
	background-color:#ccc;
	border:1px solid #ddd;
	color:#fff;
	font:1.2em Arial, Helvetica, sans-serif;
	margin:1em 0;
	padding:.25em 1em;
}

input.quantity
{
	padding:.25em 0;
	width:3em;
}

select
{
	display:block;
	font-size:1em;
	padding:.5em;
}

/*
  Shop Related
  ========================================
*/
  
#cart #column-1
{
	position:relative;
}

#cart #column-1 #paypal-info
{
	bottom:15px;
	position:absolute;
	right:-15px;
}

.product
{
	float:left;
	margin:0 15px 15px 0;
	width:181px;
	display:block;
	position:relative;
}

.product a
{
}

.product p
{
	text-align:center;
}

.product h4
{
	background-color:#333;
	color:#fff;
	font-size:12px;
	padding:3px 8px;
	position:absolute;
	right:0;
	top:50px;
}

.product a,.product img
{
	border:0;
	text-decoration:none;
}

span.currency
{
	display:inline;
	font-size:.8em;
	height:auto;
	vertical-align:top;
}

#cart #column-1 h1 {
	padding-bottom:.5em;
}

#cart #zip {
	width:10em;
	font-size:1em;
	margin:1em 0;
	padding:.25em;
}
#cart #promo-code {
	width:10em;
	font-size:1em;
	padding:.25em;
}

#cart textarea
{
	position:absolute;
	visibility:hidden;
}

#cart table
{
	border-collapse:collapse;
	border-spacing:0;
	border-top:3px solid #eee;
	margin-bottom:1em;
	width:100%;
}

.delete a
{
	color:red;
	text-decoration:none;
}

#cart table tr
{
	border-bottom:1px solid #eee;
}

#cart table td,#cart table th
{
	padding:.5em 0;
}

#cart table td.operator
{
	color:#999;
	font-size:1.3em;
	padding:.5em 3em .5em 0;
	text-align:center;
}
