@charset "utf-8";
/* Photolink India Master CSS Document */

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}

html {height:100%;}
body {background:#000; color:#FFF; font-size:101%; font-family:Arial, Helvetica, sans-serif; height:100%; margin:0; padding:0;}
form, fieldset, dl, dd, dt {border:0; margin:0; padding:0;}
ul, li {list-style-type:none; margin:0; padding:0;}
p {line-height:1.3em; margin:0 0 0.9em 0; padding:0 0 0 1px;}
hr {display:none;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 0 1px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

div#position {width:1px; height:50%; margin-bottom:-321px; float:left;} /* half of container's height */
#wrapper {clear:left; width:1000px; height:642px; margin:0 auto; position:relative;}

#wrapper.home #flash {position:absolute; top:50px; left:2px;}
#wrapper.home img.logo {position:absolute; top:0; right:0;}
div.footer {text-align:center}
div.footer a {font-size:20px; color:#74663b; font-weight:bold; text-decoration:none;}
div.footer a:hover {text-decoration:underline;}

#wrapper #header {position:relative;float:left; display:inline; width:120px; margin-right:35px;height:650px;}
#wrapper #header img.logo {margin:0 0 35px 0;}
#wrapper #header #menu {float:left; display:inline; width:120px; padding-top:2px; border-top: 2px solid #74663b;}
#wrapper #header #menu img.text {margin-bottom:10px;}
#wrapper #header #menu ul {width:120px;}
#wrapper #header #menu ul li {float:left; display:inline; width:120px; font-size:0.70em; text-transform:uppercase; font-weight:bold; color:#74663b; padding-bottom:2px; margin:5px 0 4px; border-bottom: 2px solid #74663b;}
#wrapper #header #menu ul li a {color:#74663b;}
#wrapper #header #menu ul li a:hover {color:#e8ae46; text-decoration:none;}
#wrapper #header #menu ul li ul {margin-top:5px;}
#wrapper #header #menu ul li ul li {text-transform:none; font-size:0.9em; font-weight:normal; width:114px; padding:0 0 0 1px; margin:0; border-bottom:0; line-height:1.2em;}
#wrapper #header #menu ul li ul li a {color:#FFF;}
#wrapper #header #menu ul li ul li a:hover {color:#FFF; text-decoration:underline;}
#wrapper #header #branding {float:left;display:inline;margin-top:15px;left:0;position:absolute;bottom:0;}
#wrapper #header #branding img {margin-bottom:5px;}
#wrapper #header #branding p {font-size:0.65em; color:#dd377d; line-height:0.95em;}
#wrapper #header #branding p {font-size:0.65em; color:#dd377d; line-height:0.95em;}
#wrapper #header #branding p a {color:#FFF;}

#wrapper #content {float:left; display:inline; width:845px;}
#wrapper #content #noflash {width:200px; font-size:0.70em;}
#wrapper #content #noflash a {color:#FFF; text-decoration:underline;}

/* who we are */
#wrapper .whoWeAre {}
#wrapper .whoWeAre #flashOverlay {position:absolute; top:231px; left:155px;}
#wrapper .whoWeAre h1 {display:none;}
#wrapper .whoWeAre ul li {padding-bottom:3px; line-height:1.1em}
#wrapper .whoWeAre #col1 {float:left; display:inline; width:350px; height:577px; margin:80px 0 0 40px; position:relative;}
#wrapper .whoWeAre #col1 h2, #wrapper .whoWeAre #col2 h2 {float:left; display:inline;}
#wrapper .whoWeAre #col1 p, #wrapper .whoWeAre #col2 p {margin-left:75px; font-size:0.85em; line-height:1.1em;}
#wrapper .whoWeAre #col1 .weAre {position:absolute; top:350px; left:75px; width:120px; font-size:0.65em;}
#wrapper .whoWeAre #col1 .weAre h3, #wrapper .whoWeAre #col1 .weHave h3 {font-size:1.1em; margin-bottom:10px;}
#wrapper .whoWeAre #col1 .weHave {position:absolute; top:350px; left:225px; width:170px; font-size:0.65em;}
#wrapper .whoWeAre #col2 {float:right; display:inline; width:350px; height:577px; margin:80px 50px 0 0; position:relative;}
#wrapper .whoWeAre #col2 .weAre {position:absolute; top:350px; left:75px; width:123px; font-size:0.65em;}
#wrapper .whoWeAre #col2 .weAre h3, #wrapper .whoWeAre #col2 .weHave h3 {font-size:1.1em; margin-bottom:10px;}
#wrapper .whoWeAre #col2 .weHave {position:absolute; top:350px; left:225px; width:170px; font-size:0.65em;}
#wrapper .whoWeAre #col2 .weAre ul li.para {padding-top:10px;}

/* journey to mumbai */
#wrapper .journey {background:url(../images/journey-back.jpg) top left no-repeat scroll; height:642px;}
#wrapper .journey #flashOverlay {position:absolute; top:381px; left:155px;}
#wrapper .journey h1 {display:none;}
#wrapper .journey #col1 {float:right; display:inline; width:350px; margin:80px 45px 0 0;}
#wrapper .journey #col1 h2 {float:left; display:inline;}
#wrapper .journey #col1 p {margin-left:75px; font-size:0.75em; line-height:1.1em;}

/* studio hire */
#wrapper .studio {}
#wrapper .studio #col1 {float:left; display:inline; margin:170px 0 0 0; width:325px;}
#wrapper .studio #col1 h1 {margin-bottom:20px;}
#wrapper .studio #col1 ul li {color:#74663b; font-size:0.85em;}
#wrapper .studio #col1 #exterior {position:absolute; top:40px; right:0;}
#wrapper .studio #col1 #interior {position:absolute; top:170px; right:0;}
#wrapper .studio #col1 h2 {font-size:0.85em; margin:40px 0 5px;}
#wrapper .studio #col1 p {font-size:0.65em;}
#wrapper .studio #col2 {float:right; display:inline; margin:470px 190px 0 0; width:250px;}
#wrapper .studio #col2 h3 {font-size:0.75em; margin-bottom:8px;}
#wrapper .studio #col2 address {font-size:0.75em; font-style:normal; margin-bottom:8px;}
#wrapper .studio #col2 p {font-size:0.75em;}
#wrapper .studio #col2 a {color:#FFF;}
#wrapper .studio #col2 #person {position:absolute; top:40px; left:155px;}
#wrapper .studio #col2 #person p {font-size:0.65em; line-height:1.1em;}

/* photographic portfolio */
#wrapper .photographic #col1 {float:right; display:inline; width:350px; margin:450px 40px 0 0;}
#wrapper .photographic #col1 h1 {position:absolute; top:82px; right:47px;}
#wrapper .photographic #col1 p {font-weight:normal; font-size:0.8em;}
#wrapper .photographic #col2 {float:right; display:inline; width:315px;}
#wrapper .photographic #flash-menu {position:absolute; top:175px; left:140px;}
#wrapper .photographic #information {font-weight:normal; font-size:0.8em;float:left; display:inline; width:350px; position:absolute; top:100px; right:10px;}
#wrapper .photographic #information .copy{margin-left:0px; padding-top:15px;}
#wrapper .photographic #information img .title{padding-bottom:10px;}
#wrapper .photographic #flash{float:left; padding-top:30px;}



/* multi-channel portfolio */
#wrapper .multi-channel #col1 {float:right; display:inline; width:360px; margin:100px 25px 0 0;}
#wrapper .multi-channel #flash-menu {position:absolute; top:185px; left:180px;}
#wrapper .multi-channel #main-text {float:right; font-size:0.8em; display:inline; width:360px; margin:180px 25px 0 0;}
#wrapper .multi-channel #main-text img.title {/*float:left; di splay:inline; margin:0 0 0 -170px; padding-bottom:40px;*/ position:absolute; top:70px; right:45px;}
#wrapper .multi-channel #main-text .content{float:right; width:290px}

#wrapper .multi-channel #col1 h1 {position:absolute; bottom:100px; right:33px;}
#wrapper .multi-channel #col1 p {font-weight:bold; font-size:0.9em;}
#wrapper .multi-channel #col2 {float:left; display:inline; width:375px;}

#wrapper .case-study #col1 h1 {position:absolute; bottom:120px; right:0px;}
#wrapper .case-study .text {position:absolute; top:452px; left:178px;}
#wrapper .case-study .text h2 {color:#74663b; font-size:1.0em;}
#wrapper .case-study .text h2 span {font-weight:normal;}
#wrapper .case-study .text p {font-size:0.70em; width:350px;}
#wrapper .case-study #col2 {float:right; display:inline; width:820px; margin:98px 0 0; background:#c0bfcf;}


/* latest news */
#wrapper .latest-news #col1 {float:right; display:inline; width:370px; margin:175px 25px 0 0;}
#wrapper .latest-news #col1 h1 {position:absolute; top:65px; left:200px;}
#wrapper .latest-news #col1 h3 {font-weight:bold; font-size:0.8em;}
#wrapper .latest-news #col1 p {font-weight:normal; font-size:0.8em;}
#wrapper .latest-news #col2 {float:left; display:inline; width:375px;}
#wrapper .latest-news a {text-decoration:none;color:#dd377d}
#wrapper .latest-news a:hover {text-decoration:underline;}
#wrapper .latest-news #news {float:left; position:absolute; top:175px; left:200px; display:inline; width:325px}
#wrapper .latest-news #news .news-date{font-size:0.8em}
#wrapper .latest-news #news .news-headline{font-size:0.9em; color:#dd377d}
#wrapper .latest-news #news .news-item{font-size:0.8em;padding-bottom:20px}


/* contact us */
#wrapper .contact {background:url(../images/contact-back.gif) 0 97px no-repeat scroll;}
#wrapper .contact h1 {display:none;}
#wrapper .contact #jjContact {width:350px;float:left;margin-left:85px;margin-top:67px;}
#wrapper .contact #col1 {float:left; display:inline; margin:77px 0px 0 75px; font-size:0.85em;}
#wrapper .contact #col2 {float:left; display:inline; margin-top:200px;}
#wrapper .contact #col1 h2 {font-size:0.85em;}
#wrapper .contact #col1 h3 {font-size:0.85em; padding-top:5px;}
#wrapper .contact #col1 h3 span {font-weight:normal;}
#wrapper .contact #col1 address {font-size:0.85em; font-style:normal; margin-bottom:10px;}
#wrapper .contact #col1 p {font-size:0.85em; margin-bottom:15px;}
#wrapper .contact #col1 p.pciContact {margin-bottom:30px;}
#wrapper .contact #col1 p.last {margin-bottom:30px;}
#wrapper .contact #col1 p.pcgContact {margin-bottom:10px;}
#wrapper .contact #col1 p a {color:#FFF;}

#wrapper #bars {position:absolute; top:0; right:0; width:42px; height:14px; background:url(../images/bars.gif) top left no-repeat scroll;}

/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */