/*///////////////////`       :///////////////////.
.////::::::::::::///:      -///::::::::::::////. 
 -///.           `///:    -///`           `///-  
  :///`           .///-  .///.           `///:   
   :///`           .///.`///.            :///`   
   `///:            -//////-            -///`    
    `///:            -////-            .///.     
     .///-            ////`           .///-      
      -///.          -////:`         `///-       
       :///`        .//////:         ://:        
        :///`      .///``///-       -///`        
        `///:     `///.  `///-     -///`         
         `///:   `///-    .///.   .///.          
          .///-  ://-      .///. `///-           
           -///.://:        -///.://-            
            -/////:          -/////:             
             :////`           :////`             
             `///`             ://`              
              `/`              `/.

		 T  O  M      W  A  H  L  I  N




*/
@import url("reset.css");

/*=====================================
|||| blue: #6CADDF | grey: #5b5b5b ||||
=====================================*/

html { font-size: 62.5%; }

body {
	color: #5b5b5b;
	font: 1.1em Helvetica, Arial, sans-serif;
	line-height: 14px;
}

a { color: #6CADDF; }

acronym { cursor: help; }

body#home a#navhome,
body#brunos a#navbrunos,
body#besttile a#navbesttile, 
body#qr a#navqr,
body#kidney a#navkidney,
body#basilica a#navbasilica,
body#housesmarts a#navhousesmarts,
body#gone a#navgone,
body#cal a#navcal {
	background-color: #6CADDF;
	color: #fff;
	margin-left: -2px;
	padding: 2px;
}

.clear {
	clear: both;
	height: 20px;
}

.clear2 {
	clear: both;
	height: 5px;
}

/*||||||||||||||||||||||||||||||||||
||||||||||| Top Content ||||||||||||
|||||||||||||||||||||||||||||||||*/

#wrapper {
	height: auto;
	margin: 0 auto;
	overflow: auto;
	padding: 0 20px 0 20px;
	width: 986px;
}

#details {
	display: block;
	height: 360px;
	padding: 20px 0 0 0;
	position: relative;
}

#resume {
	display: block;
	height: 380px;
	padding: 20px 0 0 0;
	position: relative;
}

#video {
	clear: both;
	display: block;
	height: 570px;
	padding: 20px 0 0 0;
	position: relative;
}

.row {
	clear: both;
	padding: 10px 0 0 0;
}

a.close {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	background-color: #5b5b5b;
	color: #ffffff;
	margin-right: 3px;
	padding: 2px 2px 3px 2px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
}

	a.close:hover { background-color: #6CADDF; }

.top_block {
	float: left;
	margin: 0 25px 0 0;
	width: 310px;
}

	.top_block:first-child { margin-left: 3px; }

.top_block_last {
	float: right;
	margin-right: 3px;
	width: 310px;
}

.row h5 {
	border-bottom: 1px solid;
	display: block;
	font-size: 1.3em;
	padding: 10px 0 10px 0;
	width: 310px;
}

#details .row h5 { text-indent: 30px; }

#resume .row h5 { padding: 10px 0 7px 0; }

	#resume .row h5 span {
		float: right;
		font-size: 0.6em;
		font-style: italic;
		font-weight: normal;
}

#resume .row h6 {
	color: #6CADDF;
	font-weight: normal;
	padding: 8px 0 0 0;
}

.row p { padding: 8px 0 8px 0; }

	.row p em { font-style: italic; }

	.row p strong { font-weight: bold; }

#resume .row ul li {
	background: url('../img/build/bullet.gif') 25px 3.5px no-repeat;
	padding: 0 0 6px 35px;
}

#details .strict { background: url('../img/build/helv-brackets.png') no-repeat 0 3px; }

#details .thumb { background: url('../img/build/helv-thumb.png') no-repeat 0 0; }

#details .grid { background: url('../img/build/helv-grid.png') no-repeat 0 3px; }

#details .note { background: url('../img/build/helv-note.png') no-repeat 0 3px; }

#details .bulb { background: url('../img/build/helv-bulb.png') no-repeat 0 3px; }

#details .check { background: url('../img/build/helv-check.png') no-repeat 0 3px; }

#details .heart { background: url('../img/build/helv-heart.png') no-repeat 0 3px; }

#details .tool { background: url('../img/build/helv-tool.png') no-repeat 0 3px; }

#details .sync { background: url('../img/build/helv-sync.png') no-repeat 0 3px; }

#details .aboutme { background: url('../img/build/helv-about.png') no-repeat 0 3px; }

#cc {
	display: block;
	padding: 0 0 0 100px;
}

#video object {
	left: 50%;
	margin: 0 0 0 -360px;
	position: absolute;
}

/*||||||||||||||||||||||||||||||
|||||||||| Masthead ||||||||||||
||||||||||||||||||||||||||||||*/

#masthead {
	border-top: 5px solid #5b5b5b;
	clear: both;
	height: 180px;
}

	#masthead img {
		float: left;
		margin: 40px 0 0 3px;
}

	#masthead ul { float: right; }

		#masthead ul li {
			display: block;
			float: left;
			margin-left: 16px;
}

			#masthead ul li a {
				-moz-border-radius-bottomleft: 4px;
				-moz-border-radius-bottomright: 4px;
				-webkit-border-bottom-left-radius: 4px;
				-webkit-border-bottom-right-radius: 4px;
				background-color: #5b5b5b;
				color: #ffffff;
				display: block;
				padding: 2px 2px 3px 2px;
				position: relative;
				text-align: center;
				width: 50px;
}

				#masthead ul li a:hover {
					background-color: #6CADDF;
					color: #ffffff;
}

