/*-----------------------------------------------------/
  Name CSS
  Copyright 2008 InterWorks, Inc.
  
  author:matt sanders
  version:0.9
  url:http://interworksinc.com/
/-----------------------------------------------------*/

@import url("typography.css");

* {margin:0;padding:0;font-family:helvetica,arial,sans-serif;font-weight:normal;outline:0;border:0;}

h2,h3,span,ul,li,div,p,img {behavior:url("/iepngfix.htc");}

img {
  float:right;
}

body {
  background:#ebe8d9 url(../images/bg-internal.png) left top repeat-x;
  font-size:62.5%;
}

body#index {
  background:#ebe8d9 url(../images/bg-main.png) left top repeat-x;
}

#wrapper {
  width:928px;
  margin:0 auto;
}

#head {
  height:65px;
  margin:0.8em 1.9em 0 1.9em;
}

#content {
  width:900px;
  background:url(../images/content-bg.png) left top no-repeat;
  padding:1.9em 1.9em 0 1.9em;
  float:left;
}

#mainGraphic {
  position:relative;
  float:left; 
}
#mainGraphic img {
  float:left;
}
#mainGraphic div.side {
  width:232px;
  height:318px;
  background:url(../images/mainGraphic-services.jpg) left top no-repeat;
  margin:0 0 0 0.9em;
  display:inline;
  float:left;
}

#primaryContent {
  width:600px;
  min-height:355px;
  padding:4.5em 0 2em 0;
  float:left;
}

body#index #sideContent {
  width:220px;
  background:#d6d1c2;
  border:1px solid #c7c5b7;
  margin:4em 0 2em 0;
  padding:1em;
  float:right;
}

#sideContent {
  width:220px;
  background:#d6d1c2;
  border:1px solid #c7c5b7;
  margin:0em 0 2em 0;
  padding:1em;
  float:right;
}

#footer {
  width:892px;
  padding:2em 0.9em 2em 0.9em;
  color:#695642;
  float:left;
}

#footer div {
  width:890px;
  background:#dfddcf;
  border-top:2px solid #c0beb0;
  padding:1em;
  float:left;
}

/*--------------------------------------------------------/
  Navigation Styling
/---------------------------------------------------------*/

#head ul {
  list-style:none;
  width:420px;
  height:61px;
  padding-left:6em;
  margin:0 0 0 3.5em;
  background:url(../images/nav-bg.gif) 0.9em 1em no-repeat;
  float:right;
}

#head ul li {
  float:left;
}

#head ul a {
  display:inline;
  background:url(../images/tabs.gif);
  height:61px;
  overflow:hidden;
  margin:0 0 0 2em;
  color:#c4691c;
  border:0;
  float:left;
}

#head ul .home a {
  background-position:-2em 0;
  color:#b1a394;
  text-indent:-500em;
  width:35px;
  height:61px;
}
#head ul .home a:hover {
  background-position:-2em -6.1em;
}

#index .home a.home {
  background-position:-2em -6.1em;
}

#head ul .about a {
  background-position:-7.5em 0;
  color:#b1a394;
  text-indent:-500em;
  width:60px;
  height:61px;
}
#head ul .about a:hover {
  background-position:-7.5em -6.1em;
}
#about .about a.about {
  background-position:-7.5em -6.1em;
}

#head ul .news a {
  background-position:-15.6em 0;
  color:#b1a394;
  text-indent:-500em;
  width:94px;
  height:61px;
}
#head ul .news a:hover {
  background-position:-15.6em -6.1em;
}
#news .news a.news {
  background-position:-15.6em -6.1em;
}

#head ul .services a {
  background-position:-27em 0;
  color:#b1a394;
  text-indent:-500em;
  width:53px;
  height:61px;
}
#head ul .services a:hover {
  background-position:-27em -6.1em;
}
#services .services a.services {
  background-position:-27em -6.1em;
}

#head ul .info a {
  background-position:-34.3em 0;
  color:#b1a394;
  text-indent:-500em;
  width:78px;
  height:61px;
}
#head ul .info a:hover {
  background-position:-34.3em -6.1em;
}
#info .info a.info {
  background-position:-34.3em -6.1em;
}

/*--------------------------------------------------------/
  Internal Page Styling
/---------------------------------------------------------*/

#internalContent {
  width:900px;
  padding:1.8em 1.9em 0 1.9em;
  float:left;
}

* html #internalContent {
  padding:1.8em 0 0 1.9em;
}

#internalContent img.trans {
  width:242px;
  padding:1em 0 0 0;
  float:right;
  margin-top:10px;
}

#primaryInternalContent {
  width:420px;
  padding:4.5em 2.5em 2em 0;
  float:left;
}

* html #primaryInternalContent {
  padding:4.5em 2.5em 2em 0;
}


#secondaryContent {
  width:420px;
  padding:0 0 2em 2.5em;
  margin:17.9em 0 0 0;
  background: url(../images/internal-divider.png) left top no-repeat;
  float:left;  
}

* html #secondaryContent {
  margin:18.4em 0 0 0;
}

