@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

/* @group RESET - html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)   ========== */

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;
}
nav ul { list-style:none; }
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; }
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; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* @end RESET */

/* fonts.css from the YUI Library: developer.yahoo.com/yui/ */

body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* @group BASE SELECTORS  ========== */

body, select, input, textarea { 
  color: #000;   
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

html { overflow-y: scroll; }

a, a:visited { color:#aa0000; }

a:hover, a:active { color:#ff0000;}

ul, ol { margin-left: 1.8em; }

ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 

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; }

pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

.ie7 img { -ms-interpolation-mode: bicubic; }

	/* @group FORMS BASE   ---------- */

	textarea { overflow: auto; } /* ie-remove-textarea-scrollbars/ */
	
	.ie6 legend, .ie7 legend { margin-left: -7px; }
	
	input[type="radio"] { vertical-align: text-bottom; }
	
	input[type="checkbox"] { vertical-align: bottom; }
	
	.ie7 input[type="checkbox"] { vertical-align: baseline; }
	
	.ie6 input { vertical-align: text-bottom; }
	
	label, input[type=button], input[type=submit], button { cursor: pointer; }
	
	button, input, select, textarea { margin: 0; }
	
	input:valid, textarea:valid   {  }
	
	input:invalid, textarea:invalid { 
	      border-radius: 1px;
	    -moz-box-shadow: 0px 0px 5px red; 
	 -webkit-box-shadow: 0px 0px 5px red; 
	         box-shadow: 0px 0px 5px red;
	}
	
	.no-boxshadow input:invalid, 
	.no-boxshadow textarea:invalid { background-color: #f0dddd; }
	
	button {  width: auto; overflow: visible; }

	/* @end FORMS BASE */

	::-moz-selection{ background: #da251d; color:#fff; text-shadow: none; }
	
	::selection { background: #da251d; color:#fff; text-shadow: none; } 
	
	a:link { -webkit-tap-highlight-color: #e9172a; } 

/* @end BASE SELECTORS */


/* @group SPECIFIC SITE STLYES ========== */

body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	background-color:#271C19;
	}

.wrapper{
	margin:auto;
	width:960px;
	position: relative;
	}

/* @group BACKGROUND IMAGE  ---------- */
img.bkgrnd {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    z-index:0;
    vertical-align: inherit;
	}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
		img.bkgrnd {
		left: 50%;
		margin-left: -512px;   /* 50% */
	    }
    }
/* @end BACKGROUND IMAGE */

/* @group GENERAL TYPOGRAPHY ---------- */

h1, h2, h3{
	margin:0;
	line-height:1.25;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Yanone Kaffeesatz', 'Arial Narrow', 'Gill Sans MT Condensed', Impact, sans-serif;
	}

h1 {font-size: 32px; padding:15px 0px 7px 0px;}

h2 {font-size: 28px; padding:15px 0px 7px 0px;}

h3 {font-size: 26px; padding:17px 0px 7px 0px;}

h4 { font-size: 24px;}

h5 { font-size: 20px;}

ul{
	padding-left:6px;
	margin: 2px 0px 16px 30px;
	}
	
ul li {
	list-style:disc;
	padding-left:0px;
	margin: 2px 0px 2px 0px;
	}
	
ul ul {
	margin: 2px 0px 2px 30px;
	padding-left:6px;
	}
	
ul li ul li {
	list-style:circle;
	margin: 2px 0px 2px 0px;
	padding-left:0px;
	}
	
ol{
	margin: 6px 0px 6px 36px;
	padding-left:12px;
	}	
	
ol li {
	list-style:decimal;
	padding-left:3px;
	}
	
.circlelist {
		list-style:circle;
		}
		
.squarelist {
	list-style:square;
	}
		
.nonelist {
	list-style:none;
	}
	
/* @end GENERAL TYPOGRAPHY */


/* @group ACCESSABILITY LINKS ----*/

div#skip a:link, 
div#skip a:visited {	
	position:absolute; 
	left:0px; 
	top:-1000px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	color:#FFCC33;
	}
	
div#skip a:active,
div#skip a:focus { 
	position:absolute; 
	left:280px; 
	top: 0px; 
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	width: auto;
	height:auto;
	text-decoration: underline;
	background-color: #000;
	}
	
div#skip a:hover {	
	color:#ff0000;
	}

/* @end */


/* @group HEADER ---------- */
#header-container{
	height:125px;
	}

