/* Browser Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* Body
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 70%;
  color: #666; 
  background:#ffffff;
  font-family: Arial, Verdana, Helvetica,  sans-serif;
  margin:0;padding:0;
}


p           { margin: 0 0 1em; font-size:1em;}

a:focus, 
a:hover     { color: #000;text-decoration: underline;}
a           { color: #333;text-decoration: none; }



ul          { list-style-type: disc; margin: 0 0 1.5em;}
ol          { list-style-type: decimal; margin: 0 0 1.5em;}

ul.plain          { list-style:none; margin: 0;padding:0}
ul.plain li       {margin-left:0;margin-bottom:5px;}

li {margin-left:25px;}


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000000; }

h1 { font-size: 1.6em; font-weight: bold; margin:0;padding:0; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.1em;  font-weight: bold; margin-bottom: .25em; }
h4 { font-size: 1.1em; font-weight:bold;margin-bottom: .25em; margin-top:.5em; color:#2a2a2a }
h5 { font-size: 1em; font-weight: bold; margin-bottom: .25em;color:#2a2a2a  }
h6 { font-size: 1em; font-weight: bold;  margin-bottom: .25em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1.wide {padding-left:50px;}

/* Default Classes
-------------------------------------------------------------- */

.small      { font-size: .775em; margin-bottom: 1.875em; line-height: 1.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #999; }
.dark {color:#2a2a2a;font-weight:bold;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}


/* Images
-------------------------------------------------------------- */
img {margin:0;padding:0;}
img.floatleft {float:left;}
img.border {padding:4px;border:1px solid #e0e0e0;}



/* Logo
-------------------------------------------------------------- */
#logo a {display:block;position:absolute;width:52px;height:50px;background:url('../_img/elements/tlhs-logo.png') no-repeat 0 0;text-indent:-9999px;overflow:hidden;z-index:1000;margin-top:472px;margin-left:48px;}
/* #logo a:hover {background-position:0 -55px;}*/
#logo a {text-decoration:none;}

#wordmark {float:left;margin-top:2px;background:url('/_img/elements/tlhs-wordmark.png') no-repeat 0 0;text-indent:-9999px;overflow:hidden;width:220px;height:28px;}


/* Container
-------------------------------------------------------------- */
#container {text-align: center;width: 100%;background: #fff;padding-top:80px;}


/* Navigation
-------------------------------------------------------------- */

#nav {position:absolute;width:785px;height:30px;background: url('../_img/elements/40opacity.png');border-top:2px solid #fff;border-bottom:2px solid #fff;padding:0 50px 0 115px;z-index:800;margin-top:488px;overflow:hidden;}

.nav {width: 350px;height: 30px;background: url('../_img/nav/mainnav.png') no-repeat;position:relative;float:right;}
.nav li {display: inline;}
.nav li a:link, .nav li a:visited {position: absolute;height: 30px;text-indent: -9000px;overflow: hidden;z-index: 900;}
	
.nav .home a:link, .nav .home a:visited {left: 0; width: 65px;}
.nav .home a:hover, .nav .home a:focus {background: url('../_img/nav/mainnav.png') no-repeat 0px -30px;}
.nav .home a:active {background: url('../_img/nav/mainnav.png') no-repeat -30px -60px;}
.current-home .home a:link, .current-home .home a:visited {background: url('../_img/nav/mainnav.png') no-repeat 0px -30px; cursor: default;}
.nav-home, .nav-home-click {position: absolute; top: 0; left: 0px; width: 65px; height: 30px; background: url('../_img/nav/mainnav.png') no-repeat 0px -30px;}
.nav-home-click {background: url('../_img/nav/mainnav.png') no-repeat 0px -60px;}

.nav .tlhs a:link, .nav .tlhs a:visited {left: 65px; width: 52px;}
.nav .tlhs a:hover, .nav .tlhs a:focus {background: url('../_img/nav/mainnav.png') no-repeat -65px -30px;}
.nav .tlhs a:active {background: url('../_img/nav/mainnav.png') no-repeat -65px -60px;}
.current-tlhs .tlhs a:link, .current-tlhs .tlhs a:visited {background: url('../_img/nav/mainnav.png') no-repeat -65px -30px; cursor: default;}
.nav-tlhs, .nav-tlhs-click {position: absolute; top: 0; left: 65px; width: 52px; height: 30px; background: url('../_img/nav/mainnav.png') no-repeat -65px -30px;}
.nav-tlhs-click {background: url('../_img/nav/mainnav.png') no-repeat -65px -60px;}

.nav .news a:link, .nav .news a:visited {left: 117px; width: 62px;}
.nav .news a:hover, .nav .news a:focus {background: url('../_img/nav/mainnav.png') no-repeat -117px -30px;}
.nav .news a:active {background: url('../_img/nav/mainnav.png') no-repeat -117px -60px;}
.current-news .news a:link, .current-news .news a:visited {background: url('../_img/nav/mainnav.png') no-repeat -117px -30px; cursor: default;}
.nav-news, .nav-news-click {position: absolute; top: 0; left: 117px; width: 62px; height: 30px; background: url('../_img/nav/mainnav.png') no-repeat -117px -30px;}
.nav-news-click {background: url('../_img/nav/mainnav.png') no-repeat -117px -60px;}

.nav .projects a:link, .nav .projects a:visited {left: 179px; width: 82px;}
.nav .projects a:hover, .nav .projects a:focus {background: url('../_img/nav/mainnav.png') no-repeat -179px -30px;}
.nav .projects a:active {background: url('../_img/nav/mainnav.png') no-repeat -179px -60px;}
.current-projects .projects a:link, .current-projects .projects a:visited {background: url('../_img/nav/mainnav.png') no-repeat -179px -30px; cursor: default;}
.nav-projects, .nav-projects-click {position: absolute; top: 0; left: 179px; width: 82px; height: 30px; background: url('../_img/nav/mainnav.png') no-repeat -179px -30px;}
.nav-projects-click {background: url('../_img/nav/mainnav.png') no-repeat -179px -60px;}

.nav .contact a:link, .nav .contact a:visited {left: 261px; width: 89px;}
.nav .contact a:hover, .nav .contact a:focus {background: url('../_img/nav/mainnav.png') no-repeat -261px -30px;}
.nav .contact a:active {background: url('../_img/nav/mainnav.png') no-repeat -261px -60px;}
.current-contact .contact a:link, .current-contact .contact a:visited {background: url('../_img/nav/mainnav.png') no-repeat -261px -30px; cursor: default;}
.nav-contact, .nav-contact-click {position: absolute; top: 0; left: 261px; width: 89px; height: 30px; background: url('../_img/nav/mainnav.png') no-repeat -261px -30px;}
.nav-contact-click {background: url('../_img/nav/mainnav.png') no-repeat -261px -60px;}


#subnav {position:absolute;width:950px;height:28px;z-index:801;margin-top:522px;}
.subnav {height: 28px;position:relative;}
.subnav li {display:block;margin:0;padding:0;float:left;}
.subnav li a:link, .subnav li a:visited {color:#fff;font-size:.9em;display:block;text-indent:-9999px;overflow:hidden;}
a#subnavAbout, a#subnavTeam, a#subnavJoin, a#subnavNews, a#subnavAwards, a#subnavCurrent, a#subnavPast, a#subnavPhotos  {height:28px;}
a:hover#subnavAbout, a:hover#subnavTeam, a:hover#subnavJoin, a:hover#subnavNews, a:hover#subnavAwards, a:hover#subnavCurrent, a:hover#subnavPast, a:hover#subnavPhotos  {background-position:0 -28px;}
a.activo {background-position:0 -28px;}
a#subnavAbout {width:46px;background:url('../_img/nav/tlhs/about.png') no-repeat 0 0;}
a#subnavTeam {width:62px;background:url('../_img/nav/tlhs/team.png') no-repeat 0 0;}
a#subnavJoin {width:48px;background:url('../_img/nav/tlhs/joinus.png') no-repeat 0 0;}
a#subnavNews {width:45px;background:url('../_img/nav/news/news.png') no-repeat 0 0;}
a#subnavAwards {width:54px;background:url('../_img/nav/news/awards.png') no-repeat 0 0;}
a#subnavCurrent {width:93px;background:url('../_img/nav/projects/current.png') no-repeat 0 0;}
a#subnavPast {width:74px;background:url('../_img/nav/projects/past.png') no-repeat 0 0;}
a#subnavPhotos {width:48px;background:url('../_img/nav/news/photos.png') no-repeat 0 0;}

ul.tlhs {margin-left:615px;}
ul.news {margin-left:667px;}
ul.projects {margin-left:729px;}


a:hover#thewingHome, a:hover#thewingPhotos, a:hover#thewingLocation, a:hover#thewingTeam, a:hover#thewingContact {background-position:0 -28px;}
a#thewingHome {width:87px;background:url('../_img/nav/thewing/thewing-title.png') no-repeat 0 0;height:28px;}
a#thewingPhotos {width:62px;background:url('../_img/nav/thewing/photos.png') no-repeat 0 0;height:28px;}
a#thewingLocation {width:70px;background:url('../_img/nav/thewing/location.png') no-repeat 0 0;height:28px;}
a#thewingTeam {width:46px;background:url('../_img/nav/thewing/team.png') no-repeat 0 0;height:28px;}
a#thewingContact {width:75px;background:url('../_img/nav/thewing/contact.png') no-repeat 0 0;height:28px;}


#projectnav {position:absolute;padding-top:22px;height:28px;z-index:800;overflow:hidden;}
ul.thewing {margin-left:0px;}


.altnav {padding-top:15px;font-weight:bold;}


/* Content
-------------------------------------------------------------- */

#contentframe {width:100%;background:#e2e2e2;}
#content {text-align:left;margin: 0 auto;width:950px;height:550px;border-left:2px solid #fff; border-right:2px solid #fff;}

.homebg		{background: url('../_img/bg/home.jpg') no-repeat 0 0;}
.aboutbg	{background: url('../_img/bg/about.jpg') no-repeat 0 0;}
.teambg		{background: url('../_img/bg/team.jpg') no-repeat 0 0;}
.contactbg	{background: url('../_img/bg/contact.jpg') no-repeat 0 0;}
.newsbg		{background: url('../_img/bg/news.jpg') no-repeat 0 0;}
.projectsbg	{background: url('../_img/bg/projects.jpg') no-repeat 0 0;}
.joinusbg	{background: url('../_img/bg/joinus.jpg') no-repeat 0 0;}

#maincopyholder  {position:absolute;margin-top:50px;margin-left:0;z-index:1000;padding:30px 0;background:#fff;}
#maincopybox {width:500px;height:289px;background:#fff;overflow:auto;}
#longcopybox {width:500px;height:340px;background:#fff;overflow:auto;}
#photocopybox {width:500px;height:340px;background:#fff;overflow:hidden;}
#widecopybox {width:610px;height:350px;background:#fff;overflow:hidden;}
div.plaincopy {padding:0 25px 0 50px;}
div.plaincopy h1 {padding:0;margin:0;}

#contactcopyholder  {position:absolute;margin-top:0px;margin-left:50px;z-index:1000;padding:30px 0;background:#fff;}
#contactcopybox {width:400px;height:340px;overflow:hidden;padding-left:25px;padding-right:20px;}
#contactcopybox h1 {padding-top:20px;}
#contactcopybox h5 {margin-bottom:20px;color:#666;}
div.contactmap {float:left; width:225px;}
div.contactinfo {float:left;width:175px;height:225px;}
div.contactinfo img.subheading {padding-top:30px;}
div.contactinfo p {line-height:1.3em;}

#contactform {width:380px;height:400px;background:#fff;overflow:auto;}
div.contact {padding:30px;color:#333;}

#widecopybox {width:830px;height:290px;background:#fff;overflow:auto;padding-right:20px;}

#projectcopybox {width:830px;height:330px;background:#fff;overflow:auto;padding-right:20px;}
#widecopybox {width:830px;height:290px;background:#fff;overflow:auto;padding-right:20px;}
#projectphotobox {width:600px;height:330px;background:#fff;overflow:auto;padding-right:20px;}


div.currentprojectsimg {float:left;width:500px;padding-right:25px;}
div.currentprojectscopy {float:left;width:285px;}

div.pastprojects {padding-bottom:25px;}
div.pastprojectsimg {float:left;width:500px;padding-right:25px;}
div.pastprojectscopy {float:left;width:285px;}
p.projectdetail {font-size:.9em;}


#rightcopyholder  {position:absolute;margin-top:0;margin-left:520px;z-index:1000;}
#comingbox {width:350px;height:150px;background:#fff;overflow:hidden;}


.team {margin-bottom:10px;}
.teamlogo {float:left;width:110px;margin-right:15px;margin-left:45px;margin-bottom:0;}
.teaminfo {float:left;width:630px;margin-bottom:0;}

.project {margin-bottom:10px;}
.projectlogo {float:left;width:65px;margin-right:15px;margin-bottom:0;}
.projectinfo {float:left;width:325px;margin-bottom:0;}

div.projectquote {position:absolute;margin-left:540px;margin-top:75px;}
div.projectquote h2 {background:url('../_img/projects/lochhead-quote.png') no-repeat 0 0;width:345px;height:130px;text-indent:-9999px;overflow:hidden;z-index:100;font-size:1.4em;color:#fff;}


#fullcopyholder  {position:absolute;margin-top:0;margin-left:50px;z-index:1000;padding:30px 0;background:#fff;}
#fullcopybox {width:850px;height:390px;background:#fff;overflow:auto;}
div.full {padding:30px 30px 0 30px;}

.privacyleft {float:left;width:375px;padding-right:10px;}
.privacyright {float:left;width:375px;padding-left:10px;border-left:1px solid #999;}


#contentnav {margin:-10px 0 10px 0;}
#contentnav a:focus, 
#contentnav a:hover     { color: #000;text-decoration: underline;}
#contentnav a           { color: #333;text-decoration: none;font-weight:bold; }
#contentnav a.active {color:#000;}  

.newsitem  {margin-bottom:10px;}
.newspage {float:left;width:50px;margin-right:15px;margin-bottom:0;}
.newscontent {float:left;width:340px;margin-bottom:0;}
a.file:link, a.file:visited, a.file:active, a.file:hover {background: transparent url("/_img/news/file.png") no-repeat;padding-left:21px;padding-bottom:5px;color:#333;font-weight:bold;}


.photonav {float:left;width:40px;margin-right:15px;margin-bottom:0;}
.photonav p {border-bottom:1px solid #666;padding-bottom:10px}
.projectphotonav {float:left;width:140px;margin-right:15px;margin-bottom:0;}
.projectphotonav p {padding-bottom:10px}
.photocontent {float:left;width:350px;margin-bottom:0;}
p.caption {padding-bottom:5px;color:#999;font-size:.9em;}


.spacer {padding:0 10px;}
.spacersm {padding:0 5px;}

#footer {text-align:left;margin: 0 auto;width:950px;}
div.copyright {margin-left:50px;color:#666;margin-top:10px;}
#footer a:focus, 
#footer a:hover     { color: #000;text-decoration: underline;}
#footer a           { color: #666;text-decoration: none; }


/* homepage
-------------------------------------------------------------- */

div.homeheading {position:absolute;margin-left:50px;margin-top:80px;}
div.homeheading h2 {background:url('../_img/home/partners.png') no-repeat 0 0;width:250px;height:60px;text-indent:-9999px;overflow:hidden;z-index:100;color:#fff;}
div.homequote {position:absolute;margin-left:640px;margin-top:60px;}
div.homequote h2 {background:url('../_img/home/illich-quote.png') no-repeat 0 0;width:260px;height:107px;text-indent:-9999px;overflow:hidden;z-index:100;font-size:1.4em;color:#999;}



/* Forms
-------------------------------------------------------------- */

label {font-size:.9em;text-transform:uppercase;color:#fff;}
.BasicInput {font-size:11px;padding:3px; border:1px solid #2a2a2a;background:#fff}

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   {margin:0;font-size:1em;}
input.text, input.title   { border:1px solid #999; background:#fff; padding:2px;margin: 0 5px 5px 0; }
input.text:focus,
input.title:focus         { border:1px solid #000; background:#fff; }
input.title               { font-size:1.5em; }

.long {width:500px;}
.regular {width:200px;}
.mid {width:125px;}
.short {width:75px;}

input.checkbox             {margin-top:8px; }

/* Textareas */
textarea            { margin: 0; }
textarea            { border:1px solid #999; background:#FFF; padding:2px; }
textarea:focus      { border:1px solid #666; background:#eee; }


/* Select fields */
select              { border:1px solid #999; background:#FFF;padding:2px;font-size:1.1em;}
select:focus        { border:1px solid #666; background:#fff; }


/* Success, error & notice boxes for messages and errors. */

.error  {color:#990000;font-weight:bold;} 
/* .error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }*/
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.required {color:#990000;}

.buttons a, .buttons button{ display:block; float:left; margin:0 5px 0 0; background-color:#fff;text-decoration:none;border:none;  font-weight:bold; color:#666; cursor:pointer; padding:3px 6px; /* Links */ } 
.buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } 
.buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } 
*:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } 
.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

button:hover, .buttons a:hover{ background-color:#ccc; color:#000; } 
.buttons a:active{ background-color:#fff;color:#333; }



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }