/*-----------Block Level Elements--------------*/
* {margin: 0;}
html {height: 100%;}
body {padding: 0; margin: 0; font-family: "Arial"; height: 100%;}
#logo {position: absolute; top: 20px; left: 50%; margin-left:-492px; height: 45px; width: 280px;}
a {outline: none; color: #769fAC; text-decoration: none; font-weight: bold;}
a:hover {color: #666;}
#page {z-index: 1; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px;}
#nav {width: 100%; font-size: 13px; height: 40px; z-index: 1000;}
ul#menu{list-style-type:none;width:250px;position:absolute;left:50%;margin-left:230px;height:25px;font-size:13px;padding:20px 0 0 0;}
ul#menu li{display:block;float:left;margin:0;height:27px;}
ul#menu li a{display:block;float:left;color:#eef;line-height:27px;text-decoration:none;padding:0 10px;height:27px; font-weight: normal;}
ul#menu li a.right{padding-right:19px;}
ul#menu li a:hover{color: #92D0D4;}
ul#menu li a.current{color:#2E4560;background:#fff;}
ul#menu li a.current:hover{color:#2E4560;background:#fff;}
ul#menu li ul {display: none;list-style-type:none;}
ul#menu li:hover ul {display: block;margin: 0;padding:0;}
ul#menu li:hover {position:relative;}
ul#menu li li {float:left;clear:both;width:85px;height:27px;margin:0;padding:0;white-space:nowrap;display:block;position:relative;background:#333;}
ul#menu li ul li a {text-decoration:none;display:block;font-weight:normal;position:relative;	color:#fff;height:27px;padding:0 10px;}
ul#menu li ul li a:hover {color: #92D0D4;}
#wrapper {width: 980px; padding-top: 15px; margin: 0 auto;}
#highlight h3 {margin: 0; display: inline; float: left;}
#highlight .post {line-height: 150%; width: 420px; padding: 0; margin: 0 10px 0 0; }
#about {font-size: 12px; color: #666; line-height: 150%; margin: 0; padding: 0;list-style-type: none;}
.resume {background: #bbb; padding: 5px;}
.resume:hover {background: #ddd;}
#content {width: 100%; margin: 0 auto; color: #666;}
#right {width: 380px; float: right;}
#sidebar {list-style-type: none; margin: 0; padding: 0;}
#sidebar img {max-width: 370px;}
#sidebar .section {width: 380px;}
.wpcf7-form {color: #666;font-size: 12px;}
.preview {float: right; border: 5px solid #ccc;}
.span {width: 60px; font-weight: bold; float: left;}.
push {height: 70px;}
#footer {height: 70px; padding: 0; color: #ccc; font-size: 11px; line-height: 150%; clear: both;}
#footer p { width: 900px; margin: 0 auto; padding: 18px;}
#download {background: #ccc; padding: 15px; width: 200px; color: #333;}
h1 {margin: 0;}
h2 {margin: 0 0 15px 40px; font-size: 20px; font-family: Helvetica, Arial; color: #898989; font-weight: bold; text-transform: uppercase;}
h3 {margin: 0 0 6px; font-size: 16px; color: #444;}
#contact, #services {margin: 0 0 15px;}
#posts {width: 500px; float: left;}
.post {font-size: 13px; line-height: 120%; color: #666; margin: 0 0 20px;}
.post p {margin: 0;}
a img {border: none;}
#wall1 {background: url(http://vagrantconcept.com/images/vagrant.jpg) 0 -40px no-repeat; width: 400px; height: 200px; float: left;}
#wall2 {background: url(http://vagrantconcept.com/images/brilliance.jpg) 0 -70px no-repeat; width: 400px; height: 200px; float: left;}
hr {display: none; clear: both;}
.section {width: 410px; margin: 0 40px 15px; float: left; color: #666;}
.section h1 {font-weight: bold; color: #769fAC; margin: 0; font-size: 14px; font-family: Arial;}
.section a img {background: #999; color: #333; text-decoration: none; padding: 5px; font-weight: bold; display: block; }
.section a img:hover {background: #666;}.info {padding: 10px 0 0 0; display: block; font-size: 12px;}