@charset "UTF-8";

/*

    THEME NAME: Digital Recovery
     THEME URI: http://www.digitalrecovery.co.nz

   DESCRIPTION: The Digital Recovery website theme.

        AUTHOR: D Bnonn Tennant
    AUTHOR URI: http://informationhighwayman.com

If you'd like to use this stylesheet, please ask first: bnonn@informationhighwayman.com.
Structure is laid out similarly to Natalie Down's recommendation in 'Writing 
Maintainable CSS' (aka 'CSS Systems') at Barcamp London 5; see
http://clearleft.s3.amazonaws.com/2008/cssSystems_notes_small.pdf


/* ======= RESET ======= */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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{
	margin:0; padding:0;
	border:0; outline:0;
	vertical-align:baseline;
}
	blockquote,q{ quotes:none; }
	table{ border-collapse:collapse; border-spacing:0; }
	img{ -ms-interpolation-mode:bicubic; } /* Smooth image scaling for IE */
	header,nav,section,article,dialog,figure,aside,footer{
		display:block;
		margin:0; padding:0;
	}

/* ======= THE GRID ======= */

body{
	/* We're using a 100% base font size (aka 16px browser default); so:
		# 1em = 16px
		# 1px = .0625em
		# 10px = .625em
	Thus, the BASELINE TYPOGRAPHICAL GRID is defined as 100% + 1.5em, which is
	equivalent (assuming browser defaults) to 16px + 24px = 40px baselines. Text
	which isn't 16px therefore needs margins to realign it to the baseline. Eg:
	1.3em text needs a margin-bottom of about 1.15em (1.5em lineheight / 1.3em)
	to fit the baseline (or	2.3em, etc). Being more precise than this is pointless
	since most browsers will round the difference, and we're forced onto the
	pixel grid in any case.
	*/
	font:normal normal normal 100%/1.5em "DejaVu Sans Condensed","Helvetica Neue","Calibri","Arial",sans-serif;
	background:#182749 url(style/images/body_bg.png) repeat top center;
}
	
.row{
	/* Here we're using a simplified vertical grid with a 900px (56.25em) base
		width (900px / 16 = 52.25). I prefer 900px to 960, as I don't require so
		many divisions, and 900 keeps the page nicely on a 1024p screen and is
		easily divisible into useful semantic widths.
	*/
	width:56.25em;
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
}
	.row .row{
		margin:0 -1%;
		width:auto;
		display:inline-block;
	}
.column{
	margin:0 1%;
	overflow:hidden;
	float:left;
	display:block;
}
	.one-quarter-page-width{ width:23%; }
	.one-third-page-width{ width:31%; }
	.one-half-page-width{ width:48%; }
	.two-thirds-page-width{ width:64%; }
	.three-quarters-page-width{ width:73%; }
	.full-page-width{ width:98%; }

#page{
	/* main content wrapper */
	padding:2em;
	background:url(style/images/logo_opt.png) no-repeat 105px 0;
}

/* ======= STRUCTURAL ELEMENTS ======= */

article{ padding:2.8em 0 2.5em 2.5em; }
aside{ }
footer{
	background:url(style/images/light-blue.png);
	border-top:1px dotted #66a7ea;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	clear:both;
	font-size:.8em;
	overflow:auto;
	padding:0 2em;
	-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;

}
header{ }
nav{ }
section{ }
.clear{ clear:both; }
.left{ float:left; }
.right{ float:right; }

/* ======= UNIQUE PAGE COMPONENTS ======= */

h1{
	background:url(style/images/h1.png) no-repeat top left;
	height:87px;
	left:387px;
	position:relative;
	text-indent:-9999em;
	top:65px;
	width:430px;
}
#contact a:link, #contact a:visited{ 
	color:#3af100;
}
#contact a:hover{
	background:url(style/images/bright-green-sprite.png) repeat-x 0 0;
	color:#fff;
}
#contact a:focus{
	background:url(style/images/transparent-blue.png) repeat 0 0;
	color:#3af100;
	text-shadow:0 0 8px #3af100;
}
#contact a.active{
	background:url(style/images/dark-blue.png) repeat 0 0;
	color:#3af100;
	text-shadow:0 0 8px #3af100;
}
#home{}
#services{}

