/* @import url(headers.css); */


body
{
	background-color: #313131;
	background-image: url(../images/background.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
    font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 1.2em;
	color: #cbcbcb;
	padding: 0;
	margin: 0;
}

body.nobg
{
	background-color: #252525;
	background-image:none;
    font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 1.2em;
	color: #cbcbcb;
	padding: 0;
	margin: 0;
}

#wrapper
{
	width: 950px;
	margin: 0 0 30px 0;
	padding: 0;
}

/* Header Elements */
#header
{
	width: 800px;
	margin-left: 150px;
	margin-top: 74px;
	background-image:url(../images/graydot.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#logo
{
	width: 236px;
	margin-bottom: 5px;
	float: left;
}

#logoprint{display:none;}

#tagline
{
	width: 250px;
	position: absolute;
	top: 111px;
	left: 150px;
}

/*  Footer Elements   */

#footerextras
{
margin: 20px 0 10px 0;
padding-top: 5px;
font-size: .65em;
color: #777777;
float: left;
}

#footer
{
position: relative;
font-size: .65em;
color: #777777;
bottom: 0;
left: 0;
}

	#footer a, #footerextras a
	{
		color: #777777;
		text-decoration: none;
	}
	
		#footer a:hover, #footerextras a:hover
		{
			color: #cccccc;
			text-decoration: underline;
		}


#copyright
{
    font-size: 1.6em;
	float: left;
	clear: left;
	position: relative;
	bottom: 0;
	margin: 0px 10px 10px 10px;
	color: #777777;
}

	#copyright a
	{
		color: #777777;
		text-decoration: none;
	}
	
		#copyright a:hover
		{
			color: #cccccc;
			text-decoration: underline;
		}

/*  Global Navigation Elements   */

#globalnav
{
	padding-bottom: .55em;
	_padding-bottom: .7em;
	float: right;
}

	#globalnav ul
	{
		margin-left: 0;
		padding-left: 0;
		display: inline;
	}
	
		#globalnav ul li
		{
			margin-left: 0;
			padding-right: 23px;
			list-style: none;
			display: inline;
		}
		
			#globalnav ul li.last
			{
				margin-left: 0;
				padding: 0;
				list-style: none;
				display: inline;
			}
			
				#globalnav ul li a
				{	
					color: #FFF;
					padding-bottom: 12px;
					text-decoration: none;
					font-size: 1.2em;
                    font-style: italic;
					letter-spacing: 2px;
				}
				
                #globalnav ul li a:hover.home {
                    border-bottom: 1px solid #406DB2;
                }
                #globalnav ul li a:hover.services {
                    border-bottom: 1px solid #D78103;
                }
                #globalnav ul li a:hover.portfolio {
                    border-bottom: 1px solid #E20332;
                }
                #globalnav ul li a:hover.bio {
                    border-bottom: 1px solid #4DA932;
                }
                #globalnav ul li a:hover.contact {
                    border-bottom: 1px solid #030EEC;
                }


/*  Sub Navigation Elements   */

#subnav
{
	padding-top: 4px;
	_padding-top: 3px;
	padding-bottom: 30px;
	text-align:left;
	float: right;
	width: 325px;
	_width: 339px;
}

	#subnav ul
	{
		margin-left: 0;
		padding-left: 0;
		display: inline;
	}
	
		#subnav ul li
		{
			margin-left: 0;
			padding-right: 20px;
			list-style: none;
			display: inline;
		}
		
			#subnav ul li.last
			{
				margin-left: 0;
				padding: 0;
				list-style: none;
				display: inline;
			}
				
				#subnav ul li a
				{	
					color: #ccc;
					padding-bottom: 10px;
					text-decoration: none;
					font-size: .65em;;
					letter-spacing: 1px;
				}
				
				#subnav ul li a:hover
				{	
					color: #FFF;
					padding-bottom: 10px;
					text-decoration: none;
				}
				
				#subnav ul li a.selected
				{	
					color: #d43b3b;
					text-decoration: none;
				}

/*  Tertiary Navigation  */

