/*
-----------------------------------------------
markboultondesign.com
Stylesheet:  Screen.css
Author:   Mark Boulton
Version:  4 July 2007
Revision: 
----------------------------------------------- */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Global whitespace reset */
* {
	margin:0;
	padding:0;
}

body {
	text-align: center;
	color: #4f4e4e;

}



/* Links */

a,
a:active,
a:link {
	text-decoration: none;
	color: #7a974d;
	border-bottom: 1px dotted;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #576c36;
	border-bottom: 1px solid;
}

ul#skiplinks {
	display: none;
}





/* Lists */
dl {
	font-size: 110%;
}

dt {
	margin: 0.5em 0 0 0;
	line-height: 1.6em;
}

dd {
	margin: 0;
	line-height: 1.6em;
}

dd.date,
span.date {
	font-style: italic;
	color: #999;

	font-size: 90%;
}

ul {
	list-style: none;
}

ul.bulletlist {
	list-style: circle;
}

ul.italic {
	font-style: italic;
	color: #666;
	margin: 1.5em 0 0 0;
}

div.c2 ul,
div.c3 ul {
	margin: 0 0 2em 0 ;
}

/*clients*/

ul.clientsname {
	width: 180px;
	float: left;
	margin: 20px 10px 0 0;	
}

li {
	font-size: 110%;
	line-height: 1.3em;
	margin: 0.5em 0 0 0;
}


/* Quotes */

blockquote {
	margin: 0 0 3em 0;
}

cite {
	font-style: italic;
	font-size: 100%;
	color: #999;
	margin: 1.6em 0 0 0;
	line-height: 1.6em;
}


/* Images */

img {
	border: none;
}

img.thumb {
	float: left;
	margin: 0 1em 0 0 ;
	border: 1px solid #eee;
}



/* branding */
#branding {
	margin: 0 0 10px 5px;
	background-color:#666666;
}

#branding h1 {
	text-indent: -9999em;
	display: block;
	background-repeat: no-repeat;
	background-color: transparent; 
}
	
#branding h1 a {
	display: block;
	width: 283px;
	height: 37px;
	overflow: hidden;
	border-bottom: none;
	background: url(../images/logo.jpg) no-repeat;
	float:left;
}

#branding h1 a:hover {
	/*background-position: 0 -36px;*/
	border-bottom: none;
}





/* forms */

/* General form styles
----------------------------------------*/
fieldset {
    border: none;
    padding: 0;
    }

fieldset ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 !important;
    }
    
fieldset ul li {
    padding-bottom: 0;
    }
    
fieldset input, 
fieldset select,
fieldset textarea {
	font: 1em/1.6em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
	border: 0;
	border-bottom: 1px dotted #a8a18f;
	padding: 3px 3px 3px 0;
	margin: 2px 0 0 0;
	color: #333333;
	background-color: #fff;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
	border-bottom: 1px solid #a8a18f;
}
	
fieldset textarea {
    overflow: auto;
	font: 1em/1.6em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
}

fieldset select {
	padding: 1px;
	padding: 2px 1px 2px 0;
}

fieldset select option {
    padding: 0 1em 0 2px;
}

fieldset label {
	font: 1em/1.6em Georgia, "Times New Roman", serif; 
    display: block;
    margin: 1em 0 0.5em 0;
}

fieldset label.note {
	font: 1em/1.6em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
    font-weight: normal;
    color: #999;
    margin: 0.2em 1em 0 0;
    font-style: italic;
}

.required {
    color: #ff6600 !important;
}

fieldset label.checkbox_note {
    font-weight: normal;
    display: inline;
    float: none;
}

fieldset label.full, fieldset input.full,
fieldset select.full, fieldset textarea.full { width: 98%; }

fieldset label.full {
    float: left;
}

fieldset p {
    margin-bottom: 0.5em !important;
}


/* Buttons */

.buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#bde2a5;
    border:1px solid #9dc958;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#5a9300;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#2a1b08;
    border:1px solid #2a1b08;
    color:#fff;
}


/* news */

