/**
* Base Global Styles Defintions
*
* @author			Matt Gifford
* @copyright		2011 Timeshifting Interactive Limited
*/

/*  ::  Global Styles  --  CSS Reset, Fonts, Colours & Base Classes  */

html, body, blockquote, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0; padding: 0;
	}

html {
	/* always display vertical scrollbar, stops centered content jumping between pages */
	overflow: -moz-scrollbars-vertical; overflow-y: scroll;
	width: 100%; height: 100%;
	}

body {
	width: 100%; height: 100%;
	/* base font size of 10px for easy percentages, allows larger base font size for tablets and mobile */
	font: normal 10px/1.3 verdana, bitstream vera sans, arial, geneva, helvetica, sans-serif;
	background: #000 center center fixed no-repeat;
	color: #ccc;

	/* css3 scale the background image to viewpoint size */
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	}

body.bg1 {
	background-image: url(../images/global-bg-001.jpg);
	}

body.bg2 {
	background-image: url(../images/global-bg-002.jpg);
	}

body.bg3 {
	background-image: url(../images/global-bg-003.jpg);
	}

body.bg4 {
	background-image: url(../images/global-bg-004.jpg);
	}

select, input, textarea {
	font: normal 99% arial, geneva, helvetica, sans-serif;
	}

a {
	color: #81bfff; text-decoration: none;
	}

a:hover {
	color: #baa484; text-decoration: underline;
	}

table {
	border-collapse: collapse; border-spacing: 0;
	}

fieldset, img {
	display: block; border: 0;
	}

address, caption, code, th, var {
	font-style: normal; font-weight: normal;
	}

em, cite {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

ul, ol {
	list-style: none;
	}

caption, th {
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%; font-weight: normal;
	}

abbr, acronym {
	border: 0; font-variant: normal;
	}

sup {
	vertical-align: text-top;
	}

sub {
	vertical-align: text-bottom;
	}

legend {
	color: #000;
	}

hr {
	width: 100%; height: 1px; border: none; overflow: hidden;
	background: #ddd; color: #ddd;
	}

div.hr {
	border-top: 1px solid #333 !important; padding: 0 0 35px 0; margin: 10px 0 0 0;
	}

div.hr hr {
	display: none;
	}

a.active {
	cursor: default;
	}

a: active {
	outline: none !important;
	}

.clear {
	/* in addition to clearing floats, adding <br class="clear"/> to the end of containers fixes a multitude of ie6 bugs */
	clear: both;
	}

.hidden {
	display: none !important;
	}

.invisible {
	/* often more reliable than display:none in IE, also useful for getting the size of hidden nodes */
	position: absolute !important; left: -9999px !important; display: block !important; visibility: hidden !important;
	}


/*  ::  Global Styles  --  Page & Background  */

#page {
	/* make the width liquid, but bound it within a reasonable range */
	position: relative; width: 85%; max-width: 1040px; min-width: 768px; min-height: 100%; margin: 0 auto; z-index: 1;
	/* css3 compatible browsers use the rgba value, all others like IE7 and 8 fall back to the tiled pnga image */
	background: #000; background: url(../images/global-page-bg-i8a8.png); background: rgba(0,0,0,0.88);
	}

#background {
	/* used by browsers that can't do css3 background scaling, which is really just IE versions prior to 9 */
	position: fixed; left: 0; top: 0; width: 100%; height: 100%;
	}


/*  ::  Global Styles  --  Header  */

#globalHeader {
	position: relative; width: 100%; height: 125px; z-index: 100;
	}

#globalHeaderLogo {
	position: absolute; left: 29px; top: 23px;
	}


/*  ::  Global Styles  --  Header » Navigation  */

#globalHeader ul.navigation {
	position: absolute; right: 29px; top: 31px;
	}

#globalHeader ul.navigation > li {
	position: relative; float: left; height: 30px; margin: 0 10px 0 0;
	/* background preloaded here for js based fade in and outs */
	background: url(../images/global-header-navigation-bg-i8a8.png) no-repeat -9999px 0;
	}

#globalHeader ul.navigation > li > a {
	float: left; height: 30px;
	text-indent: -9999px; outline: none;
	background: url(../images/global-header-navigation-bg-i8a8.png) no-repeat 0px 0px;
	}

#globalHeader ul.navigation li a.active {
	opacity: 0.5;
	}

#globalHeader ul.navigation li.home a {
	width: 51px; background-position: 0 0;
	}

#globalHeader ul.navigation li.home a:hover {
	background-position: 0 -30px;
	}

#globalHeader ul.navigation li.about a {
	width: 51px; background-position: -60px 0;
	}

#globalHeader ul.navigation li.about a:hover {
	background-position: -60px -30px;
	}

#globalHeader ul.navigation li.services a {
	width: 68px; background-position: -121px 0;
	}

#globalHeader ul.navigation li.services a:hover {
	background-position: -121px -30px;
	}

#globalHeader ul.navigation li.portfolio a {
	width: 66px; background-position: -198px 0;
	}

#globalHeader ul.navigation li.portfolio a:hover {
	background-position: -198px -30px;
	}

#globalHeader ul.navigation li.blog a {
	width: 39px; background-position: -273px 0;
	}

#globalHeader ul.navigation li.blog a:hover {
	background-position: -273px -30px;
	}

#globalHeader ul.navigation li.employment a {
	width: 97px; background-position: -321px 0;
	}

#globalHeader ul.navigation li.employment a:hover {
	background-position: -321px -30px;
	}

#globalHeader ul.navigation li.contact a {
	width: 63px; background-position: -427px 0;
	}

#globalHeader ul.navigation li.contact a:hover {
	background-position: -427px -30px;
	}

#globalHeader ul.navigation li ul {
	position: absolute; left: -9999px; width: 1000px;
	}

#globalHeader ul.navigation li:hover ul {
	left: -3px; top: 30px; width: 200px; padding: 6px 8px 10px 8px;
	border-left: 1px solid #222;
	}

#globalHeader ul.navigation li:hover > a {
	/* works in everything other than firefox */
	background-position-y: -30px !important;
	opacity: 1.0;
	}

#globalHeader ul.navigation li:hover ul li {
	padding: 0 0 4px 0; font-size: 110%;
	}

#globalHeader ul.navigation li:hover ul li i {
	display: block; padding: 8px 0 1px 0;
	color: #aaa;
	}

#globalHeader ul.navigation li:hover ul li a {
	color: #6f979b; text-decoration: none;
	}

#globalHeader ul.navigation li:hover ul li a:hover {
	color: #81bfff;
	}

#globalHeader ul.navigation li:hover ul li a.active {
	color: #44585a;
	}


/*  ::  Global Styles  --  Content  */

#globalContent {
	position: relative; width: 100%; padding: 0 0 50px 0; z-index: 1;
	}


/*  ::  Global Styles  --  Content » Columns & Section Templates  */

#globalContent div.columnBody {
	float: left; position: relative; width: 55%;
	}

#globalContent div.columnSidebar {
	float: left; position: relative; width: 24.5%;
	}

#globalContent div.columnArticle {
	float: left; position: relative; width: 93%; margin: 0 0 0 7%;
	}

#globalContent div.columnLeft {
	margin-left: 7%;
	}

#globalContent div.columnRight {
	margin-left: 6.5%;
	}

#globalContent div.articleTemplate {
	position: relative; width: 92.5%; margin: 0 0 20px 0;
	Xbackground: #335;
	}

#globalContent div.sectionTemplate {
	position: relative; width: 100%; margin: 0 0 20px 0;
	Xbackground: #353;
	}

#globalContent div.sidebarTemplate {
	position: relative; width: 100%; margin: 0 0 20px 0;
	Xbackground: #533;
	}

#globalContent div.columnArticle div.sidebarTemplate {
	float: left; position: relative; width: 26.3%; margin: 0 6.8% 20px 0;
	}

#globalContent div.columnArticle > div.sidebarTemplate:last-child {
	margin-right: 0;
	}


/*  ::  Global Styles  --  Content » Headings, Paragraphs & Lists  */

#globalContent h1 {
	padding: 0 0 16px 0;
	font: bold 210% cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent h2 {
	padding: 0 0 6px 0;
	font: bold 190% cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent h3 {
	padding: 0 0 6px 0;
	font: bold 170% cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent h4 {
	padding: 0 0 6px 0;
	font: bold 160% cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent h5 {
	padding: 0 0 6px 0;
	font: bold 150% cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent h6 {
	padding: 0 0 6px 0;
	font: bold 140% cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent p {
	padding-bottom: 18px;
	font-size: 120%;	line-height: 1.4;
	}

#globalContent p.runOn {
	padding-bottom: 6px;
	}

#globalContent p.sectionEnd {
	padding-bottom: 36px;
	}

#globalContent div.columnArticle div.articleTemplate p {
	width: 88%;
	}

#globalContent ul.bulleted {
	padding: 0 0 18px 30px; list-style: disc;
	}

#globalContent ol.numbered {
	padding: 0 0 18px 30px; list-style: decimal;
	}

#globalContent ul.runOn,
#globalContent ol.runOn {
	padding-bottom: 6px;
	}

#globalContent ul.sectionEnd,
#globalContent ol.sectionEnd {
	padding-bottom: 36px;
	}

#globalContent ul.bulleted li,
#globalContent ol.numbered li {
	padding: 0 0 6px 0;
	font-size: 120%;
	}


/*  ::  Global Styles  --  Footer  */

#globalFooter {
	position: relative; width: 100%; padding: 0 0 40px 0; z-index: 1;
	}

#globalFooter div.inner {
	position: relative; width: 86%; margin: 0 0 0 7%; padding: 10px 0 0 0; overflow: hidden;
	border-top: 1px solid #333;
	}

#globalFooter div.inner p a {
	color: #5a554e; text-decoration: none;
	}

#globalFooter div.inner p span {
	padding: 0 4px;
	}

#globalFooter div.inner p span.adr,
#globalFooter div.inner p span.adr span,
#globalFooter div.inner p span.emailAddress {
	padding: 0;
	}

#globalFooter div.inner p.legal {
	padding: 10px 0 4px 0;
	font: normal 120% cambria, hoefler text, utopia, times, times new roman, serif; color: #5a554e;
	}

#globalFooter div.inner p.services {
	padding: 0 0 10px 0;
	font: normal 120% cambria, hoefler text, utopia, times, times new roman, serif; color: #2c2925;
	}

#globalFooter div.inner ul {
	display: block; overflow: hidden;
	}

#globalFooter div.inner ul li {
	float: left;
	font-family: verdana, geneva, tahoma, arial, sans-serif;
	}

#globalFooter div.inner ul.links {
	position: relative; left: -9px;
	}

#globalFooter div.inner ul.links li {
	border-left: 1px solid #2c2925;
	font-size: 120%;
	}

#globalFooter div.inner ul.links li a {
	padding: 0 8px;
	color: #577578; text-decoration: none;
	}

#globalFooter div.inner ul.links li a:hover {
	color: #81bfff; text-decoration: underline;
	}

#globalFooter div.inner ul.socialmedia {
	position: relative; margin: 16px 0 0 0;
	}

#globalFooter div.inner ul.socialmedia li {
	float: left; width: 160px; margin: 0;
	}

#globalFooter div.inner ul.socialmedia li a {
	float: left; display: block; width: 160px; padding: 30px 0 0 0;
	font-size: 110%; color: #888;
	text-align: center; text-decoration: none;
	}

#globalFooter div.inner ul.socialmedia a.facebook {
	background: url(../images/global-footer-logo-facebook-i8a8.png) no-repeat 50% 0;
	}

#globalFooter div.inner ul.socialmedia a.twitter {
	background: url(../images/global-footer-logo-twitter-i8a8.png) no-repeat 50% 0;
	}

#globalFooter div.inner ul.socialmedia a.linkedin {
	background: url(../images/global-footer-logo-linkedin-i8a8.png) no-repeat 50% 0;
	}


/*  ::  Page Styles  --  Article » Client List  */

#globalContent div.articleClientList p {
	padding: 0 0 24px 0;
	}

#globalContent div.articleClientList ul {
	/* right margin of 2% adjusted to stop rounding errors in IE */
	float: left; width: 23%; margin: 0 1.925% 0 0; overflow: hidden;
	}

