/****** FILE: themes/mytheme/css/reset.css *****/
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
/*
Chris Bolt, commented out ol so that the type attribute can be used in content
ol,*/
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
br {font-size: 0}

/****** FILE: themes/mytheme/css/base.css *****/
/* CSS Document */

/* Chris Bolt - added a default line-height */
body {
	line-height: 1.35em;	
}
body * {
	line-height: inherit;
}
/* inline styles should inherit their line height */
span, cufon, strong, em, a, b, i {
	line-height: inherit;	
}
/* input elements should not have such a high line-height */
input, select, textarea {
	line-height: normal;	
}
/* End CHris Bolt

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
	font-style: inherit;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
	font-weight: inherit;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol {
	/*giving OL's LIs generated numbers*/
	/*list-style: decimal outside;	*/
}
ul {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	margin-left: 1.4em;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;
	padding:.5em;*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* Chris Bolt, added fix for image positioning */
img, iframe {
	vertical-align: bottom;
}

/* Chris Bolt, added fix for outlines */
a:focus, button:focus { 
    outline: none; 
}

/* add HTML 5 defaults */
video {
	background-color: #000;	
}
textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}

/* Chris Bolt, br tags are funny in some browsers ?? */
br {
	font-size: 0;
	line-height: 0;	
}

/****** FILE: themes/mytheme/css/layout.css *****/
/* CSS Document */
html, body {
	height: 100%;	
}
body {
	margin: 0;
	padding: 0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #58595b;
	font-size: 16px;
	
	background: #990000 url(/themes/mytheme/images/background_R130.jpg) 50% 0 repeat;
	
	-webkit-text-size-adjust: none;
	
	padding-top: 163px;
}
body.fixedBackgrounds {
	background-position: fixed;	
}

body.mobile {
	padding-top: 193px;
}

/* Page 
-------------------------------------------- */
#PagesWrapper {
	/*min-height: 100%;
	padding-bottom: 107px;*/
}
.page {
	position: relative;
	width: 100%;
	/*min-height: 100%;*/
	/*z-index: 1;*/
}
.page.placeHolder {
	background: #fff url(/themes/mytheme/images/ajax-loader.gif) center 200px no-repeat;	
	min-height: 468px;
}
.fixedBackgrounds .page.placeHolder {
	/*background-attachment: fixed;*/
}
.loader {
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-image: url(/themes/mytheme/images/ajax-loader.gif);
	background-position: center 150px;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
}
.retina .loader {
	background-image: url(/themes/mytheme/images/ajax-loader.gif);
}


/* Header 
-------------------------------------------- */
.headerText {
	background: #990000 url(/themes/mytheme/images/background_R130.jpg) 50% 0 repeat;
}
.fixedBackgrounds .headerText {
	background-attachment: fixed;	
}
.headerText .headerTextInner {
	font-size: 40px;
	line-height: 48px;
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 200;
	
	color: #fff;
	width: 540px;
	margin: 0 auto;
	padding: 38px 0 48px 0;
	text-align: center;
}
.headerText:after {
	content: "";
	max-width: 936px;
	display: block;
	border-top: 1px solid #ff0000;
	height: 24px;
	margin: 0 auto;
}

/* HEADER -------------------------------*/
#HeaderWrapper {
	position: absolute;
	top: 0;
	left: 0;
	/*height: 154px;*/
	width: 100%;
	z-index: 200;
	
	background: #990000 url(/themes/mytheme/images/background_R130.jpg) 50% 0 repeat;
	border-bottom: 1px solid #FF0000;
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	color: #fff;
}
.fixedBackgrounds #HeaderWrapper {
	background-attachment: fixed;	
}

#HeaderWrapper.fixed {
	-moz-box-shadow: 1px 1px 8px #404041;
	-webkit-box-shadow: 1px 1px 8px #404041;
	box-shadow: 1px 1px 8px #404041;
	
	/*background: rgba(128,0,0,1);*/	
}

#Header {
	min-height: 162px;
	background: rgba(128,0,0,0.8);
}
.mobile #Header {
	min-height: 193px;
}
#Header > .pageWidth {
	min-height: 123px;
	position: relative;	
}
.mobile #Header > .pageWidth {
	min-height: auto;
	height: 154px;
	overflow: hidden;	
}
#Logo {
	position: absolute;
	right: -3px;
	top: -3px;
}
#Logo a {
	display: block;
	/*height: 149px;
	width: 196px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(/themes/mytheme/images/sprite.png) 11px 13px no-repeat;*/
}

#Tagline {
	position: absolute;
	left: 12px;
	top: 52px;
	font-size: 26px;
	line-height: 26px;
	text-transform: lowercase;
	font-weight: normal;
}

/* Top navigation ------------------------- */

/* initially hide menu until correct menu chosen by javascript */
#Nav ul.level1 {
	display: none;
}

/* Common Menu Styles */
#NavWrapper {
	min-height: 39px;	
}
#Nav ul.level1 {
	margin: 0;
	padding: 0;
	list-style: none;	
	font-size: 14px;
}
#Nav li a.level1 {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	
	line-height: 33px;
	font-size: 16px;
	font-weight: bold;
	
	white-space: nowrap;
}

#Nav ul.level2 {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
#Nav a.level2 {
	display: block;
	color: #fff;
	text-decoration: none;
}
#Nav li.level2 {
	position: relative;	
	padding-top: 3px;
	padding-bottom: 6px;
}

/* DESKTOP DEVICES MENU */
.desktop #Nav ul.level1 {
	border-top: 1px solid #ff0000;
	width: 620px;
}
.desktop #Nav li.level1 {
	float: left;
	position: relative;
	padding: 0 0 0 0;
	max-width: 162px;
}
.desktop #Nav li a.level1 {
	padding: 3px 68px 0 0;
}
.desktop #Nav li.last a.level1 {
	padding-right: 0;	
}
/* Adjust widths to fit perfectly */
.desktop #Nav li.pos4 a.level1 {
	padding-right: 50px;
}
.desktop #Nav li.level1.last {
	float: right;
}
.desktop #Nav li a.level1:hover:before,
.desktop #Nav li a.level1.section:before,
.desktop #Nav li a.level1.current:before {
	content: '';
	display: block;
	width: 13px;
	height: 19px;
	background: url(/themes/mytheme/images/nav.png) 0 -59px no-repeat;
	background-size: 26px auto;
	position: absolute;	
	left: -16px;
	top: 9px;
}
.retina.desktop  #Nav li a.level1:hover:before,
.retina.desktop  #Nav li a.level1.section:before,
.retina.desktop  #Nav li a.level1.current:before {
	background-image: url(/themes/mytheme/images/nav-retina.png);
}

/* level 2 */
#Nav ul.level2 {
	display: none;
	margin: 0 0 10px 0;
}

#Nav li.level2 {
	max-width: 142px;
	padding-right: 16px;
}
.desktop #Nav li a.level2:hover:before,
/*.desktop ul#Nav li a.level2.section:before,*/
.desktop #Nav li a.level2.current:before {
	content: '-';
	display: block;
	position: absolute;	
	left: -12px;
	top: 0;
	color: #fff;	
}

/* TOUCH AND MOBILE NAVIGATION */

/* Touch Devices Menu (and all non-desktop devices) */
/*.mobile #Nav a:hover {
	background-color: #343435;
}
.mobile #Nav ul a,
.mobile #Nav ul.level1 > li > a {
	margin-left: -10px;	
	margin-right: -10px;	
	padding-left: 10px;
	padding-right: 10px;
}*/
/*.mobile .active #NavWrapper {
	overflow: hidden;	
}*/
.mobule #NavWrapper {
	-webkit-overflow-scrolling: touch;	
}
.mobile #Nav {
	min-height: 39px;
	/*margin-top: -8px;*/
	/*min-height: auto;
	max-height: 100%;
	overflow: auto;*/
	cursor: pointer;
	position: relative;
}
.mobile #Nav ul.level1 {
	display: none;	
}

.mobile #Nav:before {
	content: "";
	display: block;
	position: absolute;
	right: 12px;
	top: 2px;
	height: 30px;
	width: 26px;
	background: url(/themes/mytheme/images/nav.png) 0 -172px no-repeat;	
	background-size: 26px auto; 
}
.retina.mobile #Nav:before {
	background-image: url(/themes/mytheme/images/nav-retina.png);
}
.mobile #Nav.active:before {
	background-position: 3px -204px;
}

.mobile #Nav ul.level1 > li {
	border-top: 1px solid #ff0000;
	position: relative;
	cursor: pointer;
	padding-left: 14px;
	padding-right: 14px;
}
.mobile #Nav ul.level1 > li a {
	/*padding-top: 4px;	*/
}
.mobile #Nav ul.level1 > li.hasChildren:after {
	content: "";
	color: #fff;
	display: block;
	width: 41px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 14px;
	z-index: 1;
		
	background: url(/themes/mytheme/images/nav.png) 23px -261px no-repeat;
	background-size: 26px auto;
}
.retina.mobile #Nav ul.level1 > li.hasChildren:after {
	background-image: url(/themes/mytheme/images/nav-retina.png);
}
.mobile #Nav ul.level1 > li.open.hasChildren:after {
	background-position: 23px -291px;
}
/* hide / show sub menu items */
.mobile #Nav ul.level1 > li ul.level2 {
	display: none;	
}
.mobile #Nav ul.level1 > li.open ul.level2 {
	display: block;	
}