#main {
	overflow: auto;
	padding: 0 3px 400px 3px;
}

/*|||||||||||||||||||||||||||||
|||||||||| Nav Col ||||||||||||
|||||||||||||||||||||||||||||*/

#nav_col {
	border-top: 1px solid #E2E2E2;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0 20px 0 0;
	overflow: visible;
	padding: 25px 0 0 0;
	width: 150px;
}

	#nav_col ul {
		display: block;
		overflow: visible;
}

		#nav_col ul li {
			margin: 0 0 36px 0;
			text-transform: uppercase;
}

			#nav_col ul li a {
				color: #5b5b5b;
				overflow: visible;
}

				#nav_col ul li a:hover {
					background-color: #6CADDF;
					color: #fff;
					margin-left: -2px;
					padding: 2px;
}

				#nav_col ul li a:active {
					margin-left: -3px;
					padding: 3px;
}

/*|||||||||||||||||||||||||||||||
|||||||||| Descrip Col ||||||||||
|||||||||||||||||||||||||||||||*/

#descrip_col {
	float: left;
	width: 150px;
}

	#descrip_col h1, h2, h3, h4 {
		border-top: 1px solid #E2E2E2;
		display: block;
		font-size: 1em;
		font-weight: bold;
		padding: 25px 0 10px 0;
}

	#descrip_col p,ul { margin: 0 0 25px 0;
}

	#descrip_col a:hover { border-bottom: 1px dotted;
}

	#descrip_col ul li {
		background: url('../img/build/bullet.gif') 5px 5.5px no-repeat;
		text-indent: 14px;
}

/*||||||||||||||||||||||||||||
|||||||||| Main Col ||||||||||
||||||||||||||||||||||||||||*/

#main_col {
	float: right;
	overflow: auto;
	padding: 0 0 20px 0;
	width: 640px;
}

#main_col_img {
	float: right;
	height: auto;
	width: 640px;
}

#main_col img.color {
	left: 0;
	position: relative;
	top: 0;
	z-index: 30;
}

#main_col img.grey {
	margin: 0 0 20px 0;
	position: absolute;
	z-index: 1;
}

#main_col img.stroke { border: 1px solid #e2e2e2; }

/*||||||||||||||||||||||||||
|||||||||| Footer ||||||||||
||||||||||||||||||||||||||*/

#footer {
	background-color: #e2e2e2;
	clear: both;
	height: 400px;
	margin-top: -400px; /* negative value of footer height */
}

a.top {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	background-color: #5b5b5b;
	color: #ffffff;
	padding: 2px 2px 3px 2px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
}

	a.top:hover {
		background-color: #6CADDF;
		cursor: pointer;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

#foot_wrap {
	margin: 0 auto;
	overflow: visible;
	padding-top: 32px;
	position: relative;
	width: 980px;
}

.foot_block {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	padding: 10px;
	width: 230px;
}

	.foot_block.about { margin-left: -10px; }

.foot_block_last {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
	margin-right: -10px;
	padding: 10px;
	width: 230px;
}

#foot_wrap h6 {
	border-bottom: 1px solid;
	clear: both;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 16px 0;
}

#foot_wrap p {
	margin-top: 11px;
	position: relative;
}

.foot_block.connect ul { margin: 11px 0 0 0; }

	.foot_block.connect ul li {
		display: block;
		float: left;
		height: 25px;
		margin: 0 16px 0 0;
		overflow: hidden;
		width: 25px;
}

		.foot_block.connect ul li.last { margin: 0; }

		.foot_block.connect ul li a:hover { margin-left: -25px; }

#foot_wrap .contact form { margin-top: 11px; }

#foot_wrap .contact #error strong { color: #C10000; }

	#foot_wrap .contact #error strong.green { color: #00C149; }

#foot_wrap .contact form fieldset, textarea, input {
	border: 0;
	font: 1em Helvetica, Arial, sans-serif;
	resize: none;
}

#foot_wrap .contact form fieldset label {
	clear: both;
	display: block;
	margin: 0 0 2px 0;
}

#foot_wrap .contact form fieldset input { margin: 0 0 8px 0; }

#foot_wrap .contact form fieldset textarea {
	clear: both;
	width: 100%;
}

#foot_wrap .contact form fieldset #submit {
	background-color: #5b5b5b;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	display: block;
	float: right;
	font: 1em Helvetica, Arial, sans-serif;
	margin: 5px 0 0 0;
	padding: 4px;
}

	#foot_wrap .contact form fieldset #submit:hover { background-color: #6CADDF; }

#foot_wrap .contact form p { float: left; }

#foot_wrap .contact form fieldset label, .contact form fieldset p { margin-left: -7px; }

#foot_wrap .copy {
	overflow: visible;
	position: absolute;
	top: 370px;
}

/*|||||||||||||||||||||||||||
|||||||||| Twitter ||||||||||
|||||||||||||||||||||||||||*/

#tweet ul li { margin-top: 11px; }

#tweet a {
	font-weight: bold;
	letter-spacing: .2px;
}

	#tweet a.time { font-weight: normal; }

.twitter a:hover { border-bottom: 1px dotted; }

.copy { 
	bottom: 10px;
	display: block;
	position: absolute;
	left: 0px;
}