﻿@charset "utf-8";

/*---------------------------------------------

Filename: main_styles.css
Title: Main Styles for PPF Site
Author: Shane Traill - First Media Solutions


---------------------------------------------*/

body {
	font-family:"Trebuchet MS",Trebuchet,arial,sans-serif;
	background: url(../assets/main-bg.jpg) no-repeat #fff;
	background-position: center top;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

html {
	font-family:"Trebuchet MS",Trebuchet,arial,sans-serif;
	background: url(../assets/main-bg.jpg) no-repeat #fff;
	background-position: center top;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
* {margin: 0px; padding: 0px;}
a img {border: none;}


.ButtonRollover{
cursor:pointer;
}
/*------------------------------------------------- Framework --*/

#wrapper {width: 970px; margin: 0 auto; text-align: left;}

#contentwrapper {width: 970px; float: left; margin: 0px 0px 0px 0px;}

body#home #leftcol {width: 189px;  float: left; margin: 0px 9px 20px 0px;  padding: 0px 0px 0px 0px;}
body#home #primarycontent {width: 500px;  float: left; margin: 0px 10px 10px 0px;}
body#home #secondarycontent {width: 242px;  float: left; margin: 0px 0px 10px 0px;}

body#threecol #leftcol {width: 189px; float: left;  margin: 0px 9px 20px 0px; padding: 0px 0px 0px 0px; }
body#threecol #primarycontent {width: 561px; float: left; margin: 0px 9px 10px 0px; }
body#threecol #secondarycontent {width: 200px; float: left; margin: 0px 0px 10px 0px;}

body#twocol #leftcol {width: 189px;  float: left; margin: 0px 9px 20px 0px;  padding: 0px 0px 0px 0px;}
body#twocol #primarycontent {width: 740px;  float: left; margin: 0px 10px 10px 0px;}
body#twocol #secondarycontent {display: none; z-index: -10;}


/*------------------------------------------------- Masthead --*/

#masthead{
	height: 142px;
	margin: 0px 0px 0px 0px;	
}

#masthead img{
	float:left;
	margin: 7px 0px 7px 40px;
}

#masthead-conf-sponsors{
	background: url(../assets/header.jpg) no-repeat;
	float: right;
	width: 728px;
	height: 70px;
	margin: 20px 47px 0px 0px;
}

#masthead h1.home { 
	background:url(../assets/masthead.gif);
	float:right; 
	margin: 11px 10px 0px 0px;
}

/*------------------------------------------------- TopNav --*/

#topnav{
	height: 32px;
	float:left;
	background: url(../assets/main-menu-bg.gif);
	width:970px;
	margin: 0px 0px 0px 0px;
	text-transform:uppercase;
}

#topnav ul{
	font-family:Arial, Helvetica, sans-serif;
	padding: 7px 0px 0px 0px;
	font-size:.8em;
	color:#fff;
	font-weight:bold;
}

#topnav li{
	padding:0px 10px 0px 10px;
	border-right: 1px solid #ccc;
	display: inline;
}

body.homepage #topnav li a.nav_home{color:#333333;}
body.about #topnav li a.nav_content{color:#333333;}
body.aims #topnav li a.nav_speakers{color:#333333;}
body.members #topnav li a.nav_venue{color:#333333;}
body.news #topnav li a.nav_register{color:#333333;}
body.contact #topnav li a.nav_sponsor{color:#333333;}



#topnav li a:visited{
	color:#fff;
	text-decoration: none;
}



#topnav li a:link{
	color:#fff;
	text-decoration: none;
}

#topnav li a:hover{
	color: #333333;
}

/*------------------------------------------------- Left Colum --*/

#leftcol h1{
	font-size:1em;
	color:#FFFFFF;
	width:165px;
}

#leftcol ul{
	float:left;
	margin: 30px 0px 0px 0px;	
}

#leftcol li{

	list-style:none;
	padding: 5px 0px 10px 0px;		
}


#leftcol li.ppf-members{
	border-top:none;
	height:20px;
}

#leftcol li.ppf-associate-members{
	border-top:none;
	height:20px;
}


/*------------------------------------------------- Primary Content --*/

#primarycontent h1 {
	font-size:1.2em;
	color:#000066;
	margin: 20px 0px 30px 0px;
}


#primarycontent h2 {
	color: #000066;
	font-size: .9em;
	font-weight:bold;
	margin: 35px 0px 0px 0px;
}

#primarycontent h2.orange {
	color:#FF9D03;
	font-size: .7em;
	margin: 10px 0px 0px 0px;
}

#primarycontent h2 a:visited{
	color: #666666;
	font-size: 1em;
	text-decoration:underline;
	margin: 10px 0px 10px 0px;
}

#primarycontent h2 a:link{
	color: #666666;
	font-size: 1em;
	text-decoration:underline;
	margin: 10px 0px 10px 0px;
}