#globalContent div.articleClientList ul li {
	padding: 0 0 5px 0; font-size: 110%;
	}

#globalContent div.articleClientList ul li a {
	color: #597a7d; text-decoration: none;
	}


/*  ::  Page Styles  --  Article » Contact Us  */

#globalContent div.articleContactUs div.contactText {
	margin: 0 440px 0 0;
	}

#globalContent div.articleContactUs div.contactText div.hr {
	width: 90%;
	}

#globalContent div.articleContactUs div.contactText ul {
	padding: 0 0 10px 30px; list-style: disc;
	}

#globalContent div.articleContactUs div.contactText ul li {
	padding: 0 0 6px 0;
	font-size: 120%;
	}

#globalContent div.articleContactUs div.contactForm {
	float: right; width: 410px; height: 450px; margin: 0 20px 0 0;
	}

#globalContent div.articleContactUs div.contactForm form label {
	float: left; width: 90px; margin: 4px 8px 8px 0;
	font-size: 110%; text-align: right;
	}

#globalContent div.articleContactUs div.contactForm form label.required {
	color: #fff;
	}

#globalContent div.articleContactUs div.contactForm form label.required span {
	color: #004Ea1;
	}

#globalContent div.articleContactUs div.contactForm form input.text {
	float: left; display: block; margin: 0 0 8px 0; width: 300px; height: 18px; padding: 2px 3px;
	background: #fff; border: 1px solid #ddd;
	font-size: 130%;
	}

#globalContent div.articleContactUs div.contactForm form textarea {
	float: left; display: block; margin: 0 0 8px 0; width: 303px; height: 90px; padding: 2px 0 2px 3px;
	background: #fff; border: 1px solid #ddd;
	font-size: 130%;
	}

#globalContent div.articleContactUs div.contactForm form input.button {
	float: left; display: block; margin: 0 0 8px 0; padding: 2px; width: 170px;
	font-size: 120%;
	}

#globalContent div.articleContactUs div.contactForm form span.help {
	float: left; margin: 8px 0 0 15px;
	font-size: 100%; color: #666;
	}

#globalContent div.articleContactUs div.contactForm form span.help span {
	color: #004E81;
	}

#globalContent div.articleContactUs div.contactForm form div.submitButton {
	position: relative; float: left; width: 300px;
	}

#globalContent div.articleContactUs div.contactForm form div.submitButton #formProcessing {
	position: absolute; left: 0; top: 0; padding: 8px 0 8px 30px; width: 280px;
	background: #fff url(../images/global-elements-processing.gif) no-repeat 6px 50%;
	font-weight: bold; font-size: 110%; color: #333;
	}

#globalContent div.articleContactUs div.contactForm form.processing label,
#globalContent div.articleContactUs div.contactForm form.processing input,
#globalContent div.articleContactUs div.contactForm form.processing textarea {
	opacity: 0.5;
	}

#globalContent div.articleContactUs div.contactForm #contactFormSent {
	position: relative; width: 410px; padding: 65px 0 75px 0;
	background: #ffffe2 url(../images/article-contactus-contactform-sent-bg.png) no-repeat top right;
	/* webkit-border-radius is needed for older iphones/ios devices */
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	}


#globalContent div.articleContactUs div.contactForm #contactFormSent h3,
#globalContent div.articleContactUs div.contactForm #contactFormSent p {
	width: 60%; color: #2b093a; padding: 0 0 4px 40px;
	text-align: left;
	}

#globalContent div.articleContactUs div.contactForm #contactFormSent h3 {
	font-size: 190%;
	}

#globalContent div.articleContactUs div.contactForm #contactFormSent h3 img {
	display: inline;
	}


/*  ::  Page Styles  --  Article » Home Overview  */

#globalContent div.articleHomeOverview h1 {
	padding: 0 0 16px 0;
	font: bold 21px cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent div.articleHomeOverview h2 {
	padding: 0 0 16px 0;
	font-size: 18px; font-family: cambria, georgia, times new roman, times, serif; color: #ddd;
	}

#globalContent div.articleHomeOverview p {
	width: 100% !important; padding: 0 0 16px 0;
	font-size: 15px; font-family: cambria, georgia, times new roman, times, serif; color: #ccc;
	}


