/*
Theme Name: Intrigue Media
Author: Market Directors


*/


body
{
	background:#FFF;
	font-family:Helvetica, Arial,  sans-serif;
	font-size:11px;
	line-height:normal;
	color:#333;
	padding:0px;
	margin:0px;
	margin-top:-40px;
}

a
{
	outline:none;
	color:#333;
	text-decoration:underline
}

a:hover
{
	outline:none;
	color:#999;
	text-decoration:underline
}

/* Image Float Styles */
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}



/* Font style for "Video Advertising" - color taken from "Video Advertising" image */
h1 	
{
	font-family: "Century Gothic", "Heiti SC", sans-serif ; /*Since Century Gothic isn't a standard Mac font, I specified Heiti TC as a second font, since it was the closest alternative I could find.*/
	font-weight: bold;
	font-size:83px;
	color: #faa315; /* This colour was taken directly from the image, and slightly differs from the h2 font-color value. */
	letter-spacing: 5px;
	line-height:98%;
	margin: 30px 5px 35px 0px;
}

/* Font style for “Why advertise to people at home...” - color taken from website CSS */
h2	
{
	font-family: Helvetica, Arial, sans-serif ;
	font-weight: bold;
	font-size:24px;
	color:#FD970B;
	padding:5px;
	padding-left:0;
	line-height:normal!important;
	clear: both;
}

/* Font style for “High Definition Video”*/
h3	
{
	font-family: Helvetica, Arial, sans-serif ;
	font-weight: bold;
	font-size: 16px;
	color: #999999;
	margin:5px 0px;
}

p, ul li	
{
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 16px;
	color: #999999;
	line-height:150%;      
}

/* ul li 
{
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 16px;
	color: #999999;
	line-height:150%;      
}

*/
	
span.green
{
	font-family: "Century Gothic", "Heiti SC", sans-serif ; /*Since Century Gothic isn't a standard Mac font, I specified Heiti TC as a second font, since it was the closest alternative I could find.*/
	font-weight: bold;
	font-size: 16px;
	color: #53ac0d;
	letter-spacing:1pt;
}
	
#greenright	
{
	font-size: 20px;
}
	
a.green
{
	font-family: "Century Gothic", "Heiti SC", sans-serif ; /*Since Century Gothic isn't a standard Mac font, I specified Heiti TC as a second font, since it was the closest alternative I could find.*/
	font-weight: normal;
	font-size: 18px;
	color: #53ac0d;
	text-decoration:none;
	letter-spacing:1pt;
	float:right;
}

a.PlainLink
{
text-decoration:none;
}

a#CallToAction
{
	font-family: Helvetica, Arial, sans-serif ;
	font-weight: bold;
	font-size: 16px;
	color: #FD970B;
}

img
{
	border:0px;
}

img a
{
	border:0px;
}

.clear
{
	clear:both;
}

.float_left
{
	float:left;
}

.float_right
{
	float:right;
}

/****************image overlay for video advertising****************/
div#VidAd
{
	background-image: url('http://www.intrigueme.ca/wp-content/uploads/2011/10/intrigueEdit.png');
	background-repeat: no-repeat;
	background-position: left top;
	width: 867px;
	height: 641px;
	padding-left:35px;
	margin-left: 15px; 
	
		
}

#VidAd div.VidAdLeft 
{
	background-image:none;
	float:left;
	width:500px;
	height:325px;
	z-index:997;
}

#VidAd p.VidAdLeft 
{
	font-family: "Century Gothic", "Heiti SC", sans-serif ; /*Since Century Gothic isn't a standard Mac font, I specified Heiti TC as a second font, since it was the closest alternative I could find.*/
	font-weight: normal;
	font-size: 20px;
	font-style: italic;
	letter-spacing: 1px;
	line-height:120%;
	margin: 10px 0;
	color: #6b6b6b;
}

#VidAd div.VidAdRight
{
	position:relative;
	background-image:none;
	width:270px;
	float:right;
	top:280px;
	right:94px;
	z-index:998;
}

#VidAd div.VidAdRight p
{
	font-family: "Century Gothic", "Heiti SC", sans-serif ; /*Since Century Gothic isn't a standard Mac font, I specified Heiti TC as a second font, since it was the closest alternative I could find.*/
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;
	color: #6b6b6b;
}

