/*

    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(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(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(/icons.png) 0 0 no-repeat;}

a.linkedin:hover{
	background-position: 0 -16px;}

a.twitter{
	background: url(/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;
}
div.row {
  	clear: both;
  	padding-top: 5px;
}

div.row span.label {
  	float: left;
  	width: 100px;
  	text-align: right;
}

div.row span.formw {
  	float: right;
  	width: 255px;
  	text-align: left;
}