/*  ::  Page Styles  --  Article » Home Projects  */

#globalContent div.articleHomeProjects {
	position: relative; margin: 0 0 50px 0;
	}

#globalContent div.articleHomeProjects h1 {
	padding: 5px 0 0 0;
	}

#globalContent div.articleHomeProjects p {
	font-size: 110%;
	}

#globalContent div.articleHomeProjects div.thumbnails {
	position: relative; width: 66%; max-width: 560px; height: 280px; padding: 11px 0 0 0px;
	}

#globalContent div.articleHomeProjects div.thumbnails li {
	float: left; width: 22%; max-width: 122px; max-height: 122px; padding: 2px; margin: 0 2% 2% 0;
	background: #000;
	}

#globalContent div.articleHomeProjects div.thumbnails li:hover {
	background: #7e6643;
	}

#globalContent div.articleHomeProjects div.thumbnails a {
	display: block; max-width: 120px; max-height: 120px;
	border: 1px solid #57595a;
	}

#globalContent div.articleHomeProjects div.thumbnails a:hover {
	border-color: #000;
	}

#globalContent div.articleHomeProjects div.thumbnails a img {
	width: 100%; max-width: 120px;
	}

#globalContent div.articleHomeProjects div.overviewWeb {
	position: absolute; left: 561px; left: 61%; top: 7%; width: 37%; padding: 0 0 0 20px;
	}

#globalContent div.articleHomeProjects div.overviewPhotography {
	position: absolute; left: 561px; left: 61%; top: 56%; width: 37%; padding: 0 0 0 20px;
	}

@media only screen and (max-width: 1200px) {
	#globalContent div.articleHomeProjects div.overviewWeb {
		left: 64%;
		}
	#globalContent div.articleHomeProjects div.overviewPhotography {
		left: 64%; top: 54%;
		}
}

#globalContent div.articleHomeProjects div.overviewWeb h3,
#globalContent div.articleHomeProjects div.overviewPhotography h3 {
	padding: 0 0 2px 0;
	font: bold 17px cambria, georgia, times new roman, times, serif; color: #fff;
	}

#globalContent div.articleHomeProjects div.overviewInactive {
	padding-left: 35px;
	}

#globalContent div.articleHomeProjects div.overviewInactive {
	cursor: pointer !important;
	}

#globalContent div.articleHomeProjects div.overviewInactive h3 {
	color: #676665;
	}

#globalContent div.articleHomeProjects div.overviewInactive p {
	color: #585858;
	}

#globalContent div.articleHomeProjects div.overviewInactive p.sectionEnd {
	display: none;
	}

#globalContent div.articleHomeProjects #homeWeb {
	position: relative; width: 100%; height: 284px;
	}

#globalContent div.articleHomeProjects #homePhotography {
	position: relative; width: 100%; height: 284px;
	}


/*  ::  Page Styles  --  Article » Page Graphic  */

#globalContent div.articlePageGraphic {
	height: 90px; overflow: hidden; margin: 0 0 40px 0;
	}

#globalContent div.articlePageGraphic img {
	position: absolute; left: 0; top: 0;
	}


/*  ::  Page Styles  --  Article » Page Title  */

#globalContent div.articlePageTitle {
	position: relative; margin: 0 0 15px 0;
	}

#globalContent div.articlePageTitle h1 {
	padding: 0;
	font: bold 220% cambria, hoefler text, utopia, times, times new roman, serif; color: #fff;
	}

#globalContent div.articlePageTitle p.links {
	position: absolute; right: 0; top: 8px; width: auto; padding: 0;
	font-size: 100%; text-align: right;
	display: none;
	}


/*  ::  Page Styles  --  Article » Portfolio Item  */

#globalContent div.articlePortfolioItem {
	position: relative;
	}

#globalContent p.pagination {
	position: absolute; right: 0; top: -35px;
	color: #404040; font-size: 110%;
	text-align: right;
	}

#portfolioIntro p.pagination span {
	color: #808080;
	}

#portfolioIntro p.pagination a {
	font-weight: bold;
	}