/* HOME LINK*/
#Nav li a[href="/"],
.mobile #Nav li a[href="/"] {
	text-indent: -1000px;
	overflow: hidden;
	width: 18px;
	height: 33px;
	background: url(/themes/mytheme/images/nav.png) 0 10px no-repeat;
	background-size: 26px auto;	
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
}
.retina #Nav li a[href="/"] {
	background-image: url(/themes/mytheme/images/nav-retina.png);
}
#Nav li.current a[href="/"], #Nav li.section a[href="/"], #Nav li a[href="/"]:hover {
	background-position: 0 -20px;
}
#Nav li a[href="/"].level1:hover:before,
#Nav li a[href="/"].level1.section:before,
#Nav li a[href="/"].level1.current:before {
	display: none;
}

/* Home Link */
.mobile #Nav li a[href="/"] {
	position: relative;
	top: 3px;
}
.mobile #Nav li.level1.first {
	border-top: 0;
	padding-top: 1px;
}


/* End HEADER ------------------------------------*/

/* Sub Navigation */
.subNav {
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	
	/*font-family:"FS Albert Web Bold", Verdana , sans-serif; font-size-adjust:0.49; font-weight:bold; font-style:normal;*/
	
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}
.subNav ul {
	padding: 0 12px 8px 12px;
	list-style: none;
	text-align: center;
	margin: 0 auto;	
}
.subNav ul:before {
	content: "";
	display: block;
	height: 8px;
	border-top: 1px solid #818384
}
.subNav li {
	display: inline-block;
	vertical-align: bottom;	
}
.subNav li a {
	display: inline-block;
	vertical-align: bottom;	
	color: inherit;
	text-decoration: none;
	white-space: nowrap;	
	color: inherit;
	transition: color .25s ease-out;
}
.subNav li a:hover,
.subNav li.current a,
.subNav li.section a {
	color: #ff0000;
}
.subNav li:after {
	content: "    /   ";
	white-space: pre;	
	color: #ff0000;
}
.subNav li:last-child:after {
	display: none;	
}

.subPage .subNav {
	display: none;	
}

/* Footer 
-------------------------------------------- */
#Footer {
	/*margin-top: -107px;*/
	background: rgba(128,0,0,0.8);	
}
#ContactPageWrapper #Footer {
	background: transparent;	
}
#Footer ul {
	padding: 12px 12px 0 12px;
	height: 95px;	
	margin: 0 auto;
	color: #fff;
	font-size: 0;
	list-style: none;
}
#Footer li {
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	border-right: 1px solid #fff;
	padding: 0 6px 0 0;
	margin: 0 6px 0 0;
}
#Footer li:last-child {
	border-right-width: 0;
}
#Footer li a {
	color: #fff;
	text-decoration: none;
}
#Footer li a:hover {
	text-decoration: underline;	
}

/* Content  / Layout
-------------------------------------------- */
.layout {
	background: #fff;
}
.content {
	max-width: 936px;
	padding: 19px 12px 6px 12px;
	margin: 0 auto;
}
.pageWidth {
	max-width: 936px;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: auto;
	margin-right: auto;
}

