/* =============================================================================
	 HTML5 Boilerplate CSS: h5bp.com/css
	 ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; text-decoration: none; }
a:visited { color: inherit; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; text-decoration: none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ===== Initializr Styles =====================================================
	 Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
	 ========================================================================== */

body{ 
	font: 62.5%/1.8em Helvetica, Helvetica Neue, Arial; 
	background: rgb(212,233,202); color: rgb(112,112,112); /**/
}

/*	Line-Height: 1.8em */
/* Headings */
h1, .h1 { font-size: 2.0em; margin-bottom: 0.9em; }			/* 20px */
h2, .h2 { font-size: 1.8em; margin-bottom: 1.0em; }			/* 18px */
h3, .h3 { font-size: 1.5em; margin-bottom: 1.2em; }			/* 15px */
h4, .h4 { font-size: 1.4em; margin-bottom: 1.2857em; }	/* 14px */
h5, .h5 { font-size: 1.2em; margin-bottom: 1.5em; }			/* 12px */
h6, .h6 { font-size: 1.0em; margin-bottom: 1.8em; }			/* 10px */
p, li, dt, input, button, th, td,label, figcaption, address {
	font-size: 1.6em; margin-bottom: 1.1875em;
}

.wrapper{
	width: 97.74%;
	margin:0 auto;
	padding: 0 1.13%
}


nav select,
.tel .type { display: none; }

/* for two levels of nested quotations */
q {quotes: '\201C' '\201D' '\2018' '\2019';}
 /* extra content definitions for pre-2011 WebKit */
q:before {content: '\201C'; content: open-quote;}
q:after {content: '\201D'; content: close-quote;}
q q:before {content: '\2018'; content: open-quote;}
q q:after {content: '\2019'; content: close-quote;}
	/* q in blockquote */
blockquote q:before {content: '\2018'; content: open-quote;}
blockquote q:after {content: '\2019'; content: close-quote;}
blockquote q q:before {content: '\201C'; content: open-quote;}
blockquote q q:after {content: '\201D'; content: close-quote;}
	/* blockquote hanging opening quote */
/*blockquote:before {display: block; height: 0; content: "\201C"; margin-left: -.95em; font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif; color: #999;}*/

#address-container { font-style:normal; }
#address-container .h3 { font-size: inherit; font-weight: 700; margin-bottom: 0; }

/* ===================
		ALL: SGC Theme
	 =================== */
/*
#header-container	{ outline: 1px solid yellow; }
#main-container		{ outline: 1px solid lime; }
#footer-container	{ outline: 1px solid fuchsia; }
*/

.orange,
.orange:hover { color: rgb(240,138,0);	 }
.green,
.green:hover { color: rgb(112, 137, 60); }
.gray,
.gray:hover { color: rgb(112,112,112); }
.white,
.white:hover { color: rgb(255,255,255); }

.orange-bg{ background: rgb(240,138,0);	}
.white-bg { background: rgb(255,255,255); }

.block { display: block; }

::-moz-selection { background: rgb(240,138,0); color: #fff; text-shadow: none; }
::selection      { background: rgb(240,138,0); color: #fff; text-shadow: none; }

	/*	AND NOW FOR A LITTLE STYLING	*/
	
	#content-container aside section,
	#content-container aside section .secondary { border-top: 3px solid rgb(240,138,0); }
	
	#aside-container figure { margin: 10px 0 18px; }
	#aside-container figure figcaption { margin: 5px 0;	}	
		#s-home #aside-container figure figcaption { margin: 0; color: rgb(255,255,255);	}	

	#services-container { border-bottom: 1px solid rgb(112,137,60); }
	#services-container dt { margin: 0; line-height: 28px; border-top: 1px solid rgb(112,137,60 ); }
	
	
	#aside-container figure figcaption a,	
	#services-container .expander { display: block; line-height: 28px; padding: 0 5px; text-decoration: none; }
	#services-container .expander { color: rgb(112,137,60); }
		

		#s-gallery #gallery-container figure figcaption { color: rgb(112, 137, 60);	}	
		

	#s-testimonials blockquote { margin: 0; padding: 0 0 10px; border-top: 3px solid rgb(112,137,60 ); }
	#s-testimonials blockquote p { margin-top: 10px; margin-bottom: 0.5em; }
	#s-testimonials blockquote .vcard {	border-top: 1px solid rgb(112,137,60 ); 	}
	#s-testimonials blockquote .vcard .fn {	font-weight: 600; padding-top: 5px; display: block;	line-height: 21px; }
	
/* ==============
		MOBILE: Menu
	 ============== */

  nav ul     { display: none; }
  nav select { display: inline-block; width: 90%; margin: 0 5% 15px; text-align: center; }

	nav a, nav a:visited {
		display:block;
		letter-spacing: 0.025em;
		line-height: 14px;
		margin: 0; padding: 0;
		color: rgb(112, 137, 60);
	}

	nav a:hover,
	#s-home #n-home,
	#s-services #n-services,
	#s-gallery #n-gallery,
	#s-testimonials #n-testimonials,
	#s-contact #n-contact	 {
		color: rgb(240, 138, 0);
	}
	.phone a:hover,
	nav a:hover { text-decoration:none; }
	
	.phone a:hover, .phone a:visited { color: inherit; text-decoration: none; }
	
	.hiding { display: none; }
	
	#topLink { position: absolute; right: 0; top: 5px; display: inline-block; }

/* ==============
		MOBILE: Main
	 ============== */
	#main { padding-top: 15px; }	 

	#branding,
	#headline,
	#byline { float: left; }
	
	#headline a { display: block; width: 118px; height: 118px; margin: 0; padding: 0; }
	#byline { margin-top: 15px; }
	#byline span { display: block; font-size: 1.0em; }
	
	#phone-numbers { float: left; margin: -72px 0 0 118px; padding: 0; }
	
	
	#content-container article h1{	font-size:1.6em; }
		#quotes-container { margin-top: 15px; }

	#slideshow img { overflow: hidden; width: 100%; height: auto; }

	#content-container aside { width: 100%; }
		#content-container aside section .headline { text-transform: uppercase; }
		#content-container aside figure { width: 100%; text-align: center; }
			#content-container aside img { width: auto; margin: 0 auto; }

	
	#footer-container footer #copyright { border-top: 3px solid rgb(112, 137, 60); }
	
/* ===== Primary Styles ========================================================
	 Author:
	 ========================================================================== */
	.vag-rounded { 
		font-family: "VAG Rounded W01 Light", "Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-weight: 200; text-transform: uppercase; 
	}

	#aside-container figure figcaption a:before,
	#services-container .expander:before { content: " \2192  "; }
	
	#phone-numbers h3 { margin: 0; font-weight: 200; font-size: 1.8em; line-height: 20px; }


/* =============================================================================
	 Media Queries
	 ========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
		INTERMEDIATE: Menu
	 ==================== */
	#phone-numbers { float: right; text-align: right; }

	nav ul     { display: block; }
  nav select { display: none; }
	
	nav a{
		margin-bottom:10px;
	}
	
	nav li:first-child a{ margin-left:0;  }
	nav li:last-child  a{ margin-right:0; }
			#content-container aside img { width: 100%; margin: 0; }
	
/* ========================
		INTERMEDIATE: IE Fixes
	 ======================== */

	nav ul li{
		display:inline;
	}	
	.oldie nav a{
		margin:0 0.7%;		
	}
}

