/*
Theme Name: easyPG theme
Theme URI: http://www.easypg.com
Description: easyPG theme
Version: 1.0
Author: Distant Support Virtual Assistants (Philippines)
Author URI: http://www.distantsupport.com
*/

body, html {
  margin:0;
  padding:0;
  background:#ffffff;
  height: auto;
  font: normal normal 11pt tahoma, verdana, arial, sans-serif;
  color: #000;
}
sup {font-size: 9px !important; line-height: 0.25em !important; }

#header_bg {background:#fff url(images/header_bg.png) top center repeat-x; width: 100%; height: 195px; margin: 0 auto; padding: 0 0 0 0; _padding: 0;}

#header {
  display: block; 
  background:#fff url(images/header.png) top center no-repeat;
  width: 945px;
  height: 195px; 
  margin: 0 auto; 
  padding: 0;

}

#header h1 {
  position: relative; 
  display: inline; 
  margin: 30px 0 0 120px; 
  padding: 0; 
  font: normal normal 24px verdana; 
  color: #7d1c5f; 
}

#headline_bg {background:#fff url(images/headline_bg.png) top center repeat-x; width: 100%; height: 285px; margin: 0 auto; padding: 0 0 0 0; _padding: 0;}

#headline {
  background:#fff url(images/headline.jpg) top center no-repeat;
  width: 925px;
  height: 270px; 
  margin: 0 auto; 
  padding: 0;

}
#headline table {margin: 0 auto; margin-top: 170px;}
#headline table td {width: 300px; text-align: left; padding-left: 10px;}

#headline table td a img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;    
}

#headline table td a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#content_bg {width: 100%; height: auto; margin: 0 auto; padding: 0; }

#content {
  display: block; background: url( 'images/content_mid.png' ) top center repeat-y;
  width: 945px; height: auto !important; margin: 0 auto; z-index: 100; padding: 0; overflow: hidden;
}

#content_top {display: block; width: 945px; height: 20px; margin: 0 auto; padding: 0;}

#menu_nav {width: 945px; height: 30px; margin: 0 auto; padding: 150px 0 0 0; text-align: center;}
#menu_nav ul {margin: 0; padding: 10px 12px 0 0; list-style-type: none;}
#menu_nav li {margin: 0; padding: 5px 0 0 0; float: right;} 
#menu_nav a#selected, #menu_nav a#selected:hover {background: #e6c951; color: #000;}

#menu_nav a {
	display: block;
	margin: 0; padding: 0;
	width:115px; height:30px;
	overflow:hidden;
	font: normal 9pt tahoma, verdana, sans-serif !important;
	color: #fff !important;
	text-decoration: none;
    text-align: left;
    text-indent: 10px;
	background: url( 'images/menu_nav.png' ) top left no-repeat;
	}
#menu_nav span {
	display: block;
	margin:0; padding: 8px 0 0 1px;
	}
#menu_nav a:hover {
	background: url( 'images/menu_nav.png' ) 0 -30px no-repeat;
    font-weight: normal;
	color: #333 !important;
	}
#menu_nav a#selected, #menu_nav a:hover#selected {
	background: url( 'images/menu_nav.png' ) 0 -60px no-repeat;
    font-weight: normal;
	color: #ffffff !important;
}
    
#footer_bg {clear: both; background: url(images/footer_bg.png) top center repeat-x; width: 100%; height: 75px; margin: 0 auto; padding: 0;}

#footer {
  clear: both;
  display: block;
  background: url(images/footer.png) top center no-repeat;
  width: 945px;
  height: 75px;
  margin: 0 auto;
  font-size: 9pt;
  padding: 0;
}

#footer a, #footer a:visited, #footer a:hover {color: #933493; text-decoration: none; font-weight: bold;}
#footer p {width: 900px; margin: 0 auto; padding-top: 36px; text-align: center;}

