/*  
Theme Name: Mark Attwood 2.0
Theme URI: http://www.boltonwebdesign.co.uk
Description: Custom Theme <br> - Designed by <a href="http://www.boltonwebdesign.co.uk">Jigsaw Internet Solutions</a> 
Author: Shaun Barnes
Author URI: http://www.boltonwebdesign.co.uk
© 2008, Jigsaw Internet Solutions. All rights reserved. 
*/


/* RESET BUILT IN BROWSER STYLES */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul,li {list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
a{text-decoration:none;}


body { background: #eee; color: #555; font-family: Arial, sans-serif; font-size: 13px; }

a:link, a:visited { color: #008ae5; text-decoration: none;}
a:hover, a:active { color: #cf2127; text-decoration: underline;}

#topbar {
background: #005c99;
color:#FFFFFF;
height:20px;
width:100%;
font-size: 12px;
font-weight: bold;
line-height: 30px;
}


#topbar h2 { font-size: 16px; font-weight: bold; color: #fff; float: left;}

#topbar li {float:right; list-style-type:none; margin: 0;height:30px;
line-height: 30px;
}

#topbar li a {
background:#00101a;
float:right;
font-family:Arial,Helvetica,sans-serif;
height:30px;
line-height: 30px;
margin-left:5px;
padding:0 15px;
-moz-border-radius: 0 0 7px 7px;
-webkit-border-radius: 0 0 7px 7px;
color: #fff;
}

#topbar li a:hover {background:#cf2127; text-decoration: none;
 }


.inner { width: 1002px; margin: 0 auto;}

p { margin-bottom: 0.5em;}

h1,h2,h3,h4,h5,h6 { color: #333; margin-bottom: 0.25em; }

h1 { font-size: 30px;}
h2 { font-size: 25px;}
h3 { font-size: 20px;}
h4 { font-size: 17px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}


#logo { background: url(img/logo.png) no-repeat; width:336px; height:90px; text-indent: -9999px;   position: absolute; bottom: 1px; left: 5px;} 



#header { position: relative; height: 100px;}

#nav { float: right; margin-left: 10px; /* width: 650px;  */ width: 600px;  position:absolute;right:1px;bottom:7px; text-align:left; /* font-family: Georgia, Arial, sans-serif;  */font-size: 15px;}
#nav li { float: left; margin:0 28px 0 0; text-align: center; list-style-type: none;}
#nav li.end { margin-right: 0;}


/*
#nav { float: right; margin-left: 30px; width: 570px; position:absolute;right:10px;bottom:7px; text-align:left; font-family: Georgia, Arial, sans-serif; font-size: 15px;}
#nav li { float: left; margin-right: 30px; text-align: center;}
#nav li.end { margin-right: 0;}
*/

li.half { padding-top: 10px;}

#nav a:link, #nav a:visited, #boxes a:link, #boxes a:visited { color: #008ae5;}
#nav a:hover, #nav a:active, #boxes a:hover, #boxes a:active { color: #004c7f;}
#nav a:hover { text-decoration: none;}
#boxes a:link, #boxes a:visited { font-weight: bold; }
#boxes a:hover, #boxes a:active { text-decoration: underline; }

#top {
background:url("img/bg-top.png") no-repeat #EEE;
height:9px;
margin:0;
padding:0;
width:1002px;
clear: both;
}

#middle {
background:url("img/bg-middle.png") repeat-y #EEE;
margin:0;
padding:15px 0 70px;
width:1002px;
overflow: hidden;
}

.content { width: 972px; margin: 0 auto;}

#contentbottom { margin-top: 20px;   }

#contentbottom p { font-size: 15px;}

#bannerbox { margin: 30px 0 30px 30px; }

#bannerbox h2 { font-size: 40px; padding-top: 25px; margin-bottom: 40px; color: #333; }
#bannerbox h3 { font-size: 40px; font-weight: bold; color: #333;}

#frontvideo { margin-top: 30px;}
#frontvideo h4 { text-align: center;}