#VidAd div.VidAdRight img
{
	float:left;
	margin-right: 8px;
}

/**************Code for rollover button******************/

#IntrigueTV
{
  display: block;
  width: 356px;
  height: 154px;
  background: url("http://www.intrigueme.ca/wp-content/uploads/2011/10/ibutton.jpg") no-repeat 0 0;

}

#IntrigueTV:hover
{ 
  background-position: 0 -154px;
}

#IntrigueTV span
{
  position: absolute;
  top: -999em;
}


/****************wrapper****************/

#wrapper
{
	width:1010px;
	/*width:1003px;*/
	margin:50px auto 0px auto;
}

/****************left****************/

#left
{
	width:931px;
	margin-right:17px;
	float:left;
}

/****************icons****************/

#icons
{
	width:55px;
	float:left;
	padding-top:120px;
}

#icons img
{
	margin-bottom:11px;
}


/****************header****************/

#header
{
	width:931px;
	height:90px;
	margin-bottom:16px;
}

.logo
{
	width:337px;
	margin-right:298px;
	float:left;
}

.login
{
	width:125px;
	margin-right:26px;
	float:left;
}

.login ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	padding-top:35px;
}

.login ul li
{
	background:url(images/sep.jpg) no-repeat left center;
	color:#505050;
	float:left;
	text-align:left;
	padding:0px 8px;
	text-transform:uppercase;
	font-size:10px
}

.login ul li.nobr
{
	background:none;
}

.login ul li a
{
	color:#505050;
	text-decoration:none;
}

.login ul li a:hover
{
	color:#505050;
	text-decoration:underline;
}

.search
{
	width:145px;
	float:left;
	padding-top:30px;
}

.searchfield
{
	width:133px;
	border:1px solid #dfdfdf;
	padding:4px 5px 4px 5px;
	font-size:9px;
	color:#999;
}

/****************content****************/

#content
{
	background:#FFF;
	-moz-box-shadow: 0 0 15px 3px #999; /* Firefox */
  	-webkit-box-shadow: 0 0 15px 3px #999; /* Safari, Chrome */
	-webkit-shadow-box: 0 0 15px 3px #999; /* Safari, Chrome */
  	box-shadow: 0 0 15px 3px #999; /* CSS3 */
	border:1px solid #BCBCBC;
	width:917px;
	padding:7px;
	margin-bottom:30px;
}

/************middle*************/

.content-top
{
	width:917px;
	height:26px;
	padding-top:6px;
}

.topdate
{
	width:200px;
	float:left;
	color:#4f4f4f;
	margin-right:200px;
	text-transform:uppercase;
}

.topnav
{
	width:800px;	/* MD: original value: 502px */
	position:relative;
	left: 175px;
}

.topnav ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.topnav ul li
{
	font-size:11px;
	font-weight:bold;
	color:#f7a30c;
	float:left;
	text-align:left;
	padding:0px 11px 10px 11px;
	text-transform:uppercase
}

.topnav ul li a
{
	color:#f7a30c;
	text-decoration:none;
}

.topnav ul li a:hover
{
	color:#622232;
	text-decoration:none;
}


.topnav ul ul 
{
padding:0px;
margin:0px;
}


.topnav ul ul li
{
	margin:0px;
	padding:0px;

}

.topnav ul ul li a
{
	padding:10px;
	margin:0px;
	width:150px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	background: #F2F9E9;
	border-bottom:1px #FFF solid;
}

/************content-middle*************/

.content-middle
{
	width:917px;
	margin-bottom:13px;
}

.slideshow-area
{
	width:700px;
	height:325px;
	float:left;
	margin-right:3px;
	text-align:center;
	font-size:18px;
}

.video-area
{
	width:214px;
	float:left;
}

.intro-video
{
	width:214px;
	height:162px;
	margin-bottom:1px;
	text-align:center;
	font-size:14px;
}

.client-video
{
	width:214px;
	height:162px;
	text-align:center;
	font-size:14px;
}

/************content-bottom*************/

.content-bottom
{
	width:917px;
	height:27px
}