/* Home Page */
/* Slides */
.slideshow {
	height: 480px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,dfdfdf+100 */
/*
background: rgb(255,255,255);

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 40%, rgba(223,223,223,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,1)), color-stop(100%,rgba(223,223,223,1))); 

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(223,223,223,1) 100%); 

background: -o-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(223,223,223,1) 100%); 

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(223,223,223,1) 100%); 

background: linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(223,223,223,1) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); */

	background: url(/themes/mytheme/images/Home-slide-blank.jpg) 0 0 no-repeat;
	background-size: 100% 100%;

}
.slideshow .slideWindow {
	height: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;	
}
.slideshow .slide {
	display: block;
	opacity: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;	
}
.slideshow .slide img {
	/*visibility: hidden;*/
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	left: 50%;
	/*margin-left: -50%;*/
}
.slideshow .slideshowWidth {
	position: relative;
	height: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.slidePaging {
	position: absolute;
	right: 33px;
	bottom: 21px;
	height: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	z-index: 50;	
}
.slidePaging li {
	display: inline;	
}
.slidePaging li a {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: bottom;
	border: 1px solid #838383;
	background: transparent;
	border-radius: 50%;	
	margin-left: 3px;
}
.slidePaging li.active a,
.slidePaging li a:hover {
	background: #838383;
}

/* Home Page */
.HomePage .content {
	padding-top: 25px;	
}
.HomePage .subNav {
	display: none;	
}
.HomePage.layout .typography {
	color: #fff;
}
.typography.whiteHeadings h2 {
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
	/*font-family:"FS Albert Web Regular", Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal; */
	
	color: #fff;
	font-size: 22px;
	line-height: 35px;
	
	border-bottom: 1px solid #ff0000;
	padding: 0 0 2px 0;
	margin: 0 0 7px 0;	
}
.textBoxWrapper {
	background: #990000 url(/themes/mytheme/images/background_R130.jpg) 50% 0 repeat;
	padding-bottom: 19px;
}
.fixedBackgrounds .textBoxWrapper {
	background-attachment: fixed;	
}
.textBoxRow {
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background: rgba(51,0,0,0.8);
	padding: 0 0 0 25px;
	margin: 0;
	position: relative;
}
.textBoxRow.row2 {
	margin: 25px 0 0 0;	
}
.textBox {
	width: 270px;
	display: inline-block;
	vertical-align: top;	
	margin: 0 30px 0 0;
	padding: 16px 0 0 0;
}
.row2 .textBox:first-child {
	width: 347px;
}
.HomePage .social a {
	margin-right: 5px;	
}
.HomePage .typography ul.social {
	margin-bottom: 1em !important;	
	height: 38px !important;
	display: inline-block !important;
}
.textBox.facebookBox {
	width: 498px;
	margin-right: 0;	
}
.fb-container {
    width: 498px;
    height: 232px;
    overflow: hidden;
	margin-bottom: 16px;
	background: #fff;
}
.fb-container > div {
     margin: -1px -1px -1px -1px;  
}
.HomePage .fb-container {
	border: 1px solid #fff;	
}

.typography .textBoxLink {
	position: absolute;
	bottom: 0;	
}
.typography .textBoxLink a {
	color: #fff;
	font-size: 16px;
	line-height: 29px;
	transition: color .25s ease-out;
	text-transform: uppercase;
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;
}
.typography .textBoxLink a:hover {
	color: #ff0000;
	text-decoration: none;
}
.typography .textBoxLink a:after {
	content: "";
	display: inline-block;
	margin: 0 auto;
	width: 27px;
	height: 27px;
	vertical-align: bottom;
	background: url(/themes/mytheme/images/nav.png) -6px -86px no-repeat;	
	background-size: 26px auto;
	
	border: 2px solid #990000;
	border-radius: 50%;
	
	margin-left: 8px;
	/*transition: border-color .25s ease-out*/
}
.retina .typography .textBoxLink a:after {
	background-image: url(/themes/mytheme/images/nav-retina.png);	
}
.typography .textBoxLink a:hover:after {
	/*border-color: #fff;*/
}
.textBox.hasLink {
	padding-bottom: 44px;	
}

/* Logo Slides */


/* What we do pages */
/* services menu */
.serviceNav {
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	
	/*font-family:"FS Albert Web Regular", Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal;*/ 
	
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}
.serviceNav ul {
	padding: 0 12px 8px 12px;
	list-style: none;
	text-align: center;
	margin: 0 auto;	
}
.serviceNav ul:before {
	content: "";
	display: block;
	height: 8px;
	border-top: 1px solid #818384;	
}
.serviceNav li {
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;	
}
.serviceNav li a {
	color: inherit;
	text-decoration: none;
	transition: color .25s ease-out;	
}
.serviceNav li a:hover {
	color: #ff0000;	
}
.serviceNav li:after {
	content: "  / ";
	white-space: pre;	
	color: #ff0000;
}
.serviceNav li:last-child:after {
	display: none;	
}

/* generic gallery, desktop layouts added later */
.gallery {
	background: #dedede url(/themes/mytheme/images/background_25pc.jpg) 50% 0 repeat;
}
.fixedBackgrounds .gallery {
	background-attachment: fixed;	
}
.gallery ul {
	padding: 0;	
	margin: 0 auto;
	display: block;
	list-style: none;
	position: relative;
}
.gallery ul:before {
	content: "";
	display: block;
	border-top: 1px solid #ff0000;
}
.gallery ul img {
	border: 1px solid #818384;
}

/* Gallery image over states */
.gallery ul li > span,
.gallery ul li a > span {
	display: block;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(35,31,32,0.9);
	color: #fff;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	
	opacity: 0;
	line-height: 19px;
	transition: opacity .25s ease-out;
}
.gallery ul li:hover > span,
.gallery ul li:hover a > span {
	opacity: 1;
	line-height: 19px;
}
.touch .gallery ul li > span,
.touch .gallery ul li a > span {
	display: none;
}

.gallery ul li span span {
	display: block;
	margin: 0 15px;
	/*margin: 19px 24px;*/
	position: relative;
	top: 50%;
	
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gallery ul li > span strong,
.gallery ul li a > span strong {
	font-size: 16px;
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;
	display: block;
}


/* over state specific to gallery with project links */
.gallery ul li > span.viewProject,
.gallery ul li a > span.viewProject {
	opacity: 0;
	line-height: 25px;
	transition: opacity .25s ease-out, line-height .25s ease-out;
}
.gallery ul li:hover > span.viewProject,
.gallery ul li:hover a > span.viewProject {
	opacity: 1;
	line-height: 19px;
}
.gallery ul li a span.viewProject span:after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 27px;
	height: 27px;
	vertical-align: bottom;
	background: url(/themes/mytheme/images/nav.png) -6px -86px no-repeat;	
	background-size: 26px auto;
	
	border: 2px solid #990000;
	border-radius: 50%;
	
	margin-top: 6px;
	transition: margin-top .25s ease-out
}
.gallery ul li:hover > span.viewProject span:after,
.gallery ul li:hover a > span.viewProject span:after {
	margin-top: -6px;
}
.retina .gallery ul li a span.viewProject span:after {
	background-image: url(/themes/mytheme/images/nav-retina.png);	
}
.gallery ul li > span.viewProject strong.title,
.gallery ul li a > span.viewProject strong.title {
	margin-bottom: 0;	
	transition: margin-bottom .25s ease-out
}
.gallery ul li:hover > span.viewProject strong.title,
.gallery ul li:hover a > span.viewProject strong.title {
	margin-bottom: -10px;	
}

/* Magnific popup alterations, these have mostly been moved to magnific-popup-modified.css */
/* this is the caption on the magnific popup */
.mfp-title {
	font-size: 12px;	
}

/* quote */
.quoteWrapper {
	/*padding-bottom: 38px;*/
	padding-bottom: 62px;
}
.quote {
	margin: 0 auto;
	position: relative;	
	border-bottom: 1px solid #ff0000;
	padding-bottom: 7px;
	padding-top: 24px;
	position: relative;
}
.quote:before, .quote:after {
	content: "";
	width: 53px;
	height: 38px;
	background: url(/themes/mytheme/images/quote.png) 0 0 no-repeat;
	background-size: 69px auto;
	display: block;
	position: absolute;
	top: -38px;
	left: 7px;
	z-index: 99;
}
.retina .quote:before, .retina .quote:after {
	background-image: url(/themes/mytheme/images/quote-retina.png)
}
.quote:after {
	top: auto;
	left: auto;
	bottom: -38px;
	right: 8px;
	background-position: 100% 100%;	
}
.quote .quoteText {
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	
	/*font-family:"FS Albert Web Regular", Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal; */
	
	font-size: 24px;
	color: #ff0000;
	line-height: 28px;
	text-align: center;
	max-width: 750px;
	margin: 0 auto 13px auto;
}
.quote .quoteAuthor {
	font-size: 13px;
	line-height: 16px;	
}

/* Project page */
.ProjectPage .gallery ul li a {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.ProjectPage .gallery ul li a > span span:before {
	content: "";
	display: block;
	width: 54px;
	height: 54px;
	margin: 0 auto;
	background: url(/themes/mytheme/images/view-gallery.png) center no-repeat;
	background-size: 54px auto;
	
	margin-bottom: 61px;
	transition: margin-bottom .25s ease-out;
}
.retina .ProjectPage .gallery ul li a > span span:before {
	background-image: url(/themes/mytheme/images/view-gallery-retina.png)
}
.ProjectPage .gallery ul li:hover a > span span:before {
	margin-bottom: 11px;
}

/* add this (used by several pages ?? */
.addThis {
	margin: 0 auto;
	border-top: 1px solid #818384;
	text-align: center;
	padding-top: 13px;
	height: 45px;
	border-bottom: 1px solid #ff0000;
}
#_atssh {
	display: none;	
}
.addthis_toolbox {
	width: 180px;
	margin: 0 auto;	
}
/* addthis buttons should fade on rollover */
.addthis_toolbox > a {
	opacity: 1;
	transition: opacity .25s ease-out !important;
}
.addthis_toolbox > a:hover {
	opacity: 0.7
}

/* Service Page */
.returnLink {
	margin: 0 auto;	
	text-align: center;
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	
	/*font-family:"FS Albert Web Bold", Verdana , sans-serif; font-size-adjust:0.49; font-weight:bold; font-style:normal;*/
	
	font-size: 14px;
	line-height: 24px;
	
	text-transform: uppercase;
	
	padding: 0 12px 8px 12px;
}
.returnLink:before {
	content: "";
	display: block;
	border-top: 1px solid #818384;
	height: 8px;
}
.returnLink a {
	color: inherit;
	text-decoration: none;	
}

/* Services Home Page */
.gallery.lSH ul {
	padding-bottom: 21px;
	border-bottom: 1px solid #ff0000;
}
/* over state is perminant */
.gallery.lSH ul li > span.viewProject,
.gallery.lSH ul li a > span.viewProject {
	opacity: 1 !important;
	height: 80px;
	background-color: rgba(0,0,0,0.9);
	top: auto;
	left: 0;
	bottom: 0;
	line-height: 25px;
	transition: none !important;
}
.gallery.lSH ul li:hover > span.viewProject,
.gallery.lSH ul li:hover a > span.viewProject {
	line-height: 25px;
}
.gallery.lSH ul li a span.viewProject span:after {
	margin-top: 6px;	
	position: relative;
	transition: border-color .25s ease-out !important;
}
.gallery.lSH ul li:hover a span.viewProject span:after {
	margin-top: 6px;	
	border-color: #fff;
	/*left: 10px;*/
}
.gallery.lSH ul li a > span.viewProject strong.title {
	margin-bottom: 0;
	font-weight: normal;	
	transition: none !important;
}
.gallery.lSH ul li:hover a > span.viewProject strong.title {
	margin-bottom: 0;
}

/* Services logo slideshow */
.content.logoSlidesWrapper {
	padding-bottom: 0;	
}
.logoSlides {
	margin: 0;
	list-style: none;
	padding: 0;
	font-size: 0;
	height: 175px;
	overflow: hidden;
	padding-bottom: 13px;
	border-bottom: 1px solid #ff0000;
}
.logoSlides li {
	width: 33%;
	text-align: center;
	height: 175px;
	display: inline-block;
}


/* Our Work Page */
.OurWorkPage {
	background: #990000 url(/themes/mytheme/images/background_R130.jpg) 50% 0 repeat;
}
.fixedBackgrounds .OurWorkPage {
	background-attachment: fixed;	
}
.OurWorkPage {
	color: #fff;	
}
.OurWorkPage .typography h1,
.OurWorkPage .subNav ul:before {
	border-color: #ff0000;	
	color: #fff;
}
.gallery.pageTiles {
	background: none;	
	padding-bottom: 21px;
}
.gallery.pageTiles ul img {
	border: 0;
}
.gallery.pageTiles ul li {
	background: rgb(128,0,0);
	border: 1px solid #ff0000;	
}
.gallery.pageTiles ul li.inactive img {
	/*opacity: 0.1;*/
}
.gallery.pageTiles ul li > span,
.gallery.pageTiles ul li a > span {
	border: 1px solid #fff;
	margin: -1px;
	/*box-sizing: border-box;	*/
}
.gallery.pageTiles strong.title {
	font-size: 20px;
	line-height: 24px;	
}

/* About Page */
.leftText {
	float: left;	
}
img.sectionImage {
	float: right;
	position: relative;
	margin-right: -12px;
	margin-top: -11px;
	z-index: 1;
}
img.sectionImage.hasTitle {
		
}
.AboutPage .content,
.TeamPage .content,
.TestimonialsPage .content {
	padding-bottom: 0;	
}
/*.AboutPage .content.hasContent:after,
.TeamPage .content.hasContent:after,
.TestimonialsPage .content.hasContent:after {
	margin-bottom: 1em;
}*/
.AboutPage .content.hasContent:after,
.TeamPage .content.hasContent:after,
.TestimonialsPage .content.hasContent:after {
	content: '';
	display: block;
	border-bottom: 1px solid #818384;
	height: 5px;	
}
section.contentsection {
	position: relative;	
	clear: both;	
	position: relative;	
}
section.contentsection .content {
	padding-bottom: 0;
	padding-top: 0;	
}
section.contentsection .content:after {
	content: '';
	display: block;
	border-bottom: 1px solid #818384;
	height: 5px;	
}
section.contentsection.hasTitle .content {
	padding-top: 19px;
}
.AboutPage section.contentsection.last .content:after {
	border: 0;	
	height: 0;
}
.TestimonialsPage section.contentsection.last .content:after {
	border-color: #ff0000;	
}
.imageText {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	
	/*font-family:"FS Albert Web Regular", Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal;*/ 
	
	background: rgb(255,0,0);
	
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50%;
}
.imageText div {
	position: relative;
	left: -330px;
	padding: 23px 25px;
	max-width: 410px;
	background: rgb(255,0,0);
}

/* Team Page */
.TeamPage section.contentsection .leftText,
.TestimonialsPage section.contentsection .leftText {
	width: 575px;	
}
.TeamPage section.contentsection .content,
.TestimonialsPage section.contentsection .content {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 336 auto;
}

.TestimonialsPage section.contentsection .content {
	background-position: right center;
}
section.contentsection .position {
	margin-top: -5px;	
}
section.contentsection .qualifications {
	margin-top: -5px;	
	font-size: 13px;
	color: #ff0000;
	line-height: 16px;
}
.TestimonialsPage section.contentsection h2 {
	margin-bottom: 16px;	
}

/* background images on TeamPage, AboutPage & TestimonialPage when in desktop size */
section.contentsection .content.hasRetinaBackground {
	background-size: 336px auto;	
}


/* The Source Page */
.TheSourcePage .contentWrapper {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+60,dfdfdf+100 */
/*
background: rgb(255,255,255); 

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 60%, rgba(223,223,223,1) 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(223,223,223,1))); 

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 60%,rgba(223,223,223,1) 100%); 

background: -o-linear-gradient(top,  rgba(255,255,255,1) 60%,rgba(223,223,223,1) 100%); 

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 60%,rgba(223,223,223,1) 100%); 

background: linear-gradient(to bottom,  rgba(255,255,255,1) 60%,rgba(223,223,223,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); */

	background: url(/themes/mytheme/images/The-Source-banner.jpg) 0 100% no-repeat;
	background-size: 100% 404px;
	
}
.TheSourcePage a.nextPage {
	margin: 0;
	float: none;	
}
.TheSourcePage .imageAndLink {
	text-align: center;
}

.tintBox {
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background: rgba(51,0,0,0.8);
	padding: 25px;
	margin: 6px 0 0 0;
	color: #fff;
}
.typography.whiteHeadings .tintBox h2 {
	margin-top: -9px;	
}

.formCol {
	float: right;
	width: 361px;	
}
.facebookCol {
	width: 500px;
	margin-right: 25px;
	float: left;	
}
.TheSourcePage .fb-container {
	height: 264px;	
	margin-bottom: 0;
}

/* Contact Page */
#ContactPageWrapper {
	min-height: 100%;	
	background: rgba(128,0,0,0.8);
}
.ContactPage .headerText .headerTextInner {
	padding-bottom: 44px;
}
.ContactPage .headerText:after {
	display: none;
}
.ContactPage.layout {
	background: transparent;
	color: #fff;	
}
.ContactPage.layout .typography {
	font-size: 13px;	
}
.ContactPage.layout .typography a {
	color: #fff;
}
.contactDetailsWrapper {
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background: rgba(51,0,0,0.8);
	padding: 14px 0;
}
.contactDetailsWrapper .content.typography {
	padding: 0 12px;
	margin: 0 auto;
	line-height: 35px;
	font-size: 0;
}
.contactDetails.typography ul,
.typography ul.social {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;	
}
.contactDetails.typography li,
.typography .social li {
	display: inline;	
}
.contactDetails.typography li a,
.typography .social li a {
	display: inline-block;
	vertical-align: bottom;	
	font-size: 13px;
}
.contactDetails.typography h2 {
	padding: 0;
	margin: 0 23px 0 0;
	
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
	
	/*font-family:"FS Albert Web Regular", Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal; */
	
	color: #fff;
	font-size: 22px;
	line-height: 35px;
	display: inline-block;
	vertical-align: bottom;
}
.contactDetails a,
.social a {
	background: url(/themes/mytheme/images/contact.png) 0 0 no-repeat;
	background-size: 37px auto;	
}
.retina .contactDetails a,
.retina .social a {
	background-image: url(/themes/mytheme/images/contact-retina.png);
}
.contactDetails .details a.phone {
	padding-left: 32px;
	margin-right: 33px;	
}
.contactDetails .details a.email {
	padding-left: 41px;	
	margin-right: 27px;
	background-position: 0 -42px;
}
/* .social also used on the homepage so the .contactDetails selector has been removed */

