/*
Theme Name: New Floors Unlimited
Theme URI: http://newfloorsunlimited.com
Author: SpiderLily Web Design
Author URI: http://spiderlilyweb.com
Description: Randy Jensen's Handcrafted WP Theme revised
Version: 1.0
*/

/* html5doctor.com Reset Stylesheet \\v1.6.1 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*
 *
 * Base Typography 
 *
 */
body { font:100%/1.3 'Open Sans', Arial, Helvetica, sans-serif; } /* 16 px */
select, input, textarea, button { font:90% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*
 *
 * Base Styles 
 *
 */
body, select, input, textarea { 
   color: #1F3447; 
  }
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif;	font-weight:700;}
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#00AEEE; } /* light blue */
a:hover { color: #EB068C; } /* hot pink */
ul, ol { }
ol { list-style-type: decimal; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
*/
::-moz-selection{ background: #EB068C; color:#000; text-shadow: none; }
::selection { background:#EB068C; color:#000; text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #EB068C; }  /* hot pink */
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {width: auto; overflow: visible;}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {-ms-interpolation-mode: bicubic;}

/*
 *
 * Nonsemantic Base Styles 
 *
 */
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/*
 *
 * Structure
 *
 */
body {
	background-color:#fff;
	position:relative;
	} 
#page {
	position:relative;
	display: block;
	margin:0 auto;
	max-width:63.125em;
	padding:0 0.625em 0.625em 0.625em;
}
#primary {
	float: left;
	margin: 0;
	width: 100%;
}
#content {
	float: left;
	margin: 0;
	width: 100%; /* width accommodate columns on right and/or left */
}

#colophon { /* footer clear everything at the bottom */
	clear: both;
	display: block;
	width: 100%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*
 *
 * Header
 *
 */
#branding {
	position:relative;
	float:left;
	margin-bottom:2em;
	width:100%;
	} 
#site-title h1 {font-size:1px;}
#site-description h2 {font-size:1px;}
#logo { 
	float:left;
	}
h2#tagline {
	font-family: 'Faster One', cursive;
	color:#00A555;
	font-size:2.000em;
	padding:0.5em 0 0.6em;
	float:right;
	text-align:right;
	}
/*
 *
 * Menu
 *
 */
#access { /* main navigation */
	display: block;
	width: 100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	float:right;
}
#access li {
	float: left;
	position: relative;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:1em;
	padding: 0 1em;
	line-height: 2em;
}
#access li a {
	display: block;	
	color:#1F3447;
}
#access li:last-child {padding-right:0;}
#access li.current_page_item a {color:#00AEEE;} /* blue */

#access li:hover > a {color:#EB068C;} /* pink */

ul.contact {
	float:right;
	clear:right;
	list-style:none;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight:700;
	}
ul.contact li {
	text-align:right;
	padding-bottom:0.2em;
	}
ul.contact li a {color:#1F3447;}
ul.contact li a:hover {color:#EB068C;}
/*
 *
 * Content
 *
 */
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}
#content h1, .col2-3 h1 {
	font-size:32px;
	margin-bottom:0.5em;
	}
#content h2 {
	font-size:1.750em;
	margin-bottom:0.25em;
	}
#content h2 a:hover {color:#EB068C;} /* pink */
/* column grid */

.col1 {
	position:relative;
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:1em;
	}
.col-last, #main .widget-area {
	position:relative;
	float:right;
	width:32%;
	margin-bottom:1em;
	overflow:hidden;
	}
.col1-2 {
	position:relative;
	float:left;
	width:65%;
	margin-right:2%;
	margin-bottom:1em;
	}		
.col2-3 {
	position:relative;
	float:right;
	width:65%;
	margin-right:1%;
	}	

.col1 p, .col-last p, .col1-2 p, #main .widget-area p {
	font-size:100%;
	line-height:1.3em;
	margin-bottom:0.8em;
	padding-right:0.5em;
	}
	
.drop {margin-top:1em;} /* just because */
.col1-2 ul {list-style-position:inside;}
.caption {font-size:90%; font-style:italic;}

/*
 *
 * Images
 *
 */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
#content .portfolio-slideshow {margin:0 0 0 0.75em;}
#content .slideshow-content img {border: 1px #00AEEE solid !important;}
img.call {border:5px #00AEEE solid;}


.front img {margin-bottom:0.8em;}
#content a img, .col1 img, .col-last img {border:1px #00AEEE solid;}
#content a img:hover {border:1px #EB068C solid;}

/* side-widget image caption styling */
.side-widget img {margin-bottom:0;}
.widget_sp_image-description p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	font-style:italic;
	padding:0 0.5em 1em 0.5em;
	}

/*
 *
 * Footer
 *
 */
#colophon {
	padding: 0 0 0.25em;
	text-align:center;
	font-size:0.750em;
	line-height:1.5em;
}
#colophon ul {list-style:none; }
#colophon ul li {display:inline;}
#colophon a {color:#1F3447;}
#colophon a:hover{color:#EB068C;} /* pink */
#site-generator span {white-space:nowrap;}
p#veterans {
	display:block;
	background:url('images/support-our-veterans-sm.png') 0 0 no-repeat;
	padding:5px 0 10px 53px;
	font-weight:bold;
	font-size:14px;
	}