#content br {height: 12px !important;}
#content h2 {font: normal bold 22px verdana; width: 700px; margin: 0 auto; padding: 0; color: #80007e;}
#content h3 {font: normal bold 18px verdana; color: #333; width: 700px; margin: 0 auto; padding: 0; }
#content h4 {font: normal bold 16px verdana; color: #333; width: 700px; margin: 0 auto; padding: 0; }
#content p {width: 700px; margin: 0 auto; padding: 0; text-align: justify;}
#content ul, #content  ol {width: 650px; padding: 0;  margin-left: 120px; padding-left: 15px; line-height: 1.1em; }
#content ul li {padding-bottom: 10px;}
#content hr {width: 700px;}
#content a, a:visited {text-decoration: none; font-weight: bold; color: #7a1b5d;}
#content a img {border: 0px solid #fff;}
#content blockquote {width: 550px; margin: 0 auto;}

.panel {
   display: block;
   background: url(images/panel_mid.png) top center repeat-y; 
   width: 550px;
   height: auto;
   color: #000; /* #008b98; */
   margin: 0 auto;
   padding: 0;
}

.quotes_2 {
   display: block;
   background: url(images/panel_mid_pink.png) top center repeat-y; 
   width: 550px;
   height: auto;
   color: #000; /* #008b98; */
   margin: 0 auto;
   padding: 0;
}