.social a {
	width: 34px;
	height: 34px;
	overflow: hidden;
	text-indent:-1000px;
	margin: -1px 8px -1px 0;	
	
	border: 2px solid #990000;
	border-radius: 50%;
	transition: border-color .25s ease-out;
}
.social a:hover {
	border-color: #fff;	
}
.social a.facebook {
	background-position: -2px -102px;	
}
.social a.twitter {
	background-position: -2px -152px;
}
.social a.linkedin {
	background-position: -2px -202px;
	margin-right: 0;
}

.ContactPage .contentWrapper .content {
	position: relative;	
	padding-top: 21px;
	padding-bottom: 0;
}
.ContactPage .contentWrapper .fountlogo {
	position: absolute;
	top: -7px;
	right: -12px;	
}
.ContactPage .contentWrapper {
	background: rgba(128,0,0,0.8);
}
#ContactPageWrapper .ContactPage .contentWrapper {
	background: transparent;	
}
.ContactPage .googleMapsWrapper {
	margin-top: 24px;
	background: #000;
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;	
}
.ContactPage iframe {
	
	max-width: 100% !important;
	height: 326px !important;
	
	background: #000 !important;	
	
	mix-blend-mode: luminosity;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* popup pages */
.typography.PopupPage {
	font-size: 13px;	
}

/* Site Map */
.sitemap ul {
	margin: 0;
	padding-top: 1em;
}
.sitemap ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 0.6em;
}
.sitemap ul li li {
	list-style-type: disc;
	margin-bottom: 0;
}
.sitemap ul ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-left:2em;
}
.sitemap ul a {
	color: inherit;	
}