.content-bottom ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.content-bottom ul li
{
	background:url(images/bullet.jpg) no-repeat left center;
	font-size:11px;
	color:#000;
	text-transform:uppercase;
	padding-left:15px;
	line-height:27px;
	float:left;
	text-align:left;
	padding-right:68px;
}

.content-bottom ul li a
{
	color:#000;
	text-decoration:none;
}

.content-bottom ul li a:hover
{
	color:#cacaca;
	text-decoration:none;
}

/****************subfooter****************/

#subfooter
{
	background:#FFF;
	width:931px;
	margin-bottom:30px;
}

.subfooter-box
{
	width:257px;
	margin-right:5px;
	float:left;
	padding:15px 25px;
	line-height:18px;
}

.subfooter-box a
{
	text-decoration:none;
	float:right;
}

.subfooter-box h2
{
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.subfooter-box p
{
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	padding-top:10px;
}

.nomar
{
	margin:0px;
}

/****************footer****************/

#footer
{
	background:#FFF;
	height:31px;
	text-align:center;
	line-height:31px;
	font-size:11px;
	color:#4d4d4d;
	text-transform:uppercase;
	margin-bottom:30px;
}

/****************inner page 1****************/

.inner-content-top
{
	width:917px;
	margin-bottom:13px;
}

.inner-content-topleft
{
	width:327px;
	height:335px;
	margin-right:10px;
	margin-top:19px;
	padding:0px;
	float:left;
	position:absolute;	/* MD Feb 2011 */
	text-align:center;
}

.inner-content-topmiddle
{
	width:405px;
	height:335px;
	margin-right:30px;
	margin-top:19px;
	padding:0px;
	float:left;
	text-align:center;
}

.inner-content-topright
{
	width:120px;
	float:left;
	padding-right:17px;

}

.scrollbutton
{
	height:12px;
	text-align:center;
}

.DYTWcredits{
	display:none;
	}

.scrollbutton-bottom
{
	width:23px;
	height:12px;
	text-align:center;
	margin-top:5px;
	padding-left:36px;
}

.scroll-area
{
	height:335px;
	margin:5px 0px;
	
}

div#wn {height:335px;
 position:relative; 
 overflow:hidden;
}

.scroll-area img
{
	margin-bottom:15px;
}

.inner-content-bottom
{
	width:850px;
	padding:25px 25px 15px 25px;
	text-align:justify;
	font-size:12px;	
}

.inner-content-bottom p
{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}

/*********************blank page***********************/

.blank-middle
{
	width:897px;
	padding:10px;
	min-height:400px;
	color:#333;
}

.blank-middle p
{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
}



/*********************Slide Show***********************/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 700px; /*width of featured content slider*/
height: 325px;
}



.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 700px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination{
	width: 917px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height:27px;
	margin-left:13px;	/* Custom modification: line up the navigation with the slideshow */
}

.pagination a{
	background:url(images/bullet.jpg) no-repeat left center;
	font-family:Helvetica, Arial,  sans-serif;
	font-size:10px;
	color:#000;
	text-transform:uppercase;
	padding-left:15px;
	line-height:27px;
	float:left;
	text-align:left;
	padding-right:20px;
	text-decoration:none;
}

.pagination a:hover, .pagination a.selected{
color: #999;
}



/*********************Super Fish***********************/



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:1000;
	margin-left:-2px;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.6em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			171px; /* match ul width */
	top:			0;
	z-index:9999;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}



/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0px;
	
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-sub-indicator {
	display:none;
	}


ol.commentlist {
	font-size:12px;
	margin-left:10mm; 
	margin-right:10mm;
}

ol.commentlist li {
	margin-bottom:20px;
}


/*** SEO - LINKS (footer) ***/
#seolinks {
	background-color:#f7f7f7; 
	border-top: solid 1px #cccccc;
	width:100%;
	overflow-y:hidden; 
	overflow-x:hidden;
	margin-bottom:30px; 
	font-size:9px;
}

#seolinks_content {
	float:left;
}

#seolinks_list {
	float:left; 
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
}

#seolinks_parent_page {
	list-style:none; 
	text-align:left; 
	margin-bottom:0px;
}

#seolinks_sub_page {
	list-style:none; 
	text-align:left;
	margin-bottom:-5px;
}

#seolinks_link {
	text-decoration:none;		font-size: 14px;
}