section#contentarea{
	background:url(style/images/dark-blue.png);
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	clear:both;
	overflow:auto;
	width:100%;
	-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;
	-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;
}

#testimonials{
	margin:5.7em 1.5em 1.875em 0;
	width:24%;
}
#testimonials p,#testimonials blockquote{
	color:#4ec301;
	font-size:.8em;
}
#testimonials blockquote{
	background:url(style/images/testimonial_quotes.png) no-repeat top left;
	padding-left:2em;
	padding-top:2px;
}
#testimonials a{
	color:#4ec301;
	text-decoration:none;
}
#testimonials a:hover{
	text-decoration:underline;
}
#about{
	color:#ddd;
	margin-left:.5em;
	padding-top:2.2em;
}
#query{ 
	background:#345580 url(style/images/light-blue-gradient.png) repeat-x 0 0;
	border-radius:15px;
	height:2em;
	overflow:hidden;
	padding-top:1em;
	-moz-border-radius:15px;webkit-border-radius:15px;
}
#quote{
	background:#289e11 url(style/images/bright-green.png) repeat-x 0 0; 
	border-radius:15px;
	overflow:auto;
	padding-top:1.5em;
	-moz-border-radius:15px;-webkit-border-radius:15px;
}
	#query h3, #quote h3,
	h3>a.query_trigger:link,h3>a.query_trigger:visited,h3>a.query_trigger:hover,
	h3>a.query_trigger:focus{
		background:transparent;
		color:#fff;
		font-size:.9em;
		font-style:normal;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		text-shadow:0 -1px 0 #000;
	}
	h3>a.query_trigger{ margin-top:-.65em; }
small a:link, small a:visited{
	background:transparent;
	border-bottom:1px solid #fff;
}
small a:hover{
	background#fff;
	border-bottom:1px solid #fff;
	color:#000;
}
/* ======= REUSABLE PAGE COMPONENTS ======= */

nav ul{ 
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	float:right;
	font-size:.7em;
	line-height:3.5em;
	margin:130px 3em 0 auto;
	overflow:hidden;
	-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;
}
nav li{ display:inline; }
nav a:link, nav a:visited{
	background:transparent;
	border-radius:12px;
	color:#fff;
	font-size:1.1em;
	letter-spacing:.2em;
	margin:0 10px 1em 0;
	padding:.6em 2.3em;
	text-decoration:none;
	text-shadow:0 -1px 0 #000;
	text-transform:uppercase;
	-moz-border-radius:12px;-webkit-border-radius:12px;
}
nav a:hover{ background:url(style/images/light-blue-gradient.png) repeat-x 0 0; }
nav a:focus, nav a.active:link, nav a.active:visited{
	background:url(style/images/dark-blue.png) repeat 0 0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	color:#fff;
	padding:1.2em 2.3em;
	margin-bottom:.4em;
	text-shadow:0 0 8px #fff;
	-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;
	-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;
}
nav a:focus{ background:url(style/images/transparent-blue.png) repeat-x 0 0; }
nav a.active:hover{ cursor:default; }

