/*-----------------------------------------------------------------------------
website: http://www.tmdesign.com/
email: mike@tmdenver.com
© 2009 TM Design. All rights reserved.
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}


/* =Layout
-----------------------------------------------------------------------------*/
#container {display: block; position: absolute; min-height: 100%;}

#brand {
	background: url(../img/bg_header.jpg) no-repeat;
	width: 970px;
	height: 176px;
}

#content {border: 0px solid red;
	display: block; 
	padding-bottom: 10em;
}

#indent {
	position: relative;
	left: 66px;
	width: 833px;
}

#footer {
	position: absolute; 
	display: block; 
	bottom: 0; 
	width: 970px; 
	height: 70px; 
	background: url(../img/footer.jpg) no-repeat;
}


/* =Links
-----------------------------------------------------------------------------*/
a:link          {color: #d97e03; text-decoration: none; padding: 5px 0 0 0;}
a:visited       {color: #d97e03; text-decoration: none; padding: 5px 0 0 0;}
a:hover         {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 5px 0 0 0;}
a:active        {color: #d97e03; text-decoration: none; padding: 5px 0 0 0;}

#cta a:link      {color: #d97e03; background-color: #e2e3d0; text-decoration: none; padding: 6px 4px 6px 4px;}
#cta a:visited   {color: #d97e03; background-color: #e2e3d0; text-decoration: none; padding: 6px 4px 6px 4px;}
#cta a:hover     {color: #fff; background-color: #e68f1a; text-decoration: none; padding: 6px 4px 6px 4px;}
#cta a:active    {color: #d97e03; background-color: #e2e3d0; text-decoration: none; padding: 6px 4px 6px 4px;}


/* =Nav 
-----------------------------------------------------------------------------*/
#nav {
	position: relative;
	left: 66px;
	background: url(../img/nav.gif) no-repeat;
    width: 833px;
    height: 22px;
}

#nav span {display: none;}
#nav li, #nav a {border: 0px solid red; height: 22px; display: block;}
#nav li {float: left; list-style: none; display: inline;}

#nav-home {width: 39px;}
#nav-clients {position: relative; left: 341px; width: 120px;}
#nav-method {position: relative; left: 354px; width: 88px;}
#nav-work {position: relative; left: 367px; width: 79px;}
#nav-about {position: relative; left: 380px; width: 61px;}
#nav-contact {position: relative; left: 393px; width: 53px;}

#nav-home a:hover {background: url(../img/nav.gif) 0 -23px no-repeat;}
#nav-clients a:hover {background: url(../img/nav.gif) -380px -23px no-repeat;}
#nav-method a:hover {background: url(../img/nav.gif) -513px -23px no-repeat;}
#nav-work a:hover {background: url(../img/nav.gif) -614px -23px no-repeat;}
#nav-about a:hover {background: url(../img/nav.gif) -706px -23px no-repeat;}
#nav-contact a:hover {background: url(../img/nav.gif) -780px -23px no-repeat;}

nav a:hover, body#home #nav-home a {background: url(../img/nav.gif) 0 -23px no-repeat;}
nav a:hover, body#clients #nav-clients a {background: url(../img/nav.gif) -380px -23px no-repeat;}
nav a:hover, body#method #nav-method a  {background: url(../img/nav.gif) -513px -23px no-repeat;}
nav a:hover, body#work #nav-work a  {background: url(../img/nav.gif) -614px -23px no-repeat;}
nav a:hover, body#about #nav-about a  {background: url(../img/nav.gif) -706px -23px no-repeat;}
nav a:hover, body#contact #nav-contact a  {background: url(../img/nav.gif) -780px -23px no-repeat;}


/* =Typography
-----------------------------------------------------------------------------*/
body {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	font-family:"Helvetica Neue LT Std","Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
	font-size: 62.5%; /* takes the med txt sz down from 16px to 10px (1em = 10px) */
	color: #000;
	background: #dadec5 url(../img/bg.jpg) repeat-x;
}

h1 {
	width: 430px;
	font-size: 3.6em;
	line-height: 1em;
	font-weight: normal;
	padding: 69px 0 28px 0;
}

h2 {
	font-size: 2.2em;
	line-height: 1.64em;
	font-weight: bold;
	color: #e68f1a;
	padding: .8em 0 4px 0;
}

.intro {
	padding-bottom: 1.2em;
}

p {
	font-size: 1.4em;
	line-height: 1.6em;
	padding-bottom: .8em;
}

#as-in {
	padding-bottom: 5px;
}

#yes {
	list-style: none;
	color: #e68f1a;
	font-size: 2.2em;
	line-height: 1.64em;
	font-weight: bold;
	padding-bottom: 41px;
}


/* =Images
-----------------------------------------------------------------------------*/
#img_yes {
	float: right;
	width: 260px;
	height: 285px;
	padding-top: 50px;
}


/* =Misc 1
-----------------------------------------------------------------------------*/