/*
	Site:		Simplified
	File:		/assets/styles/simplified.css
	Author:		Andrew Disley, Simplified http://simplified.co.uk/
	Version:	2010-07-07
----------------------------------------------- */

/**	@media screen styles
----------------------------------------------- */
@media screen {

/** Simplified Framework: Resets & Helpers
------------------------------------------------------------*/
/*html { height: 100%; overflow-y: scroll; }
body { height: 100%; }*/
blockquote, body, button, code, div, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }
fieldset { border: 0; line-height: 1; }
img { border: 0; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; margin-bottom: 20px; width: 100%; }
caption { left: -9999em; position: absolute; }
th { font-weight: bold; padding: 6px 8px 6px 4px; text-align: center; }
td { padding: 4px 8px 4px 4px; }
tbody th { text-align: left; }
tbody td { padding: 6px 8px; }
tfoot th { text-align: right; }
a:link,
a:visited { text-decoration: underline; }
a:focus, a:hover, a:active { text-decoration: none; }
a:focus,:focus { outline: 1px dotted #000000; }
a:active { outline: none; }
.clear { clear: both; display: block; height: 0; overflow: hidden; width: 0; visibility: hidden; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; }
.s-h-o { left: -9999em; position: absolute; top: -9999em; }
.s-h-n { display: none; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir .s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a .s-ir, a .s-ir .s-ir-i { cursor: pointer; }
.s-break { display: block; }
.left { float: left; width: auto; }
.right { float: right; width: auto; }
img.left { margin-bottom: 15px; margin-right: 15px; }
img.right { margin-bottom: 15px; margin-left: 15px; }
/* **/

/**	Simplified Framework: Columns - 16 Column Grid
----------------------------------------------- */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16 { float: left; position: relative; margin-left: 10px; margin-right: 10px; width: auto; }
.col-1 { width: 40px; }
.col-2 { width: 100px; }
.col-3 { width: 160px; }
.col-4 { width: 220px; }
.col-5 { width: 280px; }
.col-6 { width: 340px; }
.col-7 { width: 400px; }
.col-8 { width: 460px; }
.col-9 { width: 520px; }
.col-10 { width: 580px; }
.col-11 { width: 640px; }
.col-12 { width: 700px; }
.col-13 { width: 760px; }
.col-14 { width: 820px; }
.col-15 { width: 880px; }
.col-16 { clear: both; float: none; width: 940px; }
/* **/

/**	Typography
----------------------------------------------- */
body { background-color: #F2F2F2; color: #343434; font: 62.5%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; }
a:link, a:visited { background-color: transparent; color: #0673B4; text-decoration: underline; }
a:hover, a:active { background-color: transparent; color: #30343F; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; font-weight: normal; margin-bottom: 0.5em; }
h1 { font-size: 1.5000em; font-weight: normal; }
h2 { background-color: transparent; color: #30343F; font-size: 1.3750em; margin-bottom: 0.4em; }
h3 { font-size: 1.1250em; }
h4 { font-size: 1.0000em; }
h5 { font-size: 1.0000em; }
h6 { font-size: 1.0000em; }
button, input, textarea, select { font-size: 100%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
ol, ul { list-style-position: outside; margin-bottom: 1.5em; }
ol li, ul li { margin-bottom: 0.5em; margin-left: 1.5em; }
li ol, li ul { padding-top: 0.5em; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: lower-roman; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
dl { margin-bottom: 1.5em; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }
p { margin-bottom: 1em; }
sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }
blockquote p:before, blockquote p:after, q:before, q:after { content: ''; }
.s-highlight { background-color: transparent; color: #121212; }
pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace; font-size: 1.0833em; }
/* **/

/**	Stucture
----------------------------------------------- */
#Container { font-size: 1.6000em; }
#Container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.inner { margin: 0 auto; position: relative; width: 960px; }
#Header { background-color: #EEEEEE; color: #333333; padding-top: 15px; position: relative; }
#Header:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Header #Branding { background-color: #EEEEEE; color: #0673B4; font-size: 2.2500em; font-weight: bold; line-height: 1.2; margin-bottom: 0; }
#Header #Branding strong { background-color: #FFFFFF; color: #333333; font-size: 0.4444em; font-weight: normal; right: 0; position: absolute; top: -16px; padding: 5px 8px 6px 8px; }
#Header #Branding strong { border: 1px solid #D6D6D6; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
/*#Header #Branding strong { background-color: #EEEEEE; color: #333333; font-size: 0.5556em; font-weight: normal; }*/
#Navigation { background-color: #EEEEEE; color: #333333; font-size: 0.8750em; line-height: 1.2; padding: 10px 0 0 0; }
#Navigation:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Navigation ul { margin-bottom: 0; }
#Navigation ul li { float: left; list-style-type: none; margin-bottom: -20px; margin-left: 0; margin-right: 20px; width: auto; }
#Navigation ul li a { background: #EEEEEE url(../images/global/navigation.png) no-repeat 0 0; color: #333333; float: left; text-decoration: none; padding: 6px 12px 8px 52px; }
#Navigation ul li a { border: 1px solid #D6D6D6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#Navigation ul li a strong { display: block; font-size: 1.2857em; }
#Navigation ul li.active a { background-color: #FCFCFC; background-position: 0 -95px; color: #333333; }
#Navigation ul li.active a strong { background-color: transparent; color: #0673B4; }
#Navigation ul li a:focus strong,
#Navigation ul li a:hover strong { background-color: transparent; color: #0673B4; }
#Navigation ul li#NPHome a { background-position: 0 0; }
#Navigation ul li#NPHome a:focus,
#Navigation ul li#NPHome a:hover,
#Navigation ul li#NPHome.active a { background-position: 0 -95px; }
#Navigation ul li#NPWork a { background-position: -300px 0; }
#Navigation ul li#NPWork a:focus,
#Navigation ul li#NPWork a:hover,
#Navigation ul li#NPWork.active a { background-position: -300px -95px; }
#Navigation ul li#NPContact a { background-position: -600px 0; }
#Navigation ul li#NPContact a:focus,
#Navigation ul li#NPContact a:hover,
#Navigation ul li#NPContact.active a { background-position: -600px -95px; }
#Navigation ul li#NPMandigest { float: right; margin-right: 0; }
#Navigation ul li#NPMandigest a { background-position: -900px 0; }
#Navigation ul li#NPMandigest a:focus,
#Navigation ul li#NPMandigest a:hover,
#Navigation ul li#NPMandigest.active a { background-position: -900px -95px; }
#Content { background: #FFFFFF url(../images/global/body.png) repeat 0 0; border-bottom: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; clear: both; color: #343434; padding: 35px 0 10px 0; }
#Content:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
#Footer { clear: both; font-size: 0.8750em; }
#Footer .inner { padding: 15px 0; }
#Footer p { margin-bottom: 0; }
/* **/

/**	Component .c
----------------------------------------------- */
.c { margin-bottom: 15px; }
.c:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.c-h:after,
.c-b:after,
.c-f:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
/* **/

/**	Component .c-recommendations
----------------------------------------------- */
.c-recommendations blockquote { background-color: #FEFEFE; color: #333333; font-style: italic; margin-bottom: 1em; padding: 10px 10px 0 10px; }
.c-recommendations blockquote { border: 1px solid #ECECEC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.c-recommendations blockquote p { background-image: url(../images/global/quote.png); background-position: 0 0; background-repeat: no-repeat; padding-left: 40px; }
.c-recommendations blockquote p.cite { background-image: none; font-weight: bold; margin-bottom: 0.5em; padding-left: 0; text-align: left; }
/* **/

/**	Section: body.home
----------------------------------------------- */
body.home .c-intro h2 { font-size: 1.5000em; /*24*/ margin-bottom: 0.5em; }
body.home .c-intro p { font-size: 1.1250em; }
body.home .c-intro img { border: 1px solid #D6D6D6; float: right; margin-left: 10px; padding: 4px; }
body.home .c-services-and-skills .c-b { font-size: 0.8750em; }
body.home .c-services-and-skills ul { list-style-type: none; }
/* **/

/**	Component .c-featured-work
----------------------------------------------- */
.c-featured-work ul li { margin-bottom: 0.4em; margin-left: 1em; }
.c-featured-work .first { margin-left: 0; }
.c-featured-work .last { margin-right: 0; }
/* **/

/**	Component c-mandigest-list
----------------------------------------------- */
.c-mandigest-list h2 { font-size: 1.1250em; }
.c-mandigest-list h3 { font-size: 1.0000em; }
.c-mandigest-list p { font-size: 0.8750em; }
.c-mandigest-list p + p { margin-top: -10px; }
/* **/

}

/**	@media print styles
----------------------------------------------- */
@media print {
body { background-color: #FFFFFF; color: #000000; font-family: Georgia, "Times New Roman", serif; font-size: 11pt; margin: 0; padding: 0; }
h1 { background-color: #FFFFFF; color: #0066CC; font-size: 12pt; margin-bottom: 0.2em; }
h2 { font-size: 11pt; margin-bottom: 0; }
h3 { font-size: 11pt; margin-bottom: 0; }
h4, h5 { font-size: 10pt; }
a { background-color: #FFFFFF; color: #0066CC; text-decoration: none; }
.col-8 a:link:after, .col-8 a:visited:after { content: " (" attr(href) ") "; font-size: 11pt; }
#Navigation { display: none; }
#Footer p { margin-bottom: 0; }
#Footer p a { display: none; }
body.home .c-intro img { display: none; }
.c-featured-work .s-h-o { display: none; }
.c-featured-work .col-5 { float: left; width: 45%; }
.c-featured-work ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.c-featured-work ul li { list-style-type: none; margin: 0; padding: 0; }
.c-featured-work .first { margin-left: 0; }
.c-featured-work .last { clear: both; margin-right: 0; width: 100%; }
body.home .col-8 { clear: both; }
}