/* CSS Document 

Client: Thadian Pillai
Author: Silk Pearce www.silkpearce.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
header,footer { display:block; }
span.skype_pnh_container { display:none!important; }
span.skype_pnh_print_container { display:inline!important; }

/* LAYOUT
----------------------------------------------- */

/* General
----------------------------------------------- */
html,body { height:100%; background:#d1d3cc; }
.wrap { min-height:100%; height:auto!important; height:100%; margin:0 auto -49px; width:1000px; background:#fff; }
footer,.push { height:50px; clear:both; }
footer { display:block; width:1000px; margin:0 auto; }
.footerCont { padding-top:10px; }

/* Layout
----------------------------------------------- */
header { height:110px; margin-left:62px; }
.main { clear:both; }
.unitOne { width:138px; float:left; }
.unitOneFive { width:244px; float:left; }
.gallery .unitOneFive { width:210px; float:left; }
.unitTwo { width:298px; float:left; }
.unitThree { width:458px; float:left; }
.unitThreeFive { width: 520px; float: left;}   
.unitFour { width:618px; float:left; }
.unitFive { width:680px; float:left;}
.gallery .unitFive { width:608px; float:left;}
.unitSix { width:770px; float:left; }
/*.galleryImage {width: 680px; height: 640px;}*/
.galleryImage {width: 608px; height: 640px;}

/* Positioning
----------------------------------------------- */
.marginR22 { margin-right:22px; }
.marginR23 { margin-right:23px; }
.marginR30 { margin-right:30px; }
.marginR160 { margin-right:182px; }
.marginR76 { margin-right:76px;}
.marginL62 { margin-left:62px; }
.marginB35 { margin-bottom:35px; }
.clearFix { clear:both; height:2px; }
.minheight {min-height: 50px;}

/* Section specific
----------------------------------------------- */
.home .slideShow { height:530px; width:1000px; }
.blog .entry { float:left; border-bottom:1px solid #6d938a; margin-bottom:22px; padding-bottom:8px; }

/* Form
----------------------------------------------- */
.contact input.textfield,.contact textarea { background:#fff; border-top:1px solid #967974; border-bottom:1px solid #967974; border-right:0; border-left:0; padding:4px 0; width:138px; }
.contact textarea { resize:none:; overflow: auto; }
.contact input:focus,.contact textarea:focus { outline:0; border-top:1px solid #000; border-bottom:1px solid #000; }
.submitButton { text-transform:uppercase; font-size: .7em; font-weight:bold; background:#fff; padding:0 0 4px; border-top:0; border-bottom:1px solid #967974; border-right:0; border-left:0; color:#967974; letter-spacing:1px;  -webkit-appearance: none;}
.submitButton:hover { color:#000; cursor:pointer; }

/* Slideshow 
----------------------------------------------- */
#slideshow { position:relative; height:580px; width:1000px; }
#slideshow .small { position:relative; height:580px; width:138px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

/* TYPOGRAPHY
----------------------------------------------- */

@font-face { font-family:DINWeb; src:url(../fonts/DINWeb.eot); }
@font-face { font-family:DINWeb; src:url(../fonts/DINWeb.woff) format(woff); }
@font-face { font-family:DINWeb-Ita; src:url(../fonts/DINWeb-Ita.eot); }
@font-face { font-family:DINWeb-Ita; src:url(../fonts/DINWeb-Ita.woff) format(woff); }
@font-face { font-family:DINWeb-Bold; src:url(../fonts/DINWeb-Bold.eot); }
@font-face { font-family:DINWeb-Bold; src:url(../fonts/DINWeb-Bold.woff) format(woff); }
@font-face { font-family:DINWeb-BoldIta; src:url(../fonts/DINWeb-BoldIta.eot); }
@font-face { font-family:DINWeb-BoldIta; src:url(../fonts/DINWeb-BoldIta.woff) format(woff); }

a { text-decoration:none; color: #000;}
a:focus { outline:none; color:#333;}
body { font-family:DINWeb, Arial, sans-serif; color:#000; }
strong { font-weight:normal; font-family:DINWeb-Bold, Arial, sans-serif; }
strong em { font-style:normal; font-weight:normal; font-family:DINWeb-BoldIta, Arial, sans-serif; }


/* p
----------------------------------------------- */
.main p { font-size:.77em; line-height:1.7em; margin-bottom:1em; }
.main p a { color:#000; border-bottom:1px solid #000; padding-bottom:1px; }
footer p { font-size:.7em; line-height:1.7em; color:#959791; text-align:right; margin-right:1em; }
footer p a {color:#959791;}
footer p a:hover {color:#000;}
.intro .main p { font-size:1.4em; line-height:1.75em; font-family:'Baskerville MT W01 It', Times, serif; margin:-.45em 0 1.3em; }
.contact p { margin-bottom:1.8em; }
.form p { margin-bottom:1em; }
p.pagination a {border-bottom: 0px; color: #666}
p.pagination a:hover {border-bottom: 0px; color: #000}
p.disc {font-size: .7em; line-height: 1.4em; color:#959791}
.intro .main p a { font-size:1em; line-height:1.75em; font-family:'Baskerville MT W01 It', Times, serif; } 
/* H1
----------------------------------------------- */
header h1 { display:block; height:43px; width:332px; background:url(../images/logos/thadian_pillai.png) no-repeat; text-indent:-4000px; }
.main h1 { font-size:.7em; line-height:1.7em; text-transform:uppercase; letter-spacing:1px; margin-top:-.4em; margin-bottom: .3em;}
.blog .main h1 { line-height: 1.3em; margin-bottom: .6em;}
.blog .main h1.journalTitle {padding-bottom: 1.2em; margin-bottom: 2.7em; color: #000;}
 
/* H2
----------------------------------------------- */
.image h2,.contact h2,.blog h2,.cols h2 { font-size:.7em; line-height:.7em; text-transform:uppercase; letter-spacing:1px; margin-bottom:1.6em; }
.contact h2 { margin-bottom:.6em; }
.cols.pubs h2 { font-size:1.2em; line-height:1.4em; font-family:'Baskerville MT W01 It', Times, serif; padding-top:.2em; margin-top:.3em; text-transform: none; letter-spacing: 0; margin-bottom: .6em;}
.blog .main h2, .blog .main h2 a { font-weight:normal; margin-bottom:1em; color:#959791; }
.blog .main h2 a:hover { color:#000; }
.blog .main .blogNav h2 { padding-bottom: 1.6em; margin-bottom: 1.8em; color: #000;}
 
/* H3
----------------------------------------------- */
h3 { font-size:.65em; letter-spacing:2px; margin-bottom:.6em; }

/* H4
----------------------------------------------- */
h4 { font-family:'Baskerville MT W01 It', Times, serif; text-transform:lowercase; font-size:1em; }

/* Lists
----------------------------------------------- */
.main.text li { font-size:.7em; line-height:1.7em; list-style:disc; margin-left:1.4em; }
.list .main .unitFour ul { margin-top:-.3em; }
.list .main .unitFour li { font-size:1.4em; line-height:1.5em; list-style:none; margin-left:0; font-family:'Baskerville MT W01 It', Times, serif; }
.utNav ul { display:block; height:34px; padding-top:21px; font-size: 1em; font-family:'Baskerville MT W01 It', Times, serif; }
.utNav li { padding-right:1.1em; float:left; }
.utNav li a.selected {color: #000}
.mainNav ul { display:block; font-size:.85em; }
.mainNav li { text-transform:uppercase; letter-spacing:2px; padding-right:1.9em; float:left; }
nav li a { color:#959791; }
nav li a:hover { color:#000; }
.mainNav li a.selected, .unitOne.subNav li a.selected {color: #000}
.main .subNav li { list-style:none; margin-left:0; }
.blogNav ul { padding-bottom:1em; }
.blogNav li { font-size: .7em; list-style:none; margin-left:0; padding-bottom:.8em; text-transform:uppercase; }
.blogNav li a { color:#959791; }
.blogNav li a:hover { color:#000; }
.main article li { font-size:.7em; line-height:1.7em; list-style: disc; padding-left: .1em; margin-left: 1.2em;}
.main article ul { margin-bottom: .8em}
.contact .main p textarea, .contact .main p input.textfield { font-family:DINWeb, Arial, sans-serif; color:#000; }
ul.relatedLinks li {list-style: none; margin: 0; padding: .4em 0; line-height: 1.4em;}
ul.relatedLinks li a {color: #959791}
ul.relatedLinks li a:hover { color:#333; }
.error article li { font-size:1.4em; line-height:1.75em; font-family:'Baskerville MT W01 It', Times, serif; margin: 0; list-style: none; }

/* Color
----------------------------------------------- */

/* Brown */
.intro.art .main p,.art .subNav li a:hover,.art .subNav li a.selected,.art .unitFour li,.art ul.relatedLinks li, .intro .main p a  {color: #c87a3a; }
.art .subNav li, .art ul.relatedLinks li, .intro .main p a  { border-bottom:1px solid #c87a3a; }

/* Green */
.intro.land .main p,.land .subNav li a:hover,.land .subNav li.selected a, .land .subNav li a.selected,.land .unitFour li { color:#ab8c23; }
.land .subNav li { border-bottom:1px solid #ab8c23; }

/* Blue */
.intro.studio .main p,.studio .subNav li a:hover,.studio .subNav li a.selected,.studio .unitFour li,h4,.pubs h2, .blog h4, .blog h4 a, .cols.pubs h2 a { color:#6d938a; }
.studio .subNav li,.blogNav h2, .blog .main h1.journalTitle { border-bottom:1px solid #6d938a; }
.cols.pubs h2 { border-top:1px solid #6d938a; }

/* Grey */
.pubs h3,.contact input.textfield,.contact textarea,.cols.legal h2, .image h2,  .blog h4 a:hover, .contact  h1, .contact h2, .legal p strong, .cols.pubs h2 a:hover{ color:#959791; }

/* */
.contact .subNav li { border-bottom:0; }
.subNav li.legal { border-top:1px solid #967974; }
.subNav li.menu { border-bottom:0; }


/* 	| SUB NAVIGATION
	| 
----------------------------------------------- */

.subNav {z-index: 100px;}
.subNav ul li {font-size:.58em; letter-spacing:1px; text-transform:uppercase; padding:0 0 .9em; margin:0 0 .9em;}
.subNav ul.gallerySubMenu li { font-size:.95em; font-family:'Baskerville MT W01 It', Times, serif; letter-spacing:0; text-transform:lowercase; border-bottom:0; padding:0 0 .5em 0; margin:0; }
.subNav ul.gallerySubMenu li ul { padding: 0 0 0 0;}
.subNav ul.gallerySubMenu li li { padding: .6em 0 0 1em }
.contact .subNav .sf-menu li { padding:0 0 .8em 0; margin:0 0 .4em 0; }
.subNav li.legal { padding:.9em 0 0; margin:.9em 0 0 2em; }
a.link { padding:0 0 .5em 2em; background:url(../images/icons/linkedin.png) no-repeat; }
a.twit { padding:0 0 .5em 2em; background:url(../images/icons/twitter.png) no-repeat; }
a.goog { padding:0 0 .5em 2em; background:url(../images/icons/google.png) no-repeat; }
a.face {padding:0 0 .5em 2em; background:url(../images/icons/facebook.png) no-repeat; }