@media only screen and (min-width: 768px) {

/* ====================
		WIDE: CSS3 Effects
	 ==================== */

/*	#header-container,
	#main aside{
		-webkit-box-shadow:0 5px 10px #aaa;
			 -moz-box-shadow:0 5px 10px #aaa;
						box-shadow:0 5px 10px #aaa;
	}
*/
/* ============
		WIDE: Header
	 ============ */
	
	#headline a { width: 173px; }
	
	#byline { margin-top: 49px; font-size: 3.0em; line-height: 38px }
	#byline span { line-height: 20px; }

	#phone-numbers{ margin-top: 65px; margin-left: 0; }
	#phone-numbers h3 { font-size: 1.8em; line-height: 20px; }


/* ============
		WIDE: Main
	 ============ */

	#main { padding-top: 0; }	 


	#navigation-container {	 /* 175.56px */
		float:left;
		width:18%;
	}
	
		#navigation-container nav { width: 89%; }	 /* 156.2484px */
	
	#content-container {	/* 748.44px */
		float: right;
		width: 81%;
	}
		#quotes-container { margin-top: 0; }
	
		#slideshow { height: 282px; }
	
	#content-container article{	 /* 486.486px */
		float:left;
		width:65%;
		padding-right: 11%;
		padding-top: 18px;
	}
		
	#content-container aside{	 /* 179.6256px */
		float:right;
		width:24%;
		margin-top: 18px;
	}
	
	#content-container aside section { /* 159.866784px */
		float: right;
		width: 89%;
 	}
	
	#content-container aside section .headline {
		text-transform: uppercase;
		margin: 0; 
		padding: 5px 0 10px;			
	}
	
	#content-container aside figure figcaption { text-align: left; }
	#content-container article header h1 { margin-top: 0; }
	
	
/* ============
		WIDE: Footer
	 ============ */

	#footer-container footer {
		padding-top: 15px;
		line-height: 30px;		
	}
	
	#footer-container footer #copyright {	/* 411.642px / 175.56px */
		width: 55%;
		margin-left: 19%;		
	}
	
		#s-gallery #footer-container footer #copyright { width: 81%; }
	
	#topLink { display: none; }
	
}

@media only screen and (min-width: 960px) {

/* ===============
		Maximal Width
	 =============== */

	.wrapper{
		width: 924px; /* 960px - 18px for margins */
		margin:0 auto;
		padding: 0 1.13%;
	}
}

/* ===============
		ALL: IE Fixes
	 =============== */

	.lt-ie8 #headline{ padding-top:20px; }
	.lt-ie8 #byline { margin-top: 0; padding-top: 49px; }
	.lt-ie8 .expander .prompter { top: -5px; cursor: pointer; }

/* =============================================================================
	 Non-Semantic Helper Classes
	 ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
	 Print Styles
	 ========================================================================== */
 
@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}

/* =============================================================================
	 Lightbox Styles
	 ========================================================================== */

	#simplemodal-container a.modalCloseImg {
		background:url(/_assets/img/lightbox/lightbox-btn-close.gif) no-repeat; /* adjust url as required */
		width:80px;
		height:26px;
		display:inline;
		z-index:3200;
		position:absolute;
		top: 0;
		right: -80px;
		cursor:pointer;
		overflow: hidden;
		text-indent: -9999px;
	}