#title {
	float: left;
	width: 238px;
	height:125px;
	font-size: 24px;
	color:white;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	}

#title span{
	position:absolute; 
	top:-1000px;
	display:block;
	text-align: center; 
	font-family: Impact, sans-serif;
	text-transform: uppercase;
	font-style: italic;
	}
	
#title a {
	display:block;
	width: 238px;
	height:125px;
}
	
div#tagline {
	font-family: 'Yanone Kaffeesatz', 'Gill Sans MT Condensed', 'Arial Narrow', Impact, sans-serif;
	float: left;
	width: 692px;
	height:60px;
	padding:20px 0px 0px 30px;
	font-size: 31px;
	line-height:1;
	color:#FFF;
	text-align: right;
	text-transform: uppercase;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	}


/* @group NAV ---------- */

nav{
	float:left;
	width: 692px;
	height:45px;
	padding: 0px 15px;
	background-image: url(../images/background-nav.png);
	}

nav ul, nav ul li{
	display:inline;

	}

nav a:link, nav a:visited {
	float: right;
	padding:11px 12px;
	color:#FFCC33;
	font-size:22px;
	line-height:1;
	text-decoration:none;
	font-family: 'Yanone Kaffeesatz', 'Gill Sans MT Condensed', 'Arial Narrow', Impact, sans-serif;
	-webkit-transition: color 0.15s ease-in-out;
	-moz-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
	}

nav a.home {
	float: left;
	}

nav a:hover, nav a:active {
	padding:11px 12px 8px 12px;
	border-bottom: 4px solid #ff0000;
	color:#ff0000;
	background-color: #130000;
	}

nav a.selected:link,
nav a.selected:visited,
nav a.selected:hover {
	color:#FFF;
	}

/* @end NAV */

/* @end HEADER */


/* @group MAIN/ARTICLES ---------- */

#main {
	overflow:hidden;
	background-image: url(../images/background-main.png);
	background-repeat: repeat-y;
	}

#main p,
#main blockquote {
	padding-bottom: 15px;
	font-size:12px;
	line-height:1.60;
	text-shadow:none;
	}

img.left {
	float: left;
	margin: 3px 8px 5px 0px;
	}
	
img.right{
	float: right;
	margin: 3px 0px 5px 8px;
	}

a.readmore:link, a.readmore:visited {
	display:block;
	padding:0px 0px 15px 15px;
	background-image: url(../images/bullet-read-more.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	text-decoration: none;
	}

a.readmore:hover, a.readmore:active {
	background-position: 3px -307px;
	}
	
.ie7 a.readmore:link, a.readmore:visited {
	background-position: 3px 5px;
	}

.ie7 a.readmore:hover, a.readmore:active {
	background-position: 3px -306px;
	}
	
/* @group ASIDE ---------- */

aside{
	float:left;
	min-height:500px;
	width:178px;
	padding:30px;
	color:white;
	}

aside h1,
aside h2,
aside h3,
aside h4,
aside h5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	}

aside h1 {font-size: 16px; padding-bottom: 6px;}
aside h2 {font-size: 14px; padding-bottom: 7px;}
aside h3 {font-size: 11px; padding-bottom: 8px; font-weight: bold;}
aside h4 {font-size: 10px; padding-bottom: 7px;}
aside h5 {font-size: 10px; padding-bottom: 8px; font-weight: bold;}

aside a:link, 
aside a:visited {
	color:#FFCC33;
	}

aside a:hover, 
aside a:active {
	color:#ff0000;
	}
	
aside .note {
	color:#FFCC33;
	}

#main aside p {
	padding-bottom: 30px;
	}

#main aside p.phone {
	margin-top: -30px;
	font-size: 18px;
	line-height:1;
	text-align: center;
	font-style: italic;
	}
	
#main blockquote {
	padding-bottom: 22px;
	}

#main blockquote p { padding:0px 0px 8px 0px;}

#main article blockquote p.author {
	padding-left:30px;
	font-style: italic;
	}

blockquote p.author .name {
	font-weight: bold;
	}

