/*

    i/o ventures
    
    Design & Code by Es&Es - htt://esundes.com

*/

/* Reset */

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, figure, footer, header, hgroup, menu, nav, section, 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, figure, footer, header, hgroup, nav, section {
	display: block;}

nav li, .nav li {
	list-style: none;}

blockquote, q {
	quotes: none;}

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

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
a:link, a:visited{
	color: #f82025;
	text-decoration: none;
	border-bottom: 1px solid #f82025;}
	
.blind a:link, .blind a:visited{
	color: #262524;
	border: 0;}	
	
a:visited{
	border-style: dotted;}

a:focus, a:hover{
	color: #ff8c8f;
	border-color: #ff8c8f;}
	
.blind a:focus, .blind a:hover{
	color: #f82025;
	border-bottom: 1px solid #f82025;}

a:active{
	}

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 #000;
	cursor: help;}

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;}

input, select, textarea, img {
	vertical-align: middle;}
	
p, ul, ol, dl{
	margin: 0 0 10px;}
	
dt{
	font-weight: bold;
	margin: 0;
	padding: 0 150px 0 0;}
	
dd{
	margin: 0 25px 30px;}
	
h2, h3{
	color: #f82025;
	margin: 30px 0 10px;
	font-weight: normal;}
	
h2{
	text-transform: uppercase;}
	
h2.first,h3.first,h4.first,h5.first{
	margin-top: 0;}
	
/* Basics */

html, body{
	background: #262524;
	color: #fff;
	text-align: center;
	font: normal 11px/20px Verdana,'Bitstream Vera Sans',Arial,sans-serif;}
	
#site{
	position: relative;
	width: 700px;
	margin: 80px auto;
	padding: 10px 0;
	background: #f5f5f5;
	color: #262424;
	text-align: left;}
	
#top{
	overflow: hidden;
	position: relative;
	height: 80px;
	margin: 10px -10px 0;
	padding: 0 80px;
	background: #fff url(../img/sprite.png);}

#top h1,
#top ul,
#top li{
	display: block;
	height: 60px;}
	
#top a,
#top strong{
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	color: #999694;
	line-height: 60px;
	text-decoration: none;
	border: 0;}
	
#top strong{
	color: #262423;
	font-weight: normal;}
	
#top span,
ul.cards a.linkedin span{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;}
	
#top span{
	background: url(../img/sprite.png) -80px -10px;}
	
#top h1{
	float: left;
	width: 130px;
	margin: 10px 0 0;
	font-weight: normal;}
	
#top h1 a,
#top h1 strong{
	color: #f82025;}
	
#top h1 span{
	background-position: -80px -170px;}

#top ul{
	float: right;
	overflow: hidden;
	margin: 10px 0 0;}
	
#top li{
	float: left;
	width: 60px;
	text-align: right;}
	
#top li#nav1{
	width: 60px;}

#nav1 span{
	background-position: -360px -90px;}

#nav1 a:hover,
#nav1 a:hover span{
	background-position: -360px -170px;}
	
#nav1 strong span{
	background-position: -360px -250px;}

#top li#nav2{
	width: 60px;}
	
#nav2 span{
	background-position: -420px -90px;}
	
#nav2 a:hover,
#nav2 a:hover span{
	background-position: -420px -170px;}
	
#nav2 strong span{
	background-position: -420px -250px;}

#top li#nav3{
	width: 70px;}
	
#nav3 span{
	background-position: -480px -90px;}
	
#nav3 a:hover,
#nav3 a:hover span{
	background-position: -480px -170px;}
	
#nav3 strong span{
	background-position: -480px -250px;}

#top li#nav4{
	width: 40px;}
	
#nav4 span{
	background-position: -550px -90px;}
	
#nav4 a:hover,
#nav4 a:hover span{
	background-position: -550px -170px;}

#nav4 strong span{
	background-position: -550px -250px;}

#top li#nav5{
	width: 50px;}
	
#nav5 span{
	background-position: -590px -90px;}
	
#nav5 a:hover,
#nav5 a:hover span{
	background-position: -590px -170px;}
	
#nav5 strong span{
	background-position: -590px -250px;}
	
#page{
	overflow: hidden;
	padding: 30px 70px;}
	
#end{
	padding: 0 50px 20px;
	text-align: right;
	color: #8c8988;}
	
#end a{
	color: #8c8988;
	text-decoration: none;}
	
/* Content */
	
ul.cards,
ul.minicards{
	overflow: hidden;
	list-style: none;}
	
ul.cards li,
ul.minicards li{
	position: relative;
	display: block;
	margin: 0 0 20px;
	padding: 0;}
	
ul.cards h3{
	margin: 0;
	color: #262524;
	font-weight: bold;}

ul.cards a.icon,
ul.minicards a.icon{
	position: relative;
	top: 1px;
	overflow: hidden;
	width: 16px;
	height: 16px;
	border: 0;
	text-indent: -999em;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;}
    
ul.minicards strong{
	display: block;}
	
/* Icons from komodomedia.com */
	
a.linkedin{
	background: url(../img/icons.png) 0 0 no-repeat;}
	
a.linkedin:hover{
	background-position: 0 -16px;}

a.twitter{
	background: url(../img/icons.png) -16px 0 no-repeat;}
	
a.twitter:hover{
	background-position: -16px -16px;}

	
ul.minicards li{
	clear: left;
	float: left;
	width: 260px;
	margin: 0 0 5px;}
	
ul.minicards li.odd{
	clear: none;
	float: right;}

/* Additions by jimy */

input[type=text] {
	color: red;
	font-size: 11pt;
	border: 1px dotted #888;
	padding: 2px 4px;
}

textarea {
	color: red;
	font-size: 11pt;
	border: 1px dotted #888;
	padding: 2px 4px;
}

div.question {
	font-weight: bold;
	color: #555;
	padding-top: 12px;
}