/* Template Styles */

body {font-size:62.5%; font-family:Arial, Tahoma, Verdana, Sans-Serif; text-align: center; color: #ffffff; }
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}
EM { font-style: italic; }

#master { display: inline-block; width: 948px; margin: 82px auto 0 auto; text-align: left; }

#masterLeft { float: left; width: 225px; margin: 0 23px 0 0; }
#masterRight { float: left; width: 700px; background: url(../i/main_bg.png); border-top: 10px solid #313131; }

#logo { width: 222px; height: 101px; background: url(../i/MiP_logo.png); }
#logo A { display: block; width: 222px; height: 101px; }
.browserIE6 #logo { background: url(../i/MiP_logo.gif); }

#mainNav { margin: 30px 35px 40px 15px; padding: 2px 0 2px 25px; border-top: 10px solid #151515; border-bottom: 10px solid #151515; }
#mainNav LI { margin: 6px 0; }
#mainNav LI A { display: block; width: 150px; height: 13px; background-repeat: no-repeat; background-position: 0 0; }
#mainNav LI A:hover { background-position: -153px 0; }
#mainNav LI.home A { background-image: url(../i/leftNav_home.png); }
#mainNav LI.work A { background-image: url(../i/leftNav_work.png); }
#mainNav LI.video A { background-image: url(../i/leftNav_video.png); }
#mainNav LI.team A { background-image: url(../i/leftNav_team.png); }
#mainNav LI.literature A { background-image: url(../i/leftNav_literature.png); }
#mainNav LI.events A { background-image: url(../i/leftNav_events.png); }
#mainNav LI.research A { background-image: url(../i/leftNav_research.png); }
#mainNav LI.contact A { background-image: url(../i/leftNav_contact.png); }
.browserIE6 #mainNav LI.home A { background-image: url(../i/leftNav_home.gif); }
.browserIE6 #mainNav LI.work A { background-image: url(../i/leftNav_work.gif); }
.browserIE6 #mainNav LI.video A { background-image: url(../i/leftNav_video.gif); }
.browserIE6 #mainNav LI.team A { background-image: url(../i/leftNav_team.gif); }
.browserIE6 #mainNav LI.literature A { background-image: url(../i/leftNav_literature.gif); }
.browserIE6 #mainNav LI.events A { background-image: url(../i/leftNav_events.gif); }
.browserIE6 #mainNav LI.research A { background-image: url(../i/leftNav_research.gif); }
.browserIE6 #mainNav LI.contact A { background-image: url(../i/leftNav_contact.gif); }
.home #mainNav LI.home A { background-position: -153px 0; }
.work #mainNav LI.work A { background-position: -153px 0; }
.video #mainNav LI.video A { background-position: -153px 0; }
.team #mainNav LI.team A { background-position: -153px 0; }
.literature #mainNav LI.literature A { background-position: -153px 0; }
.events #mainNav LI.events A { background-position: -153px 0; }
.research #mainNav LI.research A { background-position: -153px 0; }
.contact #mainNav LI.contact A { background-position: -153px 0; }

/* Common Styles */

#credit { margin: 0 35px 0 0; text-align: right; text-transform: uppercase; }
#credit P { color: #835848; font-weight: bold; }
#credit P.tvi { margin: 10px 0 0 0; font-size: 0.8em; color: #5d392c; }
#credit P.tvi A { color: #5d392c; text-decoration: none; }

#main { display: inline-block; }
#mainLeft { float: left; width: 320px; padding: 20px; background: #1d1d1d; }
#mainCentre { float: left; width: 320px; padding: 20px; background: #1d1d1d; position: relative; }
#mainRight { float: left; width: 320px; padding: 20px 20px 10px 0; background: #1d1d1d;}

#main H1 { font-size: 1.5em; color: #f18800; text-transform: uppercase; font-weight: bold; }
#main H2 { font-size: 1.1em; margin: 5px 0 0 0; color: #ffffff; }
#main P { margin: 8px 0; color: #9d9d9d; font-size: 1.1em; line-height: 1.3em; }
#main STRONG { color: #f18800; font-weight: bold; }
#main A { color: #f18800; font-weight: bold; }
#main A:hover { text-decoration: none; }

.imageTitle { display: none; }
.imageTitle.first { display: block; }