article a:link,article a:visited{
	background-color:#324772;
	border-radius:8px;
	color:#ccc;
	padding:0 0.2em;
	text-decoration:none;
	-moz-border-radius:8px;-webkit-border-radius:8px;
}
article a:visited{ text-decoration:line-through; }
article a:hover{ color:#fff; background-color:#506691; }
article a:active{ color:#fff; background-color:#687aa0; }
h2{
	font-family:"AUdimat","DejaVu Sans Condensed","Helvetica Neue","Calibri","Arial",sans-serif;
	font-size:1.25em; margin-bottom:1.2em;
	font-weight:normal;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:.1em;
	color:#eee;
}
h3{
	font-family:"AUdimat","DejaVu Sans Condensed","Helvetica Neue","Calibri","Arial",sans-serif;
	font-size:.9em;
	margin-bottom:1.667em;
	font-style:italic;
	font-weight:normal;
	color:#fff;
}
p{
	font-size:.8em; margin-bottom:1.875em;
	max-width:85ex;
	text-align:justify;
	color:#ccc;
}
q:before{ content:"\201C"; }
q:after{ content:"\201D"; }
blockquote{
	font-size:.9em; margin-bottom:1.667em;
	padding-left:1em;
}
ul,ol{
	color:#ddd;
	font-size:.75em;
	list-style-type:square;
	margin:0 0 2em 2em;
}
small{
	color:#111;
	font-size:.6em;
	margin-bottom:2.5em;
}
abbr, .small-caps{
	border-bottom:none;
	font-size:105%;
	font-variant:small-caps;
	text-decoration:none;
	text-transform:lowercase;
}

fieldset{
	margin:1.8em 0 0 1em;
	width:420px;
}
	fieldset li{
		list-style-type:none;
		margin:0 .1em 0 0 !important;
	}
label{
	clear:both;
	display:inline-block;
	margin:1em 0;
}
	label span{ 
		clear:right;
		display:block;
		line-height:1.2em;
		margin:0 0 0 .4em;
	}
	label span a:link, label span a:visited{
		background:transparent;
		border-bottom:1px solid #fff;
		border-radius:2px;
		color:#fff;
		text-decoration:none;
		-moz-border-radius:2px;-webkit-border-radius:2px;
		}
	label span a:hover{
		background:#fff;
		color:#222;
	}
	/* all cf-* items are for cforms */
	label.cf-before,
	label.cf-before span{ }
	label.cf-after,
	label.cf-after span,
	label.cf-group-after,
	label.cf-group-after span{ width:190px; }
legend{
	color:#fff;
	font-size:.7em;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:2em;
	text-transform:uppercase;
}
input, select, textarea{
	background:#fff; 
	border:none;
   border-radius:5px;
   line-height:1.5em;
   margin-left:1em;
   opacity:.6;
	padding:.4em;
	width:95%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
input:hover, textarea:hover, select:hover{
	opacity:.75;
}
input:focus, .cform textarea:focus, .cform select:focus{ 
	color:#114163;
	opacity:1;
}
input.cf-box-a, input.cf-box-b{
	/* checkboxes */
	border:none !important;
	background:none !important;
	width:10px !important;
}
select.cfselectmulti{ height:6.5em; }
textarea{
	height:7em;
	overflow:auto;
}
ol.cf-ol li.cf-box-group{
	/* check box groups */
	padding: 0 0 .3em 0; 
	width:460px;
}
span.reqtxt,
span.emailreqtxt { 
	color:#fff;
	float:right;
	letter-spacing:3px;
	margin-top:-23px;
	text-align:right;
	vertical-align:middle;
}
li.cf_li_err {
	/* enhanced error display */
	border-color:#df7d7d;
}

ul.cf_li_text_err {
}
ol.cf-ol{ list-style-type:none; }
ol.cf-ol ul.cf_li_text_err li:before{ content:''; }
div.cf_info{
	display:block;
	font-size:0.8em;
	font-weight:bold;
	height:1.5em;
	left:0;
	padding:1.5em;
	opacity:.92;
	position:fixed;
	top:0;
	width:100%;
}
div.cf_info a{
	color:red !important;
	text-decoration:underline !important;
}
div.failure{
	background:red !important;
	border-bottom:1px solid #fff;
	color:#fff;
}
div.success{
	background:#289e11 url(style/images/bright-green.png) repeat-x 0 0;
	border-bottom:1px solid #66ff00;
	color:#fff;
}
div.waiting{ 
	background:#345580 url(style/images/light-blue-gradient.png) repeat-x 0 0;
	border-bottom:1px solid #5283b7;
	color:#fff;
}
/* formatting for invalid user inputs */
.cf_error{ 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
.mailerr,
.cform .cf_errortxt{ color:#ad2929; }
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton,
.call-to-action a:link, .call-to-action a:visited,
input.call-to-action{
	background:url(style/images/bright-green-sprite.png) repeat-x 0 -50px;
	border-radius:1.3em;
	color:#fff;
	cursor:pointer;
	float:right;
	font-family:"AUdimat","DejaVu Sans Condensed","Helvetica Neue","Calibri","Arial",sans-serif;
	font-size:.9em;
	font-style:normal;
	letter-spacing:.2em;
	margin-top:1em;
	padding:.6em 1.8em .4em 1.8em;
	text-decoration:none;
	text-shadow:0 -1px 0 #000;
	text-transform:uppercase;
	-moz-border-radius:1em;-webkit-border-radius:1em;
}
cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton,input.call-to-action{
	border:1px solid #fff;
	color:#fff;
	margin:-4em 4em 0 0;
	opacity:1;
	width:10em;
}
.cform input.sendbutton:hover, input.call-to-action:hover, .call-to-action a:hover{ background:url(style/images/bright-green-sprite.png) repeat-x 0 0; }
.cform input.sendbutton:focus, input.call-to-action:focus, .call-to-action a:focus{ 
	background-color:#66ff00;
	color:#0e182d;
	text-shadow:0 1px 0 #fff;
}
input#paypal{
	border:none;
	font-size:.85em;
	margin:0;
	padding-top:.9em;
	text-align:center;
	width:15em;
}
#about .column{ 
	margin:0 2%;
	width:29%;
}
#about a:link, #about a:visited{ 
	color:#fff;
	text-decoration:none;
}
#about a:hover{ text-decoration:underline; }
.bulletless{ font-size:1em; list-style:none; }
.green{ color:#3af100; }
.linklove{ display:none !important; } /* get rid of cforms' obnoxious self-plugs */

footer strong{
	font-family:"AUdimat","DejaVu Sans Condensed","Helvetica Neue","Calibri","Arial",sans-serif;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.fecit{
	margin-bottom:1.5em;
	text-align:center;
}
.fecit a:link, .fecit a:visited, .fecit a:hover, .fecit a:active{
	/* BG color is necessary for IE6 */
	background:transparent;
	border:none;
	color:#fff;
	font-size:1.3em;
	text-decoration:none;
}
.fecit a span{
	display:none;
	margin-left:8px;
	max-width:500px;
	padding:2px 3px;
}
.fecit a:hover span{
	background:#fff;
	border:1px solid #000;
	border-radius:5px;
	color:#000;
	display:inline;
	line-height:1.2em;
	opacity:.5;
	position:absolute;
	padding:0.75em;
	text-decoration:none;
	-moz-border-radius:5px;-webkit-border-radius:5px;
}

.fecit ul{ list-style-type:none; }
.fecit li{ display:inline; margin-left:.5em; }

/* ======= font styles ======= */

.narrow-sans{ font-family:"DejaVu Sans Condensed","Helvetica Neue","Calibri","Arial",sans-serif; }
.wide-sans{ font-family:"Dejavu Sans","Corbel","Verdana",sans-serif; }
.screen-serif{ font-family:"Dejavu Serif Condensed","Cambria","Georgia",serif; }
.book-serif{ font-family:"Linux Libertine O","Palatino","Constantia","Palatino Linotype","Book Antiqua",serif; }
.monospace{ font-family:"Andale Mono","Inconsolata","Dejavu Sans Mono","Monaco","Consolas","Lucida Console",monospace; }
.ampersand{ font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif; }

@font-face{
   font-family:"AUdimat";
   src:url(style/fonts/AUdimat-Regular.otf);
}
@font-face{
   font-family:"AUdimat Italic";
   src:url(style/fonts/AUdimat-Italic.otf);
}
@font-face{
   font-family:"AUdimat Bold";
   src:url(style/fonts/AUdimat-Bold.otf);
}
@font-face{
   font-family:"AUdimat Bold Italic";
   src:url(style/fonts/AUdimat-BoldItalic.otf);
}