/*=================================================================

Title : 
URL : http://spangtv.com
Stylesheet Author : John McNiel - http://jgm3.net
Description : Spang TV website

Created : 
Modified : 

==================================================================*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 62.5%; 
	color: #FFF;
	background: #fff url(../_img/dzn/bg.jpg) no-repeat center 100px;
}

/*div {border:1px solid red;} */


/*====================== DIVS/SPANS ==================================*/

#outer
{
	background: #fff;
	width: 904px;
	margin: 0 auto;
	border-top:1px solid #cbc4a8;
}
#content
{
	background: #fff url(../_img/dzn/tilebg.jpg) repeat-y center top;
	overflow:auto;
	width:100%;
}


#home #content
{
	background: #fff url(../_img/dzn/homebg.jpg) no-repeat center top;
	width: 904px;
	height: 613px;
	overflow: hidden;
}
#work #content
{
	background: #fff url(../_img/dzn/work_bg.jpg) no-repeat center top;
	width: 904px;
	height: 539px;
	overflow: hidden;
}
#content
{
	margin-top:-20px;
}
#header
{
	float:left;
	width:166px;
	height:104px;
	margin-top:60px;
}
#header h1
{
	background: #fff url(../_img/dzn/spang_tv_logo.jpg) no-repeat left top;
	text-indent: -9999px;
	width:166px;
	height:104px;
	margin-top:-15px;

}
#header h1 a:link
{
	display:block;
	width:166px;
	height:104px;
	position:absolute;
}


#home_left
{
	background:transparent;
	width:345px;
	margin-top: 66px;
	margin-left:42px;
	float:left;
}

#home_right
{
	background:transparent;
	width:470px;
	margin-top: 20px;
	margin-right:20px;
	text-align:center;
	float: right;
}

#footer
{
	background: #94a8c1;
	width: 904px;
	height:30px;
	clear:both;
	margin:10px auto;
	text-align:center;
}
#vidPanel
{
	margin:0 auto;
	text-align: left;
	background:transparent;
	width: 471px;
	height:412px;
}

#vidPlayer
{  /*nothing works here*/  }
#homeVid
{
	margin-left:25px;
	margin-top: 10px;
}
#workVid
{
	margin-left: 423px;
	margin-top:46px;
	height:315px;
	width:410px;
}
#player
{
	margin-left:11px;
	margin-top:8px;
}
#otherFeatures
{
	background: #fff url(../_img/dzn/otherFtTile.gif) repeat-x left top;
	color: #333;
	width:454px;
    height:146px;
	margin-left: 2px;
	text-align:left;
	margin-top:15px;
	padding-bottom:5px;
	border-right: 1px solid #dc683f;
	border-left: 1px solid #dc683f;
	border-bottom: 1px solid #dc683f;
	overflow:hidden;
}

#vidMenu
{
	width:260px;
	height:340px;
	margin-left: 65px;
	margin-top: 40px;
	float:left;
}
#work_nav
{
	text-align:center;
	margin: 16px auto;
	overflow:auto;
	height:32px;
	width: 320px;
}
div#studio_left
{
	width: 355px;
	margin-left:70px;
	margin-top:35px;
	padding-bottom:30px;
	float:left;
	overflow:auto;
}

div#studio_right
{
	width: 350px;
	margin-left:15px;
	margin-top:35px;
	padding-bottom:30px;
	float:left;
	overflow:auto;
}

#talent #content
{
	padding-bottom:40px;
}

#cattab
{
	position: absolute;
	float:left;
	margin-top:0px;
	margin-left:-65px;
}
#catMenu
{
	background:#fff;
	border:1px solid #C0C0C0;
	padding:8px;
	display:block;
	width:100px;
	position:relative;
	margin-top:-160px;
	margin-left:25px;
}
/*====================== HEADINGS ====================================*/

h1, h2, h3, h4, h5, h6
{
	margin: 10px;
	font-weight:bold;
	color: #ef7247;
}
h1
{ font-size: 26px;}
h2
{ font-size: 26px;}
h3
{ font-size: 20px;}
h4
{ font-size: 16px;}
h5
{ font-size: 14px;}
h6
{ font-size: 13px;}


#otherFeatures h5
{
	color:#fff;
	font-size:11px;
	padding: 0 5px 2px 10px;
	margin:5px auto;
}
#vidPanel h5
{
	padding: 2px 0 4px 14px;
}
div.biodiv h6,
div.craftdiv h6
{
	color: #666666;
}
div.craftdiv h3
{
	margin-left:347px;
}
#work #content h3
{
	font-size:14px;
	margin-left:0;
}
#vidMenu h3
{
	margin-bottom:4px;
	margin-top:0;
	padding:0;
}
/*====================== CLASSES ======================================*/

.error
{
	color: #800000;
	font-weight: bold;
}
.blktxt
{
	color: #000;
}
div.biodiv
{
	width: 710px;
	margin-left:110px;
	margin-top:38px;
}
div.craftdiv
{
	width: 710px;
	margin-left:95px;
	margin-top:35px;
	padding-bottom:20px;
	overflow:auto;
}

span.biodiv_img
{
	/*background: transparent url(../img/dzn/picbg_sml.png) no-repeat center top;*/
	background: #fff url(../_img/dzn/picbg_sml.jpg) no-repeat center top ;
	width:198px;
	height: 212px;
	float:left;
	margin-right: 44px;
}
span.biodiv_imgb
{
	background: #fff url(../_img/dzn/picbg_smlb.jpg) no-repeat center top ;
	width:199px;
	height: 246px;
	float:left;
	margin-right: 44px;
}