/* Home Page Styles */
BODY.home { background: #000000 url(../i/backgrounds/Home.jpg) no-repeat 50% top; }

#main #quote { float: left; width: 300px; margin: 10px 0 25px 20px; font-size: 1.1em; line-height: 1.4em; color: #caa576; }
#main #quote .quote { margin: 0 0 20px 0; padding: 4px 0 0 22px; background: url(../i/quote_left.png) no-repeat; }
#main #quote .quoteContainer { padding: 0 20px 0 0; background: url(../i/quote_right.png) no-repeat 100% 100%;  }
.home #images {position: relative; height: 380px; widows: 320px; display: block;}


/* Work Page Styles */
BODY.work { background: #000000 url(../i/backgrounds/Work1.jpg) no-repeat 50% top; }

.work #credit P { color: #ffffff; }
.work #credit P.tvi { color: #ffffff; }
.work #credit P.tvi A { color: #ffffff; }

#portfolio { display: inline-block; margin: 0 0 80px 0; border-top: 20px solid #1d1d1d; border-left: 20px solid #1d1d1d; }
#portfolio .portfolioItem { float: left; width: 150px; padding: 0 20px 20px 0px; background: #1d1d1d; }
#portfolio .portfolioItemImage { position: relative; width: 150px; height: 184px; overflow: hidden; margin: 0; }
#portfolio .portfolioItemImage A { color: #878787; text-decoration: none; }
#portfolio .portfolioItemImage A:hover, #portfolio .portfolioItemImage A.hover { color: #f18800; }
#portfolio .portfolioItemTitle { cursor: pointer; position: relative; z-index: 5; display: block; width: 132px; margin: 0 0 0 0px; padding: 11px 9px; text-transform: uppercase; font-size: 1.0em; font-weight: bold; background: #ffffff; height: 22px; }
#portfolio .portfolioImage {position: relative; top: -1px; left: -1px;}

#portfolio .portfolioItem .overlay { position: absolute; bottom: -55px; left: 0;  z-index: 4; width: 150px; height: 120px; background: url(../i/arrowOverlay.png); }
.browserIE6 #portfolio .portfolioItem .overlay { background: url(../i/arrowOverlay.gif); }
#portfolio .portfolioItem .overlay A { display: block; width: 150px; height: 120px; }
#mainLeftWork {width: auto; padding:10px 0 0 20px; background: #1D1D1D;}
#mainLeftWork p {margin-top: 1px; margin-bottom: 0;}

/* Selected Work Page Styles */
BODY.selectedWork { background: #000000 url(../i/backgrounds/Work1.jpg) no-repeat 50% top; }

.selectedWork #credit P { color: #ffffff; }
.selectedWork #credit P.tvi { color: #ffffff; }
.selectedWork #credit P.tvi A { color: #ffffff; }

.selectedWork #main { padding: 0 0 80px 0; }

#selectedWorkCol1 { float: left; width: 190px; margin-right: -20px; padding: 20px 0 0 0; background: #1d1d1d; }
#selectedWorkCol1Container { padding: 0 20px 0 20px; }
#selectedWorkCol2 { float: left; width: 320px; padding: 20px; background: #1d1d1d }
#selectedWorkCol3 { float: left; width:150px; padding: 20px 20px 10px 0; background: #1d1d1d }

#selectedWorkCol1 #backArrowPanel { width: 170px; height: 31px; padding: 9px 0 0 20px;  background: url(../i/backArrowPanel.gif); }
#selectedWorkCol1 #backArrow { position: relative; width: 65px; height: 21px; overflow: hidden; }
#selectedWorkCol1 #backArrow A:hover { position: relative; top: 0; left: -68px; }

.selectedWorkThumb { position: relative; width: 150px; height: 40px; overflow: hidden; margin: 0 0 10px 0; }
.selectedWorkThumb .overlay { position: absolute; bottom: 0; left: 138px; z-index: 4; width: 150px; height: 40px; background: url(../i/arrowOverlay_small.png) no-repeat; }
.browserIE6 .selectedWorkThumb .overlay { background: url(../i/arrowOverlay_small.gif) no-repeat; }
.selectedWorkThumb .overlay A { display: block; width: 150px; height: 40px; }

/* Video Page Styles */
BODY.video { background: #000000 url(../i/backgrounds/Video.jpg) no-repeat 50% top; }

.video #main { padding: 0 0 80px 0; }

.video #mainLeft { float: left; width: 320px; padding: 20px; background: #1d1d1d; }
.video #mainRight { float: left; width: 150px; padding: 20px 20px 10px 0; background: #1d1d1d;}

.video #credit P { color: #d57901; }
.video #credit P.tvi { color: #c86a2c; }
.video #credit P.tvi A { color: #c86a2c; }

/* Teem Page Styles */
BODY.team { background: #000000 url(../i/backgrounds/Team.jpg) no-repeat 50% top; }

.team #main { padding: 0 0 80px 0; }

.team #main .teamMember_container {border-top: 1px solid #434343;}
.team #main .teamMember_container .teamMember_padding {padding: 4px;}
.team #main .teamMember_container a {color: White; text-decoration: none; width: 316px; display: block;}
.team #main .teamMember_container a img {float: right; margin-top: -4px;}
.team #main .teamMember_container .teamMember {display: none; width: 315px;}

#teamImage { padding: 20px 20px 0 20px; background: #1d1d1d; }
#teamImage #images { width: 660px; height: 170px;}

.team #mainLeft { float: left; width: 320px; padding: 20px 0 20px 20px; background: #1d1d1d; }
.team #mainRight { float: left; width: 320px; padding: 22px 20px 17px 20px; background: #1d1d1d;}
.team #mainRight P {font-size: 1em; }

.team #credit P { color: #b08861; }
.team #credit P.tvi { color: #9f6a36; }
.team #credit P.tvi A { color: #9f6a36; }

.team .imageHolder { position: relative; margin: 0 0 0 0; }
.team .imageTitle { position: absolute; top: 120px; left: 20px; }


/* Literature Page Styles */
BODY.literature { background: #000000 url(../i/backgrounds/Work2.jpg) no-repeat 50% top; }

.literature #main { padding: 0 0 80px 0; }

.literature #mainLeft { width: 320px; padding: 20px 0 20px 20px; }
.literature #mainRight { width: 320px; padding: 10px 20px 10px 20px; }
.literature #mainRight P { margin: 3px 0; font-size: 1em; }

.literature .imageHolder { position: relative; margin: 20px 0 0 0; }
.literature .imageTitle { position: absolute; top: 63px; left: 0; }

/* Events Page Styles */
BODY.events { background: #000000 url(../i/backgrounds/Events.jpg) no-repeat 50% top; }

.events #main { padding: 0 0 80px 0; }

.events #mainLeft { width: 320px; padding: 20px 0 20px 20px; }
.events #mainRight { width: 320px; padding: 10px 20px 10px 20px; }
.events #mainRight P { margin: 3px 0; font-size: 1em; }

.events .imageHolder { position: relative; margin: 20px 0 0 0; }
.events .imageTitle { position: absolute; top: 27px; left: 0; }

/* Research Page Styles */
BODY.research { background: #000000 url(../i/backgrounds/Research.jpg) no-repeat 50% top; }

.research #main { padding: 0 0 80px 0; }

.research #mainLeft { width: 320px; padding: 20px 20px 20px 20px; }
.research #mainRight { width: 320px; padding: 10px 20px 10px 0px; }
.research #mainRight P { margin: 3px 0; font-size: 1em; }

.research .imageHolder { position: relative; margin: 20px 0 0 0; }
.research .imageTitle { position: absolute; top: 77px; right: 0; }
.browserIE6.research .imageTitle { right: 20px; }

/* Contact Page Styles */
BODY.contact { background: #000000 url(../i/backgrounds/Contact.jpg) no-repeat 50% top; }

.contact #main { padding: 0 0 80px 0; }

.contact #mainLeft { width: 320px; padding: 20px 20px 15px 20px; }
.contact #mainRight { width: 320px; padding: 20px 20px 20px 0; }

.contact #mainLeft .left, .contact #mainLeft .right{float: left; width: 140px; margin-right: 10px;}
 

.contact #map { width: 320px; height: 330px; }

.contact .form .errorMsg {display: none; color: #ff5a21;}
.contact .form label {color: #9D9D9D; margin-bottom: 2px; display:block;}
.contact .form .field {margin-bottom: 9px;}
.contact .form input {width: 312px; height: 16px; border: 1px solid #797979; background-color: #404040; padding:3px; color: White; font-size: 1.1em;}
.contact .form textarea {width: 312px; height: 76px; border: 1px solid #797979; background-color: #404040; padding:3px; color: White; font-size: 1.1em;}
.contact .form .btn_submit {outline:none; height: 21px; float: right; position: relative; overflow: hidden; top: -9px;}
.contact .form .btn_submit A:hover {position: relative; top: -21px;}

#quote h2 {color: #F19900; margin-bottom:6px; font-size: 1em; font-weight:bold; text-transform: uppercase;}