/*
copyright: 2008
spoke, llc
brian schwartz
*/

img { behavior: url(./js/iepngfix.htc) }

@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	color: #5e6e66;
	line-height: 1em;
}

/* main content area */
#content {
	width: 950px;
	_width: 1025px;
	padding: 0;
	margin: 0;
}

.mainarea {
	width: 600px;
	float: right;
}

#bodycopy { 
width: 615px;
min-height: 300px; /* does this work as a min height? */
float: left;
}

#bodycopy h2 { 
margin: 0;
padding: 0;
padding-bottom: 5px;
font-size:16px; 
color:#5e6e66; 
font-style: italic;
font-weight: lighter;
}

#bodycopy h1 {
margin: 0;
padding: 0;
padding-bottom: 10px;
font-size:24px; 
color:#f6921e; 
letter-spacing: 5px;
font-weight: normal;
}

#bodycopy h4 {
font-size:16px; 
color:#000; 
font-weight: normal;
font-style: italic;
}

#bodycopy ul li {
list-style-type: none;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 2px;
padding-left: 25px;
/*height: 30px; 
font-size: 16px;*/
}

#bodycopy ol li {
background-repeat: no-repeat;
background-position: 0 2px;
height: 35px;
font-size: 16px;
}


#twitter_update_list li {
font-size: 13px;
height: auto;
}

#bodycopy li a {
text-decoration: none;
}

hr {
border-style: none none dotted; 
border-color: -moz-use-text-color; 
border-width: medium medium 1px;
width: 75%;
padding: 20px 0 0 20px;
}

.newslink a {
text-decoration: none;
}

.backtotop {
text-align: right;
}

#maintitle {
margin: 0;
padding: 0;
font-size:16px; 
color:#000000; 
font-weight: normal;
letter-spacing: 3px;
padding-bottom: 20px;
}


.bioheadline {
margin: 0;
padding: 10px 0 -10px 0;
font-size:16px; 
color:#f6921e; 
}

#bodycopy h3 {
margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size:14px; 
color:#5e6e66;
font-weight: normal;
}

.faq {
margin: 0;
padding: 0;
padding-top: 0px;
padding-bottom: 0px;
font-size:18px; 
color:#5e6e66;
font-weight: normal;
}

.faqans {
font-size:12px; 
color:#5e6e66;
font-weight: normal;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}


/* main content area end  */

/* footer */
#footer {
position: relative;
padding: 0;
margin: 0;
float: left;
width: 700px;
text-align: right;
padding-left: 380px;
font-size: 9px;
color: #999999;
font-weight: normal;
_background-image: url(../images/spoke-can3.jpg);
_background-repeat: no-repeat;
_height: 200px;
_top: 0px;
}

.youvegotobeshittingme 
{
	position: absolute;
	top: 0px;
	left: 0;
	margin: 0;
	z-index: 12;
	behavior:url(js/iepngfix.htc);
}


/*
div.#footer img {
padding: 0;
margin: 0;
position: absolute;
top: 0px;
left: 0px;
z-index: 4;

}*/

/* end footer */


/* navigation */
#navbar {
	letter-spacing: 2px;
	width: 600px;
	float: right;
	text-align: left;
	height: 125px;
	line-height: 1em;
	padding-top: 129px; 
	margin: 0; 
	
}


#navbar h1 a {
	color: #5e6e66;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
 	font-size: 14px; 
	
	font-weight: 300;
	line-height: 1em;
}

#navbar h1 a:hover {
	color: #f6921e;
	text-decoration: underline;
}

/*alternate - trying to fix ie bug */
div#navtitle a {
	color: #5e6e66;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 1.3em;*/
	font-weight: 300;
	line-height: 1em;
}

div#navtitle h1 a:hover {
	color: #f6921e;
	text-decoration: underline;
}


/*left bar */
.leftbar {
	height: 525px;
	width: 322px;
	float: left;
	background-image: url(../images/leftside2.jpg);
	background-repeat: no-repeat;
	z-index:-1;
}

/* sub navigation */
.leftnav {
clear: both;
position: absolute;
left: 165px;
top: 180px;
_position: relative;
_left: 160px;
_top: -360px;
color: #FFF;
width: 150px;
height: 200px;
z-index: 10;
}

.leftnav h4 {
margin: 0;
padding: 0;
}


.leftnav h5 {
margin: 0;
padding: 0;
font-size: 14px;
color: #5e6e66;
font-weight: 400;
letter-spacing: 2pt;
line-height: 1.3em;
}

.leftnav h5 a {
text-decoration: none;
}

.leftnav h5 a:visited {
color: #5e6e66;
}
.leftnav h5 a:hover {
color: #f6921e;
}

.leftnav h6 {
margin: 0;
padding: 0 0 0 10px;
font-size: 12px;
color: #5e6e66;
font-weight: 400;
letter-spacing: 2pt;
line-height: 1.3em;
}

.leftnav h6 a:visited {
color: #5e6e66;
}

.leftnav h6 a {
text-decoration: none;
color: #5e6e66;
}

.leftnav h6 a:hover {
color: #f6921e;
}


.leftnavsel a {
color: #f6921e;
}
/* end sub nav */



/* specific layout items */
.portfolio-row {
width: 700px;
margin: 0;
padding: 0;
padding-top: 20px;
float: left;
}

.bio-row {
width: 700px;
margin: 0;
padding: 0;
padding-top: 20px;
padding-bottom: 150px;
}

.portfolio-image {
width: 200px;
height: 110px;
margin: 0;
padding: 0 25px 20px 0;
text-align: left;
float: left;
}

.bio-image {
width: 160px;
height: 100px;
margin: 0;
padding: 5px;
text-align: left;
float: left;
}

.bio-image img {
border: 1px #CCC solid;
}

.office-map {
position: absolute;
float: left;
left: 600px;
top: 405px;
width: 295px;
height: 287px;
cursor: pointer;
}

/* end layout items */

/* form settings */
.form-wrapper {
width: 525px;
float: left;
min-height: 25px;
padding-top: 10px;
}

.question {
text-align: right;
font-size: 13px;
width: 180px;
padding-right: 20px;
float: left;
}

.long-question {
text-align: right;
font-size: 12px;
width: 220px;
float: left;
font-weight: 100;
}

.short-answer {
width: 300px;
float: left;
text-align: left;
font-size: 10px;
}
.answer {
width: 325px;
float: right;
text-align: left;
font-size: 13px;
}

.button-wrapper {
width: 525px;
float: left;
text-align: center;
padding-bottom: 15px;
}

/* end form settings */
#bioconnect {
width: 100%;
height: 30px;
}

#bioconnect img {
height: 26px;
margin: 0;
margin-top: 4px;
padding-right: 10px;
}

.biotext {
color: #5e6e66;
line-height: 1em;
font-size: 14px;
width: 90px;
float: left;
padding-top: 10px;
}

.blogpane {
width: 100%;
float: left;
}
.twitterpane {
width: 100%;
float: left;
}

.about-pic {
width: 350px;
float: left;
}

.about-text {
width: 300px;
text-align: center;
}

.about-section {
width: 350px;
float: left;
}

.text-image-wrap {
width: 300px;
}

/* home page callout overlay */
.callout {
float: left;
position: absolute;
font-size: 12px;
top: 400px;
left: 90px;
width: 200px;
}
.callout a {
text-decoration: none;
color: #000;
}
.callout a:hover {
text-decoration: none;
color: #f6921e;
}