/********************************************************************************

Site Name - Global Styles

Version: 1.0
Author/Copyright: Phil Zelnar (http://www.andphil.com)

********************************************************************************/



/* -------------------------------------------
Default Reset (via http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section     { display: block; }
body                                                                                        { line-height: 1; }
ol, ul                                                                                      { list-style: none; }
blockquote, q                                                                               { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after                                      { content: ''; content: none; }
table                                                                                       { border-collapse: collapse; border-spacing: 0; }



/* -------------------------------------------
PZ's Custom Resets (parts via HTML5 Reset)
------------------------------------------- */

button, input, select, textarea                             { margin: 0; }
button                                                      { width: auto; overflow: visible; }
.display_none                                           { display: none; }
a                                                           { text-decoration: none; color: #006633;}
label, input[type=button], input[type=submit], button       { cursor: pointer; }

/* Force Vert Scroll to Prevent Jump Page */
html                                                        {overflow-y: scroll;}

/* Custom text-selection */
::-moz-selection                                            { background: #fcd700; color: #fff; text-shadow: none; }
::selection                                                 { background: #fcd700; color: #fff; text-shadow: none; }
a:link                                                      { -webkit-tap-highlight-color: #fcd700; }



/* -------------------------------------------
Base
------------------------------------------- */

/* Structural */
html                            { }
body                            {background:#fff; color:#666; font: normal 100%/1.28571429 arial, sans-serif; }
* {	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
				box-sizing: border-box;         /* Opera/IE 8+ */

			}

#content-well{ border:2px solid #006633; width: 260px; 
				height: 537px;
				
			}

header { position:absolute;
	top:-50px;
	left:-50px;
	z-index: 1;
}

header > a {
	display:block;
	
	
	}

header > a > h1{
 	background: url("../_img/boundless_logo.jpg") no-repeat 0 0 #fff;
 	padding:15px;
 	width: 447px;
 	height: 117px;
 	text-indent: -9999px;
	display:block;
 }
 header + aside{
	float:right;
	 text-align:right;
	 width:auto;
	 color:#006633;
	 font-size:11px;
	 margin-top:-40px;
	 margin-right:-10px;
 }

 nav {
 	position: absolute;
 	text-align: center;
 	right:0;
 	top: 25px;
 	background:#fff;
 	padding:20px;
 	margin-right: -70px;
 	z-index:2;

 }

 nav > ul > li {
 	text-transform: uppercase;
 	padding: 25px 0;
 	font-size: 1em;
 	letter-spacing: 1px;

 }

 nav > ul > li > a {
 	color:#333;
 }

 nav > ul > li > a:hover,  nav > ul > li > a.active {
 	color:#006633;
 	font-weight:bold;
 }


#content-well > article {
	border:1px solid #ccc;
	width: 88.541667%;
	height: 620px;
	overflow-y: scroll;
	margin-top:55px;	
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	font-family:Trebuchet MS;

}

#content-well > article.portfolio_wrapper {
	text-align:center;
}

article > section figure {
	float:left;
	margin-right:15px;
	margin-top:20px;
	padding-bottom:10px;
}

article > section[role="main"] figure{
	float:right;
	padding:10px;

}

article > section[role="main"] figure img{
	border:none;
}

article > section h1, article > section dt{
	font-size: 1.3em;
	line-height: 1.3;
	font-weight:bold;
	color:#006633;
	margin-top: 5px;

}

article > section h2, article > section dt{
	font-size: 1.3em;
	line-height: 1.3;
	font-weight:bold;
	color:#000000;
	margin-top: 15px;

}

article > section dt span{
	font-size: .7em;
	color:#000;
	display: block;
}

article > section h1:first-child, article > section dt:first-child{
	margin-top:0px;
}


article > section p, article > section dd{
	font-size:.9em;
	line-height: 1.5;
}



figcaption {
	font-size:.8em;
	font-family:Georgia, serif;
	font-style: italic;
	margin:5px;
}

hr {color:transparent;
background:transparent;
clear:both;}

.clientbox {
	float:left;
	height:100px;
	width:relative;
	padding:5px;
	position:relative;
	margin-right:20px;
	display: flex;
	align-items: center;
}

.clientbox img {
}

#testimonials {
	float:left;
	width:15em;
	height:20em;
	padding-left:.7em;
	padding-right: .7em;
	padding-top: .3em;
	padding-bottom: .3em;
	margin-right:.2em;
	border:1px solid #006633;
}

#testimonials p {
	text-align:center;
	font-size:.67em;
}

#opening {
	background:#333;
	color:#fff; 
	padding: 1em;
	width:47em;
	font-family:Trebuchet MS;
}

#portfolio-boundary {
	position:relative;
        width:1350px;
	height:auto;
	border:1px solid #006633;
	padding:.5em;
}

/* For Responsive Elements */
img,
object,
embed                           { max-width: 100%; }

form#contact {
		padding-left: 0em;
		padding-right: 0.75em;
		width: auto;
		}
		
	span.contact, span.form {
		color: #006633;
		font-weight: bold;
		font-size: 0.75em;
		}
		
	input, textarea {
		background-color: #ddd;
		width: 20.5em;
		}
		
	input#submit {
		width: auto;
		font-size: 0.75em;
		font-family: georgia;
		font-weight: bold;
		}
		
	fieldset {
		border: none;
		}
		
	#response h1 {
		color: #009;
		font-size: 2.2em;
		}
		
	p.respond {
		font-size: 1.25em;
		}
		
	p.return {
		color: #009;
		font-size: 0.75em;
		}


	div#features {
		padding-top:3em;
		padding-bottom:-9em;
		}
		
	div#features p {
		font-size:0.75em;
		color:#006633;
		}
		
	ul#features {
		font-size:.9em;
		padding:5px;
		padding-left:20px;
		list-style-type: disc;
		}
		
	h1#testimonials {
		font-size:.9em;
		font-weight:bold;
		color:#000000;
		}


.page-wrap {
  margin-left:auto;
  margin-right:auto;
  display: block;
  max-width:1350px;
}

#mainimage img {
	border:1px color:#000;
}

#header-links p {
	font-size:.9em;
	float:right;
	padding-top:3em;
}

#header-links img {
	width:auto;
	height:4em;
	padding-top:1em;
	padding-bottom:-1em;
}

#banner-fade {
	width:1350px;
	height:auto;
	border:1px solid #006633;
	padding:.5em;
}

	



/* -------------------------------------------
Media Queries
------------------------------------------- */



/* -------------------------------------------
Print
------------------------------------------- */

@media print {
}