html { overflow: auto; }

html, body { height: 100%; width:100%; margin: 0 auto; padding: 0; }

body {  
  color:#fff; background: #fff;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0px auto;
  padding: 0;
  text-align: left;
}  

*, * focus { outline: none; }

img { border: none; display:block}

#wrapper {
  width: 800px; 
  height: 625px;
  margin: 0 auto;
  padding: 0;
}

#nav { position:relative; top: 0; left:0; float:left }

#logo { position:relative; top: 122px; left:100px; float:right }

#content { position:relative; width:800px; height:auto; top:0; left:0; }

#flash { position:relative; width:800px; height:489px; top:25px; left:0;  }

#contact { position:relative; width:800px; height:466px; top:0px; left:-3px; }

#client-list { position:relative; width:800px; height:342px; top:100px; left:0; }

.clear { clear: both; }

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

a.projects, a.projects-h, a.profile, a.profile-h, a.profile-client-list, a.profile-client-list-current, a.contact, a.contact-h, a.logo, a.clientlist, a.nextproject, a.painting, a.linkedin, a.facebook, a.gdc {
	display: block;
	background: url(../images/sprite.jpg) no-repeat;
	float: left;
	cursor: pointer !important;
}

a.projects {
	width: 205px;
	background-position: 0px 0px;
	height: 60px;
}

a#current.projects  {
	background-position: -221px 0px;
}

a:hover.projects  {
	background-position: -221px 0px;
}

a.projects-h {
	width: 205px;
	background-position: -221px 0px;
	height: 60px;
}

a:hover.projects-h  {
	background-position: 0px 0px;
}

a.profile, a.profile-client-list {
	width: 188px;
	background-position: 0px -58px;
	height: 45px;
	position:absolute; top: 58px; left:0px;
}

a.profile-h {
	width: 188px;
	background-position: -385px -58px;
	height: 45px;
	position:absolute; top: 58px; left:0px;
}

a:hover.profile-h {
	background-position: 0px -58px;
}

a#current.profile {
	background-position: -385px -58px;
	width: 185px;
}

a.profile-client-list-current {
	position:absolute; top: 58px; left:0px;
	height: 45px;
	background-position: 0px -58px;
	width: 360px;
}

a:hover.profile {
	background-position: -385px -58px;
}

a:hover.profile-client-list-current {
	background-position: 0px -381px;
	width: 360px;
}

a.contact {
	width: 205px;
	background-position: 0px -107px;
	height: 38px;
	position:absolute; top: 106px; left:0px;
}

a.contact-h {
	width: 205px;
	background-position: -221px -107px;
	height: 38px;
	position:absolute; top: 106px; left:0px;
}

a#current.contact {
	background-position: -221px -107px;
}

a:hover.contact {
	background-position: -221px -107px;
}

a:hover.contact-h {
	background-position: 0px -107px;
}

a.logo {
	width: 209px;
	background-position: 0px -151px;
	height: 163px;
	position:relative; top: -102px; left:-102px;
}

a.clientlist {
	width: 115px;
	background-position: -5px -315px;
	height: 17px;
	position:relative; top: 15px; left:180px;
}

a#current.clientlist {
	background-position: -5px -332px;
}

a:hover.clientlist {
	background-position: -5px -332px;
}

a.nextproject {
	width: 70px;
	background-position: -8px -357px;
	height: 10px;
	position:relative; top: 370px; left:710px;
}

a.painting {
	width: 190px;
	background-position: 0px -445px;
	height: 19px;
	position:absolute; top: 406px; left:0px;
}

a:hover.painting {
	background-position: 0px -468px;
}

a.linkedin {
	width: 97px;
	background-position: -180px -445px;
	height: 19px;
	position:absolute; top: 406px; left:180px;
}

a:hover.linkedin {
	background-position: -180px -468px;
}

a.facebook {
	width: 89px;
	background-position: -270px -445px;
	height: 19px;
	position:absolute; top: 406px; left:271px;
}

a:hover.facebook {
	background-position: -270px -468px;
}

/*sidebar */

#sidebar {
  margin: 0;
  padding: 0;
  width: 290px;
  float: left;
  position:absolute; top: 20px; left: -120px;
}

#sidebar ul {
  margin: 40px 0 0 30px;
  list-style-type: none;
  padding: 0;
  text-align: right;
  font-weight: normal;
  font-size: 9pt;
  color: #707070; background:none;
}

#sidebar ul li { 
  display: block;
  margin-bottom: 7px;
}

#sidebar ul li a, #sidebar ul li a:visited {
  text-decoration: none;
  color: #707070; background:none;
  text-transform: uppercase;
}

#sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a#current {
  color: #000; background:none;
}

#client-list-img {
  margin: 0;
  padding: 0;
  width: 247px;
  height: 342px;
  float: left;
  position:absolute; top: 0; left: 0;
  background: url(../images/profile-client-list.jpg) no-repeat 0 0;
}

#profile-img {
  margin: 0;
  padding: 0;
  width: 250px;
  height: 416px;
  float: left;
  position:absolute; top: 0; left: 0;
  background: url(../images/profile-img.jpg) no-repeat 0 0;
}

.profile-txt-one {
 position:relative; color: #000; background:none; top:0px; left:0; font: helvetica;  margin:5px; padding:0 0 0 0; width:515px; 
}

.profile-color { color: #707070; }

.profile-txt-one p {
 text-align:justify; font-size:9pt; line-height: 13pt;
}

#client-list-header {
  margin: 0;
  padding: 0 0 0 265px;
  height: 342px;
  float: right;
  position:absolute; top: 0; left: 0;
}

#client-lists{
  margin: 0;
  padding: 0 0 0 265px;
  width: 570px; 
  position:relative; top: -320px; left: -2px;
}
  
#client-lists-col-1, #client-lists-col-2, #client-lists-col-3 {
  margin: 100px 0 0 265px;
  padding: 0 0 0 0;
  width: 200px;
}

#client-lists-col-1 {
  float: left;
  position:absolute; top: 0; left: 0;
}
 
#client-lists-col-2 {
  float: right;
  position:absolute; top: 0; left: 195px;
} 

#client-lists-col-3 {
  float: right;
  position:absolute; top: 0; left: 380px;
}

#client-lists-col-1 ul, #client-lists-col-2 ul, #client-lists-col-3 ul {
  margin: 20px 0 0 5px;
  list-style-type: none;
  padding: 0;
  text-align: left;
}

#client-lists-col-1 ul li, #client-lists-col-2 ul li, #client-lists-col-3 ul li { 
  display: block;
  color: #707070; background:none;
  font: helvetica; font-size:.7em;
  margin:0; padding:0;
  line-height: 1.4em;
}

#client-lists-footer { position:relative; color: #707070; background:none; top:330px; left:269px; font: helvetica; font-size:7pt; margin:0; padding:0; width:700px }

#profile-footer { position:relative; background: url(../images/profile-bg-logos.jpg) no-repeat; top:395px; left:266px; margin:0; padding:0; width:171px; height:30px; }

#footer {position:relative; color: #707070; background:none; top:95px; left:-110px; font: helvetica; font-size:9pt; line-height: 13pt; margin:0; padding:0; text-align:justify;}

#footer a:link, #footer a:visited {
  color: #707070; background:none; text-decoration:none
}

#footer a:hover, #footer a:active {
  color: #707070; background:none; text-decoration:none
}

#footer .small { font-size:7pt}