#primarycontent p {
	color: #000;
	font-size:.75em;
	line-height:1.6em;
	margin: 10px 0px 0px 0px;
}

#primarycontent p a:visited{
	color: #000;
	text-decoration:underline;
}

#primarycontent p a:link{
	color: #000;
	text-decoration:underline;
}

#primarycontent ul {
	margin: 10px 0px 10px 0px;	
}

#primarycontent li {
	list-style:none;
	color: #000;
	line-height:1.6em;	
	font-size: .75em;
}

#primarycontent img {
	float:left;
	margin: 0px 10px 10px 0px;
}

#primarycontent p.prices {
	color:#FF9D03;
	font-size: 1.2em;
	line-height:1.2em;
	font-weight:bold;
;
}

/* ----------------- Secondary Content ----------------*/
#secondarycontent h1{
	color:#000066;
	font-size:1.2em;
	margin: 20px 0px 0px 10px;
}

#secondarycontent h2{
	color:#000066;
	font-weight:normal;
	text-transform:uppercase;
	font-size:.7em;
	margin: 25px 0px 0px 10px;
}

#secondarycontent p{
	margin: 3px 0px 0px 10px;
	font-size: .75em;
	color:#000;	
}

#secondarycontent p a:visited{
	color: #999;
	text-decoration:underline;
}

#secondarycontent p a:link{
	color: #999;
	text-decoration:underline;
}
/*------------------------------------------------- Speaker List--*/

#primarycontent ul.speakerlist {
	margin: 10px 0px 0px 0px;	
}

#primarycontent li.speakerlist {
	color:#063774;
	width: 561px;
	border-top:solid 1px #CCCCCC;
	list-style:none;
	padding: 10px 0px 10px 0px;	
	float: left;
}
#primarycontent li.speakerlist h1 {
	font-weight:bold;
	font-size:1em;
	margin: 0px;
}
#primarycontent li.speakerlist img{
	margin: 0px 10px 0px 0px;
	float: left;
}

/*------------------------------------------------- Promo Panels--*/
#promo-panels{
	width: 772px;
	float:left;
	margin: 0px 0px 10px 0px;
}

#promo-panels-small{
	width: 180px;
	margin: 0px 10px 0px 0px;
	float:left;
	font-size:.7em;
}

#promo-panels-small h1.content {cursor:pointer; background: url(../assets/1_content.jpg); width:180px; height:138px;}
#promo-panels-small h1.speakers {cursor:pointer; background: url(../assets/2_speakers.jpg); width:180px; height:138px;}
#promo-panels-small h1.venue {cursor:pointer; background: url(../assets/3_venue.jpg); width:180px; height:138px;}
#promo-panels-small h1.book {cursor:pointer; background: url(../assets/4_register.jpg); width:180px; height:138px;}

body#home #promo-panels-small h2{margin: 5px 0px 0px 0px; font-size: 1em;}
body#home #promo-panels-small h2.orange{color:#FF9D02;}
body#home #promo-panels-small h2.blue{color:#063774;}

body#home #promo-panels-small p{margin: 5px 0px 0px 0px; line-height:1.1em;}

body#threecol #promo-panels-small h2{display:none;}
body#threecol #promo-panels-small p{display:none;}


/*------------------------------------------------- second column --*/
#book-now-ad {
	cursor:pointer; 
	background:url(../assets/book.jpg);
	width:180px;
	height:713px;
}


/*------------------------------------------------- conference-sponsors --*/

#conference-sponsors{
	background: url(../assets/header.jpg) no-repeat;
	float: right;
	width: 750px;
	height: 70px;
	margin: 20px 22px 20px 0px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}

#partners {
	/*background: url(../assets/members2.jpg) no-repeat;*/
	width:950px;
	height:80px;
	float:left;
	margin:0px 0px 10px 10px;
	padding: 10px 0px 0px 0px;
	/*border-bottom:#999999 solid 1px;	*/
	}

#vertical-banner {
	background:url(../assets/banner-left.jpg) no-repeat;
	float:left;
	width:181px;
	height:400px;
	margin: 20px 0px 0px 0px; 
}

/*------------------------------------------------- Footer --*/

#footer {
	float: right;
	clear: both;
	width: 970px;
	height: 100px;
	}

#footer-bar{
	width: 100%;
	height: 50px;
	float: LEFT;
	margin: 20px 0px 0px 0px;
}

#footer-bar-blue{
	width: 970px;
	height: 10px;
	background:#a7a7a7;
	margin: 0px 0px 5px 0px;
}

#footer-bar h1{
	float:left;
	font-size: .65em;
	color:#000;
}


#footer-bar h2{
	float:right;
	font-size: .65em;
}

#footer-bar h2 a:visited{
	color: #000;
	font-weight:bold;
	text-decoration: underline;
}

#footer-bar h2 a:link{
	color: #000;
	font-weight:bold;
	text-decoration: underline;
}

#footer-bar h2 a:hover{
	color:#FF9900;
	text-decoration:underline;
}