#tertiary
{
	font-size: .65em;
	color: #CCC;
	margin-top: 10px;
}

	#tertiary ul
	{
		padding: 0;
		margin: 0;
	}
	
		#tertiary ul li
		{
			list-style-type:none;
			padding: 2px 0;
			border: 0;
		}
		
		#tertiary ul li.selected
		{
			background-image:url(../images/bg_striped.gif);
			list-style-position:inside;
			border: 0;
		}
		
			#tertiary ul li a
			{
				background-image:url(../images/bullet_w.gif);
				background-position: bottom left;
				background-repeat:no-repeat;
				padding-left: 10px;
				margin-left: 2px;
			}
			
			#tertiary ul li a:hover
			{
				background-image:url(../images/bullet_r.gif);
				background-position: bottom left;
				background-repeat:no-repeat;
				padding-left: 10px;
				margin-left: 2px;
				text-decoration:none;
			}
			
			#tertiary ul li.selected a
			{
				background-image:url(../images/bullet_r.gif);
				background-position: bottom left;
				background-repeat:no-repeat;
				padding-left: 10px;
				margin-left: 2px;
			}

/* Main Content stage */
#main
{
	width: 960px;
	padding-bottom: 10px;
}

	#main.home
	{
		width: 960px;
		padding-bottom: 10px;
		padding-top: 55px;
	}
		
		#videoplayer
		{
			position: relative;
			width: 176px;
			height: 144px;
			background-color:#FFFFFF;
			top: 54px;
			left: 255px;
			padding: 0;
			margin: 0;
		}
		
			#videoplayer object, #videoplayertall object
			{
				padding: 0;
				margin: 0;
				position: absolute;
				top: 0;
				left: 0;
			}
			
		#videoplayertall
		{
			position: relative;
			width: 176px;
			height: 208px;
			background-color:#FFFFFF;
			top: 110px;
			left: 394px;
			padding: 0;
			margin: 0;
		}

#headerimage
{
	width: 445px;
	height: 250px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 150px;
	float: left;
}

#content
{
	width: 305px;
	float: right;
	padding-right: 2px;
    margin-top: -8px;
}

	#content ul
	{
		font-size: 1.2em;
		list-style-type: none;
        margin-top: 20px;
		padding-left: 0px;
		line-height: .8em;
	}
    #content ul.videos
    {
		font-size: 1.1em;
        margin-top: 0;
        line-height: .4em;
    }
	
		#content ul li
		{
			margin: 8px 0;
		}
        #content ul li.positions
        {
            color: #4d4d4d;
        }

/*    Sections    */

#sections
{
	width: 800px;
	margin-left: 150px;
	padding: 0;
}

	#sections p
	{
		color: #777777;
	}
	
		#sections a
		{
			color: #cbcbcb;
			text-decoration:none
		}
		
		#sections a:hover
		{
			color: #cbcbcb;
			text-decoration:underline;
		}
		
		#sections .sectionslist a
		{
			color: #666666;
			text-decoration:none
		}
		
		#sections .sectionslist a:hover
		{
			color: #cbcbcb;
			text-decoration:none;
		}

.sectionslist ul
{
	margin: 5px 0 0 5px;
	padding: 0;
}

	.sectionslist ul li
	{
		list-style-type:none;
		border-left: 1px solid #d43b3b;
		padding: 0 0 0 5px;
		margin-bottom: 5px;
		color: #777;
		font-size: .65em;
		line-height: 1em;
	}
	
		.sectionslist a
		{
			color:#666666;
		}


#section1
{
	float: left;
	width: 195px;
	margin-right: 10px;
}

#section2
{
	float: left;
	width: 190px;
	margin-right: 10px;
}

#section3
{
	float: left;
	width: 190px;
	margin-right: 10px;
}

#section4
{
	float: left;
	width: 195px;
}

.section2col
{
	float: left;
	width: 380px;
	margin-right: 10px;
}

.section2col2
{
	float: left;
	width: 395px;
}

#sections .section2col2 h3
{
	margin-bottom: 10px;
}

#section3col
{
	float: left;
	width: 595px;
}

.section4col
{
	float: left;
	width: 800px;
	margin-bottom: 30px;
}

#sections img
{
	margin: 10px auto;
}

a.directions
{
	background-image:url(../images/contact/download_directions.gif);
	display:block;
	height: 50px;
	width: 141px;
	overflow:hidden;
	line-height: 300px;
}

