/* Layout */
h1, h2, h3, h4, h5, h6, p, blockquote {
  margin: 0;
  }
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  background-color: #5B5B5B;
  background-image: url(../images/global_bg.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#content h1 {
  color: #cbd61f;
  letter-spacing: -1pt;
  line-height: 36px;
  font-family: Arial, Verdana;
  font-size: 32px;
  font-weight: normal;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
}

#content {
  display: block;
  width: 510px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 360px;
  padding-top: 150px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

#fixed {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 330px;
  padding: 0;
}

* html #fixed {
  position: absolute;
}

.hide {
  display: none;
}
/* Typography */

p, address {
  margin: 0 0 16pt 0;
  line-height: 17px;
  color: #FFFFFF;
  font-style: normal;
}

pre {
  margin: 0 0 0 0;
  padding: 10px;
  color: #000000;
  background: #eaf2e6;
  border: 1px solid #ced5cb;
}

strong {
  color: #FFFFFF;
}
/* Headers */

#fixed h1 {
  width: 330px;
  height: 162px;
  margin: 125px 0 50px 0;
  background-color: #5B5B5B;
  background-repeat: no-repeat;
  background-image: url(../images/mylogo.gif);
}

#content h2 {
  margin: 0 0 20px 0;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

#content li {
	list-style-type: square;
	line-height: 17px;
	color: #FFFFFF;
	list-style-image: url(../images/icon.gif);
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

* html #content h2 {
  margin: 0;
}

#content h3 {
  margin: 20pt 0 9pt 0;
  color: #3f3f3f;
  font-size: 11pt;
  font-weight: bold;
}

#content h4 {
  color: #3f3f3f;
  font-size: 9pt;
  font-weight: bold;
}
/* Links */

#content a:link, a:visited, a:active {
  text-decoration: none;
  text-transform: none;
  color: #cbd61f;
  outline: none;
}

#content a:hover {
  border-bottom: 1px solid #FFFFFF;
}

#content a.headerlink {
  color: #4f4f4f;
  font-weight: bold;
}

#content a.headerlink:hover {
  color: #B02A2C;
  border-bottom: none;
}

#fixed a {
  margin: 0 0 0 240px;
  outline: none;
}

#fixed a.nav_home {
  display: block;
  height: 16px;
  width: 70px;
  margin: 0 0 0 220px;
  background: url("../images/nav_home.gif") no-repeat;
}

#fixed a.nav_home:hover {
  background-position: 0 -16px;
}

#fixed a.nav_portfolio{
  display: block;
  height: 16px;
  width: 70px;
  margin: 0 0 0 220px;
  background: url("../images/nav_work.gif") no-repeat;
}

#fixed a.nav_portfolio:hover {
  background-position: 0 -16px;
}

#fixed a.nav_contact {
  display: block;
  height: 16px;
  width: 70px;
  margin: 0 0 0 220px;
  background: url("../images/nav_projects.gif") no-repeat;
}

#fixed a.nav_contact:hover {
  background-position: 0 -16px;
}

#fixed a.nav_about {
  display: block;
  height: 16px;
  width: 70px;
  margin: 0 0 0 220px;
  background: url("../images/nav_ontheroad.gif") no-repeat;
}

#fixed a.nav_about:hover {
  background-position: 0 -16px;
}

#fixed a.nav_usability {
  display: block;
  height: 16px;
  width: 110px;
  background-image: url(../images/nav_usability.gif);
  background-repeat: no-repeat;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 180px;
}

#fixed a.nav_usability:hover {
  background-position: 0 -16px;
}

a.imglink:hover {
  border-bottom: 1px solid #A96B42;
}
/* Lists */

ul, ol {
  line-height: 16pt;
  color: #FFFFFF;
  font-style: normal;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 16pt;
  margin-left: 0;
}

li {
  margin: 0 0 8pt 0;
}

/* Forms */

* html button {
  margin: 0 0 0 4px;
  padding: 0 2px 1px 2px;
}

input, select {
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	background-image: url(../images/form-bg.gif);
	background-repeat: repeat;
}

select {
  border: 1px solid #cccccc;
}

.disclaimer {
  margin: 0;
  padding: 0px;
  color: #999999;
  border: 1px none #ced5cb;
  font-size: 10px;
}

.disclaimer strong {
  color: #999999;
}

.mail {
  color: #cbd61f;
}

.portimg{
  background-color: #555;
  border: 1px solid #777;
  padding: 5px;
  margin-right: 7px;
  margin-bottom: 7px;
}

.portimg:hover{
  background-color: #333;
  border: 1px solid #444;
}
/* box with out images */

div#box{
  background: #848383;
  width: 500px;
  margin-top: 5px;
  margin-right: 0%;
  margin-bottom: 0;
  margin-left: -17px;
}

#box p{
  color: #FFFFFF;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}

#content #box hr {
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  height: 1px;
  width: 480px;
}

.line {
  font-weight: bold;
  text-indent: 10px;
  font-style: italic;
}

#content #box b.rtop, b.rbottom{
  display: block;
  background: #5B5B5B;
}

#content #box b.rtop b, b.rbottom b{
  display: block;
  height: 1px;
  overflow: hidden;
  background: #848383;
}

#content #box b.r1{
  margin: 0 5px;
}

#content #box b.r2{
  margin: 0 3px;
}

#content #box b.r3{
  margin: 0 2px;
}

#content #box b.rtop b.r4, b.rbottom b.r4{
  margin: 0 1px;
  height: 2px;
}

#portfolio {
  display: block;
  width: 510px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 360px;
  padding-top: 150px;
  padding-right: 0;
  padding-bottom: 50px;
  padding-left: 0;
}

#portfolio h1 {
  color: #cbd61f;
  letter-spacing: -1pt;
  line-height: 36px;
  font-family: Arial, Verdana;
  font-size: 32px;
  font-weight: normal;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
}

#portfolio li {
  list-style-image: url(../images/icon-s.gif);
  margin-left: -28px;
}
#content #box {
	margin-left: 0px;
}

#top {
  background-image: url(../images/dot.gif);
  background-repeat: repeat-x;
  background-position: 14px;
  height: 12px;
  padding-bottom: 10px;
}

#top a.nav_top {
  display: block;
  height: 10px;
  width: 30px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 480px;
  background-image: url(../images/topicon.gif);
  background-repeat: no-repeat;
}

#portfolio a {
  color: #FFFFFF;
  text-decoration: underline;
}

#content strong {
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#fixed a.nav_linked {
	display: block;
	height: 16px;
	width: 80px;
	background-image: url(../images/linkedin.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
}
#content #box b.rtop, b.rbottom{
  display: block;
  background: #5B5B5B;
}
#portfolio #contact-area {
	margin: 0px;
	padding: 0px;
}

#portfolio #contact-area form {
	color: #FFFFFF;
	font-weight: bold;
}
#portfolio #contact-area p {
	padding-bottom: 2px;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
#portfolio #contact-area .name {
	padding-bottom: 2px;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	height: 50px;
	width: 150px;
	font-size: 12px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
}
#portfolio #contact-area .message {
	padding-bottom: 2px;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	width: 300px;
	font-size: 12px;
	float: none;
	font-weight: bold;
}
#content img {
	float: left;
	padding-right: 10px;
}