/* CSS layout */
html, body { margin: 0;
padding: 0;
padding-left: 8px;
}
#bar_top { width: 100%;
height: 130px;
position: absolute;
top:0px;
left: 0px; }
#block { margin: 0;
margin-top: 150px;
padding: 0;
width: 100%; }
#home_image { width: 900px;
margin-top: 0px;
border-top: 1px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
padding: 5px 0px; }
#col1 { float: left;
width: 280px;
margin-left: 0px;
margin-top: 0px; }
#col2 { float: left;
width: 800px;
margin-left: 10px;
margin-top: 40px;
border-left: 1px solid #c0c0c0;
padding-left: 8px; }
#logo { position: absolute;
width: 80px;
height: 80px;
top: 8px;
left: 10px;
}
#logo a img { border: 0; }
#nav { position: absolute;
top: 60px;
left: 100px;
padding-top: 2px;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
word-spacing: 0em;
letter-spacing: 1px;
width: 530px;
border-top: 1px solid #989898;
padding-left: 290px; }
#nav a {
color: #fff;
font-size: 11px;
display: inline;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 0 0 0 0;
padding: 3px 10px 2px 10px;
}
#nav ul, #nav li, #sub_nav ul, #sub_nav li { margin: 0;
padding: 0;
list-style-type: none;
display: inline;
text-decoration: none; }
#nav li a:hover {
color: #fff;
background-color: #83867d;
display: inline;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 0 0 0 0;
padding: 3px 10px 2px 10px;
}
#nav a.active { color: #fff;
font-size: 11px;
background-color: #83867d;
text-align: center; }
#sub_nav {
width: 200px;
margin-left: 30px;
margin-top: 4px;
font-size: 12px; }
#sub-nav li a:hover {
color: #fff;
background-color: #aaa097;
display: inline;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 0 0 1px 0;
padding: 1px 10px 2px 10px;
}
#name { position: absolute;
width: 200px;
top: 41px;
left: 100px;
padding: 2px 0;
margin: 0;
background-color: #a59e97;
}
#name p { margin: 0px;
padding: 0px;
font-size: 14px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#name span { font-size: 14px;
color: #383838;
font-family: Arial, Helvetica, sans-serif; }
#message1 { width: 300px;
position: absolute;
top: 578px;
left: 600px;
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
color: #808080;
text-align: right; }
#message2 { width: 200px;
position: absolute;
top: 630px;
left: 700px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #808080;
text-align: right; }
#transparent { width: 300px;
position: absolute;
top: 930px;
left: 315px;
background-color: #595f55;
Ê filter:alpha(opacity=60);
opacity:0.6;
padding: 4px 0px; }
#transparent p { font-size: 17px;
color: #fff;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
margin: 0px;
margin-left: 10px;
padding: 0px; }
#reportage { width: 262px;
background-color: #989e94;
margin-left: 0px; }
#reportage p { font-size: 35px;
color: #fff;
font-family: Arial Black, Helvetica, sans-serif;
margin: 0px;
margin-left: 10px;
padding: 0px; }
#reportage_sub { width: 240px;
border: 1px solid #606060;
border-bottom: none;
border-right: none;
margin-left: 0px; }
#reportage_sub p { font-size: 22px;
color: #383838;
font-family: Arial Black, Helvetica, sans-serif;
margin: 0px;
margin-left: 10px;
padding: 0px;
padding-top: 4px;
padding-bottom: 3px;
line-height: 14px; }
#reportage_sub p span { font-size: 16px; }
#contact_info p { line-height: 6px;
font-size: 14px;
color: #8f8d8e;
font-family: Verdana, Arial, Helvetica, sans-serif;}
#title { margin: 0;
width: 240px;
position: absolute;
top: 65px;
left: 100px;
}
#title a{
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 18px;
font-weight: bold;
word-spacing: 0em;
letter-spacing: 2px;
padding: 0px;
margin: 0px;
color: #606060;
}
#title p { padding: 0px;
margin: 0px;
}
#title a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
word-spacing: 0em;
letter-spacing: 2px;
color: #fff;
}
#container2 { float: left;
width: 400px;
border: 1px solid #c0c0c0;
padding: 4px 4px 4px 4px; }
#container3 { width: 250px;
float: left;
margin-top: 260px;
margin-left: 40px;
border-left: 1px solid #c0c0c0;
padding-left: 4px;
padding-top: 4px; }
#container3 h3 { color: #606060;
margin: 0;
margin-bottom: 3px;
}
#container3 img { border: none;
float: left;
margin-right: 8px;
padding: 0; }
#container3 p { width: 100%;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
}
#container3 a { text-decoration: none; }
#container_left { width: 280px;
margin-top:100px;
}
#left_image { width: 258px;
margin-left: 20px; }
#left_image p { margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%;
}
#left_title { margin-top: 0px;
width: 100px;
margin-left: 20px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
#left_title a { text-decoration: none;
color: #fff;
}
#left_title a:hover { text-decoration: none;
color: #383838;
}
#info {
width: 70%;
margin-top: 40px;
margin-left: 40px; }
#info p { width: 100%;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
padding-right: 10px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
}
#info a {
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
body.home #main_container { width: 900px;
float: left;
margin-top: 20px; }
body.home #col1 { margin-top: 0px; }
body.home #col2 { margin-top: 0px;
width: 300px;}
body.home #one_image {
width: 300px;
float: left; }
body.home #one_image img { border: none; }
body.home #one_image p { font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif; }
body.home #one_image p a { color: #606060; }
body.home #one_image p a:hover { color: #808080; }
body.home #container_left { width: 90%;
margin-top: 0px;
margin-left: 10px;
border-left: 1px solid #c0c0c0;
padding-left: 4px;
}
body.home #container_left h3 { color: #808080;
margin: 0;
margin-bottom: 3px;
font-size: 16px;
}
body.home #container_left img { border: none;
float: left;
margin-right: 8px;
padding: 0; }
body.home #container_left p { width: 100%;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
}
body.home #container_left a { text-decoration: none;
font-size: 12px; }
body.home #left_title {
margin-top: 0px;
width: 100px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.home #info { width: 70%;
margin-top: 20px;
margin-left: 40px; }
body.photographer #main_container {
width: 1200px;
float: left;
margin-top: 20px; }
body.photographer #container2 { width: 470px;
}
body.photographer #container2 h2 {
margin-top: 14px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
}
body.photographer #container2 p {
width: 470px;
font-size: 11px;
line-height: 18px;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #606060;
font-family: Arial, Helvetica, sans-serif;
}
body.photographer #container3 { width: 200px;
margin-top: 200px;
margin-left: 20px;
border: none;
}
body.photographer #container3 p { text-align: left; }
body.photographer #container3 h2 { margin-bottom: 4px;
margin-left: 0px;
margin-right: 0px;}
body.photographer #container3 h3 span { font-size: 16px; }
body.photographer #container3 a { color:#85898A;
text-decoration: underline;
}
body.photographer #left_image img {
border: 1px solid #c0c0c0;
padding: 4px 4px 4px 4px;
width: 250px;
heigth: 172px;
}
body.photographer #left_title { width: 160px; }
body.afghanistan #col2 { float: left;
width: 900px;
margin: 0px;
margin-left: 20px;
padding: 0px;
border: none;
border-bottom: 1px solid #c0c0c0; }
body.afghanistan #col1 { width: 333px;
clear: left;
margin-top: 0px; }
body.afghanistan #container_left {
width: 280px;
margin-top: 30px;
margin-left: 40px;
float: left;
border-left: 1px solid #c0c0c0;}
body.afghanistan #left_image { width: 258px;
margin-left: 10px;
border: none;}
body.afghanistan #container2 { width: 900px;
margin: 120px 0 0 0;
padding: 0px;
border: none; }
body.afghanistan #container2 img { border: none;
float: left;
margin-right: 8px;
padding: 0; }
body.afghanistan #container2 p { width: 180px;
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
padding: 0 4px;
}
body.afghanistan #container2 a { text-decoration: none; }
body.afghanistan div.left { float: left;
margin-right: 30px;
border-left: 1px solid #c0c0c0;
padding-left: 4px;}
body.afghanistan .bottom_title {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
body.afghanistan .left_title {
margin-top: 0px;
width: 160px;
margin-left: 0px;
color: #fff;
font-size: 12px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.afghanistan .left_title a { text-decoration: none;
color: #fff;
}
body.afghanistan .left_title a:hover { text-decoration: none;
color: #383838;
}
body.afghanistan #left_image h3 {
color: #aaa097;
margin: 0;
margin-bottom: 3px;
font-family: Times, Helvetica, sans-serif;}
body.afghanistan #quote_head { top: 160px;
left: 470px;
width: 367px;
position: absolute;
border: none; }
body.afghanistan #quote_head p {
font-size: 52px;
color: #716f6f;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: right;
padding-top: 0px;
padding-bottom: 0px;
line-height: 40px; }
body.afghanistan #quote_head span {
font-size: 35px;
color: #716f6f;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: right; }
body.afghanistan #quote { width: 260px;
border:none;
margin-left: 0px;
margin-bottom: 0px;
position: absolute;
left: 860px;
top: 280px; }
body.afghanistan #quote p {
font-size: 11px;
line-height: 16px;
letter-spacing: 0px;
text-align: center;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif;
padding: 0 4px; }
body.destiny #block { border-top: 1px solid #c0c0c0;
width: 1043px;
padding-top: 4px; }
body.destiny #col2 { float: left;
width: 700px;
margin: 0px;
padding: 0px;
border: none; }
body.destiny #col1 { width: 333px;
float: left;
margin-top: 0px; }
body.destiny #GalleryCaption {
float: left;
width: 280px;
margin: 20px 0 8px 10px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080; }
body.destiny #container_left { width: 280px;
margin-top: 10px;
margin-left: 10px;
float: left;
border-left: 1px solid #c0c0c0;}
body.destiny #container2 { width: 700px;
margin: 0px;
padding: 0px;
border: none;
}
body.destiny #poster img { border: none; }
body.destiny #poster {
width: 700px;
margin-top: 0px;
border-bottom: 1px solid #a9a9a9;
padding-bottom: 5px; }
body.destiny #destiny_banner { margin: 0px;
padding: 0px;
width: 328px;
height: 67px;
float: left;
margin-left: 5px; }
body.destiny #destiny_banner img{ padding: 0px;
margin: 0px; }
body.destiny div.thumbnail { padding-left: 0.4em;
float: left;
width: 60px;
height: 60px; }
body.destiny div.thumbnail img { width: 60px;
height: 60px; }
body.destiny div.line1 {margin-left: 0px;
padding-top: 10px;
padding-bottom: 0.4em;
float: left; }
body.destiny div.line2 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.destiny div.line3 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.destiny div.line1 a img{ border: 0px; }
body.destiny div.line2 a img{ border: 0px; }
body.destiny div.line3 a img{ border: 0px; }
body.destiny #left_image h3 { color: #aaa097;
margin: 0;
margin-bottom: 3px;
font-family: Times, Helvetica, sans-serif; }
body.destiny #left_image { width: 258px;
margin-left: 10px;
}
body.destiny #left_image p { margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%;
}
body.destiny #container3 { width: 200px;
margin-top: 20px;
margin-left: 20px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
float: left;}
body.destiny #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.destiny #left_title {
margin-top: 0px;
width: 170px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.coalmine #block { border-top: 1px solid #c0c0c0;
width: 1043px;
padding-top: 4px; }
body.coalmine #col2 { float: left;
width: 700px;
margin: 0px;
padding: 0px;
border: none; }
body.coalmine #col1 { width: 333px;
float: left;
margin-top: 0px; }
body.coalmine #GalleryCaption {
float: left;
width: 280px;
margin: 40px 0 8px 10px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080; }
body.coalmine #container_left { width: 280px;
margin-top: 10px;
margin-left: 10px;
float: left;
border-left: 1px solid #c0c0c0;}
body.coalmine #container2 { width: 700px;
margin: 0px;
padding: 0px;
border: none;
}
body.coalmine #poster img { border: none; }
body.coalmine #coalmine_banner { margin: 0px;
padding: 0px;
width: 328px;
height: 67px;
float: left;
margin-left: 5px; }
body.coalmine #coalmine_banner img{ padding: 0px;
margin: 0px; }
body.coalmine div.thumbnail { padding-left: 0.4em;
float: left;
width: 60px;
height: 60px;}
body.coalmine div.thumbnail img { width: 60px;
height: 60px;
}
body.coalmine div.line1 {margin-left: 0px;
padding-top: 10px;
padding-bottom: 0.4em;
float: left; }
body.coalmine div.line2 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.coalmine div.line3 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.coalmine div.line1 a img{ border: 0px; }
body.coalmine div.line2 a img{ border: 0px; }
body.coalmine div.line3 a img{ border: 0px; }
body.coalmine #left_image h3 {
color: #aaa097;
margin: 0;
margin-bottom: 3px;
font-family: Times, Helvetica, sans-serif; }
body.coalmine #left_image { width: 266px;
margin-left: 10px; }
body.coalmine #left_image p { margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%;
}
body.coalmine #container3 { width: 200px;
margin-top: 20px;
margin-left: 20px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
float: left;}
body.coalmine #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.coalmine #left_title {
margin-top: 0px;
width: 170px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.coalmine #sub_nav { width: 300px;
margin-left: 30px;
margin-top: 4px;
font-size: 0.9em; }
body.china #block { border-top: 1px solid #c0c0c0;
width: 1043px;
padding-top: 4px; }
body.china #col2 { float: left;
width: 700px;
margin: 0px;
padding: 0px;
border: none; }
body.china #col1 { width: 333px;
float: left;
margin-top: 0px; }
body.china #GalleryCaption {
float: left;
width: 280px;
margin: 30px 0 8px 10px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080; }
body.china #container_left { width: 280px;
margin-top: 10px;
margin-left: 10px;
float: left;
border-left: 1px solid #c0c0c0;}
body.china #container2 { width: 700px;
margin: 0px;
padding: 0px;
border: none; }
body.china #poster img { border: none; }
body.china #china_banner { margin: 0px;
padding: 0px;
width: 328px;
height: 67px;
float: left;
margin-left: 5px; }
body.china #china_banner img{ padding: 0px;
margin: 0px; }
body.china div.thumbnail { padding-left: 0.4em;
float: left;
width: 60px;
height: 60px; }
body.china div.thumbnail img { width: 60px;
height: 60px; }
body.china div.line1 {margin-left: 0px;
padding-top: 10px;
padding-bottom: 0.4em;
float: left; }
body.china div.line2 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.china div.line3 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.china div.line1 a img{ border: 0px; }
body.china div.line2 a img{ border: 0px; }
body.china div.line3 a img{ border: 0px; }
body.china #left_image h3 {
color: #aaa097;
margin: 0;
margin-bottom: 3px;
font-family: Times, Helvetica, sans-serif;}
body.china #left_image { width: 258px;
margin-left: 10px;
}
body.china #left_image p { margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%;
}
body.china #container3 { width: 200px;
margin-top: 20px;
margin-left: 20px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
float: left;}
body.china #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px; }
body.china #left_title {
margin-top: 0px;
width: 170px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.delta #col2 { float: left;
width: 900px;
margin: 0px;
padding: 0px;
border: none; }
body.delta #delta_poster img { border: none; }
body.delta #delta_poster {
width: 900px;
margin: 0px;
border-bottom: 1px solid #a9a9a9;
padding: 0px 0px 5px 0px; }
body.delta #block { border-top: 1px solid #a9a9a9;
width: 900px;
padding-top: 4px; }
body.delta #container2 { width: 900px;
margin: 0px;
padding: 0px;
border: none;}
body.delta #ittinary h3 {
text-align: left;
font-size: 18px;
color: #aaa097;
line-height: 20px;
padding: 4px 0 2px 10px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif; }
body.delta #ittinary h3 span { border: none;
text-align: left;
font-size: 15px;
color: #aaa097;
padding: 0px;
margin: 0px; }
body.delta #ittinary { width: 460px;
padding: 0px;
float: left; }
body.delta #ittinary p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #404040;
line-height: 16px; }
body.delta #ittinary h4 {
margin: 10px 0 0 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #808080; }
body.delta #ittinary img { float: left;
margin-right: 8px; }
body.delta #side_right { float: left;
width: 380px;
margin-left: 30px;
margin-top: 10px;
border-left: 1px solid #e1d5ca;
text-align: left;
padding-left: 0px; }
body.delta #side_right h3 {
text-align: left;
font-size: 20px;
color: #aaa097;
line-height: 22px;
padding: 0px 0px 2px 10px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif; }
body.delta #side_right img { float: left;
margin: 8px 8px 8px 8px; }
body.delta #side_right p {
margin: 2px 0px 8px 8px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 16px; }
body.delta #map { margin-bottom: 10px; }
body.delta #map a { text-decoration: none;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif; }
body.delta hr { border-top: 1px dotted #b4b3b3; }
body.pakistan #block { border: none;
width: 900px;
border-top: 1px solid #a9a9a9;
padding-top: 4px; }
body.pakistan #col2 { float: left;
width: 900px;
margin: 0px;
padding: 0px;
border: none; }
body.pakistan #col1 { width: 333px;
float: left;
margin-top: 0px; }
body.pakistan #pakistan_poster img { border: none; }
body.pakistan #pakistan_poster {
width: 900px;
margin-top: 0px;
border-bottom: 1px solid #a9a9a9;
padding: 0px 0px 5px 0px; }
body.pakistan #reportage {
width: 200px;
background-color: #989e94;
margin-left: 0px;
position: absolute;
top: 545px;
left: 716px;
padding: 2px 0px 8px 0px; }
body.pakistan #reportage p {
font-size: 16px;
color: #fff;
font-family: Arial Black, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: center; }
body.pakistan #reportage a {
text-decoration: none;
color: #fff;
font-size: 16px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center; }
body.pakistan #reportage a:hover {
text-decoration: none;
color: #404040;
font-size: 16px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center; }
body.pakistan #reportage_title {
position: absolute;
top: 180px;
left: 100px; }
body.pakistan #reportage_title p {
font-size: 42px;
color: #fff;
font-family: Times, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: left;
line-height: 32px; }
body.pakistan #reportage_title span {
font-size: 32px;
color: #fff;
font-family: Times, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: left; }
body.pakistan #GalleryCaption {
float: left;
width: 280px;
margin: 60px 0 8px 10px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080; }
body.pakistan #container2 { width: 900px;
margin: 0px;
padding: 0px;
border: none; }
body.pakistan #container_left {
width: 280px;
margin-top: 10px;
margin-left: 10px;
float: left;
border-left: 1px solid #c0c0c0; }
body.pakistan #poster img { border: none; }
body.pakistan #poster p { text-align: center;
font-style: italic;
font-size: 11px;
text-indent: 0;
}
body.pakistan #left_image h3 {
color: #aaa097;
font-size: 30px;
margin: 0;
margin-bottom: 6px;
font-family: Times, Helvetica, sans-serif;
line-height: 20px; }
body.pakistan #left_image h3 span {
color: #aaa097;
font-size: 18px;
margin: 0;
margin-bottom: 3px;
font-family: Times, Helvetica, sans-serif; }
body.pakistan #left_image { width: 258px;
margin-left: 10px;
}
body.pakistan #left_image p {
margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%; }
body.pakistan #container3 {
width: 200px;
margin-top: 20px;
margin-left: 20px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
float: left; }
body.pakistan #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.pakistan #left_title {
margin-top: 0px;
width: 170px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.pakistan_photography #block { border-top: 1px solid #c0c0c0;
width: 1043px;
padding-top: 4px; }
body.pakistan_photography #col2 { float: left;
width: 700px;
margin: 0px;
padding: 0px;
border: none; }
body.pakistan_photography #col1 { width: 333px;
float: left;
margin-top: 0px; }
body.pakistan_photography #GalleryCaption {
float: left;
width: 280px;
margin: 60px 0 8px 10px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080; }
body.pakistan_photography #container2 { width: 700px;
margin: 0px;
padding: 0px;
border: none; }
body.pakistan_photography #container_left {
width: 280px;
margin-top: 10px;
margin-left: 10px;
float: left;
border-left: 1px solid #c0c0c0; }
body.pakistan_photography #poster img { border: none; }
body.pakistan_photography #poster {
width: 700px;
margin-top: 0px;
border-bottom: 1px solid #a9a9a9;
padding-bottom: 5px; }
body.pakistan_photography #poster p { text-align: center;
font-style: italic;
font-size: 11px;
text-indent: 0;
}
body.pakistan_photography div.thumbnail { padding-left: 0.4em;
float: left;
width: 60px;
height: 60px;}
body.pakistan_photography div.thumbnail img { width: 60px;
height: 60px;
}
body.pakistan_photography div.line1 {margin-left: 0px;
padding-top: 10px;
padding-bottom: 0.4em;
float: left; }
body.pakistan_photography div.line2 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.pakistan_photography div.line3 {margin-left: 0px;
padding-bottom: 0.4em;
float: left; }
body.pakistan_photography div.line1 a img{ border: 0px; }
body.pakistan_photography div.line2 a img{ border: 0px; }
body.pakistan_photography div.line3 a img{ border: 0px; }
body.pakistan_photography #left_image h3 {
color: #aaa097;
font-size: 30px;
margin: 0;
margin-bottom: 6px;
font-family: Times, Helvetica, sans-serif;
line-height: 20px; }
body.pakistan_photography #left_image h3 span {
color: #aaa097;
font-size: 18px;
margin: 0;
margin-bottom: 3px;
font-family: Times, Helvetica, sans-serif; }
body.pakistan_photography #left_image { width: 258px;
margin-left: 10px;
}
body.pakistan_photography #left_image p {
margin: 2px 0 8px 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
width: 100%; }
body.pakistan_photography #container3 {
width: 200px;
margin-top: 20px;
margin-left: 20px;
border-left: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
float: left; }
body.pakistan_photography #container3 p {
margin: 2px 0 8px 0;
padding: 0;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #808080;
line-height: 12px;
}
body.pakistan_photography #left_title {
margin-top: 0px;
width: 170px;
margin-left: 0px;
color: #fff;
font-size: 14px;
font-family: Arial Black, Helvetica, sans-serif;
text-align: center;
background-color: #aaa097;
}
body.pakistan_photography #pakistan_banner {
margin: 0px;
padding: 0px;
width: 328px;
height: 67px;
float: left;
margin-left: 5px; }
body.pakistan_photography #pakistan_banner img {
padding: 0px;
margin: 0px; }
body.forbidden #forbidden_banner {
width: 326px; }
body.forbidden #forbidden_banner img { border: none; }
body.forbidden #block {
border: none;
width: 1043px;
padding-top: 4px;
}
body.forbidden #col2 { float: left;
width: 446px;
margin: 0px;
margin-left: 20px;
padding: 0px;
border: none; }
body.forbidden #col1 { width: 333px;
float: left;
margin-top: 0px;
margin-left: 40px;
border: none; }
body.forbidden #sub_nav { width: 180px;
margin-left: 70px;
margin-top: 4px;
font-size: 0.9em; }
body.forbidden div.thumbnail { padding: 0 6px 6px 0;
float: left;
}
body.forbidden div.thumbnail img { width: 80px;
height: 80px; }
body.forbidden #line1 { width: 258px;
float: left; }
body.forbidden #line1 a img{ border: 0px;
margin: 0px;
padding: 0px; }
body.forbidden #container3 { width: 258px;
margin-top: 20px;
margin-left: 30px;
border-left: 1px solid #c0c0c0; }
body.forbidden #container3 h4 {
font-size: 16px;
color: #808080;
margin: 0px;
padding: 14px 0 2px 0;
font-family: Arial, Helvetica, sans-serif; }
body.forbidden #left_image { border-left: 1px solid #e1d5ca;
margin-left: 10px;
margin-top: 20px;
width: 92%; }
body.forbidden #left_image img {
float: left;
margin: 4px 8px 4px 4px; }
body.forbidden #left_image h4 {
font-size: 16px;
color: #b9aea5;
margin: 0px;
margin-left: 8px;
padding: 8px 0 2px 0;
font-family: Arial, Helvetica, sans-serif; }
body.forbidden #left_image p { font-size: 13px;
margin-left: 8px;
width: 96%; }
body.forbidden #container2 { width: 900px;
margin: 0px;
padding: 0px;
border: none;
}
body.forbidden #container4 { width: 446px;
border-left: 1px solid #c0c0c0;
margin-top: 30px; }
body.forbidden #container4 p {
color: #808080;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 4px;
font-size: 14px; }
body.forbidden .bottom_title a { text-decoration: none; }
body.forbidden h5 { color: #606060; }
body.forbidden #poster { background-color: #989e94;
width: 300px; }
body.forbidden .fadecontentwrapper{ /* Total width: 450px+5px+5px=460px Read relative width relations for the other two containers below! */
position: relative;
width: 445px;
margin:auto;
margin-top: 0px;
margin-left: 0px;
height: 458px; /* Set height to be able to contain height of largest content shown*/
border: 1px solid #989e94;
overflow: hidden;
float:left;
background-color: #ffffff;
}
body.forbidden .fadecontent{ /*style for each fade content DIV within wrapper. Total width: 450px+5px+5px=460px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: white;
padding: 5px;
visibility: hidden;
width: 445px;
}
body.forbidden .fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 450px+5px+5px=460px */
width: 445px;
margin-top:20px;
margin-bottom:5px;
border: 0px;
border-top-width: 0;
overflow: hidden;
clear:both;
}
body.forbidden .fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 2px #989e94;
padding: 0 5px;
margin:5px 0px 10px 0px;
float: left;
display: block;
color: #fff;
}
body.forbidden .fadecontenttoggler a:hover{
background: #babcb7;
color: #000;
padding: 2px;
}
body.forbidden .fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
font-size: 0.8em;
padding: 2px 4px; }
body.forbidden .fadecontenttoggler a.toc1{ margin-left: 6px; }
body.forbidden .fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: #000;
margin-left: 5px;
}
body.forbidden .fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: #989e94;
}
body.forbidden .fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #babcb7;
color: white;
padding: 2px 4px;
}
body.portrait #container_left p {
font-size: 11px;
margin: 0px;
padding: 4px 0px 0px 0px;
color: #808080;
font-family: Arial, Helvetica, sans-serif; }
body.portrait #container_left {
margin: 0px;
border: none; }
body.portrait #container_left_image {
margin-left: 20px;
border: 1px solid #c0c0c0;
width: 240px;
padding: 5px 5px; }
body.portrait #block { border: none;
width: 1043px; }
body.portrait #col2 { float: left;
width: 700px;
margin: 0px;
padding: 0px;
border: none; }
body.portrait #col1 { width: 300px;
float: left;
margin-top: 0px;
border: none; }
body.portrait #container2 { border: none;
width: 700px;
margin: 0px;
padding: 0px; }
body.portrait #info { margin-top: 5px;
width: 240px;
margin-left: 20px;
padding: 5px; }
body.portrait #info p {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
padding-right: 10px; }
body.portrait div.portrait_poster p {
color: #808080;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
padding: 4px 0px 0px 0px; }
body.portrait .fadecontentwrapper{ /* Total width: 450px+5px+5px=460px Read relative width relations for the other two containers below! */
position: relative;
width: 510px;
margin:auto;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
height: 540px; /* Set height to be able to contain height of largest content shown*/
border: 1px solid #989e94;
overflow: hidden;
float:left;
background-color: #ffffff;
}
body.portrait .fadecontent{ /*style for each fade content DIV within wrapper. Total width: 450px+5px+5px=460px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: white;
padding: 5px;
visibility: hidden;
width: 510px;
}
body.portrait .fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 450px+5px+5px=460px */
width: 100px;
margin-top: 20px;
margin-bottom:5px;
border: none;
overflow: hidden;
clear:both;
}
body.portrait .fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border: none;
padding: 2px;
margin:5px 0px 10px 0px;
float: left;
display: block;
color: #fff;
background: #babcb7;
font-size: 0.8em;
}
body.portrait .fadecontenttoggler a:hover{
background: #989e94;
color: #fff;
padding: 2px;
font-size: 0.8em;
}
body.portrait .fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: #000;
margin-left: 5px;
}
body.portrait .fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: #989e94;
}
body.portrait .fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #babcb7;
color: white;
padding: 2px 4px;
}
body.contact #main_container { width: 800px;
float: left;
margin-top: 20px; }
body.contact #col2 { width: 470px;}
body.contact td #mag13 { width: 218px;
height: 300px;
}
body.contact td #mag1 { width: 219px;
height: 300px;
}
body.contact td #mag2 { width: 213px;
height: 300px;
}
body.contact td #mag3 { width: 143px;
height: 300px;
}
body.contact td #mag6 { width: 230px;
height: 300px;
}
body.contact td #mag7 { width: 222px;
height: 300px;
}
body.contact td #mag8 { width: 222px;
height: 300px;
}
body.contact td #mag9 { width: 232px;
height: 300px;
}
body.contact td #mag10 { width: 229px;
height: 300px;
}
body.contact td #mag11 { width: 187px;
height: 300px;
}
body.contact td #mag12 { width: 200px;
height: 300px;
}
body.contact td #mag16 { width: 271px;
height: 300px;
}
body.contact td #mag18 { width: 233px;
height: 300px;
}
body.contact td #mag19 { width: 233px;
height: 300px;
}
body.contact #footer { padding-top: 100px; }
body.contact #left_image { margin-left: 20px;
}
body.contact #left_image #links img { width: 50px;
height: 41px;
margin-top: 4px; }
body.contact #links p { text-align: right; }
body.contact .sub_td { color: #808080;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;}
body.contact #block h4 { color: #aaa097;
margin: 0;
margin-top: 60px; }
body.contact #container2 { float: left;
width: 450px;
border: 1px solid #c0c0c0;
padding: 4px 4px 4px 4px;
margin-top: 6px;
}
div#wn {
position: relative;
width:430px;
height:320px;
overflow:hidden;
left: 0px;
padding-right: 0.5em;
padding-left: 0.5em;
}
div#lyr1 td img{ border:0px;
}
div#scrollLinks { margin-left: 200px;
}
#footer { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #aaa097;
text-decoration: none;
width: 160px;
height: 16px;
padding-top: 4px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}