div#newscontainer {
	margin: 1.5em 0 0 0;
}

a.rss,
body#home a.rss {
	padding: 0 0 0 20px;
	margin: 0.5em 0 0.25em 0;
	background: url(../img/icon_rss.gif) no-repeat;	
	border: none;
}

/* news post */
div.post {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #ccc;
}

/* book promo */

dd.promo {
	padding: 0 0 1em 5.5em;
}

dd.fss {
	background: url(../img/icon_packshot.gif) no-repeat 0 10px;
}

dd.wsc {
	background: url(../img/icon_packshot.gif) no-repeat 0 10px;
	height: 60px;
}







/* work */
body#work .c1 img {
	margin: 1em 0 0 0;
	border: 1px solid #eee;
}

body#work blockquote {
	color: #666;
}

body#home .c2 img {
	margin: 1em 0 0 0;
	border: 1px solid #eee;
}

body#work .c1 h3 {
	clear: both;
	padding: 1em 0 0 0;
	margin: 0;
}

div.workentry {
	clear: both;
	position: relative;
	margin: 0 0 2em 0;
}

div.workentry img {
	position: relative;
	margin: 0 1em 1em 0;
	border: 1px solid #eee;
}

div.workentry p {
	position: absolute;
	top: 0;
	left: 30%;
	width: 69%;
}

div.workentry a {
	border: none;
}

div#slideshow {
	border: 1px solid #e5e5e5;
	margin: 0 0 2em 0;
}





/* contact */

div#googlemap {
	margin: 0 0 3em 0;
	border: 1px solid #e5e5e5;
}

div.vcard {
	line-height: 1.6em;
}

/* hcard 
div.adr {
	padding: 5px 0 5px 38px;
	margin: 0.5em 0 0.5em 0;
	background: url(../img/icon_snailmail.gif) no-repeat;	
}*/

div.phoneblock {
	padding: 5px 0 5px 38px;
	margin: 0.25em 0 0.25em 0;
	background: url(../img/icon_phone.gif) no-repeat;	
}

div.emailblock {
	padding: 5px 0 5px 38px;
	margin: 0.25em 0 0.25em 0;
	background: url(../img/icon_email.gif) no-repeat;	
}

div.vcardblock {
	padding: 0 0 5px 25px;
	margin: 0.25em 0 0.25em 0;
	background: url(../img/icon_vcard.gif) no-repeat;	
}





/* SECOND ROW footer
----------------------------------------------- */
#secondrow {
	margin: 4em 0 2em 0;
}

/* Homepage headings */

#secondrow h4 {
	margin: 0 0 1em 0;
	border-top: 1px solid #cac6bf;
	font: 1.3em/1.6em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
	text-transform: lowercase;
}

#secondrow h4 a {
	color: #cac6bf;
}

#secondrow h4 a:hover {
	border: none;
}



/* CLEARING
----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*End hide from IE Mac*/


/*
-----------------------------------------------
markboultondesign.com
Stylesheet:  Layout.css
Author:   Mark Boulton
Version:  4 July 2007
Revision: 
----------------------------------------------- */

#container {
	width: 72.73em;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	background: #fff;
	 border-top:#990000 2px solid;
}

#mastheadwrapper {
	position: relative;
	background: #fff;
	height: 10em;
	padding: 1em 1em 0 1em;
	
}

#masthead {
	position: relative;
	text-align: center;
	width: 72.73em;
	margin: 0 auto 0 auto;
	padding: 0 0 0 1em;
	
}

#mainnavigation {
	position: absolute;
	top: 1.75em;
	left: 40%;
	width: 57.5%;
	text-align: right;
	list-style: none;
	font: 0.9em/1.6em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
	padding: 0 3em 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#mainnavigation li {
	display: inline;
	margin: 0 0 0 2em;
}

#mainnavigation li a {
	border-bottom: none;
	color: #7a974d;
}

#mainnavigation li a:hover {
	color: #576c36;
}





#subnav {
	position: absolute;
	top: 6.75em;
	left: 0%;
	width: 100%;
	text-align: left;
	list-style: none;
	font: 0.9em/1.6em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
	padding: 0 3em 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#subnav li {
	display: inline;
	margin: 0 0 0 2em;
}

#subnav li a {
	border-bottom: none;
	color: #7a974d;
}

#subnav li a:hover {
	color: #576c36;
}





/* Columns */






div#maincontent {
	float: left;
	margin: 10px 0 30px 10px; 
width:780px;
}

/* Home columns */ 
body.fourcol div.c1,
body.fourcol div.footc1,
body.fourcol div.c2,
body.fourcol div.footc2,
body.fourcol div.c3,
body.fourcol div.footc3,
body.fourcol div.c4,
body.fourcol div.footc4 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 0 0 0 0;
}

body.fourcol div.footc1,
body.fourcol div.footc2,
body.fourcol div.footc3,
body.fourcol div.footc4 {
	color: #84817c;
}



/* Three column layout*/ 
body.threecol div.c1 {
	float: left;
	width: 34.36em;
	margin: 0 0 0 1em;
	padding: 1.36em 1em 0 0;
	border-top: 3px solid #4d320f;
}

body.threecol div.c2 {
	float: left;
	width: 16em;
	margin: 0 1em 0 0;
	padding: 1.36em 0 0 1.1em;
	border-top: 3px solid #4d320f;
}

body.threecol div.c3 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 1em 0 0 0;
	border-top: 3px solid #4d320f;
}



/* Two column layout*/ 
body.twocol div.c1 {
	float: left;
	width: 52.54em;
	margin: 0 1em 0 1em;
	padding: 1.36em 0 0 0;
	border-top: 3px solid #4d320f;
}

body.twocol div.c2 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 1.36em 0 0 0;
	border-top: 3px solid #4d320f;
}


body#work div.c2 div.articlemeta {
	width: 16.18em;
	float: right;
	margin: 0 1em 2em 1em;
	padding: 0 0 2em 0;
}

body#work div.c2 div.articlemeta ul {
	font-style: italic;
	list-style: circle;
}

body#work div.c2 div.articlemeta ul li {
	padding: 0;
	margin: 0 0 0.3em 0;
}


/* Two column even layout*/ 
body.twocoleven div.c1 {
	float: left;
	width: 34.5em;
	margin: 0 1em 0 1em;
	padding: 1.36em 0 0 0;
	border-top: 3px solid #4d320f;
}

body.twocoleven div.c2 {
	float: left;
	width: 34em;
	margin: 0 1em 0 1em;
	padding: 2.5em 0 0 0;
	border-top: 3px solid #4d320f;
}







/* Second row columns */ 
/* c1 */
#footer div#secondrow div.footc1,
#footer div#secondrow div.footc2,
#footer div#secondrow div.footc3,
#footer div#secondrow div.footc4 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 0 0 0 0;
	color: #84817c;
}

#footer div#secondrow div.footc1 a,
#footer div#secondrow div.footc2 a,
#footer div#secondrow div.footc3 a,
#footer div#secondrow div.footc4 a {
	color: #55524d;
}

#footer div#secondrow a.thumb {
	border: none;
}


/* footer */
#footer {
	
	width: 72.73em;
	margin:auto;

	font-size: 100%;
	color: #84817c;
	border-top:1px solid #990000;
}

#footer a,
#footer a:link {
	color: #55524d;
}

#footer a:hover {
	color: #000;
}

#footer #credits {
	margin: 4em 1em 0 1em;
}

#footer #credits ul li {
	display: inline;
	margin: 0 0.5em 0 0;
}


/*
-----------------------------------------------
markboultondesign.com
Stylesheet:  Typography.css
Author:   Mark Boulton
Version:  4 July 2007
Revision: 
----------------------------------------------- */

/* Typography */

body {
	font: 68.75%/1.7em Georgia, "Times New Roman", serif; 
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Thesis Sans", "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
}

body#home h1, 
body#home h2, 
body#home h3, 

body#home h5, 
body#home h6 {
	font-family:"Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
	font-weight: normal;
}

p {
	margin: 0.5em 0 0 0;
	font-size: 110%;
	line-height: 1.6em;
}

p.tags,
p.reg {
	font-style: italic;
	font-size: 100%;
	color: #999;
	line-height: 1.6em;
	margin: 1em 0 2em 0;
}

p.caption {
	font-style: italic;
	font-size: 100%;
	color: #999;
	padding: 0;
	margin: 0 0 2em 0;
	line-height: 1.6em;
}



/* h1 */
h1 {
	font-size: 3em;
	line-height: 1.3em;
}

/* h2 */
h2 {
	font-size: 1.7em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

h2#sectionheader {
	font-size: 1.7em;
	margin: 0;
	padding: 0;
	color: #546d78;
}

/* h3 */
h3 {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

.c3 p+h3,
.c1 p+h3,
.c2 p+h3 {
	margin: 1em 0 0 0;
}

h3#inbrief {
	padding: 5px 0 5px 38px;
	background: url(../img/icon_inbrief.gif) no-repeat;	
}

h3#indepth {
	padding: 5px 0 15px 38px;
	background: url(../img/icon_indepth.gif) no-repeat;	
}


/* h4 */
h4 {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

.c1 h4 {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 2em 0 0 0;
	padding: 0;
}

/* h5 */
h5 {
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
	padding: 0;
	font: "Lucida sans", Verdana, sans-serif;
	font-style: italic;
}

.c3 p+h4,
.c1 p+h4,
.c2 p+h4 {
	margin: 2em 0 0 0;
}

div.vcard {
	font-size: 1.1em;
	margin: 6px 0 0 0;
}

span.amp {
	font-size: 110%;
	font-family: Plantin, "Plantin std", "Plantin", "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}
/*
-----------------------------------------------
markboultondesign.com
Stylesheet:  Homepage.css
Author:   Mark Boulton
Version:  4 July 2007
Revision: 
----------------------------------------------- */

/* Homepage headings */

body#home #maincontent h2#homepageheadline {
	display: block;
	width: 775px;
	height: 82px;
	/*background: url(../img/homepage_headline.gif);
	text-indent: -999em;
	margin: 2em 0 1em 8px;*/
	font-size:4em;
	text-align:center;
}

body#home #maincontent div#homepagestandfirst {
	display: block;
	width: 23.222em;
	float: left;
	margin: 0 1em 2em 12px;
	font: 1.5em/1.5em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
}

body#home #maincontent div#homepagestandfirst p {
	color: #000;
}

body#home #maincontent div#homepagetestimonial {
	display: block;
	width: 20.222em;
	float: left;
	margin: 0 0 4em 0;
	font: 1.5em/1.5em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
}

body#home #maincontent div#homepagetestimonial blockquote {
	margin: 0 0 1em 0;
}

body#home #maincontent div#homepagetestimonial blockquote p {
	color: #666;
}

body#home #maincontent div#homepagetestimonial cite {
	font: 0.7em/1em Georgia, "Times New Roman", serif; 
	font-style: italic;
}

body#home #maincontent div#homepagetestimonial p.testimonials {
	font: 0.7em Georgia, "Times New Roman", serif; 
}


body#home #maincontent dl {
	margin: 1em 0 0 0;
}

body#home #maincontent dt {
	font-style: italic;
	margin: 0 0 1em 0.2em;
}

body#home #maincontent dd {
	margin: 0 0 1em 1.5em;
}





body#home #maincontent h3 {
	margin: 0 0 0.5em 0;
	border-top: 3px solid #4d320f;	
	font: 2.5em/1.6em Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif; 
	text-transform: lowercase;
}

body#home #maincontent h3 a {
	color: #4d320f;
	border-bottom: none;
}

body#home #maincontent h3:hover {
	border-top: 3px solid #576c36;
	color: #576c36;
}

body#home #maincontent h3 a:hover {
	color: #576c36;
	border-bottom: none;
}

body#home #maincontent h4 {
	margin: 0 0 0.5em 0;
}

body#home #maincontent a.worksummary,
body#home #maincontent a.worksummary:hover {
	border: none;
}