html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
	
	background: transparent;
}

body {
	line-height: 1;
}

a {
	text-decoration: none;
	color: #0071bc;
}

ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

img {
	border: none;
}

object, a {
	outline: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

html, body{
  height:100%;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

.fll {
	float: left !important;
}

.flr {
	float: right !important;
}

.box {
	width: 960px;
	margin: 0 auto;
}

.box.extended {
	padding: 80px 0;
}

.box.sem-extended {
	padding: 0 0 80px 0;
}

.flow {
	padding: 60px 0;
}

.flow.grey {
	background: #F3F6F8;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #5E5E66;
	font-size: 16px;
	line-height: 23px;
	margin: 0 0 20px 0;
}

#main-pict {
	background: url(../images/doctor-tablet.jpg) no-repeat center;
	background-size: cover;
	height: 415px;
	position: relative;
}

.dots-overlay {
	background: url(../images/dots-overlay.png) repeat;
}

#main-pict .dots-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 415px;
	width: 100%;
}

#main-pict .box {
	z-index: 100;
	position: relative;
	padding: 145px 0 0 0;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	background: url(../images/texture-canvas-white.png);
	font-weight: 300;
	text-align: left;
	/*padding: 60px 0 0 0;*/
}

header {
	padding: 20px 0;
	border-bottom: 1px solid #CCC;
}

header h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #E34040;
	font-size: 42px;
	text-transform: uppercase;
	float: left;
}

h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-size: 48px;
	color: #0071bc;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 50px 0;
}

h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 21px;
	text-align: left;
	text-transform: uppercase;
	color: #666;
	margin: 0 0 10px 0;
}

h3 span {
	font-weight: 200;
	font-size: 16px;
}

.sem-extended h3 {
	background: #ECECEC;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font-weight: 300;
	height: 50px;
	text-transform: none;
	font-size: 18px;
}

h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-size: 24px;
	color: #0071bc;
	text-align: center;
	text-transform: uppercase;
	margin: 0 20px 0 0;
	float: left;
}

img.logo {
	float: left;
}

nav ul {
	font-family: 'Source Sans Pro', sans-serif;
	float: right;
	margin: 8px 0 0 0;
}

nav ul li {
	display: inline;
	margin: 0 0 0 30px;
}

nav ul li a {
	color: #5e5e66;
	text-transform: uppercase;
	font-size: 17px;
}

nav ul li a.active, nav ul li a:hover {
	color: #0071bc;
}

#header {
	background: url(../images/header-sample.png) repeat-x top left;
}

#intro {
	background: url(../images/smartlink-bg-2.jpg) no-repeat;
	background-size: cover;
	height: 30%;
	padding: 350px 0 0 0;
	position: relative;
}

#intro .slogan {
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 28px;
	color: #666;
	line-height: 40px; 
	background: url(../images/blue-fade-bg.png);
	padding: 20px 30px;
	color: #FFF;
	position: absolute;
	bottom: 0;
	width: 960px;
}

/*.slogan {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 32px;
	color: #666;
	line-height: 46px;
	text-align: center;
	width: 100%;
	margin: 40px 0 0 0;
}*/

.box-2 {
	width: 45%;
	margin: 0 10% 30px 0;
	float: left;
}

.box-2 img {
	float: left;
	margin: 0 10px 90px 0;
}

.box-3 {
	width: 30%;
	float: left;
	margin: 0 5% 0 0;
}

.box-2.last, .box-3.last {
	margin: 0;
}

#domains {
}

.partners {
	text-align: center;
}

.partners img:first-child {
	margin: 0 60px 0 0;
}

.collabs {
	margin: 60px 0 0 0;
}

.collabs img {
	margin: 0 80px 0 0;
}

.collabs img:last-child {
	margin: 0;
}

#initiatives {
	background: url(../images/texture-canvas-grey.png);
}


#initiatives .box, #partners .box, #contact .box {
	background: url(../images/line.png) no-repeat 0 92px;
}


#initiatives h2 {
	background: url(../images/texture-canvas-grey.png);
}

#partners h2, #contact h2 {
	width: 250px;
	margin: 0 0 50px 350px;
	padding: 0 15px;
	background: url(../images/texture-canvas-white.png);
}

#partners h2 {
	width: 745px;
	display: block;
	margin: 0 0 90px 350px;
	width: 240px;
}

#contact h2 {
	width: 300px;
}

iframe { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

#contact iframe {
	float: left;
	margin: 0 40px 0 0;
}

#contact p {
	margin: 0;
}

#newsletter {
	padding: 0 0 50px 0;
}

#newsletter form {
	padding: 30px;
	background: url(../images/texture-canvas-grey.png);
}

#newsletter input {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #666;
	width: 455px;
}

#newsletter button {
	background: #0071bc;
	color: #FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	border: 1px solid #0071BC;
	font-weight: 300;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 10px;
}

/*#main-pict h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #E34040;
	font-size: 56px;
	margin: 0 0 10px 0;
}

#main-pict h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 28px;
}

.flow h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #E34040;
	font-size: 42px;
	text-align: center;
	margin: 0 0 50px 0;
}

h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #5E5E66;
	font-size: 18px;
	text-align: center;
	margin: 10px 0 20px 0;
	text-transform: uppercase;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #5E5E66;
	font-size: 16px;
	text-align: left;
	margin: 10px 0 10px 0;
	text-transform: uppercase;
}

.reason {
	width: 30%;
	text-align: center;
	float: left;
	margin: 0 5% 0 0;
}

.reason:last-child, .feature.last {
	margin: 0;
}

.reason img {
	margin: 0 auto;
}

.side-text {
	float: right;
	width: 370px;
}

.side-text p {
	text-align: left;
}

.features {
	margin: 0 0 20px 0;
}

.feature {
	width: 30%;
	float: left;
	margin: 0 5% 0 0;
}

.feature p {
	text-align: left;
	font-size: 14px;
}*/