/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
Update: 2012-04-06, 2012-03-28, coralie@w3.org
Update: 2012-09-27 (some clean up, added print style), bert@w3.org
*/

html, body, div, h1, h2, h3, h4, p, img, 
ul, li, article, aside, footer, header, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,footer,header,section { 
    display:block;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


/* Validator Site Styles */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../type/League_Gothic-webfont.eot');
    src: url('../type/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/League_Gothic-webfont.woff') format('woff'),
         url('../type/OpenSans-Regular.ttf') format('truetype'),
         url('../type/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background:#fff;
	font: normal 100% Georgia, serif;
	width:100%;
	}
	
h1 {
	font: 3em 'LeagueGothicRegular', Arial, sans-serif; /* 48px / 16px */
	color:#00376C;
	text-transform:uppercase;
	}
	
h2 {
	font: 1.875em 'LeagueGothicRegular', Arial, sans-serif; /* 30px / 16px */
	color:#00376C;
	text-transform:uppercase;
	}
	
h3 {
	font: 1.875em 'LeagueGothicRegular', Arial, sans-serif; /* 30px / 16px */
	color:#00376C;
	text-transform:uppercase;
	}
	
h4 {
	font: 1.875em 'LeagueGothicRegular', Arial, sans-serif; /* 30px / 16px */
	color:#1B75BB;
	text-transform:uppercase;
	}


	
p { 
	font-size:1em; /* 16px / 16px */
	line-height:1.5em; /* 24px / 16px */
	margin-bottom:1em; /* 16px / 16px */
	}

ul {
	margin-bottom:1em;
	}
	
li { 
	font-size:1em; /* 16px / 16px */
	line-height:1.5em; /* 24px / 16px */
	margin-bottom:.25em; /* 4px / 16px */
	margin-left:2.5em; /* 40px / 16px */
	}
	
#intro p {
	font-size:1.25em; /* 20px / 16px */
	line-height:1.5em; /* 24px / 16px */
	margin-bottom:1em; /* 16px / 16px */
	}
	
header {
	background:#00376C;
	margin:0 0 40px 0;
	padding:0;
	border-bottom: 14px solid #d9e6f0;
	}
	
#branding {
	margin:0 auto;
	}	

#branding img {
	max-width: 100%;
	}
	
#container {
	margin:0px auto;
	}
	
#content { 
	margin-left:32px;
	}
	
#intro { 

	}

	
#whys {
	width:612px;
	float:left;
	}

#whys a {
	text-decoration:none;
	//color:#00376C;
	padding: 6px;
	}
	
#whydub {
	margin-bottom:50px;
	}
	
aside {
	width:318px;
	float:right;
	}

#sidebar-intro h2 {
	color:#595959;
	margin-bottom:2px;
	}	
	
#sidebar-intro p {
	font-family:Helvetica, sans-serif;
	color:#595959;
	font-size:.8125em;
	line-height:1.25em;
	margin-bottom:20px;
	}
	
aside h3 {
	font-size:3.125em;
	color:#1B75BB;
	}


#valid-icon article, #accessibility-icon article, #compatibility-icon article, #optimization-icon article, #efficiency-icon article { 
	display:none; 
	background-image:url('../img/check-bgs.png');
	width:266px;
	height:140px;
	position:absolute;
	top:0;
	left:0;
	padding:3px 10px 0 42px;
	}
	
#valid-icon article p, #accessibility-icon article p, #compatibility-icon article p, #optimization-icon article p, #efficiency-icon article p { 
	font-size:0.875em; /* 14px / 16px */
	font-family:Helvetica, sans-serif;
	color:#636363;
	font-style:italic;
	}
	
#valid-icon, #accessibility-icon, #compatibility-icon, #optimization-icon, #efficiency-icon {
	display:block;
	background:#ededed;
	padding:36px 0 36px 80px;
	margin-bottom:1px;
	background-repeat:no-repeat;
	background-position-x:15px;
	background-position-y:45px;
	position:relative
	}
	
#valid-icon {
	background-image:url('../img/check-validity.png');
	}
#accessibility-icon {
	background-image:url('../img/check-accessibility.png');
	}
#compatibility-icon {
	background-image:url('../img/check-compatibility.png');
	}
#optimization-icon {
	background-image:url('../img/check-optimization.png');
	}
#efficiency-icon {
	background-image:url('../img/check-efficiency.png');
	}

#one-web { 
	margin-top:26px;
	}

	#window_shade {
	height:85px; 
	background:#d9e6f0;
	z-index:9999; 
	position:fixed; 
	top:0; left:50%; 
	width:1000px; 
	margin-left:-500px;
	display:none;
	padding:0;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
	}

@media screen and (min-width:1200px) {
	
	#container {
		width:1000px;
		}
		
	#branding{
		width:1000px;
		}
	
	}

section {
	margin: 0.6em 0;
	}
#intro::after, #whys > section > section::after {
	content: " ";
	height: 28px;
	display: block;
	margin: 0.6em 0;
	background: url(../img/ruler.png) 50% 100% no-repeat;
	background-size: auto 100%;
	}
#whys > section > section::after {
	height: 21px;
	background: url(../img/ruler-small.png) 50% 100% no-repeat;
	}
#whys > section > section:last-child::after {
	content: ""; content: none;
	}

.copyright {
	font-size: smaller;
	clear: both;
	}

#onetimefees { padding-bottom: 1em; }
tr { background: #eee; }
thead tr { background: #ddd; }
td.column1 { min-width: 12em; }
td, th { padding: .25em; }
td.currency { text-align: right; min-width: 4em;}


dt {font-weight: bold; }
dd {margin-top: 1em; }

.action_button {
	background: -webkit-gradient(linear, left top, left bottom, from(#E41E17), to(#BB1E17));
	background: -moz-linear-gradient(top, #E41E17, #BB1E17);
	background-color:#BB1E17;

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	border-width: 1px;
	border-style: solid;
	border-color: #DDB0A7 #CFA39A #B07B70;
	font-size: .83em;
	padding: 8px;	
	border-radius: 7px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
	font-weight:bold;
	margin-top:15px;
	text-transform:uppercase;
	white-space:normal;
}

.action_button:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
	color: #000;
	border-color: #DDB0A7 #CFA39A #B07B70;
}

/* Style for print.
 * Goal: fit on a single two-sided sheet of paper.
 */
@page {margin: 1cm 1.5cm 2cm 1.5cm}

@media print {

  #content {margin-left: 0}
  .cf {columns: 20em; margin: 1.2em 0}
  #intro {columns: auto}
  #whys, aside {float: none; width: auto}
  aside {background: #ededed; padding: 0.5em}
  #valid-icon article, #accessibility-icon article,
  #compatibility-icon article, #optimization-icon article,
  #efficiency-icon article {display:block; background: none; position: static;
    width: auto; height: auto; padding: 0}
  h3 {display: none}
  #valid-icon, #accessibility-icon, #compatibility-icon,
  #optimization-icon, #efficiency-icon {background-color: transparent;
    padding: 0 0 0 55px}
  h2 {page-break-after: avoid}
  .copyright {column-span: all}

}