/* CSS Document */
/* //////////////// */
/* INFOCS PHOTOS    */
/* STYLESHEET: MAIN */
/* 05.06.24         */
/* //////////////// */

/* MISCELLANEOUS PROPERTIES */

html, body, div, table, caption, thead, tfoot, tbody, tr, td, p, h1, h2, h3, h4, h5, h6, span, img, a {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  border: 0;
  text-align: center;
}

/* HTML PROPERTIES */

html {
  text-align: center;
}

/* BODY PROPERTIES */

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #f4f4f4;
  vertical-align: center;
  text-align: center;
}

/* DIV PROPERTIES */

div {
  text-align: center;
}

/* TABLE PROPERTIES */

table {
  text-align: center;
}

/* TABLE ROW PROPERTIES */

tr {
  
}

/* TABLE DATA PROPERTIES */

td {
  padding: 0;
  margin: 0;
  text-align: center;
}

/* PARAGRAPH PROPERTIES */

p {

}

/* HEADING PROPERTIES */

h1, h2, h3, h4, h5, h6 {

}

/* SPAN PROPERTIES */

span {
  
}

/* IMAGE PROPERTIES */

img {
  vertical-align: top;
}

/* ANCHOR PROPERTIES */

a:link {

}

a:visited {

}

a:hover {

}

a:active {

}

/* OTHER PROPERTIES */



/* CLASS */

.body-intro {
  padding: 10px;
  background-color: white;
  background-image: none;
  vertical-align: middle;
  text-align: center;
}

.img-top_link, .img-bottom_link {
  text-align: right;
  cursor: pointer;
}

.img-top_link {
  height: 26px;
}

.img-bottom_link {
  width: 45px;
  height: 25px;
}

.img-photo {
  width: 700px;
  height: 333px;
}

.a-index, .img-index {
  padding: 0;
  margin: 0;
  display: inline;
}

.img-index {
  height: 13px;
}

.filler {
  height: 500px;
}

/* ID */

#intro_clicker {
  width: 450px;
  height: 333px;
}

#main {
  padding: 20px 0 25px 28px;
}

#intro_holder {
  background-image: none;
}

#holder {
  margin: 40px 0 0 0;
  background-image: url(http://www.infocusphotosltd.com/images/backgrounds/bg-body_backdrop03.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
}

#bio {
  background-image: url(http://www.infocusphotosltd.com/images/backgrounds/bg-popup_bio.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
}

#contact {
  background-image: url(http://www.infocusphotosltd.com/images/backgrounds/bg-popup_contact.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
}

#links {
  background-image: url(http://www.infocusphotosltd.com/images/backgrounds/bg-popup_links.gif);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
}

#portfolio {
  width: 708px;
  margin-bottom: 75px;
}

#portfolio-logo {
  width: 260px;
  height: 60px;
  padding: 0 0 0 1px;
  vertical-align: bottom;
  text-align: left;
}

#portfolio-top_links {
  vertical-align: bottom;
  text-align: right;
}

#portfolio-photos {
  height: 353px;
  vertical-align: middle;
  text-align: right;
}

#portfolio-spacer {
  width: 230px;
  height: 12px;
  padding: 0;
  margin: 0;
}

#portfolio-index {
  padding: 0;
  margin: 0;
  background-image: url(../images/backgrounds/bg-arrow02.gif);
  vertical-align: top;
  text-align: center;
}

#page01 #portfolio-index {
  background-position: 10px 10px;
}

#page02 #portfolio-index {
  background-position: 23px 10px;
}

#page03 #portfolio-index {
  background-position: 36px 10px;
}

#page04 #portfolio-index {
  background-position: 50px 10px;
}

#page05 #portfolio-index {
  background-position: 64px 10px;
}

#page06 #portfolio-index {
  background-position: 76px 10px;
}

#page07 #portfolio-index {
  background-position: 89px 10px;
}

#page08 #portfolio-index {
  background-position: 102px 10px;
}

#page09 #portfolio-index {
  background-position: 115px 10px;
}

#page10 #portfolio-index {
  background-position: 129px 10px;
}

#page11 #portfolio-index {
  background-position: 145px 10px;
}

#page12 #portfolio-index {
  background-position: 160px 10px;
}
#page13 #portfolio-index {
  background-position: 175px 10px;
}

#page14 #portfolio-index {
  background-position: 190px 10px;
}

#page15 #portfolio-index {
  background-position: 206px 10px;
}

/*#page16 #portfolio-index {
  background-position: 190px 10px;
}

#page17 #portfolio-index {
  background-position: 205px 10px;
}

#page18 #portfolio-index {
  background-position: 220px 10px;
}*/

#page16 #portfolio-index {
  background-position: 11px -68px;
}

#page17 #portfolio-index {
  background-position: 25px -68px;
}

#page18 #portfolio-index {
  background-position: 40px -68px;
}

#page19 #portfolio-index {
  background-position: 55px -68px;
}

#page20 #portfolio-index {
  background-position: 70px -68px;
}

#page21 #portfolio-index {
  background-position: 83px -68px;
}

#page22 #portfolio-index {
  background-position: 96px -68px;
}

#page23 #portfolio-index {
  background-position: 110px -68px;
}

#page24 #portfolio-index {
  background-position: 125px -68px;
}

#page25 #portfolio-index {
  background-position: 139px -68px;
}

#page26 #portfolio-index {
  background-position: 153px -68px;
}

#page27 #portfolio-index {
  background-position: 167px -68px;
}
#page28 #portfolio-index {
  background-position: 181px -68px;
}

#page29 #portfolio-index {
  background-position: 195px -68px;
}

#page30 #portfolio-index {
  background-position: 209px -68px;
}

/*#page34 #portfolio-index {
  background-position: 190px -68px;
}

#page35 #portfolio-index {
  background-position: 205px -68px;
}

#page36 #portfolio-index {
  background-position: 220px -68px;
}*/

#portfolio-bottom_links {
  height: 36px;
  vertical-align: top;
  text-align: right;
}

#portfolio-legal {
  vertical-align: top;
  text-align: right;
}

#logo {
  width: 289px;
  height: 26px;
}

#legal {
  width: 320px;
  height: 13px;
}

#nav_image01 {
  width: 50px;
}

#nav_image02 {
  width: 53px;
}

#nav_image03 {
  width: 48px;
}

#_01 {
  width: 11px;
  margin-right: 3px;
}

#_02 {
  width: 11px;
  margin-right: 3px;
}

#_03 {
  width: 11px;
  margin-right: 3px;
}

#_04 {
  width: 12px;
  margin-right: 2px;
}

#_05 {
  width: 10px;
  margin-right: 2px;
}

#_06 {
  width: 11px;
  margin-right: 2px;
}

#_07 {
  width: 11px;
  margin-right: 2px;
}

#_08 {
  width: 11px;
  margin-right: 2px;
}

#_09 {
  width: 11px;
  margin-right: 2px;
}

#_10 {
  width: 15px;
}

#_11 {
  width: 15px;
}

#_12 {
  width: 16px;
}

#_13 {
  width: 14px;
}

#_14 {
  width: 16px;
}

#_15 {
  width: 14px;
}

#_16 {
  width: 14px;
}

#_17 {
  width: 14px;
}

#_18 {
  width: 14px;
}

#_19 {
  width: 14px;
}

#_20 {
  width: 14px;
}

#_21 {
  width: 14px;
}

#_22 {
  width: 14px;
}

#_23 {
  width: 14px;
}

#_24 {
  width: 14px;
}

#_25 {
  width: 14px;
}

#_26 {
  width: 14px;
}

#_27 {
  width: 14px;
}

#_28 {
  width: 14px;
}

#_29 {
  width: 14px;
}

#_30 {
  width: 14px;
}



#close {
  width: 343px;
  height: 22px;
}

#email {
  width: 343px;
  height: 30px;
  position: fixed;
  left: 0;
  top: 140px;
  cursor: pointer;
}

#link01 {
  width: 343px;
  height: 30px;
  position: fixed;
  left: 0;
  top: 49px;
  cursor: pointer;
}

#link02 {
  width: 343px;
  height: 30px;
  position: fixed;
  left: 0;
  top: 79px;
  cursor: pointer;
}

/* GUIDES */
/*
table {
  background-color: red;
}

img {
  background-color: green;
}

#main {
 height: auto;
 padding: 0;
 margin: 0;
 border: 1px blue solid;
}

#holder div {
  padding: 0;
  border: 1px red solid;
}

#holder div table {
  padding: 0;
  border: 1px green solid;
}
*/