a:hover.directions
{
	background-image:url(../images/contact/download_directions_over.gif);
	display:block;
	height: 50px;
	width: 141px;
	overflow:hidden;
	line-height: 300px;
}

/*   Standard Elements    */
h1
{
	font-size: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	border-bottom: 1px solid #393939;
	padding-bottom: 12px;
	margin-bottom: 4px;
	font-weight: normal;
	line-height: 9px;
    width: 100%;
}
h1.bio { padding-top: 9px; }

h2
{
	color: #6f6f6f;
	font-size: 1.5em;
	line-height: 13px;
	font-weight: normal;
    padding-top: 3px;
	padding-bottom: 8px;
	margin: 0;
}

h3
{
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	border-bottom: 1px solid #393939;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	line-height: 9px;
	letter-spacing: -1px;
}

p
{
	font-size: 1.2em;
	line-height: 17px;
	margin: 5px 0 10px 0;
}

a
{
	color: #FFF;
	text-decoration: none;
}

a:hover
{
	color: #FFF;
	text-decoration: underline;
}

.small { font-size: 11px; }
.clearer { clear: both; }

.white { color: #fff; }

input
{
	font-size: 10px;
	color: #CCCCCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: #333 1px solid;	
	padding: 4px;
	margin: 0;
	background-color: #292929;
}

input.reverse
{
	border: #333 1px solid;	
}

textarea
{
	font-size: 1.2em;
	color: #CCCCCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: #333 1px solid;
	padding: 4px;
	margin: 0;
	background-color: #292929;
	height: 111px;
	width: 95%;
}

.printheader
{	
	display:none;
}

form
{
	padding: 0;
	margin: 0;
}



/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1
{
	visibility: hidden;
	line-height: 11px;
	_font-size: 1px;
	padding: 0 0 3px 0;
	margin: 0;
}

.sIFR-hasFlash h3
{
	visibility: hidden;
	line-height: 11px;
	_font-size: 1px;
	padding: 0 0 3px 0;
	margin: 0;
}

/* Blog Stuff */

#content_blog
{
	margin-left: 150px;
	width: 595px;
	float: left;
}

#sidebar
{
	float: right;
	width: 190px;
}

blockquote
{
	background-color:#141314;
	background-image:url(../images/blockquote_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width: 400px;
	padding: 10px 10px 45px 10px;
}

.commentbox
{
	background-image:url(../images/byline_bg.gif);
	background-color:#141314;
	background-position:left bottom;
	background-repeat:no-repeat;
	margin: 10px 0 10px 10px;
	padding: 10px 0 30px 10px;
}

.byline
{
	color: #666;
}

#errors
{
	padding: 0;
	margin: 0;
}

#errors_inner
{
	background-image:url(../images/calloutbg.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#212121;
	margin: 10px 0;
	padding: 10px;
}

#errors_inner h4
{
	font-size:.8em;
	font-weight:normal;
	color: #FFF;
	margin-top: 0;
}

#errors_inner p
{
	color: #cbcbcb;
	font-size:.65em;
}

#errors_inner img
{
	padding: 0; margin: 0;
}

/*text-size*/

#textsizeextras
{
	float: left;
	margin-top: 0px;
	font-size: .65em;
	color: #777777;
	padding: 7px 10px;
}


#textsize
{
	float: left;
	margin-top: 0px;
	font-size: .65em;
	color: #777777;
	padding: 7px 10px;
}

#textsize a {
	height: 14px;
	width: 10px;
	display: block;
	float: left;
	margin-right: 2px;
}

#textsize a:hover, #textsizea:active, #textsize a:focus {
	border: 0;
}

#textsize a.one {
	background: url(../images/sizers/small.gif);
	background-repeat:no-repeat;
	border-right: 1px solid #393939;
	padding-right: 10px;

}

#textsize a.three {
	background: url(../images/sizers/med.gif);
	background-repeat:no-repeat;
	border-right: 1px solid #393939;
	padding-right: 10px;
	margin-left: 4px;
}

#textsize a.five {
	background: url(../images/sizers/large.gif);
	background-repeat:no-repeat;
	margin-left: 4px;
	padding-left: 2px;
}

.image_float {
    float: left;
    margin: 0 5px 5px 0;
    padding-top: 8px;
}
.bio-container p { 
    clear: right; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.0em;
}
.spacer {
    clear: left;
}