/* CSS
Designer: Jell Creative
Client: Dan Seiler
Created: 08.28.08
*/


/* Global Defaults
=====================================================================*/
body,ul,li,h1,h2,h3,h4,h5,form,fieldset,input,p,table,tr,th,td,embed,object, input, textarea{ margin:0px;padding:0px; font-family: Arial, Helvetica, sans-serif;}
div {margin:0px;padding:0px; float: left; }
table{ border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr{ border:0; }
img, h1,h2,h3,h4,h5,h6,strong,var{ font-style:normal; font-weight:normal; }
img {	font-size: 10px;	line-height: 13px;	color: #333333;}
ul { list-style:none; }
div { text-align: left;}
a,ins{ text-decoration:none; }
strong { font-weight: bold; }
a:hover{	color:#f58025;	text-decoration:none;}
/*====================================================================*/

/*********  begin main containers  *********/
body{
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.content{
	width: 935px;
}
.top{
	width: 678px;	
	float:right;
	padding: 0px;
}
.contact{
	width: 142px;
	background-color: #767676;	
	float:right;
}
.contact p{
	font-size: 13px;
	letter-spacing:1px;
	color:#FFF;
	font-weight:normal;
	padding:4px 0px 4px 18px;
}
.logo{
width: 215px;
padding:0px 0px 30px 0px;
float:left;
}
.leftcol{
	width: 216px;
	padding:34px 0px 0px 40px;
	*padding:34px 0px 0px 40px;
	display:inline;
}
.main{
	width: 500px;
	margin:65px 0px 0px 10px;
	display:inline;
	float:left;
}
.main2{
	width: 495px;
	margin:0px 0px 0px 10px;
	float:left;
	display:inline;
}
.main_about{
	width: 665px;
	_	width: 675px;
	float:left;
	padding:0px;
	margin:65px 0px 0px 0px;	
	background-image:url(images/dan2.jpg);
	background-position:top right;
	display:inline;
	background-repeat:no-repeat;
	
}
.rightcol{
	width: 142px;
	float:right;
	margin:92px 0px 0px 0px;
}
.rightcol_about{
	width: 170px;
	float:right;
	height:200px;
	margin:92px 0px 0px 0px;
}
.footer{
	margin: 70px 0px 20px 0px;
}
.video{
width: 461px;
margin:108px 0px 0px 24px;
_margin:108px 0px 0px 13px;
}
.thumb_nav{
margin-top: 80px;
padding:0px 0px 0px 0px;
}
.thumbs{
width: 50px;
}
.thumbs img{
margin: 0px 0px 0px 0px;
padding:1px 0px 9px 0px;
*padding:1px 0px 5px 0px;
}
/*
.thumbs a:hover{
background-image: url(images/bracket.gif);
background-position: top left;
background-repeat:no-repeat;
}
*/
/*********  end main containers  *********/



/*********  begin main navigation  *********/
span.spacer{
	background-color:#f58025;
	padding:8px 3px 7px 3px;
}
span.spacerend{
	background-color:#f58025;
	padding:8px 8px 7px 9px;
}
ul.nav{
	width: 515px;
	float:left;
	margin: 0px 0px 0px 7px;
	_margin: 0px 0px 0px 4px;
}
ul.nav li{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #FFF;
	font-size:10px;
	text-align:left;
	letter-spacing:0.1em;	
	float:left;
	text-align:center;
	padding: 8px 0px 20px 0px;
}
ul.nav a:link, ul.nav a:visited {
	text-decoration:none;
	color: #FFF;	
	background-color:#f58025;
	padding:8px 2px 7px 2px;
}

/*********  end main navigation  *********/



/*********  begin main typography  *********/
h1{
	font-size: 28px;
	line-height: 28px;	
	color: #999;
	padding:24px 27px 2px 23px;
}
h2 {
	font-size: 16px;
	line-height: 22px;
	font-weight:normal;
	color: #999;
	padding:12px 27px 12px 24px;
}
h2 a:link, h2 a:visited{
	text-underline: none;
	color: #999;
}
h2 a:hover{
color:#f58025;
}
h3{
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	color: #999;
	padding:14px 27px 0px 24px;
}
h3 a:link , h3 a:visited{
	background-image:url(images/arr.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding:10px 12px 10px 0px;
	color:#999;
}
p{
	font-size: 12px;
	line-height: 20px;
	color: #666;	
	padding: 5px 27px 10px 24px;
}
p a:link, p a:visited {
	color:#f58025;
}
p a:hover {
	color:#f58025;
	border-bottom:2px solid #DCDCDC;
}
p.quote{
	padding:0px 10px 0px 24px;
	background-image: url(images/quote.gif);
	background-repeat:no-repeat;
	background-position:10px 0px;
}
p.attribution{
	font-style: italic;
	font-size:11px;
	color:#666;
	background-image: url(images/dash.gif);
	background-repeat:no-repeat;
	background-position:22px 17px;
	padding:8px 0px 20px 35px;
}
.footer p{
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:1px;
}
span.pipe{
	padding: 0px 6px 0px 6px;
}
.rightcol h2{
	padding: 5px 0px 8px 17px;
}
 .rightcol h3{
 padding: 0px 0px 0px 17px;
 
 }
.rightcol p{
	font-size: 11px;
	padding:0px 0px 10px 17px;
}
span.arr{
	background-image:url(images/arr.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding:10px 15px 10px 0px;
	color:#666;
}
span.runin{
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	color: #999;	
}
.leftcol h3, .leftcol h3 a:link{
padding:10px 0px 0px 0px;

}
.leftcol h3 a.arr_lft{
background-image:url(images/arr_lft.gif);
background-position:left;
padding:0px 0px 0px 12px;
}
.leftcol h3 a.arr_rt{
background-image:url(images/arr.gif);
background-position:right;
padding:0px 12px 0px 0px;
}
.leftcol h1{
	font-size: 16px;
	line-height: 20px;	
	color: #999;
	letter-spacing: 0.05em;
	padding:0px 0px 8px 0px;
}
.leftcol p{
	font-size: 11px;
	line-height: 18px;
	color: #666;	
	padding: 5px 10px 10px 0px;
}
/*********  end main typography  *********/




.main li{
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
	color: #999;
	padding:8px 0px 12px 24px;
}
.main li ul{
	padding: 5px 27px 0px 0px;
}
.main li ul li{
	font-size: 12px;
	font-weight:normal;
	text-transform: none;
	color: #666;
	line-height:18px;
	padding:0px 15px 2px 14px;
	background-image: url(images/bull.gif);
	background-repeat:no-repeat;
	background-position:1px 5px;
}
.main li ul li a:link, .main li ul li a:visited{
	background-image: url(images/clip.gif);
	color: #666;
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 16px;
}

li.list_head {
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	color: #999;
	padding:8px 0px 12px 24px;
}


/*********  begin similar hover states  *********/
h3 a:hover, .main li ul li a:hover{
	color:#f58025;
	text-decoration:none;
}
/*********  end similar hover states  *********/



/*********  begin form styles  *********/
label{
	font-size: 11px;
	line-height:18px;
	font-weight:bold;
	text-transform:uppercase;
	color: #999;
	padding:14px 0px 0px 0px;
}
span.required{
	color:#f58025;
	font-size:12px;
	padding:2px 0px 0px 4px;
}
input{
	width: 135px;
	margin:0px 15px 35px 0px;
	padding: 2px 2px 2px 2px;
	font-size:11px;
	color:#999;
}
.radio_buttons{
	width:140px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.radio_buttons p{
	padding:0px 0px 0px 0px;
	font-size:11px;
	line-height:11px;
	margin:0px 15px 0px 0px;
}
.radio_buttons input{
	width: auto;
	vertical-align:middle;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 0px;
}
input.submit{
	margin:20px 0px 0px;
	width: 90px;
}
textarea{
	width: 450px;
	font-size:11px;
	line-height:14px;
	color:#999;
	padding: 2px 2px 2px 2px;
}
table p{
	padding: 0px;
	margin:0px;
	display:inline;
}
table{
	margin: 10px 0px 0px 24px;
}
span.warning{
	color:#f58025;
	font-size:10px;
	padding:0px 0px 0px 3px;
	line-height:10px;
}
p.alert{
	color:#f58025;
	font-size:14px;
	background-image: url(images/caution-sign.gif);
	background-repeat:no-repeat;
	background-position: 22px 2px;
	padding:0px 0px 0px 40px;
}
.circle_arr a:link{
	background-image: url(images/outbound.gif);
	color: #666;
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 16px;
}
.main li ul li.outbound a:link, .main li ul li.outbound a:visited{
	background-image: url(images/outbound.gif);
	color: #666;
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 16px;
}
.circle_arr a:hover, .main li ul li.outbound a:hover{
border:none;
color:#f58025;
}
em.quote{
font-size: 14px;
color:#999;
font-style:normal;
}
/*********  begin form styles  *********/
ul.nav li a:hover,  ul.nav li a.current, .current, a.current{
	background-color: #d68545;
	border-bottom: 12px solid #CCC;
}