/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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;
	

}



body {
	
    line-height:1;
	

}



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;
	

}



/* change colours to suit your needs */
ins {
	
    background-color:#ff9;
	
    color:#000;
	
    text-decoration:none;
	

}



/* change colours to suit your needs */
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;
	

}



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

}



input, select {
	
    vertical-align:middle;
	

}

body {
	background: url(images/create-website.jpg) repeat-x top center;
	font-family: verdana;
}
/* get rid of those system borders being generated for A tags */
a:active {
	outline: none;
}
:-moz-any-link:focus {
 outline: none;
}
html, body {
	height:100%;
}
#footer {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:124px;
	background:url('images/footerbg.gif') repeat-x;
	color:#545454;
	font-size:11px;
	font-weight:bold;
}
#footer p {
	padding-top:80px;
}
.clear {
	clear:both;
}
#container {
	margin-left:auto;
	margin-right:auto;
	width:965px;
	min-height:100%;
	height: auto !important;
	height:100%;
	margin-bottom:-124px;
}
#header {
	width:965px;
	padding-top:30px;
}
#logo {
	float:left;
}
#cert {
	float:left;
	padding-left:640px;
}
#headline {
	width:920px;
	margin-left:22px;
	margin-top:30px;
	padding-bottom:20px;
}
/* navigation */
#nav {
	background:transparent url(images/navbg.png) repeat-x 0px 18px;
	height:90px;
	width:965px;
}
#nav ul {
	width:965px;
	margin:0 auto;
	padding-left:40px;
}
#nav li {
	float:left;
	padding-left:45px;
	list-style-type:none;
	text-align:center;
}
#nav a {
	color:#333333;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:11px;
	height:90px;
	text-decoration:none;
}
#nav a.current {
	background:url(images/navactive.png) no-repeat center;
}
#nav img {
	padding:32px 0 0 0;
}
#nav strong {
	display:block;
	font-size:13px;
}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}
.reviews {
margin-bottom:20px;
	position:relative;
	width:965px;
	background:url(images/ratingbg2.png) no-repeat;

}
.title {
	text-align:right;
	padding:13px 50px 12px 0;
	font-size:18px;
	font-weight:bold;
	color:#303030;
}
span.review {
	padding:20px;display:block;
	font-size:14px;
}
#feedback {
	font-size:12px;
}
#feedback.small {
	height:47px;
	background-position: 0px 0px;
	overflow:hidden;
}
#feedback.large {
	height:auto;
	background-position: 0px -48px;
}
#casestudies {
	font-size:12px;
	margin-top:20px;
}
#casestudies.small2 {
	height:47px;
	background-position: 0px 0px;
	overflow:hidden;
}
#casestudies.large2 {
	height:auto;
	background-position: 0px -48px;
}
#switcher {
	position:absolute;
	top:10px;
	left:930px;
}
#switcher2 {
	position:absolute;
	top:10px;
	left:930px;
}
#rating {
	position:absolute;
	top:8px;
	left:10px;
	background-image: url(web%20%0Adesign%20website%20resource);
}
h1 {
	font-size:53px;
	font-weight:bold;
	color:#ec5e00;
	text-shadow: #ff6600 20px -12px 2px;
}

h2 {text-align:center;
	font-size:23px;
	font-weight:bold;
	color:#0d5b74;
}
#footercontent {
	width:965px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#windows {
	position:absolute;
	top:0px;
	left:810px;
}
.clearfooter {
	height:134px;
	clear:both;
}
/* single tab */

.tabs {
	width:480px;
	margin-left:auto;
	margin-right:auto;
}
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;
}
/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;
}
.tabs2 {
	width:160px;
	margin-left:auto;
	margin-right:auto;
}
.tabs2 a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state */
.tabs2 a:hover {
	background-position:0 -8px;
}
/* active state (current page state) */
.tabs2 a.current {
	background-position:0 -16px;
}

.details {
float:right; padding-right:40px; color:#ec5e00;
}

.intro {
width:900px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
font-size:14px;
}
.thanks{
width:900px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
font-size:20px;
}
.intro2 {
width:700px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
font-size:18px;
}
.bullets {
font-size:17px;
color:#0d5b74;
font-weight:bold;
padding-bottom:10px;
}

.cell {
padding-top:10px;
}

#badge {
margin-bottom:20px;
margin-left:161px;
width:643px;
}

#points {
margin-left:110px;
}

.checkmark {
padding-right:10px;

}

.download {text-align:center;padding-top:50px;}

.titlos {
text-align:left;padding-top:35px;
}

#di h2 {
text-align:left;
}

#di {
width:700px;
margin-left:auto;
margin-right:auto;
padding-top:25px;
}
#di a {
color:#ff6600;
}

.orange {
padding-top:20px;
font-size:30px;
color:#ff6600;
}

#dbutton {
padding:10px;}

h3 {
font-size:10px;
}

#zipped {
width:300px;
padding-bottom:25px;
margin-left:auto;
margin-right:auto;
}

.instructions {
padding-left:20px;
}

.instructions li {
padding-bottom:10px;
}

.title a {color:#303030;text-decoration:none;}
#footercontent a {
color:#666666;
}


#action {
    position:relative;
    font-family: 'Open Sans', sans-serif;
    border-radius:14px;
    width:900px;
    height:323px;
    border:1px solid #d4d4d4;
    background: transparent url('main-bg.jpg') repeat-x;
}

#maintext {
    font-size:35px;
    text-shadow: 2px 2px 0 #ccced0;
    font-weight:600;
    color:#0d5c76;
    padding-bottom:10px;
    padding-top:20px;
}


#subtext {
	text-align: left;
    color:#484848;
    font-weight:600;
}
#a-left, #a-right {
    position:relative;
    float:left;
    width:50%;
    box-sizing: border-box;
    text-align:center;
}
#a-left {
    padding:20px;   

}
#download {
    position:absolute;
    left:60px;
    top:210px;
    text-decoration: none;
    display:block;
    color:white;
    width:320px;
    height:95px;
    overflow:hidden;
    background: transparent url('download.png') no-repeat;
}

#download:hover {
    height:108px;
    background-position: 0 -97px;
    
}
#download span {
	position: absolute;
	left:80px;
	top: 60px;
	font-size: 12px;
}

#player {
    margin-left:5px;
}
#overlay {
    position:absolute;
    width:112px;
    height:101px;
    z-index:50;
    background: transparent url('overlay.png') no-repeat;
    top:-5px;
    right:-2px;
}

#vsl , #vsr {
    width:26px;
    height:324px;
    position:absolute;
    top:0;
    z-index:30;
}
#vsl {
    background: transparent url('vsl.png') no-repeat;
right:420px;
}
#vsr {
    background: transparent url('vsr.png') no-repeat;
    right:12px;
}

#actionshadow {
    width: 900px;
    height: 36px;
    background: transparent url('actionshadow.png') no-repeat;

}