#bottom {
background:url("img/bg-bottom.png") no-repeat #EEE;
height:25px;
margin:0;
padding:0;
width:1002px;position: relative;
 }

#boxes { margin-bottom: 25px;
	overflow: auto; line-height: 18px;border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; width: 1000px; margin: 0 auto;}

#boxes .inside {
	padding: 0px 8px;
	position: relative;
	clear: both;
height:330px;
padding:16px;
-moz-text-shadow:2px 2px 2px #FFFFFF;
-webkit-text-shadow:2px 2px 2px #FFFFFF;

}



#box1, #box2, #box3, #box4 {
	float: left;
	overflow: hidden;
	width: 249px;
	border-right: 1px solid #eee;
	padding-bottom: 10px;
}

#box4 { border-right: none;}

#boxes h3  { font-weight: bold; font-size: 16px; margin-bottom: 15px; font-family: Georgia, serif;color: #333;}
#boxes p { font-size: 13px;}

#box1 .inside {
background:url("img/bg-box1.png") no-repeat 50% 100%;
}

#box2 .inside {
background:url("img/bg-box2.png") no-repeat 50% 100%;
}

#box3 .inside {
background:url("img/bg-box3.png") no-repeat 50% 100%;
}
#box4 .inside {
background:url("img/bg-box4.png") no-repeat 50% 100%;
}


#footer { text-align: center; margin-bottom: 30px;}
#footer p { font-size: 12px;}

#signup { width: 500px; height: 90px;   float: left;  text-align: center;  background: url(img/underline.png) bottom center no-repeat; }

#text { background: #0099ff url(img/bg-signup.png) no-repeat; padding: 10px 10px 0 10px; height: 175px; width: 730px; float: left;   margin-top: 10px; font-family: Arial;}

#text p { color: #fff;   }

#letsconnect h4 { font-weight: bold;}
#letsconnect img { margin-right: 25px;}

#letsconnect { position: absolute; bottom: 25px; right: 10px; }

#latestblog  { width: 1002px;border-bottom: 1px solid #eee; height: 45px; line-height: 45px; clear:both; }
#latestblog p { font-size: 17px; margin-left: 20px;}

#sidebar { width: 240px; float: right;margin-left: 25px; background: #eeeeee; padding: 25px 0 30px 30px; margin-bottom: 20px; margin-right: 15px;}

#sidebar h3 { font-weight: bold; }

#searchform { margin-bottom: 20px;}

#main { font-size: 14px; width: 650px; margin-left: 15px; }

#sidebar ul { margin-bottom: 20px;}

h2#title { border-bottom: 1px solid #cf2127; color: #0e5d9a; font-weight: bold; font-size: 28px; margin-bottom: 20px;}