blockquote p.author .name:before {
  content: "~";
	}

.clientlist {
	overflow:auto;
	}

.clientlist img {
	padding: 5px 4px;
	}

.clientlist a:link,
.clientlist a:visited {
	display:block;
	float: left;
	display:block;
	padding: 1px;
	background-color:inherit;
	border-color: #2B0000;
	-webkit-border-radius: 3px;	
	-webkit-transition: background-color 0.15s ease-in-out;
	-webkit-transition: border-color 0.15s ease-in-out;
	-moz-border-radius: 3px;	
	-moz-transition:background-color 0.15s ease-in-out;
	-moz-transition:border-color 0.15s ease-in-out;
	border-radius: 3px;	
	transition:background-color 0.15s ease-in-out;
	transition:border-color 0.15s ease-in-out;
	}
	
.clientlist a:active,
.clientlist a:hover {
	border: 1px solid #aa0000;
	padding: 0px;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.25);
	}
	
		
/* @end ASIDE */


/* @group ARTICLES ---------- */

#content {
	float:left;
	width: 662px;
	min-height:510px;
	padding:15px 30px 30px 30px;
	background-color: #eae9ea;
	background-image: url(../images/background-article-wrapper.gif);
	background-repeat: repeat-y;
	overflow:hidden;
	}
	
article {
	overflow:hidden;
	padding:0px 0px 8px 0px;
	}
	
article.no-heading {
	padding-top: 76px;
	}

.subsection {
	margin: 0;
	padding: 0;
	width: 662px;
 	overflow: hidden;
	}
	
.subsection p {
	width:422px;
	float:left;
	}

.subsection .inset {
	float: right;
	width: 210px;
	padding-left: 30px;
	}

.subsection .inset p {
	float:none;
	width: 210px;
	}
	
/* READDRESS GROUPS ON HOME PAGE --------------- */

#bottom article,
.group article {
	float: left;
	width: 422px;
	}

article.inset, 
#bottom article.inset,
.group article.inset, 
article div.text {
	float: right;
	width: 210px;
	padding-left: 30px;
	}
	/* DEPRECIATED DEPRECIATED DEPRECIATED */
	
article .slideshow {
	float: left;
	width: 422px;
	}


/* FREQUENTLY ASKED QUESTIONS STYLES*/

ul.faq ,
ol.faq {
	font-size: 14px;
	font-weight: bold;
	}
	
ul.faq li {
	 list-style-type:circle;
	}
	
div.question {
	padding:  0px 0px 8px 0px;
	line-height:1.60;
	}

div.answer {
	padding:  0px 0px 15px 15px;
	font-size:12px;
	line-height:1.60;
	text-shadow:none;
	font-weight: normal;
	}

.linkstyle { 
	color:#aa0000;
	cursor:pointer;
	}

.linkstyle:hover { color:#ff0000;}


/* GALLERIES */
	
.gallery_container {
	float: left;
	margin: 0;
	padding: 0px 0px 15px 0px;
	width: 422px;
	overflow:hidden;
	}

ul.gallery {
	margin: 0;
	padding:0px 0px 10px 0px;
	list-style: none;
	overflow:hidden;
	}

#main ul.gallery {
	line-height:0;
	}	

ul.gallery li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px 10px 10px 0px;
	}

#main ul.gallerysmall {
	margin: 0;
	padding:0px 0px 10px 0px;
	list-style: none;
	overflow:hidden;
	}
	
#main ul.gallerysmall {
	line-height:0;
	}	

ul.gallerysmall li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px 5px 10px 5px;
	}

/* GALLERIES */
ul.client_images {
	float: left;
	width: 422px;
	margin:0;
	padding: 0px 0px 15px 0px;
	list-style: none;
	}

ul.client_images li {
	padding: 0px 0px 15px 0px;
	list-style: none;
	}

ul.client_images img {
	margin: 0px;
	width: 422px;
	float: left;
	}
	
ul.client_images p {
	display:block;
	width: 422px;
	float: left;
	margin: 2px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.6;
	text-align: right;
	}
#main ul.client_images p {
	font-size: 11px;
	line-height: 1.6;
	}
	
/* FEATURE LIST */
ul.feature-list {
	list-style: none;
	margin:0px;
	padding: 0px 0px 7px 0px;
	}

.feature-list li {
	padding: 6px 0px 6px 25px;
	list-style: none;
	background-image: url(../images/bullet-sprites.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-transform:uppercase;
	}
	
.feature-list li a:link,
.feature-list li a:visited {
	text-decoration:none;
	}
	
.feature-list li a:hover,
.feature-list li a:active {
	text-decoration:underline;
	}

.feature-list li.time {
	background-position: 0 -45px;
	}
	
.feature-list li.inout {
	background-position: 0 -95px;
	}

.feature-list li.no {
	background-position: 0 -145px;
	}
	
.feature-list li.portable {
	background-position: 0 -195px;
	}
	
.feature-list li.durable {
	background-position: 0 -245px;
	}
	
.feature-list li.customizable {
	background-position: 0 -296px;
	}

/* @end ARTICLES */


/* @end MAIN */


/* @group FOOTER ---------- */

#footer-container{
	height:45px;
	margin-bottom: 30px;
	background-image: url(../images/background-nav.png);
	}

#footer-container footer{
	color:white;
	padding-top: 15px;
	}

#footer-container footer p.contactinfo {
	float: left;
	width: 660px;
	margin: -6px 30px 0px 30px;
	font-size: 22px;
	line-height:1;
	font-family: 'Yanone Kaffeesatz', 'Gill Sans MT Condensed', 'Arial Narrow', Impact, sans-serif;
}

#footer-container footer p.copyright{
	float: left;
	width: 210px;
	margin-right: 30px;
	text-align: right;
}

#footer-container footer a{
	color:#FFCC33;
	}

#footer-container footer a:hover{
	color:#ff0000;
	}

/* @end FOOTER */


/* @group FORMS ------------ */

input.text {
	height: 28px;
	width: 422px;
	margin: 0px 0px 15px 0px;
	padding: 3px 7px 0px 7px;
	border: 1px solid #cfcfcf;
	font-size: 14px;
	line-height:1;
	color: #122455;
	background-color:#FFFFFF;
	background-image: url(../images/interface/inside-field-bevel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
ul.radioset {
	list-style: none;
	margin:0 0 15px 0;
	padding: 0;
	}

ul.radioset li {
	padding: 4px 0px 4px 15px;
	list-style: none;
	}

ul.radioset li input {
	margin-right: 8px;
	}

input.submit,
input.button {
	padding: 4px;
	width: inherit;
	border: 1px solid #9E1E13;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9E1E13;
	background-repeat: repeat-x;
	cursor: pointer;
	}
	
input.submit:hover,
input.button:hover {
	border: 1px solid red;
	}

textarea {
	padding: 3px 7px 0px 7px;
	margin: 0px 0px 15px 0px;
	width: 422px;
	border: 1px solid #cfcfcf;
	font: inherit;
	font-size: 14px;
	color: #122455;
	background-image: url(../images/interface/inside-field-bevel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}

label {
	display: block;
	font-weight: bold;
	font-size: 13px;
}

/* @end */



/* @end SPECIFIC SITE STLYES */


/* @group NON-SEMANTIC HELPERS - NAUGHTY ========== */

	/* for image replacement */
	.ir { 
		display: block;
		text-indent: -999em;
		overflow: hidden;
		background-repeat: no-repeat;
		text-align: left;
		direction: ltr;
		}
	
	/* Hide for both screenreaders and browsers */
	.hidden {
		display: none;
		visibility: hidden;
		} 
	
	/* Hide only visually, but have it available for screenreaders */
	.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; }
	
	/* Clearfix */
	.clearfix:before, .clearfix:after {
	  content: "\0020"; /* insert space */
	  display: block; 
	  height: 0; 
	  visibility: hidden;	
		}
		
	.clearfix:after { clear: both; }
	
	.clearfix { zoom: 1; }
	
	.clearem {clear:both;}

/* @end */

/* @group CSS3 MEDIA QUERIES ========== */

	@media all and (orientation:portrait) { 
	  
	}
	
	@media all and (orientation:landscape) { 
	  
	}
	
	@media screen and (max-device-width: 480px) {
	  
	}
	
	@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; }
	}

/* @end */