/* @override http://new.konsortum1.com/index.php/site/site_css */

body {
  background-color:black;
  font-family:"helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  font-size: 13px;
  color:#000;
  padding: 0;
  margin: 0;
}

body.principals {background-color: black;}

p a {
color: #333;
text-decoration: none;
border-bottom: 1px grey dotted;
}

#content p a:hover  {
color: red;
border: none;
}

a.headernav:link {
  color:#FFF;
  text-decoration:none;
  font-family:Verdana, sans-serif;
  font-size:13px;
  font-weight:bold;
  outline: none;
}

a.headernav:visited {
  color:#FFF;
  text-decoration:none;
  font-family:Verdana, sans-serif;
  font-size:13px;
  font-weight:bold;
  outline: none;
}

a.headernav:hover {
  color:#F00;
  text-decoration:none;
  font-family:Verdana, sans-serif;
  font-size:13px;
  font-weight:bold;
  outline: none;
}

a.headernav:active {
  color:#F00;
  text-decoration:none;
  font-family:Verdana, sans-serif;
  font-size:13px;
  font-weight:bold;
  outline: none;

}

a#logo, a#logo:visited, a#logo:hover, a#logo img {border:none; outline:none;}

/* @group top */

#top {
  display: block;
  height:75px;
  width:1100px;
}

#top.home {background: url(/images/backgrounds/home_nav.jpg);}
#top.services {background: url(/images/backgrounds/services_nav.jpg);}
#top.principals {background: url(/images/backgrounds/principals_nav.jpg);}
#top.firm {background: url(/images/backgrounds/firm_nav.jpg);}
#top.projects {background: url(/images/backgrounds/projects_nav.jpg);}
#top.contact {background: url(/images/backgrounds/contact_nav.jpg);}
#top.careers {background: url(/images/backgrounds/careers_nav.jpg);}
#top.news {background: url(/images/backgrounds/home_nav.jpg);}

/* @end */

/* @group main */

#main {
  position: relative;
  min-height:570px;
  width:1100px;
  background-color: white;
  overflow:visible;
  background-repeat: no-repeat;
}

#main.home {background:white url(/images/backgrounds/homebg.jpg) no-repeat;}
#main.services {background:white url(/images/backgrounds/servicesbg2.jpg) no-repeat;}
#main.principals {background:white url(/images/backgrounds/principalsbg2.jpg) no-repeat;}
#main.firm {background:white url(/images/backgrounds/firmbg2.jpg) no-repeat;}
#main.projects {background:white url(/images/backgrounds/projectsbg.jpg) no-repeat;}
#main.contact {background:white url(/images/backgrounds/contactbg.jpg) no-repeat;}
#main.careers {background:white url(/images/backgrounds/careersbg.jpg) no-repeat;}
#main.news {background:white url(/images/backgrounds/homebg.jpg) no-repeat;}

/* @end */

#footer {
width: 1100px;
height: 40px;
background: white url(/images/backgrounds/footer.gif) 0 0 no-repeat;
border-top: 1px solid #ccc;
}

#content {
position:relative;
padding-top: 40px;
margin-left: 450px;
padding-bottom: 50px;
width: 550px;
}

#content p {
font-size: 13px;
line-height: 17px;
text-align: justify;
margin:0 0 10px 0;
}

#content h2 {
font-size: 18px;
font-weight: bold;
margin-top: 0;
}

#homeblurb {
position: absolute;
left: 150px;
width: 200px;
top: 40px;
}

#homeblurb h3 {
font-size: 11px;
text-transform: uppercase;
margin: 36px 0 6px 0;
}
#homeblurb ul {
margin:0 0 12px 0;
padding: 0;
}

#homeblurb li {
list-style: none;
margin:0 0 12px 0;
padding: 0;
font-weight: normal;
}

#homeblurb li a {
color: #222;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#homeblurb li a:hover {
color: red;
text-decoration: none;
border-bottom: none;
}


#content.firm {
margin-left: 400px;
width: 600px;
}

#content.home {
position: absolute;
top: 50px;
left: 400px;
margin: 0;
padding: 0;
}

#content.news ul.articles li {
margin-bottom: 18px;
list-style: none;
}

#content.news ul.articles li a {
text-decoration: none;
color: #333;
font-size: 14px;
}


#content.projects {
padding-top: 20px;
margin-left: 500px;
}


#content.principals h3 {
color: rgb(180,40,40);
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
margin: 18px 0 4px 0;
padding: 0;
}

#content.principals h2.position {
color: black;
font-size: 14px;
font-weight: bold;
text-transform: none;
margin: -10px 0 18px 0;
}

#content.principals div.bio ul {
margin: 0 0 12px 0;
padding: 0;
}
#content.principals div.bio li {
list-style: none;
list-style-position: outside;
}

span.smaller {
font-size: 14px;
padding-left: 6px;
color: #333;
}

div.bio div.bio_pic {
float: left; 
padding: 3px 16px 10px 0;
}


#projectsthumbs {
  position: absolute;
  left: 415px;
  top: 78px;
  width: 60px;
  height: 515px;
  margin: 0;
  padding: 0;
}

#projectsthumbs a {
border: none;
outline: none;
}
#projectsthumbs img {
padding-bottom: 6px;
border: none;
outline: none;
}

a.projlink {
margin-bottom: 12px;
}


.red {
  color: red;
}

.bold {
  font-weight: bold;
}

/* @group subnav */

#subnavk {
position: absolute;
top: 40px;
left: 85px;
right: auto;
width: 259px;
margin: 0;
padding: 0;
xborder: 1px solid red;
}

#subnavk li {
text-align: right;
list-style: none;
margin-bottom: 4px;
position: relative;
}

#subnavk li.k1 {right: 0px;}
#subnavk li.k2 {right: 13px;}
#subnavk li.k3 {right: 25px;}
#subnavk li.k4 {right: 37px;}
#subnavk li.k5 {right: 49px;}
#subnavk li.k6 {right: 62px;}
#subnavk li.k7 {right: 75px;}
#subnavk li.k8 {right: 89px;}
#subnavk li.k9 {right: 102px;}
#subnavk li.k10 {right: 114px;}
#subnavk li.k11 {right: 124px;}
#subnavk li.k12 {right: 115px;}
#subnavk li.k13 {right: 102px;}
#subnavk li.k14 {right: 90px;}
#subnavk li.k15 {right: 71px;}

#subnavk li a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
#subnavk li a:hover {color: red;}

/* @end */

div.hideme {
	display: none;
}

/* @group home slideshow */

div#ss {
  top:0px;
  left:0px;
}

div#ss div {
position:absolute;
top:0; left:0;
display:none;
}

div.slide a, div.slide a img {
border: none;
outline: none;
}

div#ss div.first {display:block;}

#content div.slide img {
margin: 0;
}

#content div.slide p {
font-size: 15px;
margin: 0;
text-align: right;
margin: 2px 0;
}

#content div.slide p a {
color: black;
text-decoration: none;
margin: 0;
}

/* @end */

/* @group project links crufty and crappy */

#pl1 {
  position: absolute;
  top: 107px;
  left: 0px;
}

#pl2 {
  position: absolute;
  top: 157px;
  left: 0px;
}

#pl3 {
  position: absolute;
  top: 210px;
  left: 0px;
}

#pl4 {
  position: absolute;
  top: 262px;
  left: 0px;
}

#pl5 {
  position: absolute;
  top: 313px;
  left: 0px;
}

#pl6 {
  position: absolute;
  top: 368px;
  left: 0px;
}

#pl7 {
  position: absolute;
  top: 420px;
  left: 0px;
}

#pl8 {
  position: absolute;
  top: 470px;
  left: 0px;
}

.projlink {
  position: absolute;
  font-family:Verdana, sans-serif;
  font-size: 16px;
  text-decoration:none;
}

a.projlink:link{
  color:black;
}

a.projlink:visited {
  color:black;
}

a.projlink:hover {
  color:red;
}

a.projlink:active {
  color:black;
}

.projlink2 {
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-weight:bold;
}

a.projlink2:hover {
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  color:#ef3e35;
  font-weight:bold;
}

a.projlink2:visited {
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  color:#333;
  font-weight:bold;
}

/* @end */


p.download a,
#content p.download a {
text-transform: uppercase;
font-size: 10px;
font-weight: bold;

border: 1px solid black;
padding: 3px 5px;
}

p.download a:hover,
div.bio p.download a:hover,
#content p.download a:hover {
color: red;
border: 1px solid red;
}

p.download {
position: absolute;
bottom: 20px;
right: 0px;
}

#main.home p.download,
#main.projects p.download {
right: 50px;
}