#globalContent div.articlePortfolioItem #portfolioImages {
	position: relative; width: 100%; height: 380px; overflow: hidden;
	}

#globalContent div.articlePortfolioItem #portfolioImages div.prevImage {
	position: absolute; left: 50%; top: 0; margin: 0 0 0 -980px;
	border: 1px solid #666;
	opacity: 0.2;
	}

#globalContent div.articlePortfolioItem #portfolioImages div.mainImage {
	position: absolute; left: 50%; top: 0; margin: 0 0 0 -320px;
	border: 1px solid #333;
	}

#globalContent div.articlePortfolioItem #portfolioImages div.nextImage {
	position: absolute; left: 50%; top: 0; margin: 0 0 0 340px;
	border: 1px solid #666;
	opacity: 0.2;
	}

#globalContent div.articlePortfolioItem div.portfolioStory {
	position: relative; width: 100%; max-width: 640px; padding: 0; margin: 0 auto;
	}

#globalContent div.articlePortfolioItem div.portfolioStory p.viewSite {
	float: right; padding: 2px 0 0 0; width: auto;
	font-size: 11px; color: #404040;
	}

#globalContent div.articlePortfolioItem div.portfolioStory p.viewSite a {
	font-weight: bold;
	}

#globalContent div.articlePortfolioItem div.portfolioStory p.viewSite a b {
	position: absolute; left: -9999px; width: 1000px;
	}

#globalContent div.articlePortfolioItem div.portfolioStory h2 {
	margin: 0 0 15px 0;
	}

#globalContent div.articlePortfolioItem div.portfolioStory h5 {
	margin: -13px 0 15px 0;
	font-size: 10px; color: #b8a284;
	}

#globalContent div.articlePortfolioItem div.portfolioStory p {
	width: 95%; padding: 0 0 16px 0;
	}

#globalContent div.articlePortfolioItem div.portfolioStory cite {
	font-style: italic;
	}



/*  ::  Page Styles  --  Article » Portfolio Overview  */

#globalContent div.articlePortfolioOverview {
	margin: 0 0 50px 0;
	}

#globalContent div.articlePortfolioOverview div.portfolioItemRow {
	clear: left;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem {
	float: left; width: 25%; margin: 0; padding: 0; overflow: hidden;
	text-align: center;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem div.photo {
	width: auto; margin: 0 8px; padding: 2px; max-width: 202px;
	background: #000;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem div.photo:hover {
	background: #7e6643;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem div.photo a {
	display: block; overflow: hidden;
	border: 1px solid #57595a;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem div.photo a:hover {
	border-color: #000;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem div.photo img {
	width: 100%; max-width: 200px;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem div.text h3 {
	padding: 4px 8px 2px 8px;
	font-size: 150%; color: #ddd;
	}

#globalContent div.articlePortfolioOverview div.portfolioItem div.text p {
	width: 100%; padding: 0 0 30px 0; font-size: 110%;
	}


/*  ::  Page Styles  --  Article » Portfolio Photography  */

#globalContent div.articlePortfolioPhotography {
	margin: 0 0 50px 0;
	}

#globalContent div.articlePortfolioPhotography #flashcontent,
#globalContent div.articlePortfolioPhotography #mobilecontent {
	position: relative; width: 100%;
	}

#globalContent div.articlePortfolioPhotography #mobilecontent a {
	float: left; display: block; width: 77px; height: 77px; padding: 2px; margin: 0 4px 8px 4px;
	background: #000;
	}

#globalContent div.articlePortfolioPhotography #mobilecontent a:hover {
	background: #7e6643;
	}

#globalContent div.articlePortfolioPhotography #mobilecontent a img {
	display: block; max-width: 75px; height: 75px;
	border: 1px solid #57595a;
	}

#globalContent div.articlePortfolioPhotography #mobilecontent a:hover img {
	border-color: #000;
	}



/*  ::  Page Styles  --  Article » Services Overview  */

#globalContent div.articleServicesOverview div.serviceItem {
	position: relative; width: 85%; padding: 14px 20px 4px 10px; margin: 0 0 15px 0;
	background: #333;
	/* webkit-border-radius is needed for older iphones/ios devices */
	border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	}

#globalContent div.articleServicesOverview div.serviceItem h3 {
	padding: 0 0 10px 8px;
	}

#globalContent div.articleServicesOverview div.serviceItem ul {
	padding: 0 0 10px 30px; list-style: disc;
	}

#globalContent div.articleServicesOverview div.serviceItem ul li {
	padding: 0 0 6px 0;
	font-size: 120%;
	}

#globalContent div.articleServicesOverview div.serviceColour1 {
	background: #181f21;
	}

#globalContent div.articleServicesOverview div.serviceColour2 {
	background: #291e17;
	}

#globalContent div.articleServicesOverview div.serviceColour3 {
	background: #26201f;
	}

#globalContent div.articleServicesOverview div.serviceColour4 {
	background: #282517;
	}

#globalContent div.articleServicesOverview div.serviceColour5 {
	background: #16181c;
	}

#globalContent div.articleServicesOverview div.serviceColour6 {
	background: #231816;
	}

#globalContent div.articleServicesOverview div.serviceColour7 {
	background: #1f1917;
	}

#globalContent div.articleServicesOverview div.serviceColour8 {
	background: #1d1c1d;
	}


/*  ::  Page Styles  --  Section » About Overview  */

#globalContent div.sectionAboutOverview img.photo {
	padding: 1px; border: 1px solid #333;
	}

#globalContent div.sectionAboutOverview img.photoMatt {
	float: left; margin: 0 1.25em 0.75em 0;
	}

#globalContent div.sectionAboutOverview img.photoEliot {
	float: right; margin: 0 0 0.75em 1.25em;
	}


/*  ::  Page Styles  --  Section » Blog Entries  */

#globalContent div.sectionBlogEntries {
	overflow: hidden;
	}

#globalContent div.sectionBlogEntries div.navigation {
	overflow: hidden; padding: 0 0 20px 0;
	}

#globalContent div.sectionBlogEntries h2 {
	padding: 0 0 6px 0;
	font-size: 190%;
	}

#globalContent div.sectionBlogEntries h2 a {
	color: #fff; text-decoration: none;
	}

#globalContent div.sectionBlogEntries h3 {
	padding: 0 0 2px 0;
	font-size: 170%;
	}

#globalContent div.sectionBlogEntries h3 a {
	color: #fff; text-decoration: none;
	}

#globalContent div.sectionBlogEntries h3 a:hover {
	color: #baa484; text-decoration: underline;
	}

#globalContent div.sectionBlogEntries p {
	padding: 0 0 16px 0;
	line-height: 1.4;
	}

#globalContent div.sectionBlogEntries p.sectionEnd {
	padding: 0 0 36px 0;
	}

#globalContent div.sectionBlogEntries ul {
	margin: 0 0 20px 30px; padding: 0; list-style: disc;
	}

#globalContent div.sectionBlogEntries ol {
	margin: 0 0 20px 30px; padding: 0; list-style: decimal;
	}

#globalContent div.sectionBlogEntries li {
	padding: 0 0 6px 0;
	color: #ddd;
	text-indent: 0;
	}

#globalContent div.sectionBlogEntries small {
	color: #bbb;
	}

#globalContent div.sectionBlogEntries pre {
	display: block; padding: 10px; margin: 0 0 20px 0;
	background: #191919;
	word-wrap: break-word; font-size: 110%;
	}

#globalContent div.sectionBlogEntries embed,
#globalContent div.sectionBlogEntries object,
#globalContent div.sectionBlogEntries iframe {
	/* make sure flash players fit within the column */
	max-width: 100%;
	}

#globalContent div.sectionBlogEntries img {
	/* make sure images fit within the column */
	max-width: 100%; height: auto !important;
	}

#globalContent div.sectionBlogEntries span.note {
	color: #aaa;
	}

#globalContent div.sectionBlogEntries div.entry {
	padding-top: 14px;
	}

#globalContent div.sectionBlogEntries div.post {
	padding: 0 0 45px 0;
	}

#globalContent div.sectionBlogEntries p.postmetadata {
	padding: 10px 15px; margin-top: 5px !important; overflow: hidden;
	background: #222;
	border: 0; color: #aaa;
	}