.post h2 a:link, .post h2 a:visited, .single h2#title { color: #0E5D9A; font-size: 24px; border-bottom: none; margin-bottom: 5px; }
.post h2 a:hover, .post h2 a:active { color: #cf2127; text-decoration: none;}

.postmetadata { background: #eee; padding: 5px; margin-top: 20px; font-size: 12px; margin-bottom: 40px;}


#sidebar ul { margin-right: 20px;}

#sidebar ul li { margin-bottom: 5px;}

p.date { background: #eee; padding: 3px; font-size: 11px; margin-bottom: 20px;}


textarea#comment { 
	width: 450px;
}
ul.comment-list { 
	margin: 0; 
	padding:0;
}
.comment-info h4 { 
	margin:0; 
	font-size: 13px;
}

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

.post ul li.comment { 
	border-bottom: 3px solid #eee; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	
	#respond h3, h3#comments { margin-top: 50px; border-bottom:  3px solid #eee; padding-bottom: 10px;}
	
	h3#respond { margin-top: 35px;}
	
	p.commentdate { margin: 0; padding:0; font-size: 10px; font-weight: bold; line-height: 14px;}
	
	.comment-info h4 { margin:0; padding:0;}
	
#commentform input, #commentform textarea { border: 1px solid #8A8F88; }

.navigation {margin-top: 30px;}
.navigation a:link, .navigation a:visited {
background:#005c99;
color:#F9F9F9;
font-weight:700;
padding:10px 20px;
text-align:center;

}
.navigation a:hover, .navigation a:active {
background:#cf2127; 
text-decoration: none; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

img.alignleft  {
float:left;
margin:5px 8px 5px 0;
}

.page-template-page-salesletter-php #sidebar,   .page-template-page-salesletter-php #contentbottom,  .page-template-page-salesletter-php #signup,  .page-template-page-salesletter-php #letsconnect,  .page-template-page-salesletter-php #footer,  .page-template-page-salesletter-php #latestblog,  .page-template-page-salesletter-php #bottom img { display: none; }

.page-template-page-genericsales-php #logo, .page-template-page-genericsales-php  #redcircle, .page-template-page-genericsales-php .tweetmeme_button, .page-template-page-genericsales-php #nav, .page-template-page-genericsales-php #topbar ul  { display: none;} .page-template-page-genericsales-php #header { height: 50px;} 


.page-template-page-genericsales-php  img.alignleft {
 margin:5px 20px 5px 0;
}

.page-template-page-salesletter-php #main, .salesletter #main { width:940px;}

.page-template-page-salesletter-php h2, .page-template-page-salesletter-php h3, .page-template-page-salesletter-php h2, .page-template-page-salesletter-php h4, .salesletter h2, .salesletter h3, .salesletter h2, .salesletter h4  { font-weight: bold; color:#cf2127; text-align: center; margin-bottom: 0.5em;}

.page-template-page-salesletter-php h3, .salesletter h3 { color: #333;}

.page-template-page-salesletter-php p, .salesletter p { margin-bottom: 1.1em;}

.page-template-page-salesletter-php ol li, .salesletter ol li { list-style-type:lower-alpha; margin-left: 25px; margin-bottom: 20px;}
.page-template-page-salesletter-php ul li, .salesletter ul li { list-style-type: disc; margin-bottom: 10px; margin-left: 25px;}

div.youtubevid { margin: 15px auto; width: 650px;}

div.freeguide { overflow: hidden; margin-bottom: 10px;}

 div.theteam { overflow: hidden; margin-bottom: 20px;}
  div.theteam h3 { margin-bottom: 0;}
 
table tr td { height: 20px;}

#redcircle { position: absolute; right: 86px; bottom: 0px;}

/*
input#awf_field-13420601 { margin-right: 15px;}

.af-element { margin-right: 20px;}
.previewLabel { font-size: 13px;}
.af-form { padding-top: 10px;}

a.slidelink {color:#ffffff ;}
a.afflink {color:#B0E0EA ;}
#actionslider { position: fixed; right: 0px; bottom: 0px;  }
#actionslider form {padding:0px; margin:0px;}
body > div#actionslider { position: fixed; }


#actionslider .af-body input.text { width: auto; }
*/

#optincrusher form input {
font-size:13px!important;
}

#optinform .formidentifier {
font-size:14px!important;
}

#optincrusher .pitch { top: 38px!important; }

ol { margin-left: 25px; margin-bottom: 15px; }
ol li { list-style-type: decimal; margin-bottom: 15px;}

.post ul li { margin-bottom: 10px; list-style-type: disc; margin-left: 20px;}

#light .lightbox-message {
width:620px!important;
}

#lightbox-optinform .formidentifier { clear: left!important;}
.post { margin-bottom: 40px;}

.post p { margin-bottom: 1em;}

.post form { margin-bottom: 20px;}


.page-template-page-salesletter-php .post ul li { list-style-type: none; background: url(img/greentick.jpg) no-repeat; height: 20px; padding-left: 30px;}

iframe#thankyou{
border: 0 none;
outline: 0 none;
margin: 0;
padding: 0;
position: relative;
}