.panel .topbtm, .quotes_2 .topbtm {margin: 0 auto; padding: 0;}
.panel p, .quotes_2 p {width: 500px !important; font-size: 13px; margin: 0 auto; padding: 0 0 10px 0 !important; line-height: 1.3em !important;}
.panel ul, .quotes_2 ul {width: 460px !important; font-size: 13px; margin: 0 0 0 25px !important; padding: 0; line-height: 1.3em !important;}
.panel ul li, .quotes_2 ul li {padding-left: 5px !important;}
.panel h2, .quotes_2 h2 {width: 500px !important; font-size: 18px !important; line-height: 1.1em !important; text-align: center; margin: 0 auto; padding: 10px 0 15px 0 !important; color: #000 !important;}

.alert {
   background: #fff url(images/alert_mid.png) top center repeat-y; 
   width: _24px;
   height: auto;
   color: #355d86; /* #008b98; */
   margin: 0 auto;
}


.floatleft {display: inline; float: left; padding: 0 15px 5px 0;}
.floatright {display: inline; float: right; padding: 3px 0 5px 15px;}
.center {text-align: center !important; margin: 0 auto !important;}
.indent {margin-left: 100px !important; width: 600px !important;}
.purple {color: #9c4392 !important;}
.green {color: #4c9800 !important;} /* #4c9800 */
.blue {color: #003366 !important;}
.orange {color: #de8305 !important;}
.pink {color: #e41f88 !important;}
.black {color: #000000 !important;}
.red {color: #c40068 !important}
.f09 {font-size: 9pt !important;}
.f13 {font-size: 13pt !important;}
.f14 {font-size: 14pt !important;}
.f16 {font-size: 16pt !important;}
.f18 {font-size: 18pt !important;}
.f20 {font-size: 20pt !important;}
.f22 {font-size: 22pt !important;}
.f26 {font-size: 26pt !important;}
.check {list-style-type: none; background: url(images/ul_checkmark.png) top left no-repeat; 
  margin-bottom: 5px; margin-left: -15px; padding-left: 30px;}
.arrow {list-style-type: none; background: url(images/ul_arrow.png) top left no-repeat; 
  margin-bottom: 5px; margin-left: -15px; padding-left: 30px;}


a.backtop {
  float: right;
  font-size: 11px !important;
  font-weight: bold !important;
  color: #008080 !important;
  text-decoration: none;
  margin-right: 75px;
}

#orderform {background: url(images/orderform.jpg) top center no-repeat; width: 520px; height: 250px; margin: 0 auto;}
#vipform {background: url(images/vipform.png) top center no-repeat; width: 520px; height: 250px; margin: 0 auto;}
#orderform p {width: 480px; margin: 0 auto; padding-top: 100px; font-size: 13px;}
#aweber_signup {border: 2px solid #5e1b3f; width: 300px; height: auto; margin: 0 auto; padding: 10px;}
#contactform  {display: block; width: 430px; height: 590px; background-color: #fff; margin: 0 auto; padding-left: 0;}



#popup {float: right; padding-right: 40px; _padding-right: 40px;}
#popup select option{width: 470px !important;}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
  position:absolute;
  visibility:hidden; 
  background: url(images/popup.png) top center no-repeat;
  width:450px; 
  height:0; 
  border:0px solid #000; 
  left:-400px; 
  top:0px;
}
a.screen span {visibility: hidden;}

a.screen:hover {
  text-decoration:none; 
  border:0; 
  z-index:1000;
}
a.screen:hover b {
  visibility:visible; 
  height:250px; 
  cursor:pointer; 
  z-index:500; 
}
a.screen:hover span {position: absolute; top: 20px; left: -10px; z-index: 1000;}
a.screen:hover b img {
  border:0; 
}

#prodtable {width: 620px; border-collapse: collapse; margin: 0 auto;}
.td_left {width: 350px !important; padding: 0;}
.td_right {width: 270px !important; padding: 0;}
.td_right p {width: 250px !important; padding: 0; text-align: left !important;}

#leftpanel {display: block; float: left; width: 665px; height: auto; margin: 0 0 0 10px; _margin-left: 5px; padding: 0; border-right: 1px solid #ddd; }
#rightpanel {display: block; position: relative; width: 255px; height: auto; margin: 0 0 0 678px; _margin-left: 669px; padding: 0; }

#leftpanel h2 {font-size: 20px; width: 600px !important; display: block; text-align: center; margin: 0 auto; padding-bottom: 10px;}
#leftpanel h3 {font-size: 22px;  width: 600px !important; display: block; text-align: center; margin: 0 auto; padding-bottom: 10px;}
#leftpanel p {width: 600px !important; display: block; text-align: left; margin: 0 0 0 30px; padding-bottom: 10px;}
#leftpanel ul, #leftpanel ol {margin-left: 30px; width: 580px !important; }
#leftpanel ul li, #leftpanel ol li {padding: 0 0 7px 5px; }
#sz_welcome {clear: both; float: left; display: inline; padding: 5px 10px 0 10px;}
small {padding-left: 30px !important;}

#rightpanel h2 {font: normal bold 18px arial; width: 230px; text-align: center !important; padding: 0 0 7px 0; margin: 0 auto;}
#rightpanel p {font: normal normal 13px arial; width: 230px; text-align: left; margin: 0 auto; padding: 0 0 7px 0;}
#rightpanel ul {font: normal normal 13px arial; width: 210px; text-align: left; margin: 0 auto; padding-left: 15px;}

#prodpic {float: left; margin: 0 15px 0 0; padding: 0;}

#signup {background: url(images/signup_mid.png) top center repeat-y; width: 260px; padding: 0; margin: 0 auto; }
#signup .topbtm {margin: 0 auto; padding: 0;}
#signupform  {width: 230px; height: 250px; margin: 0 auto; margin-top: 6px;}
#quoteform  {margin: 15px 0 0 0; _margin-top: 30px; width: 300px; height: 250px; padding: 0; font-size: 12px; border: 5px solid #e41f8 !important;}

#venue_01, #venue_02, #venue_03, #venue_04, #venue_05, #venue_06, #venue_07, #venue_08 {width: 600px; height: 195px; margin: 0 auto; margin-bottom: 15px;}
#venue_01 {background: url(images/venue_01.png) top center no-repeat;}
#venue_02 {background: url(images/venue_02.png) top center no-repeat;}
#venue_03 {background: url(images/venue_03.png) top center no-repeat;}
#venue_04 {background: url(images/venue_04.png) top center no-repeat;}
#venue_05 {background: url(images/venue_05.png) top center no-repeat;}
#venue_06 {background: url(images/venue_06.png) top center no-repeat;}
#venue_07 {background: url(images/venue_07.png) top center no-repeat;}
#venue_08 {background: url(images/venue_08.png) top center no-repeat;}
.btn_reserve {float: right; padding: 130px 10px 0 0;}

#speakers {margin: 0 auto;}
#speakers  tr {display: block; border: 1px solid #ddd; padding: 5px; margin-bottom: 10px;}
.sp_photo {width: 100px; margin: 0 auto;}
.sp_desc {width: 450px;}