#globalContent div.sectionBlogEntries div.comment-body {
	padding: 7px 9px 0 9px;
	}

#globalContent div.sectionBlogEntries div.comment-body p {
	padding: 0 0 8px 0;
	}


/*  ::  Page Styles  --  Sidebar » Blog Archives  */

#globalContent div.sidebarBlogArchives p,
#globalContent div.sidebarBlogArchives ul {
	padding-bottom: 24px;
	}

#globalContent div.sidebarBlogArchives li {
	padding: 0 0 1px 0; font-size: 110%;
	}


/*  ::  Page Styles  --  Sidebar » Blog Categories  */

#globalContent div.sidebarBlogCategories p,
#globalContent div.sidebarBlogCategories ul {
	padding-bottom: 24px;
	}

#globalContent div.sidebarBlogCategories li {
	padding: 0 0 1px 0; font-size: 110%;
	}


/*  ::  Page Styles  --  Sidebar » Blog Search  */

#globalContent div.sidebarBlogSearch form {
	display: block; padding: 0 0 20px 0;
	}

#globalContent div.sidebarBlogSearch form input {
	display: block; width: 85%; max-width: 250px; margin: 6px 0 0 0;
	font-size: 130%;
	}

#globalContent div.sidebarBlogSearch form #searchsubmit {
	width: auto; font-size: 130%;
	}


/*  ::  Page Styles  --  Sidebar » Recent Blogs  */

#globalContent div.sidebarRecentBlogs li {
	padding: 0 0 10px 0;
	font-size: 110%; color: #ddd;
	}

#globalContent div.sidebarRecentBlogs li a {
	display: block; padding: 0 0 1px 0;
	}

#globalContent div.sidebarRecentBlogs li span {
	color: #aaa; text-decoration: none;
	font-size: 95%;
	}

#globalContent div.sidebarRecentBlogs p {
	padding: 8px 0 0 0; text-align: right;
	font-size: 110%;
	}


/*  ::  Page Styles  --  Sidebar » Recent Photos  */

#globalContent div.sidebarRecentPhotos div.photoContainer {
	position: relative; width: 100%;
	}

#globalContent div.sidebarRecentPhotos div.flickr_badge_image {
	float: left; width: 32%; margin: 0 1% 1% 0; max-width: 81px;
	}

#globalContent div.sidebarRecentPhotos div.flickr_badge_image a {
	display: block; border: 2px solid #181818; padding: 1px;
	}

#globalContent div.sidebarRecentPhotos div.flickr_badge_image a:hover {
	border-color: #7e6643;
	}

#globalContent div.sidebarRecentPhotos div.flickr_badge_image img {
	width: 100% !important; height: auto !important; max-width: 75px; max-height: 75px;
	}

#globalContent div.sidebarRecentPhotos p {
	padding: 10px 2% 0 0; text-align: right;
	font-size: 110%;
	}


/*  ::  Page Styles  --  Sidebar » Recent Tweets  */

#globalContent div.sidebarRecentTweets li {
	padding: 0 0 10px 0;
	font-size: 110%;
	}

#globalContent div.sidebarRecentTweets li a {
	color: #a08a6c; text-decoration: none;
	}

#globalContent div.sidebarRecentTweets p {
	padding: 8px 0 0 0; text-align: right;
	font-size: 110%;
	}


/*  ::  Page Styles  --  Sidebar » Testimonials  */

#globalContent div.sidebarTestimonials h3 {
	color: #eee;
	}

#globalContent div.sidebarTestimonials p {
	color: #ccc6b8; font-style: italic;
	}

#globalContent div.sidebarTestimonials p.author {
	padding-left: 1.3em;
	text-indent: -1.3em; font-style: normal; font-size: 110%;
	color: #99948a;
	}

#globalContent div.sidebarTestimonials p a {
	color: #99948a; text-decoration: none;
	border-bottom: 1px dashed #99948a;
	}

#globalContent div.sidebarTestimonials p a:hover {
	color: #aba69a; border-bottom: 1px dashed #baa484;
	}


/*  ::  Page Styles  --  Sidebar » Work With Us  */

#globalContent div.sidebarWorkWithUs {
	}