/* misc */
.ErrorPage h1.seo {
	display: block;	
}
.urlSecurity h1.seo {
	display: block;	
}
.clear {
	clear: both;	
	border: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.seo {
	display: none;	
}
.hidden {
	visibility: hidden;	
}
.looksLikeLink {
	border-width: 0;
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-transform: none;
	background: none;
}

/* Desktop Size */
/* layout 3, because this applies to all window sizes */
.gallery.lS3 ul li.p1 img {
		border: 0;
		margin: 1px;	
	}
@media only screen and (min-width: 960px) {
	.gallery ul li {
		position: absolute;	
	}
	
	/* plus icon */
	.ProjectPage .gallery ul li.lastDesktop:after {
		content: "";
		position: absolute;
		right: 0px;
		bottom: 0;
		display: block;
		width: 25px;
		height: 25px;
		background: #808080 url(/themes/mytheme/images/nav.png) 5px -265px no-repeat;
		background-size: 26px auto;	
		pointer-events: none;
	}
	.retina .ProjectPage .gallery ul li.lastDesktop:after {
		background-image: url(/themes/mytheme/images/nav-retina.png);	
	}
	
	/* Home Page */
	.HomePage .typography .textBoxRow {
		font-size: 14px;	
	}
	.HomePage .typography .textBox {
		font-size: 16px;	
	}
	
	/* Testimonials */
	.TestimonialsPage .contentsection .content .leftText {
		position: relative;	
	}
	.TestimonialsPage .imageLink {
		padding: 0;
		display: block;
		position: absolute;
		right: -360px;
		top: 0;	
		height: 95%;
		width: 340px;
	}
	
	/* Gallery layouts go here, this way we don't need to override them */
	/* Layout 1 */
	.gallery.l1 ul {
		height: 	516px;
	}
	.gallery.l1 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l1 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	
	/* Layout 2 */
	.gallery.l2 ul {
		height: 	516px;
	}
	.gallery.l2 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l2 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	
	/* Layout 3 */
	.gallery.l3 ul {
		height: 	516px;
	}
	.gallery.l3 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l3 ul li.p2 {
		top: 270px;
		left: 0;	
	}
	.gallery.l3 ul li.p3 {
		top: 24px;
		left: 320px;	
	}
	
	/* Layout 4 */
	.gallery.l4 ul {
		height: 	516px;
	}
	.gallery.l4 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l4 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l4 ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	
	/* Layout 5 */
	.gallery.l5 ul {
		height: 	762px;
	}
	.gallery.l5 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l5 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l5 ul li.p3 {
		top: 516px;
		left: 0;	
	}
	.gallery.l5 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l5 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 6 */
	.gallery.l6 ul {
		height: 	762px;
	}
	.gallery.l6 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l6 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l6 ul li.p3 {
		top: 516px;
		left: 0;	
	}
	.gallery.l6 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l6 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 7 */
	.gallery.l7 ul {
		height: 	762px;
	}
	.gallery.l7 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l7 ul li.p2 {
		top: 270px;
		left: 0;	
	}
	.gallery.l7 ul li.p3 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l7 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l7 ul li.p5 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l7 ul li.p6 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 8 */
	.gallery.l8 ul {
		height: 	762px;
	}
	.gallery.l8 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l8 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l8 ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l8 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l8 ul li.p5 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l8 ul li.p6 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 9 */
	.gallery.l9 ul {
		height: 	762px;
	}
	.gallery.l9 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l9 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l9 ul li.p3 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l9 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l9 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 10 */
	.gallery.l10 ul {
		height: 	762px;
	}
	.gallery.l10 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l10 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l10 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l10 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l10 ul li.p5 {
		top: 270px;
		left: 640px;	
	}
	
	/* Layout 11 */
	.gallery.l11 ul {
		height: 	762px;
	}
	.gallery.l11 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l11 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l11 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l11 ul li.p4 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l11 ul li.p5 {
		top: 270px;
		left: 320px;	
	}
	
	/* Layout 12 */
	.gallery.l12 ul {
		height: 	762px;
	}
	.gallery.l12 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l12 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l12 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l12 ul li.p4 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l12 ul li.p5 {
		top: 270px;
		left: 640px;	
	}
	
	/* Layout 13 */
	.gallery.l13 ul {
		height: 	762px;
	}
	.gallery.l13 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l13 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l13 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l13 ul li.p4 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l13 ul li.p5 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l13 ul li.p6 {
		top: 270px;
		left: 320px;	
	}
	
	/* Layout 14 */
	.gallery.l14 ul {
		height: 	762px;
	}
	.gallery.l14 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l14 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l14 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l14 ul li.p4 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l14 ul li.p5 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l14 ul li.p6 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 15 */
	.gallery.l15 ul {
		height: 	762px;
	}
	.gallery.l15 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l15 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l15 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l15 ul li.p4 {
		top: 512px;
		left: 0px;	
	}
	.gallery.l15 ul li.p5 {
		top: 270px;
		left: 320px;	
	}
	
	/* Layout 16 */
	.gallery.l16 ul {
		height: 	762px;
	}
	.gallery.l16 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l16 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l16 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l16 ul li.p4 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l16 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 17 */
	.gallery.l17 ul {
		height: 	1008px;
	}
	.gallery.l17 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l17 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l17 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l17 ul li.p4 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 18 */
	.gallery.l18 ul {
		height: 	1008px;
	}
	.gallery.l18 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l18 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l18 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l18 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 19 */
	.gallery.l19 ul {
		height: 	1008px;
	}
	.gallery.l19 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l19 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l19 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l19 ul li.p4 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l19 ul li.p5 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 20 */
	.gallery.l20 ul {
		height: 	1008px;
	}
	.gallery.l20 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l20 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l20 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l20 ul li.p4 {
		top: 762px;
		left: 0px;	
	}
	.gallery.l20 ul li.p5 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 21 */
	.gallery.l21 ul {
		height: 	1008px;
	}
	.gallery.l21 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l21 ul li.p2 {
		top: 270px;
		left: 0;	
	}
	.gallery.l21 ul li.p3 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l21 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l21 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 22 */
	.gallery.l22 ul {
		height: 	1008px;
	}
	.gallery.l22 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l22 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l22 ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l22 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l22 ul li.p5 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 23 */
	.gallery.l23 ul {
		height: 	1008px;
	}
	.gallery.l23 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l23 ul li.p2 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l23 ul li.p3 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l23 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l23 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l23 ul li.p6 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 24 */
	.gallery.l24 ul {
		height: 	1008px;
	}
	.gallery.l24 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l24 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l24 ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l24 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l24 ul li.p5 {
		top: 762px;
		left: 0px;	
	}
	.gallery.l24 ul li.p6 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 25 */
	.gallery.l25 ul {
		height: 	1008px;
	}
	.gallery.l25 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l25 ul li.p2 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l25 ul li.p3 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l25 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l25 ul li.p5 {
		top: 762px;
		left: 0px;	
	}
	.gallery.l25 ul li.p6 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 26 */
	.gallery.l26 ul {
		height: 	1008px;
	}
	.gallery.l26 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l26 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l26 ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l26 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l26 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l26 ul li.p6 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 27 */
	.gallery.l27 ul {
		height: 	1008px;
	}
	.gallery.l27 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l27 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l27 ul li.p3 {
		top: 270px;
		left: 0px;	
	}
	.gallery.l27 ul li.p4 {
		top: 762px;
		left: 0;	
	}
	.gallery.l27 ul li.p5 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 28 */
	.gallery.l28 ul {
		height: 	1008px;
	}
	.gallery.l28 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l28 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l28 ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l28 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	.gallery.l28 ul li.p5 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 29 */
	.gallery.l29 ul {
		height: 	1008px;
	}
	.gallery.l29 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l29 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l29 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l29 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l29 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l29 ul li.p6 {
		top: 762px;
		left: 0px;	
	}
	.gallery.l29 ul li.p7 {
		top: 762px;
		left: 320px;	
	}
	.gallery.l29 ul li.p8 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 30 */
	.gallery.l30 ul {
		height: 	1008px;
	}
	.gallery.l30 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l30 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l30 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l30 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l30 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l30 ul li.p6 {
		top: 762px;
		left: 0px;	
	}
	.gallery.l30 ul li.p7 {
		top: 762px;
		left: 320px;	
	}
	.gallery.l30 ul li.p8 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 31 */
	.gallery.l31 ul {
		height: 	1008px;
	}
	.gallery.l31 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l31 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l31 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l31 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l31 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l31 ul li.p6 {
		top: 762px;
		left: 0px;	
	}
	.gallery.l31 ul li.p7 {
		top: 762px;
		left: 320px;	
	}
	
	/* Layout 32 */
	.gallery.l32 ul {
		height: 	1008px;
	}
	.gallery.l32 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l32 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l32 ul li.p3 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l32 ul li.p4 {
		top: 516px;
		left: 320px;	
	}
	.gallery.l32 ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l32 ul li.p6 {
		top: 762px;
		left: 320px;	
	}
	.gallery.l32 ul li.p7 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 33 */
	.gallery.l33 ul {
		height: 	1008px;
	}
	.gallery.l33 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l33 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l33 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l33 ul li.p4 {
		top: 270px;
		left: 0;	
	}
	.gallery.l33 ul li.p5 {
		top: 270px;
		left: 320px;	
	}
	.gallery.l33 ul li.p6 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l33 ul li.p7 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l33 ul li.p8 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 34 */
	.gallery.l34 ul {
		height: 	1008px;
	}
	.gallery.l34 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l34 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l34 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l34 ul li.p4 {
		top: 270px;
		left: 0;	
	}
	.gallery.l34 ul li.p5 {
		top: 270px;
		left: 320px;	
	}
	.gallery.l34 ul li.p6 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l34 ul li.p7 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l34 ul li.p8 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout 35 */
	.gallery.l35 ul {
		height: 	1008px;
	}
	.gallery.l35 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l35 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l35 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l35 ul li.p4 {
		top: 270px;
		left: 0;	
	}
	.gallery.l35 ul li.p5 {
		top: 270px;
		left: 320px;	
	}
	.gallery.l35 ul li.p6 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l35 ul li.p7 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l35 ul li.p8 {
		top: 762px;
		left: 0px;	
	}
	.gallery.l35 ul li.p9 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 36 */
	.gallery.l36 ul {
		height: 	1008px;
	}
	.gallery.l36 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l36 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l36 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l36 ul li.p4 {
		top: 270px;
		left: 0;	
	}
	.gallery.l36 ul li.p5 {
		top: 270px;
		left: 320px;	
	}
	.gallery.l36 ul li.p6 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l36 ul li.p7 {
		top: 516px;
		left: 0px;	
	}
	.gallery.l36 ul li.p8 {
		top: 516px;
		left: 640px;	
	}
	.gallery.l36 ul li.p9 {
		top: 762px;
		left: 640px;	
	}
	
	/* Layout 37 */
	.gallery.l37 ul {
		height: 	1008px;
	}
	.gallery.l37 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l37 ul li.p2 {
		top: 270px;
		left: 0;	
	}
	.gallery.l37 ul li.p3 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l37 ul li.p4 {
		top: 270px;
		left: 320px;	
	}
	.gallery.l37 ul li.p5 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l37 ul li.p6 {
		top: 516px;
		left: 0;	
	}
	.gallery.l37 ul li.p7 {
		top: 516px;
		left: 320px;	
	}
	
	/* Layout 38 */
	.gallery.l38 ul {
		height: 	1008px;
	}
	.gallery.l38 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.l38 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.l38 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.l38 ul li.p4 {
		top: 270px;
		left: 320px;	
	}
	.gallery.l38 ul li.p5 {
		top: 270px;
		left: 640px;	
	}
	.gallery.l38 ul li.p6 {
		top: 516px;
		left: 0;	
	}
	.gallery.l38 ul li.p7 {
		top: 516px;
		left: 640px;	
	}
	
	/* Special Layouts */
	
	/* Layout S1 */
	.gallery.lS1  ul {
		height: 	1254px;
	}
	.gallery.lS1  ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS1  ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.lS1  ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.lS1  ul li.p4 {
		top: 516px;
		left: 0px;	
	}
	.gallery.lS1  ul li.p5 {
		top: 516px;
		left: 640px;	
	}
	.gallery.lS1  ul li.p6 {
		top: 762px;
		left: 640px;	
	}
	.gallery.lS1 ul li.p7 {
		top: 1008px;
		left: 0px;	
	}
	.gallery.lS1 ul li.p8 {
		top: 1008px;
		left: 320px;	
	}
	.gallery.lS1 ul li.p9 {
		top: 1008px;
		left: 640px;	
	}
	
	/* Layout S2 */
	.gallery.lS2  ul {
		height: 	1254px;
	}
	.gallery.lS2  ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS2  ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.lS2  ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.lS2  ul li.p4 {
		top: 516px;
		left: 0px;	
	}
	.gallery.lS2  ul li.p5 {
		top: 516px;
		left: 320px;	
	}
	.gallery.lS2  ul li.p6 {
		top: 762px;
		left: 0px;	
	}
	.gallery.lS2 ul li.p7 {
		top: 762px;
		left: 640px;	
	}
	.gallery.lS2 ul li.p8 {
		top: 1008px;
		left: 640px;	
	}
	
	/* Layout S3 */
	.gallery.lS3 ul {
		height: 	958px;
	}
	.gallery.lS3 ul li.p1 {
		top: 24px;
		left: 156px;	
	}
	.gallery.lS3 ul li.p2 {
		top: 516px;
		left: 0;	
	}
	.gallery.lS3 ul li.p3 {
		top: 516px;
		left: 320px;	
	}
	.gallery.lS3 ul li.p4 {
		top: 516px;
		left: 640px;	
	}
	
	/* Layout S4 */
	.gallery.lS4 ul {
		height: 	762px;
	}
	.gallery.lS4 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS4 ul li.p2 {
		top: 24px;
		left: 640px;	
	}
	.gallery.lS4 ul li.p3 {
		top: 270px;
		left: 640px;	
	}
	.gallery.lS4 ul li.p4 {
		top: 516px;
		left: 0;	
	}
	
	/* Layout S5 */
	.gallery.lS5 ul {
		height: 908px;
	}
	.gallery.lS5 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS5 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.lS5 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.lS5 ul li.p4 {
		top: 662px;
		left: 0;	
	}
	.gallery.lS5 ul li.p5 {
		top: 466px;
		left: 320px;	
	}
	.gallery.lS5 ul li.p6 {
		top: 466px;
		left: 640px;	
	}
	
	/* Layout S6 */
	.gallery.lS6 ul {
		height: 	636px;
	}
	.gallery.lS6 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS6 ul li.p2 {
		top: 24px;
		left: 480px;	
	}
	.gallery.lS6 ul li.p3 {
		top: 390px;
		left: 0;	
	}
	.gallery.lS6 ul li.p4 {
		top: 390px;
		left: 320px;	
	}
	.gallery.lS6 ul li.p5 {
		top: 390px;
		left: 640px;	
	}
	
	/* Layout S7 */
	.gallery.lS7 ul {
		height: 	756px;
	}
	.gallery.lS7 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS7 ul li.p2 {
		top: 24px;
		left: 480px;	
	}
	.gallery.lS7 ul li.p3 {
		top: 390px;
		left: 0;	
	}
	.gallery.lS7 ul li.p4 {
		top: 390px;
		left: 480px;	
	}
	
	/* Layout S8 */
	.gallery.lS8 ul {
		height: 	1746px;
	}
	.gallery.lS8 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS8 ul li.p2 {
		top: 24px;
		left: 320px;	
	}
	.gallery.lS8 ul li.p3 {
		top: 24px;
		left: 640px;	
	}
	.gallery.lS8 ul li.p4 {
		top: 270px;
		left: 0px;	
	}
	.gallery.lS8 ul li.p5 {
		top: 270px;
		left: 320px;	
	}
	.gallery.lS8 ul li.p6 {
		top: 270px;
		left: 640px;	
	}
	.gallery.lS8 ul li.p7 {
		top: 516px;
		left: 0px;	
	}
	.gallery.lS8 ul li.p8 {
		top: 516px;
		left: 320px;	
	}
	.gallery.lS8 ul li.p9 {
		top: 516px;
		left: 640px;	
	}
	.gallery.lS8 ul li.p10 {
		top: 762px;
		left: 0px;	
	}
	.gallery.lS8 ul li.p11 {
		top: 762px;
		left: 320px;	
	}
	.gallery.lS8 ul li.p12 {
		top: 762px;
		left: 640px;	
	}
	.gallery.lS8 ul li.p13 {
		top: 1008px;
		left: 0px;	
	}
	.gallery.lS8 ul li.p14 {
		top: 1008px;
		left: 320px;	
	}
	.gallery.lS8 ul li.p15 {
		top: 1008px;
		left: 640px;	
	}
	.gallery.lS8 ul li.p16 {
		top: 1254px;
		left: 0px;	
	}
	.gallery.lS8 ul li.p17 {
		top: 1254px;
		left: 320px;	
	}
	.gallery.lS8 ul li.p18 {
		top: 1254px;
		left: 640px;	
	}
	.gallery.lS8 ul li.p19 {
		top: 1500px;
		left: 0px;	
	}
	.gallery.lS8 ul li.p20 {
		top: 1500px;
		left: 320px;	
	}
	.gallery.lS8 ul li.p21 {
		top: 1500px;
		left: 640px;	
	}
	
	/* Layout S9 */
	.gallery.lS9 ul {
		height: 	390px;
	}
	.gallery.lS9 ul li.p1 {
		top: 24px;
		left: 0;	
	}
	.gallery.lS9 ul li.p2 {
		top: 24px;
		left: 480px;	
	}
	
	/* Services Home Layout */
	.gallery.lSH ul {
		height: auto;
		font-size: 0;
		/*padding-bottom: 21px;
		border-bottom: 1px solid #ff0000;*/
	}
	.gallery.lSH ul li {
		display: inline-block;
		position: relative;
		margin-right: 21px;
		margin-top: 21px;	
	}
	.gallery.lSH ul li:nth-child(3n) {
		margin-right: 0;
	}
	.gallery.lSH ul li a > span {
		display: block;	
	}
	
	/* Our work page layout */
	.gallery.lSOW ul {
		height: auto;
		font-size: 0;
		padding-bottom: 21px;
		border-bottom: 1px solid #ff0000;
	}
	.gallery.lSOW ul li {
		display: inline-block;
		position: relative;
		margin-right: 21px;
		margin-top: 21px;	
	}
	.gallery.lSOW ul li:nth-child(2n) {
		margin-right: 22px;
	}
	.gallery.lSOW ul li:nth-child(4n) {
		margin-right: 0;
	}
}

/* Tablet size */
@media only screen and (max-width: 959px) {
	body {
		font-size: 14px;
		padding-top: 193px;
	}
	
	/* Header */
	.headerText {
		padding: 0 12px;
	}
	.headerText .headerTextInner {
		font-size: 32px;
		line-height: 38px;	
		padding: 17px 0 22px 0;
		max-width: 456px;
		width: auto;
	}
	.headerText:after {
		max-width: 456px;
	}
	
	/* HEADER -------------------------------*/
	#Header {
		padding-top: 0;	
		min-height: 193px;
	}
	#Header > .pageWidth {
		min-height: auto;
		height: 154px;
		overflow: hidden;
	}
	#Logo {
		position: relative;
		margin: 0 auto;
		top: -1px;
		width: 196px;	
	}
	#Tagline {
		display: none;	
	}
	
	/* END HEADER -------------------------------*/
	
	/* Sub Navigation */
	.subNav {
		display: block;	
		font-size: 14px;
		line-height: 24px;
	}
	.subNav li {
		display: block;	
	}
	.subNav li:after {
		display: none;	
	}
	/* Footer */
	
	/* Content Layout */
	.content, .pageWidth {
		max-width: 456px;
	}
	
	/* Home page */
	/* Slides */
	.slideshow {
		height: 230px;
	}
	.slidePaging {
		bottom: 17px;
		right: 13px;	
	}
	.slideshow .slideshowWidth {
		max-width: 480px;
	}
	
	/* Home Page */
	.textBoxRow {
		border: 0;
		padding: 0;
		margin: 0;
		background: transparent;
		position: static;	
	}
	.textBox {
		width: auto;
		display: block;
		background: rgba(51,0,0,0.8);	
		border-top: 1px solid #ff0000;
		border-bottom: 1px solid #ff0000;
		padding: 16px 25px 0 25px;
		margin: 25px 0 0 0;
	}
	.textBox:first-child {
		margin-top: 0;	
	}
	.textBox.hasLink {
		padding-bottom: 0;	
	}
	.typography .textBoxLink {
		position: static;	
	}
	.row2 .textBox:first-child {
		width: auto;	
		border-bottom: 0;
	}
	.textBox.facebookBox {
		width: auto;	
		padding-top: 0;
		border-top: 0;
		margin-top: 0;
	}
	.fb-container {
		width: 406px;
	}
	
	/* What we do pages */
	.serviceNav li {
		display: block;	
		line-height: 24px;
	}
	.serviceNav li:after {
		display: none;	
	}
	
	.gallery ul:before {
		height: 24px;
	}
	.gallery ul li {
		display: block;
		margin-bottom: 24px;
		position: relative;	
	}
	.gallery img {
		width: 100%;
		height: auto;	
	}
	.touch .gallery ul li > span,
	.touch .gallery ul li a > span {
		display: none;
		font-size: 13px !important;
	}
	.gallery ul li > span,
	.gallery ul li a > span {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	.gallery.pageTiles strong.title,
	.gallery.pageTiles strong.title {
		font-size: 16px;
		line-height: 18px;
	}
	
	.quote {
		padding-top: 15px;	
	}
	.quote .quoteText {
		font-size: 23px;
		line-height: 27px;	
	}
	
	/* Project Pages */
	/* plus icon */
	.ProjectPage .gallery ul li.lastMobile:after {
		content: "";
		position: absolute;
		right: -2px;
		bottom: 0;
		display: block;
		width: 24px;
		height: 24px;
		background: #808080 url(/themes/mytheme/images/nav.png) 5px -265px no-repeat;
		background-size: 26px auto;	
		pointer-events: none;
	}
	.retina .ProjectPage .gallery ul li.lastMobile:after {
		background-image: url(/themes/mytheme/images/nav-retina.png);		
	}
	
	/* Button on gallery and project pages */
	.gallery.hasButton .pageWidth {
		position: relative;	
	}
	.gallery.hasButton .addThis {
		height: 104px;	
	}
	.gallery.hasButton .nextPage {
		position: absolute;
		bottom: 20px;
		right: 12px;
		margin: 0;
	}
	
	/* Services Home Page */
	.gallery.lSH ul li {
		width: 296px;
		margin-left: auto;
		margin-right: auto;
	}
	.gallery.lSH ul li:last-child {
		margin-bottom: 0;	
	}
	.gallery.lSH ul li > span,
	.gallery.lSH ul li a > span {
		display: block !important;
		width: 298px;
		border: 0;
	}
	.logoSlides {
		height: 525px;
		overflow: hidden;
	}
	.logoSlides li {
		width: 100%;
	}
	
	/* Our Work Page */
	.gallery.lSOW ul {
		height: auto;
		font-size: 0;
		padding-bottom: 0;
		border-bottom: 1px solid #ff0000;
	}
	.gallery.lSOW ul li {
		display: inline-block;
		position: relative;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 21px;
		width: 215px;	
	}
	.gallery.lSOW ul li:nth-child(odd) {
		margin-right: 22px;
	}
	
	/* About Page */
	.leftText {
		float: none;
		width: auto !important;
	}
	img.sectionImage {
		float: none;
		position: static;
		display: block;
		margin: 0 auto;
		margin-top: -1em;
	}
	section.contentsection.hasTitle .content {
		padding-top: 14px;
	}
	.imageText {
		position: static;
		width: 100%;
		padding-top: 142px;
		margin-top: -142px;
	}
	.imageText div {
		max-width: 456px;
		position: static;
		margin: 0 auto;
		padding: 12px;
	}
	section.contentsection h2 {
		text-align: center;	
	}
	section.contentsection .position {
		text-align: center;
		font-size: 13px;
	}
	section.contentsection .content {
		background-image: none !important;	
	}
	
	.TeamPage section.contentsection .leftText {
		border-top: 1px solid #818384;
		padding-top: 16px;
	}
	.TeamPage section.contentsection .content:after {
		border-bottom: 0;	
	}
	.TeamPage section.contentsection.last .content:after {
		border-bottom: 1px solid #ff0000;	
	}
	
	.TeamPage section.contentsection,
	.TestimonialsPage section.contentsection {
		padding-top: 27px;
	}
	.TestimonialsPage section.contentsection img {
		margin-bottom: 11px;
	}
	
	/* Th Source */
	.formCol, .facebookCol {
		float: none;
		width: auto;	
	}
	.formCol {
		margin-bottom: 1em;	
	}
	
	/* Contact page */
	.ContactPage .headerText .headerTextInner {
		padding-bottom: 26px;
	}
	.contactDetailsWrapper {
		padding: 10px 0 17px 0;	
	}
	.contactDetails {
		text-align: center;	
	}
	.contactDetails h2, .contactDetails ul {
		display: block;
	}
	.contactDetails.typography h2 {
		padding: 0;
		margin: 0 0 23px 0;
		font-size: 24px;
		line-height: 28px;
	}
	.contactDetails ul.details li {
		display: block;
	}
	.contactDetails ul.details {
		margin-bottom: 3px;	
	}
	.contactDetails .details a {
		padding-right: 0 !important;	
		margin-right:  0 !important;	
		margin-bottom: 17px;
	}
	
	.ContactPage .contentWrapper .fountlogo {
		position: static;
		display: block;
		margin: -17px auto 0 auto;	
	}
	
	.ContactPage iframe {
		height: 260px !important;	
	}
	
	/* misc */
	br.desktopBreak {
		display: none;
	}
}
/* Mobile size */
@media only screen and (max-width: 479px) {
	body {
		font-size: 14px;
	}
	
	/* Header */
	.headerText {
		padding: 0 12px;
	}
	.headerText .headerTextInner {
		font-size: 22px;
		line-height: 26px;	
		padding: 19px 0 14px 0;
		max-width: 296px;
		width: auto;
	}
	.headerText:after {
		max-width: 296px;
	}
	
	/* Navigation */
	#Nav:before {
		max-width: 296px;	
	}
	#Nav ul {
		max-width: 296px;	
	}
	
	/* Content Layout */
	.content, .pageWidth {
		max-width: 296px;
	}
	
	/* Home Page */
	.fb-container {
		width: 246px;
	}
	.slideshow .slideshowWidth {
		max-width: 320px;
	}
	
	/* What we do pages */
	.quoteWrapper {
		padding-bottom: 32px;
	}
	.quote {
		/*margin-top: 31px;*/
		padding-top: 10px;	
		border-top: 1px solid #ff0000;
	}
	.quote:before, .quote:after {
		background-size: 59px auto;
		height: 32px;
	}
	.quote:before {
		top: -32px;
	}
	.quote:after {
		bottom: -32px;
		right: 8px;
		background-position: 100% 100%;	
	}
	
	.quote .quoteText {
		font-size: 21px;
		line-height: 25px;
	}
	.imageText div {
		max-width: 296px;
	}
	
	/* add this (used by several pages ?? */
	.hasQuote .addThis {
		border-bottom: 0;
		height: 76px;
	}
	
	/* Button on gallery and project pages */
	.gallery.hasButton .nextPage {
		bottom: 7px;
	}
	
	/* Home Services Page */
	.logoSlides {
		height: 501px;
		overflow: hidden;
	}
	.logoSlides li {
		width: 100%;
		height: 167px;
	}
	
	/* Our Work Page */
	.gallery.lSOW ul li {
		width: 140px;
	}
	.gallery.lSOW ul li:nth-child(odd) {
		margin-right: 12px;
	}
	.gallery.lSOW ul li {
		margin-bottom: 12px;
	}
	
	/* About page */
	section.contentsection.hasTitle .content {
		padding-top: 9px;
	}
	section.contentsection .content:after {
		height: 1px;	
	}
	.imageText {
		padding-top: 117px;
		margin-top: -117px;	
	}
	
	/* Contact page */
	.ContactPage .headerText .headerTextInner {
		padding-bottom: 23px;
	}
	.contactDetails.typography h2 {
		font-size: 20px;	
		lien-height: 24px;
	}
	
	.ContactPage iframe {
		height: 218px !important;	
	}
}
/* -------------
Put your layout changes above
These options are ONLY for hiding revealing things, only modify the sizes
MUST keep max and min sizes!
*/
/* Desktop Size / large tablets */
@media only screen and (min-width: 960px) {
	.bigDesktopHide {
		display: none !important;
	}
	.desktopHide {
		display: none !important;	
	}
}
/* Tablet size / very large phones */
@media only screen and (min-width: 480px) and (max-width: 959px) {
	.tabletHide {
		display: none !important;	
	}
}
/* Mobile */
@media only screen and (max-width: 479px) {
	.mobileHide {
		display: none !important;	
	}
}