/* THICKBOX AND SLIDESHOW ------------------------------------------------------ */

#gallery img {margin:0 1em 1em 0;}

#TB_overlay.TB_overlayBG, div#TB_window {
	background:#6F0001;
	border:none;
	}
div#TB_window img#TB_Image {border:none;}	
div#TB_caption {
	font: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.5em;
	color:#fff;
	height:auto;
	width:90%;
	display:block;
	}

div#TB_secondLine {
	padding-top:5px;
	color:#fff;
	}
div#TB_window a:link {color:#fff;}
div#TB_window a:hover {color:#FFAF12;}
div#TB_closeWindow {
	padding:0 25px 10px 0;
	}
	
/* contact form */
.required {
	color: #cc0033;
}	
.wpcf7 {
	clear:both;
	float:left;
	}
.wpcf7 p {
	font-size:90%;
	}

input[type="text"], textarea, input[type="email"]  {
	padding:6px 1px;
	background-color: white;
	border: 1px inset;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width:80%;
	}	
.form div.wpcf7-response-output {
	margin: 0 0.5em 1em 0;
	padding: 0.2em 1em;
}
.wpcf7 span.wpcf7-not-valid-tip {left:10%;}
input#test[type="text"] {width:10%;}

.wpcf7-checkbox {float:left; width:100%; margin-bottom:1em;}
.wpcf7-checkbox label {clear:both; float:left; width:100%;}
span.state input[type="text"] {width:40%;}
span.zip input[type="text"] {width:24%;}
span.phone input[type="text"] {width:71%;}
span.captcha-299 input[type="text"] {width:40%;}
p.captcha {
	line-height:20px;
	vertical-align:top;
	}
p.captcha span.required {
	line-height:20px;
	vertical-align:top;
	}	
.wpcf7-radio label {
	clear:both; 
	float:left;
	}	
p.message {clear:both; padding-top:0.5em;}		
/*
 *
 * Media queries for responsive design
 *
 */

@media all and (max-width: 63.25em) {  /* 960 px */
	.col2-3, .col1-2, .col1, .col-last, #main .widget-area {
		width:98%;
		margin-left:1%;
		clear:both;
		float:left;
		}	
	#logo {width:20%; margin-left:1%;}
	h1 {margin-left:1%;}
	#logo img {max-width:100%;}
	h2#tagline {
		width:78%;
		font-size:1.8em;
		padding:0 0 0.25em 0;
	}
} 
@media all and (max-width: 55.625em) { /* 880 px */
	h2#tagline {
		font-size:1.5em;
		padding:0;
	}
}

@media all and (max-width: 48.750em) {  /* 780 px */
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
	ul.contact {margin-top:1em;}
	#branding {margin-bottom:0;}
	#content h1 {font-size:1.6em;}
	h2#tagline {width:60%;}
	ul.contact {margin-top:0;}
	div.slideshow-wrapper img {
		width: 625px;
		height: 303px;
	}
	#content .portfolio-slideshow {margin-left:0;}
	input[type="text"], textarea {width:90%;}
}

@media all and (max-width: 39.8em) {  /* 625 px */
	#access ul {width:60%; margin-bottom:0.5em;}
	#access li {display:block; width:49%; margin:0 0.1em 0.2em 0; padding:0;}
    #access li a {
   		text-align:center;
		border-top: 1px solid #00AEEE;
	   background: #65a9d7;
	   background: -webkit-gradient(linear, left top, left bottom, from(#A2CDEA), to(#00AEEE));
	   background: -webkit-linear-gradient(top, #A2CDEA, #00AEEE);
	   background: -moz-linear-gradient(top, #A2CDEA, #00AEEE);
	   background: -ms-linear-gradient(top, #A2CDEA, #00AEEE);
	   background: -o-linear-gradient(top, #A2CDEA, #00AEEE);
	   padding: 5px 0;
	   line-height:1.5em;
	   -webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	   border-radius: 8px;
	   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	   box-shadow: rgba(0,0,0,1) 0 1px 0;
	   text-shadow: rgba(0,0,0,.4) 0 1px 0;
	   color: white;
	   vertical-align: middle;
	   white-space:nowrap;
	}
	#access li a:hover {
		border-top-color: #28597a;
   		background: #00AEEE;
   		color: #EB068C;
	}
	#access li a:active {
   		border-top-color: #1b435e;
   		background: #1b435e;
   }
   	#access li.current_page_item a {color:#000;} 
	#content h1 {font-size:1.4em;}
	#logo {width:34%; margin-top:0;}
	ul.contact {clear:both; width:100%; margin-top:0; float:left; border-bottom:1px #00AEEE solid;}
	ul.contact li {text-align:left;}
	div.slideshow-wrapper img {
		width: 560px;
		height: 272px;
	}
}

@media all and (max-width: 35.625em) {  /* 570 px */
	#branding {margin-top:0.5em;}
	h2#tagline {clear:both; width:100%; line-height:1.1em;}
	div.slideshow-wrapper img {
		width: 320px;
		height: 155px;
	}
}

/*
 *
 * Base Print Styles, inline to save the HTTP request
 *
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}