/*----------------------------------------------------
		title:Elertz Publisher Site Style Sheet
		author: Gecko New Media www.geckonm.com
		modified: 5th June 07
----------------------------------------------------*/

/*----------------------------------------------------
		GLOBALS
----------------------------------------------------*/


*
	{
	margin:0;
	padding:0;
	border:none;
	}
	
	
.wrapper
	{
	background: #669900;
	height: 100% !important;
	margin: 0; /* the bottom margin is the negative value of the footer's height */
	}
	
body
	{
	background: #ffffff url(images/site_bg.jpg) left top repeat-x;
	text-align:center;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	height: 100% !important;
	margin: 0; /* the bottom margin is the negative value of the footer's height */
	}


html, body {height:100% !important;}


.goright {float:right;}
.goleft {float:left;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

a:link,a:active,a:visited { text-decoration: none; color : #ed6f01;}
a:hover		{ text-decoration: underline; color : #ed6f01; }

.news_art a {font-size: 0.9em; }

.clear 
	{
	clear: both;
	height:0px;
	display: block;
	visibility: hidden;
	content: ".";
	font-size:0px;
	}
	
/*----------------------------------------------------
		STRUCTURE
----------------------------------------------------*/

.whitebg
	{
	background: #ffffff url(images/site_bg.jpg) left top repeat-x;
	margin: 0; /* the bottom margin is the negative value of the footer's height */
	}




.page_holder
	{
	width: 860px;
	text-align:left;
	margin: 0 auto;
	padding-bottom: 20px;
	position:relative;
	border:0px solid red;
	background: #ffffff url(images/site_bg.jpg) left top repeat-x;
	}
	
img.logo
	{
	margin-left: 15px;
	}

.footer
	{
	clear: both !important;
	background:#669900;
	width: auto;
	text-align:center;
	padding-top: 5px;
	color: white;
	}
	
	


.pages_contact .footer
	{
	
	}

/*------------------homepage------------------------*/

ul.hp_reasons_why_boxes
	{
	margin-top: 10px;
	float:left;
	padding-bottom:15px;
	}
	
ul.hp_reasons_why_boxes li
	{
	float:left;
	width:229px;
	list-style-type:none;
	margin: 0 22px;
	display:inline;
	}
	
ul.hp_reasons_why_boxes li span
	{
	width:229px;
	
	line-height:134px;
	background:#fff url(images/reasons_why_box.jpg) left top no-repeat;
	text-align:center;
	display:block;
	}
	
ul.hp_reasons_why_boxes li span img
	{
	margin-top:10px;
	}
	
ul.hp_reasons_why_boxes li h2
	{
	color: #669900;
	font-size: 1.3em;
	margin: 8px 0;
	}
	
ul.hp_reasons_why_boxes li .learnmorebutton
	{
	margin-top: 0px;
	}
	
div.hp_upcoming_shows
	{
	background:url(images/hp_shows.gif) left top no-repeat;
	width: 282px;
	height:215px;
	padding: 10px;
	float:right;
	position:relative;
	right:20px;
	top: 20px;
	}
	
div.hp_upcoming_shows p
	{
	margin: 10px 10px 0 10px;
	font-size:11px;
	clear: left;
	float:left;
	width:265px;
	display:inline;
	}
div.hp_upcoming_shows h2
	{
	float:left;
	display:inline;
	clear: left;
	margin: 10px 10px 0 10px;
	}	
	
div.fp_editorial
{
	background: url(images/homepage/fp-editorial-bg.png) left top no-repeat;
	height: 210px;
	width: 410px;
	float: left;
	}
div.fp_editorial h2
{
color: #669900;
font-size: 1.3em;
padding: 15px 0 0 20px;
margin-top: 6px;
margin-right: 0pt;
margin-bottom: 4px;
margin-left: 0pt;
}

div.fp_editorial p
{
padding: 5px 0 0 25px;
font-size: 1.1em;
line-height: 1.4em;
margin-right: 10px;
margin-bottom: 10px;
}

div.fp_editorial li
{
margin-left: 32px;
padding: 0px 25px 0 5px;
font-size: 1.1em;
margin-right: 15px;
}

div.fp_editorial img
{

padding: 5px 0 0 25px;

}

.getstarted
{
text-decoration: none;
color : #ed6f01;
float: right;
margin-right: 25px;
}
.getstarted a:hover	
{ 
text-decoration: underline; 
color : #ed6f01; 
}


div.fp_news
{
	background: url(images/homepage/fp-editorial-bg.png) right top no-repeat;
	height: 210px;
	width: 410px;
	float: right;
}
div.fp_news h2
{
color: #669900;
font-size: 1.3em;
padding: 15px 0 0 20px;
margin-top: 6px;
margin-right: 0pt;
margin-bottom: 4px;
margin-left: 0pt;
}

div.fp_news h3
{

font-size: 1.2em;
padding: 15px 0 0 25px;
margin-top: 6px;
margin-right: 0pt;
margin-bottom: 4px;
margin-left: 0pt;
}

div.fp_news p
{
padding: 5px 0 0 10px;
font-size: 1.1em;
line-height: 1.4em;
margin-bottom: 10px;
}

.readmore
{
text-decoration: none;
color : #ed6f01;
padding-left: 300px;
margin-right: 25px;	
}
.readmore a:hover	
{ 
text-decoration: underline; 
color : #ed6f01; 
}
	
/*------------------internal pages-------------------*/	

div.left_column
	{
	float: left;
	width: 250px;
	margin-top:60px;
	text-align:center;
	}
	
div.right_column
	{
	float: left;
	width: 510px;
	margin-top:60px;
	}
div.right_column ul 
	 {
margin: 0;
padding: 0;
    }
div.right_column li
{
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 15px;
}	

div.header_img
	{
	margin: 20px 0;	
	}
	
ul.tutorial_list
	{
	
	}
	
ul.tutorial_list li
	{
	list-style-type:none;
	margin: 20px 0;
	padding:0;
	line-height:normal;
	display:table;
	clear:both;
	}
	
ul.tutorial_list li div
	{
	padding-left: 20px;
	width: 510px;
	margin:0;
	line-height:normal;
	float:left;
	}		
	
ul.tutorial_list li div h2
	{
	font-size:2.6em;
	padding:0;
	line-height:normal;
	margin:0;
	}		

p.video_duration, p.contact_title
	{
	color: #669900;
	margin:6px 0;
	padding:0;
	line-height:normal;
	}
	
ul.contacts_list
	{
	text-align:left;	
	}
	
ul.contacts_list li
	{
	list-style-type:none;
	display:table;
	margin: 15px 0;
	float:left;
	}
	
ul.contacts_list li div
	{
	margin: 18px 0 0 10px;
	display:inline;
	float:left;
	clear:right;
	}	
	
.pages_about_team ul.contacts_list li div
	{
	float:right;
	}
	
.pages_about_team ul.contacts_list li div
	{
	margin: 0 0 0 18px;
	width: 370px;
	padding-left:0px;
	float:left;
	display:inline;
	}
/*----------------------------------------------------
		TYPOGRAPHY
----------------------------------------------------*/

h2
	{
	font-size:1.6em;
	}

p
	{
	font-size: 1.2em;
	line-height:1.4em;
	margin-bottom: 15px;
	}
	
.footer p
	{
	font-size: 1em;
	}
	
h1
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:38px;
	font-weight:bold;
	color: #333333;
	letter-spacing:-2px;
	}
	
h1.mainheader
	{
	margin: 52px 0 0 15px;
	font-size:44px;
	}
	
h1.internalheader
	{
	margin: 52px 0 0 15px;
	font-size:44px;
	}
	
	
h2.contactbar
	{
	width: 100%;
	background-color: #f0f0f0;
	background-image:none;
	border: 1px solid #999999;
	margin:10px 0 15px 0;
	padding: 10px 0;
	text-align:center;
	clear:both;
	position:relative;
	top: 5px;
	}
	
h2.contactbar span
	{
	margin-left:50px;
	}
	
h2.contactbar a, h2.contactbar a:hover
	{
	text-decoration: underline;
	}	
	
h2.infobars
	{
	background: url(images/internal_h2_bg.jpg) left top no-repeat;
	height:34px;
	line-height:34px;
	padding-left:10px;
	margin-top:25px;
	margin-bottom:10px;
	}
	
p.hp_intropara
	{
	margin: 15px 0 0 15px;
	width:390px;
	}
	
ul.reasons_why_list
	{
	margin: 10px 0 10px 15px;
	
	}
	
ul.reasons_why_list li 
	{
	list-style-type:none;
	background:url(images/homepage/orange-tick.png) left 50% no-repeat;
	margin-bottom: 15px;
	line-height:15px;
	height: 30px;
	padding-left:40px;
	font-size: 1.2em;
	font-weight:bold;
	color: #000;
	}
	
	ul.reasons_why_list li a
	{
	list-style-type:none;
  color: #000;
	}

ul.benefitslist
	{
	margin-bottom: 10px;
	}
	
ul.benefitslist li
	{
	background:url(images/benefits_li.jpg) left 50% no-repeat;
	padding:5px 0 5px 30px;
	list-style-type:none;
	font-size:1.2em;
	}
	
	
p.contact_expert
	{
	height:75px;
	font-size: 11px;
	color: #000000;
	line-height:normal;
	background:url(images/mainheader_images/orange_grad.jpg) repeat;
	border: solid 1px #FF6633
	}
	

ul.normal_list 
	{
	margin-left: 30px;
	font-size: 1.2em;
	line-height:2em;
	margin-bottom: 15px;
	} 

/*------------------News----------------------*/
	
.dcontentdate {

	background: url(images/news/date.gif);
	float: left;
	width: 45px;
	height: 50px;
	margin-right: 10px;
	padding: 0px;

	}	

.dcontentdate h3 {

	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;

	}
	
	.dcontentdate h4 {

	font-family: Times New Roman, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 4px 0px 0px;
	margin: 0px;
	text-align: center;

	}
	
	.news {
	float: right;
	width: 505px;
    padding-bottom: 20px;
	margin: 0px;
	
	}
	
	.news_art {
	
	background: url(images/news/green_grad.jpg) no-repeat;
	Padding: 10px 0 20px 10px;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height:16px;
	margin-left: 50px;
	}
	
	
	.news_art h2 {
	
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	
	}

	
/*----------------------------------------------------
		NAVIGATION
----------------------------------------------------*/

/*------------------main nav----------------------*/

ul.primarynav
	{
	position: absolute;
	left: 15px;
	top: 86px;
	}
	
ul.primarynav li
	{
	float: left;
	list-style-type:none;
	}
	
ul.primarynav li a
	{
	height:28px;
	line-height:28px;
	border-left: 1px solid white;
	background: #ff6600 url(images/primary_nav_up_bg.jpg) left top repeat-x;
	display:block;
	float:left;
	padding: 0 10px;
	color:white;
	text-decoration:none;
	font-size: 1.4em;
	font-weight:bold;
	}

ul.primarynav li a:link,ul.primarynav li a:active,ul.primarynav li a:visited, ul.primarynav li a:hover
  {
  color:white;
  }

ul.primarynav li a:hover, ul.primarynav li a.current
	{
	background: #ff3300 url(images/primary_nav_over_bg.jpg) left top repeat-x;
	}
	
ul.primarynav li a.final_nav_item
	{
	border-right: 1px solid white;
	}
	
/*------------------footer nav---------------------*/	
	
ul.footernav
	{
	margin: 10px;
	}
	
ul.footernav li
	{
	list-style-type:none;
	display:inline;
	}

ul.footernav li a
	{
	color: white;
	padding: 0 5px;
	}
	
ul.footernav li a:link,ul.footernav li a:active,ul.footernav li a:visited, ul.footernav li a:hover
  {
  color:white;
  }		
	
	
/*------------------subnav------------------------*/

dl.subnav
	{
	width: 211px;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align:left;
	float:left;
	display:inline;
	}
	
dl.subnav dt
	{
	width: 196px;
	height:33px;
	line-height:33px;
	padding-left:15px;
	background:#ff8339 url(images/subnav_head.jpg) left top no-repeat;
	color:white;
	font-size:1.4em;
	font-weight:bold;
	}
	
dl.subnav dd
	{
	padding-bottom: 6px;
	background:#fff url(images/subnav_footer.jpg) left bottom no-repeat;
	}
	
dl.subnav dd ul li
	{
	border: 1px solid #ccc;
	border-bottom: none;
	list-style-type:none;
	}
	
dl.subnav dd ul li a
	{
	display:block;
	width: auto;
	padding: 5px 0 5px 30px;
	height:1%;  /*so IE6 catches up with the rest of the class*/
	font-size:1.2em;
	text-decoration:none;
	color:black;
	}
	
dl.subnav dd ul li a.tertnav
	{
	display:block;
	width: auto;
	padding: 4px 0 4px 45px;
	height:1%;  /*so IE6 catches up with the rest of the class*/
	font-size:1.1em;
	text-decoration:none;
	color:black;
	}
	
dl.subnav dd ul li a:link,ul.dl.subnav dd ul li a:active,dl.subnav dd ul li a:visited, dl.subnav dd ul li a:hover
  {
  color:black;
  }
  

dl.subnav dd ul li a:hover, dl.subnav dd ul li a.current
	{
	background:url(images/subnav_li.jpg) 10px 50% no-repeat;	
	}

dl.subnav dd ul li a.tertnav:hover
	{
	background:url(images/subnav_li.jpg) 25px 50% no-repeat;
	background-color: #f5f5f5;	
	}	
/*----------------------------------------------------
		'STICKY' Nav
----------------------------------------------------*/	

.pages_home .nav_home,
.pages_community .nav_community, 
.pages_tutorials .nav_tutorials, 
.pages_about_team .nav_about,
.pages_about_news .nav_press, 
.pages_about_ethos .nav_about, 
.pages_contact .nav_contact,
.pages_works_overview .nav_works, 
.pages_works_monetize .nav_works, 
.pages_works_customer .nav_works,
.pages_works_big_picture .nav_works,
.pages_works_customer_stories .nav_works,
.pages_works_stories .nav_works,
.pages_works_boost .nav_works,
.pages_works_stories2 .nav_works,
.pages_works_stories3 .nav_works,
.pages_works_stories4 .nav_works,
.pages_works_stories5 .nav_works,
.pages_works_partner .nav_works,
.pages_works_tech .nav_works,
.pages_works .nav_works,
.pages_works_broadcast .nav_works, 
.pages_works_brand .nav_works
	{
	background: #ff3300 url(images/primary_nav_over_bg.jpg) left top repeat-x;
	}
	
/*------------------'how it works' subnav------------------------*/

.pages_works_overview .hiw_nav_overview, 
.pages_works_monetize .hiw_nav_money, 
.pages_works_customer .hiw_nav_customer,
.pages_works_big_picture .hiw_nav_bigpic,
.pages_works_boost .hiw_nav_boost,
.pages_works_partner .hiw_nav_partner,
.pages_works .hiw_nav_home, 
.pages_works_broadcast .hiw_nav_broadcast, 
.pages_works_brand .hiw_nav_brand,
.pages_works_customer_stories .hiw_nav_customer_stories,
.pages_works_tech .hiw_nav_tech
	{
	background:url(images/subnav_li.jpg) 10px 50% no-repeat;	
	}

.pages_works_stories .hiw_nav_stories,
.pages_works_stories2 .hiw_nav_stories2,
.pages_works_stories3 .hiw_nav_stories3,
.pages_works_stories4 .hiw_nav_stories4,
.pages_works_stories5 .hiw_nav_stories5
	{
	background:url(images/subnav_li.jpg) 25px 50% no-repeat;	
	}

/*------------------'Schema Tutorial' subnav------------------------*/

.pages_tut_step1 .tut_nav_step1, .pages_tut_step2 .tut_nav_step2, .pages_tut_step3 .tut_nav_step3, .pages_tut_step4 .tut_nav_step4, .pages_tut_step5 .tut_nav_step5, .pages_tut_step6 .tut_nav_step6
	{
	background:url(images/subnav_li.jpg) 10px 50% no-repeat;	
	}
	
/*------------------'About US' subnav------------------------*/

.pages_about_ethos .about_nav_ethos,
.pages_about_team .about_nav_team,
.pages_about_news .about_nav_news
	{
	background:url(images/subnav_li.jpg) 10px 50% no-repeat;	
	}

/*----------------------------------------------------
		Schema Tutorial Nav
----------------------------------------------------*/	
p.tutorial_nav
	{
	margin:0;
	width: 510px;
	bottom: 10px;
	height: 39px;
	position:relative;
	bottom: 2px;
	background: #ed6f01 url(images/schema_wizard_step_images/tut_nav_back_bg.gif) left top no-repeat;
	}
	
	
p.tutorial_nav a
	{
	color:white;
	text-decoration:none;
	font-size: 1.4em;
	display:block;
	width: 235px;
	height:39px;
	margin:0;
	line-height:39px;
	}
	
	
p.tutorial_nav a.tutorial_nav_back
	{
	float:left;
	padding-left:20px;
	background: #ed6f01 url(images/schema_wizard_step_images/tut_nav_back_bg.gif) left top no-repeat;
	}
	
p.tutorial_nav a.tutorial_nav_next
	{
	display:block;
	padding-right:20px;
	background: #ed6f01 url(images/schema_wizard_step_images/tut_nav_next_bg.gif) right top no-repeat;
	text-align:right;
	float:right;
	}
	
p.tutorial_nav a:hover.tutorial_nav_back
	{
	background: #8bc33e url(images/schema_wizard_step_images/tut_nav_back_bg_over.gif) left top no-repeat;
	}
p.tutorial_nav a:hover.tutorial_nav_next
	{
	background: #8bc33e url(images/schema_wizard_step_images/tut_nav_next_bg_over.gif) right top no-repeat;
	}
	
p.tutorial_nav a:link,p.tutorial_nav a:active,p.tutorial_nav a:visited, p.tutorial_nav a:hover
  {
  color:white;
  }		
	
div.header_img h2
	{
	height:39px;
	line-height:39px;
	color:white;
	width: 490px;
	background:#ed6f01 url(images/schema_wizard_step_images/tut_header.gif) left top no-repeat;
	padding-left:20px;
	}


/*----------------------------------------------------
		CONTACT FORM
----------------------------------------------------*/

.contact_form
	{
	border: 1px solid #ccc;
	width: 352px;
	padding-top: 3px;
	text-align:left;
	font-size: 1.2em;
	margin-top: 20px;
	}
	
fieldset 
	{
	background: url(images/contact_header.jpg) center top no-repeat;
	padding-top: 60px;
	}

.contact_form label 
	{
	display:inline;
	width: 9em;
	float: left;
	margin: 6px 0;
	text-align: left;
	margin-left: 25px;
	}

.contact_form input, .contact_form select
	{
	border: 1px solid #999;
	margin: 5px 0;
	}

.contact_form textarea 
	{
	border: 1px solid #999;
	height: 160px;
	width: 300px;
	margin-left: 25px;
	}
	
.contact_form #submit 
	{
	border:none;
	margin: 10px 0 10px 120px
	}

table.contact_form_results 
	{
	margin-top:20px;
	border:3px solid #ed6f01 ;
	font-size:1.2em;
	display:table;
	overflow:visible;
	float:left;
	}
	
table.contact_form_results td 
	{
	padding:3px;
	}
	
table.contact_form_results ul 
	{
	padding-left:20px;
	}

/*----------------------------------------------------
		ELRTZ/EMAIL etc Comparison Table
----------------------------------------------------*/
	
table.elertz_comparison_table 
	{
	width: 100%;
	/*border: 1px solid #6699cc;*/
	font-size: 1.1em;
	}

table.elertz_comparison_table caption
	{
	font-size: 0px;
	height:0px;
	width:0px;
	overflow:hidden;
	color:white;
	}

table.elertz_comparison_table td
	{
	padding: 3px;
	text-align:center;
	width: 45px;
	}

table.elertz_comparison_table tr
	{
	background: #fff url(images/comp_table_bg.jpg) left top repeat-y; 
	text-align:left;
	width: auto;	
	}

table.elertz_comparison_table td.comparison
	{
	text-align:left;
	width: auto;	
	padding-right:0;
	}

table.elertz_comparison_table th
	{
	padding: 7px;
	background-color: #e5e5e5;
	color: #444;
	text-align:center;
	}
/*----------------------------------------------------
		Gecko BAcklink :-)
----------------------------------------------------*/
	
p.backlink a:link,p.backlink a:active,p.backlink a:visited, p.backlink a:hover
	{
	font-size:0.9em;
	color: white;
	}
	

/*----------------------------------------------------
		Partner Login Link
----------------------------------------------------*/
	
	
div.toplinks
	{
	position:absolute;
	top:10px;
	right:0;
	}	
	
a.partner_link, a.partner_link:link, a.partner_link:active,a.partner_link:visited, a.partner_link:hover
	{
	font-size:1em;
	color: black;
	text-decoration:none;
	margin-left: 10px;
	}
	
a.partner_link:hover
	{
	color: #ed6f01 ;
	}
	
	
	/*----------------------------------------------------
		Help And Support
    ----------------------------------------------------*/
li.helpfaq
{
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 15px;
}