/****** FILE: themes/mytheme/css/typography.css *****/
/* GENERIC STYLES 
-------------------------------------------- */

.typography {
	line-height: 1.38em;	
	font-size: 16px;
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	
}

.typography .small {
	font-size: 10px;	
}

.typography .leadin {
	font-size: 32px;
	line-height: 38px;
	border-bottom: 1px solid #818384;
	
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 200;
	
	/*font-family:"FS Albert Web Light", Verdana , sans-serif; font-size-adjust:0.48; font-weight:200; font-style:normal;*/
	
	padding-bottom: 22px;
	margin-top: -4px;
	margin-bottom: 19px;
}

.typography .marginbottom {
	margin-bottom: 1em !important
}
.typography .nomargins {
	margin: 0 !important;	
}


/* INLINE STYLES
-------------------------------------------- */

/* TABLES
-------------------------------------------- */
.typography table {
	max-width: 100%;
	margin-top: 1em;
}
.typography table td, .typography table th {
	vertical-align: top;
}
.typography table td[valign='bottom'], .typography table th[valign='bottom'] {
	vertical-align: bottom;
}
.typography table td[valign='middle'], .typography table th[valign='middle'] {
	vertical-align: middle;
}
.typography table tr:last-child td p {
	margin-bottom: 0;	
}

/* base styles for tables with borders */
.typography table[border='1'] {
	border: 1px solid #585858;	
	border-collapse: collapse;
}
.typography table[border='1'] td, .typography table[border='1'] th {
	border: 1px solid #585858;	
	padding: 6px;
}
.typography table[border='1'] th {
	background-color: #888888;
	color: #fff;
}
.typography table[border='1'] td p:last-child, .typography table[border='1'] th p:last-child {
	margin-bottom: 0;
}
.typography table[border='1'] tr:nth-child(odd)	{ background-color:#eee; }
.typography table[border='1'] tr:nth-child(even) { background-color:#fff; }

/* QUOTES
-------------------------------------------- */

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none;
	color: #ff0000;
}
	.typography a:hover { 
 		text-decoration: underline;
	}
	
	.typography a img {
		border: 0;	
	}


/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol {
	margin-top: 0;
}
.typography ul ul, .typography ol ol {
	margin-bottom: 0;	
}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 {
	font-size: 28px;
	margin: 111px 0 14px 0;
	
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 200;
	
	/*font-family:"FS Albert Web Light", Verdana , sans-serif; font-size-adjust:0.48; font-weight:200; font-style:normal;*/
	
	font-size: 40px;
	line-height: 48px;
	color: #ff0000;
	text-align: center;
}
.typography .hasContent h1,
.typography.hasContent h1{
	border-bottom: 1px solid #818384;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.typography h2 {
	font-size: 24px;
	line-height: 28px;
	color: #ff0000;
	
	margin: 0 0 3px 0;
	
	
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: normal;
	
	/*font-family:"FS Albert Web Regular", Verdana , sans-serif; font-size-adjust:0.48; font-weight:normal; font-style:normal;*/
}

.typography h3 {
	margin: 0;
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	/*font-family:"FS Albert Web Bold", Verdana , sans-serif; font-size-adjust:0.49; font-weight:bold; font-style:normal;*/
}
.typography h4 {
	margin: 0;
}
.typography h5 {
	margin: 0;
}
.typography h6 {
	margin: 0;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
   /* border: 5px solid #d7d7d7;*/
   max-width: 100%; /* prevents width being wider than 100% */
   height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
   /*background: transparent url(../images/ajax-loader.gif) no-repeat center center;*/
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    /*float: left;
    margin-right: 100%;
    margin-bottom: 10px;*/
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}


/* Tablet size */
@media only screen and (max-width: 959px) {
	.typography {
		font-size: 14px;
	}
	.typography .leadin {
		font-size: 24px;
		line-height: 28px;
		padding-bottom: 18px;
		margin-bottom: 16px;
		margin-top: -1px;
	}
	.typography h1 {
		font-size: 32px;
		line-height: 38px;
		margin-top: 74px;
		margin-bottom: 9px;
	}
	.typography .hasContent h1,
	.typography.hasContent h1{
		padding-bottom: 19px;
		margin-bottom: 15px;
	}
	.typography h2 {
		font-size: 22px;
		line-height: 26px;
	}
}
/* Mobile size */
@media only screen and (max-width: 479px) {
	.typography {
		font-size: 14px;
	}
	.typography .leadin {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 13px;
		margin-bottom: 11px;
		margin-top: -1px;
	}
	.typography h1 {
		font-size: 26px;
		line-height: 31px;
		margin-top: 35px;
		margin-bottom: 5px;
	}
	.typography .hasContent h1,
	.typography.hasContent h1{
		padding-bottom: 19px;
		margin-bottom: 11px;
	}
	.typography h2 {
		font-size: 20px;
		line-height: 24px;
	}
}

/****** FILE: themes/mytheme/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    max-width: 500px;
}
div.field {
    margin: 20px 0 20px;
	
	/* this prevents 100% wide form elements from breaking wider than their container,
	adjust size of this to match padding and border of input elements */
	padding-right: 8px; 
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
        display: block;
    }
	.typography form label.right {
		text-align: left;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #fff;
	font-family: inherit;
	font-size: 13px;
	color: #58595b;
}
#Security form input.text,
#Security form textarea,
#Security form .textajaxuniquetext,   /* Not sure if this is used? */
#Security form select {
	border: 1px solid #58595b;
}

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }

/* Chris Bolt, Options set field */
.optionset ul {
	list-style: none;
}
.optionset li {
	float: left;
}
.optionset.stacked li {
	float: none;
	clear: both;
}
.stacked {
	clear: left;
	float: none;
}

/* Messages */
form .message {
	display: inline-block;
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }
	

/* This code builds a label on the side form */
/*.middleColumn {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	width: 70%;
	float: right;
}
.field {
	clear: both;	
}
label.left {
	width: 30%;
 	float:left; 
	margin: 6px 0 6px 0;
	color: inherit;
}*/
/* End label on the side form */


/* ACTIONS */
.Actions {
    margin: -3px 0 0 0;
	text-align: right;
}
    a.btn, .Actions button, .Actions input[type="submit"], .Actions .action {
        display: inline-block;
		margin: 0;
		/*width: 120px;*/
		font-size: 16px;
		font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 30px;
		color: #fff;
		transition: color .25s ease-out;
		border: 0;
		border-radius: 0;
		background: transparent;
		cursor: pointer;
		
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
    }

	a.btn:after, .Actions button:after, .Actions input[type="submit"]:after, .Actions .action:after {
		content: "";
		display: inline-block;
		margin: 0 auto;
		width: 27px;
		height: 27px;
		vertical-align: bottom;
		background: url(/themes/mytheme/images/nav.png) -6px -86px no-repeat;	
		background-size: 26px auto;
		
		border: 2px solid #990000;
		border-radius: 50%;
		
		margin-left: 8px;
		transition: border-color .25s ease-out
	}
	.retina a.btn:after, .retina .Actions button:after, .retina .Actions input[type="submit"]:after, .retina .Actions .action:after {
		background-image: url(/themes/mytheme/images/nav-retina.png);
	}
	a.btn:hover:after, .Actions button:hover:after, .Actions input[type="submit"]:hover:after, .Actions .action:hover:after {
		border-color: #fff;
	}

	a.btn:hover, .Actions button:hover, .Actions input[type="submit"]:hover, .Actions .action:hover {
		text-decoration: none;
		color: #ff0000;
	}
	
	#Security a.btn, #Security .Actions button, #Security .Actions input[type="submit"], #Security .Actions .action {
		color: #ff0000;
		margin-bottom: 1em;	
	}
	#Security a.btn:after, #Security .Actions button:after, #Security .Actions input[type="submit"]:after, #Security .Actions .action:after {
		background-position: -6px -116px;
		border-color: #ff0000;
	}
	#Security a.btn:hover:after, #Security .Actions button:hover:after, #Security .Actions input[type="submit"]:hover:after, #Security .Actions .action:hover:after {
		border-color: #ff0000;
	}


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }

/* style placeholders */
::-webkit-input-placeholder {
   color:#888;	
}
:-moz-placeholder {
   color:#888;	
   opacity: 1; 
}
::-moz-placeholder {
   color:#888;	 
   opacity: 1; 
}
:-ms-input-placeholder {  
   color:#888;	 
}
.labelTextFieldInactive {
	color:#888;	
}

/****** FILE: themes/mytheme/css/thickbox.css *****/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	/*font: 12px Arial, Helvetica, sans-serif;*/
	color: #333333;
	font-size: 13px;
}

#TB_secondLine {
	font-size: 10px;
	color:#333333;
}
/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/themes/mytheme/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#333;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#333333;
	display:none;
	border: 1px solid #ff0000;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}


#TB_closeAjaxWindow{
	padding:5px 15px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 15px;
	margin-bottom:1px;
}

#TB_title{
	color: #ff0000;
	background-color:#fff;
	height:34px;
	border-bottom: 1px solid #ff0000;
}
#TB_title a {
	color: #FF0000;
	text-decoration: none;	
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	margin-top: 1em;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/****** FILE: themes/mytheme_blog/css/blog.css *****/
/* IE cuts the bottom of the tags off */
* html #Sidebar p.tagcloud {
	padding-bottom: 10px;
}
.BlogError p {
	color: #fff;
	display: inline;
	background-color:	#f77;
	padding: 7px;
	font-weight:bold;
}

#BlogEntry_Form_BlogEntryForm #ContentLabel{
	display:inline;
}

#BlogEntry_Form_BlogEntryForm .CompositeField {
	position: relative;
	width: 100%;
}

/* MySite Styles */
/* Main style overrides */

/* Blog Holder */
.BlogHolder .content:after {
	content: "";
	display: block;
	padding-top: 20px;
	border-bottom: 1px solid #818384;
}
#BlogEntries {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#BlogEntries li {
	display: inline;	
}
#BlogEntries li:after {
	content: ', '
}
#BlogEntries li.last:after {
	content: ' ... ';	
}
#BlogEntries li a {
	color: inherit;	
}
#BlogEntries li.current a, #BlogEntries li a:hover {
	color: #ff0000;
	text-decoration: none;	
}
#PageNumbers {
	padding-top: 20px;
	letter-spacing: 3px;	
	font-weight: bold;
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;	
	color: #ff0000;
}
#PageNumbers a {
	color: #58595b;
}

/* Blog Entry */

/* Next prev */
.previousPage, .nextPage {
	display: inline-block;
	margin-top: 15px;
	/*width: 120px;*/
	font-size: 16px;
	font-family: "FSAlbert", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 30px;
}
a.previousPage:before, a.nextPage:after {
	content: '';
	display: inline-block;
	border: 2px solid #ff0000;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	background: url(/themes/mytheme/images/nav.png) -6px -116px no-repeat;
	background-size: 26px auto;
	margin: 0 0 0 8px;
	vertical-align: bottom;
	/*transition: border-color .25s ease-out;*/
}
.retina a.previousPage:before, .retina a.nextPage:after {
	background-image: url(/themes/mytheme/images/nav-retina.png);
}
a.previousPage:hover:before, a.nextPage:hover:after {
	/*border-color: #58595b;*/
}
.typography a.previousPage, .typography a.nextPage {
	color: inherit;
	transition: color .25s ease-out;
}
.typography a.previousPage:hover, .typography a.nextPage:hover {
	text-decoration: none;
	color: #ff0000;
}
.previousPage, a.previousPage {
	float: left;	
}
a.previousPage:before {
	background-position: 7px -146px;
	margin: 0 8px 0 0;
}
.nextPage, a.nextPage {
	float: right;
	text-align: right;
}

/* publication info */
.publicationInfo {
	border-bottom: 1px solid #808080;
	padding-bottom: 20px;
	margin-bottom: 20px;	
}
.author {
	float: left;	
	margin: 0;
}
.publications {
	font-size: 14px;
	float: right;	
	margin: 0;
}


.date {
	font-size: 13px;
	text-align: center;
}

.blogEntry {
	padding-bottom: 0;	
}
.blogEntry img {
	max-width: 100%;
	height: auto;	
}

/* Tablet size */
@media only screen and (max-width: 959px) {
	.publicationInfo {
		font-size: 14px;
		padding-bottom: 12px;
		margin-bottom: 12px;	
	}
	.author {
		font-size: 14px;
		float: none;	
	}
	.publications {
		font-size: 14px;
		float: none;	
	}
}

/* Small jump so that next and prev nav doesn't go off screen */
@media only screen and (max-width: 980px) {
	.previousPage, .nextPage {
		margin-left: 0;
		margin-right: 0;	
	}
}
/* Mobile size */
@media only screen and (max-width: 479px) {
	.previousPage, .nextPage {
		margin-bottom: 14px;	
		margin-top: 0;
	}
	.addThis {
		clear: left;	
	}
}