span.craft_img
{
	background: #fff url(../_img/dzn/picbg_med.jpg) no-repeat center top ;
	width:345px;
	height: 265px;
	float:left;
	margin-right: 44px;
}
span.callback_img
{
	background: #fff url(../_img/dzn/picbg_call.jpg) no-repeat center top ;
	width:273px;
	height: 331px;
	float:left;
	margin-right: 44px;
}

span.studio_img
{
	background: #fff url(../_img/dzn/picbg_med2.jpg) no-repeat center top ;
	width:351px;
	height: 252px;
	float:left;
}

span.craft_img_sml
{
	background: #fff url(../_img/dzn/picbg_sml2.jpg) no-repeat center top ;
	width:239px;
	height: 238px;
	float:left;
	margin-right: 44px;
	margin-left:105px;
}


/*===================== TEXT FORMATTING =============================*/

p, a, li
{
	color: #333;
}

p
{
	padding: 16px;
	color: #333;
	font-size:12px;
	line-height:1.5em;
}
#home_left p
{
	width: 275px;
	font-size:12px;
}

#vidPanel p
{
	padding: 0 5px 2px 23px;
	width: 420px;
}
#footer p
{
	font-size:11px;
	color: #464646;
	padding:0;
	margin:0;
	line-height:1em;
}

#footer em
{color: #fff;}

div.biodiv p
{
	margin-left: 250px;
	padding: 2px 0 10px 0;
	line-height: 1.1em;
}
div.craftdiv p
{
	margin-left: 390px;
	padding: 2px 0 10px 0;
	line-height: 1.1em;
	padding-bottom:18px;
}
#studio_right p
{
	padding: 2px 0 10px 12px;
	line-height: 1.3em;
	padding-bottom:18px;
}

/*====================== LISTS ======================================*/

ul
{
	list-style: none;
}

li
{
	padding: 5px; 
	font-size: 12px;
	color: #333;
}
#footer ul
{
	margin: 0 auto;
	padding-top:9px;
	padding-left:60px;
}
#footer li
{
	display:inline;
	color:#333;
	font-size:10px;
	padding-left: 15px;
	padding-right: 15px;
}
ul#other_features
{
	height:89px;
	margin-top:10px;
}
#other_features li
{
	width: 118px;
	height: 89px;
	border: 1px solid #C0C0C0;
	float: left;
	font-size:11px;
	text-align:left;
	margin-left: 25px;
	margin-bottom:3px;
	padding: 0;

}
#vidlist ul
{
	width: 260px;
	float:left;
}
#vidlist li
{
	padding: 2px 0 1px 0;
	border-bottom: 1px solid #e8e8e8;
}
#vidMenu ul li ul li
{
	margin:0;
}
#vidMenu ul li ul 
{
	margin-top:-5px;
}
#work_nav li
{
	float:left;
	margin-left: 35px;
}
ul.recipe_list
{
	margin-left:390px;
}
ul.recipe_list li
{
	color: #2a61a6;
	font-weight:normal;
	font-size:12px;
	padding:2px;
	margin:0;
}
body#callbacks #content ul
{margin-left:247px;}

#catMenu ul li
{
	padding:4px;
}
/*====================== LINKS ======================================*/

a:link, a:visited
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{color: #ef7247;}

a:active
{color: #333333;}



#vidlist a:link,
#vidlist a:visited
{
	font-size: 12px;
	color: #333;
	display:block;
	font-weight: normal;
	padding: 2px;
}
#vidlist a:hover
{
	background: #dc683f;
	color: white;
}
#vidlist a:active
{}

#vidMenu ul li ul li a:link,
#vidMenu ul li ul li a:visited
{
	font-size: 14px;
	font-weight: bold;
	color: #989898;
	display:block;
	padding: 2px;
}
#vidMenu ul li ul li a:hover
{
	color: #dc683f;
}
#vidMenu ul li ul li a:active
{color: #dc683f;}

#work_nav a:link,
#work_nav a:visited
{
	font-size: 14px;
	font-weight: bold;
	color: #989898;
	display:block;
	padding: 2px;
}
#work_nav a:hover
{color: #dc683f;}

#work_nav a:active
{
	
}
#gmap
{
	color: #ef7247;
	text-decoration: underline;
}
#other_features li a:link,
#other_features li a:visited
{
	font-weight:normal;
}
div.biodiv ul li a:link, 
div.biodiv ul li a:visited
{
	color:#ef7247;
	text-decoration:underline;
}

div.biodiv ul li a:hover
{color:#333;}
div.biodiv ul li a:active
{}

#crnt_category 
{
	color: #dc683f;
}
/*====================== FORM ELEMENTS ======================================*/

body#callbacks #content label
{
	display: inline-block;
	width: 50px;
	color:#2a61a6;
	font-weight: bold;
}
/*====================== TABLES ======================================*/

/*====================== IMAGES ======================================*/
#dryerImg,
#dryerImg2
{
	position:relative;
	float:left;
	z-index:10;
}
#dryerImg
{
	top:-170px;
	left:-10px;
}
#dryerImg2
{
	top:-71px;
	left:-10px;
}
span.biodiv_img img
{margin:13px auto 0 15px;}
span.biodiv_imgb img
{margin:13px auto 0 15px;}

span.craft_img img
{margin:18px auto 0 18px;}

span.craft_img_sml img
{margin:21px auto 0 23px;}

span.studio_img img
{margin:21px auto 0 23px;}

span.callback_img img
{margin:21px auto 0 21px;}