/* blue: 288ec3 dark: 8c2 light: cfe7f0 | grey: b6b6b6 light: eaeaea | orange: dd7a04 | green:7cb50e */

* {margin:0;padding:0;background:transparent;text-align:left;border:0;}

html {display:block;width:100%;margin:0 auto;text-align:center;}

body {width:100%;font-size:11px;;font-family:Verdana,sans-serif;line-height:1.3em;color:#6B6B6B;background-color:#fff;text-align:center;}

a:link, a:visited {color:#000000;text-decoration:none;}

a:hover {color:#C0A403;text-decoration:underline;}

* a:link.imagelink, * a:visited.imagelink, * a:hover.imagelink {border:0;text-decoration:none;}

a:link.noborder, a:visited.noborder, a:hover.noborder {color:#dd7a04;text-decoration:none;border-bottom:0;}

p, h1, h2, h3 , h4, h5, h6 {padding:10px 0px 5px 0px;}

h1, h2, h3, h4, h5, h6 {line-height:1em;}


h2 {font-size:1.4em;font-weight:normal;}
h3 {font-size:1.2em;color:#f6d300}
h4 {font-size:1.0em;}
h5 {font-size:0.9em;}
h6 {font-size:0.8em;}

H1{
font-size: 1.6em;
font-weight: bold;
color: #d45622;
text-transform: uppercase;
}
fieldset {border:solid 1px #ccc;padding:20px;}

legend {padding:0px 20px;font-size:16pt;color:#e14920;line-height:20pt;}

ul {margin-left:25px;font-size: 11px}

ul li {list-style:square outside;padding:0px 0px 5px 0px;}

ol {margin-left:25px;}

ol li {list-style:inside;padding:0px 0px 5px 10px;}

#formcontact {padding:10px;border:1px solid white;background:#003082;text-align:left;}

input, select {background:#fdfdfd;border:solid 1px #dcdcdc;margin:3px 0px;}

input.radio {background:#fdfdfd;border:solid 1px #dcdcdc;margin:0px 0px;}

textarea {background:#fdfdfd;border:solid 1px #dcdcdc;}

input.button {font-size:1.4em;font-weight:bold;border:solid 1px #ccc;}

input.button_red {font-size:1.4em;font-weight:bold;background:#fcc;border:solid 1px red;color:#733;text-align:center;}

input.button_green {font-size:1.4em;font-weight:bold;background:#cfc;border:solid 2px lime;color:#080;text-align:center;}

form div {text-align:left;clear:left;}
	label {margin:3px 0px;}

	.form_field {font-size:1em;}

	.form_name {float:left;width:150px;font-size:1em;text-align:right;}

.containerpagewidth, .containerpagewidth_footer {
	width:850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 37px;
}
.containerpagewidth_footer {height: auto;}
#head {
	display:block;
	width:100%;
	height:88px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:url("images/pinoyback.gif") #000 repeat-x;
	z-index:100;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #288ec3;
}

	#logo {
	position: absolute;
	float:left;
	padding:0;
	width:228px;
	height:43px;
	text-align:left;
	z-index:100;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#login{margin-top:20px}
	
	#navhead {
	float:right;
	padding-top:3px;
	width:360px;
	height:20px;
	font-size:10pt;
	z-index:101;
	margin-top: 5px;
}
	
	#navhead a:link, #navhead a:visited, #login a {display:block;clear:left;margin:0px 4px;font-size:10px;color:#b3b3b3;text-decoration:none;border-bottom:0;}
	
	#navhead a:hover, #login a:hover {color:#F6D300;text-decoration:none;}
	
	#navmain {display:block;height:37px;padding-top:0px;text-align:right;background:url("graphics_new/background_top_2.gif") #b6b6b6 repeat-x;z-index:101;}
	
	#navmain a:link, #navmain a:visited {font-size:1em;color:#b3b3b3;text-decoration:none;border-bottom:0;}
	
	#navmain a:hover {color:#F6D300;text-decoration:none;}
	
	#navmain a:link.active_link, #navmain a:visited.active_link, #navmain a:hover.active_link {color:#d45622;text-decoration:none;border:0;}

	/* #dropdown*/

	#navmain #dropdown {float:right;clear:right;list-style:none;background:0;font-size: 10px;}

	#dropdown ul {
	margin:0;
	padding:0;
	list-style:none;
	border:solid 1px #F6D300;
	background: url(graphics_new/li_background_pattern.gif) top left repeat-x #545454;
    position: absolut;
    z-index: 101
}
	.button, .button_long{background: url("graphics_new/button_black.gif") transparent no-repeat;width: 77px;height: 36px;line-height: 36px;text-align: center;}

    .button:hover, .button_long:hover{background-position: 0px 5px}

	.button_long{background: url("graphics_new/button_black_long.gif") transparent no-repeat;width: 115px;height: 36px;}
	#dropdown #button_active {background-position: 0px 5px; color: white}
    #dropdown #button_active:hover {color: #F6D300}

	#dropdown li {margin:0;padding:0;height: 36px; overflow:hidden}

	#dropdown li a {display:block;margin:0;padding:3px 0px;font-size:0.8em;color:#fff;}

	#dropdown ul li a:link, #dropdown ul li a:visited {display:block;width:auto;padding:4px 3px;font-weight:normal;text-transform:capitalize;}

	#dropdown ul li a:hover {display:block;color:yellow;text-decoration:none;color:#F6D300;}

	#dropdown li {
	float:left;
	display:block;
	margin:0;
	padding:0px;
	list-style:none;
}

	#dropdown li ul {position:absolute;width:auto;left:-999em;top:124px;list-style:none;white-space:nowrap;}

	#dropdown .dropdownlist li {display:block;clear:both;background:url("graphics_new/arrow_yellow.gif") 3px 8px no-repeat;height: auto}
	#dropdown .dropdownlist li a {margin:0px 8px;}
	#dropdown li:hover ul {left:auto;}

	#dropdown li:hover ul, #dropdown li.sfhover ul {left:auto;}

	#dropdown li:hover, #dropdown li.hover {
	position:static;
}

#slogan {font-size:10pt;font-style:italic;line-height:12pt;color:#fb2;text-align:center;z-index:100;}

#page {
	clear:left;
	display:block;
	padding-top:15px;
	width:854px;/*border: solid 1px #ddd;border-top:0;border-bottom:0;*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

	#content {
	float:right;
	display:block;
	margin-bottom:15px;
	padding:0;
	top:200px;
	left:200px;
	width:650px;
	height:auto;
	border:0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
	
		#head_banner {margin:0;padding:0;width:592px;height:172px;}
		
		#head_banner_home {margin:0;padding:0;width:592px;height:255px;background:url("graphics_new/header_home.jpg") #198EC4 no-repeat;}
		
		#head_banner_home li {line-height:1.4em;background:url("graphics_new/dot_or.gif") 0px 9px no-repeat;}
		
		#content h1 {font-size: 13pt;font-weight: bold;color: #d45622;text-transform: uppercase;}

		#content h2 {font-size:11pt;font-weight:bold;color:#e58917;}
        #content table h2 {font-size:13px;line-height: 16px;font-weight:bold;color:black;margin: 0px;padding: 0px}
		#content h3 {font-size:10pt;font-weight:bold;color:black;}
		
		#content .testimonials {margin:5px 0px;padding-left:10px;padding-bottom:5px;border-bottom:solid 1px #ccc;}
	
	#breakout {float:left;display:block;clear:none;width:185px; /* finished 168px */}
	
		#breakout p {padding-bottom:15px;}

		#breakout ul {display:block;list-style:none;margin:0;padding:0;}

		#breakout li {display:block;list-style:none;width:185px;height:31px;margin-top:0px;padding:0;font-weight:bold;background:url(graphics_new/button_menu_left.gif) top left no-repeat white;margin-top: 0px}

		#sidenav li a:link, #sidenav li a:visited {display:block;width:155px;height:20px;margin:0;padding-top:5px;padding-left:10px;font-size:1em;font-weight:bold;color:#b3b3b3;text-decoration:none;border:0;}
		
		#sidenav li a:hover {color:#F6D300; /*#e4ffb1;*/text-decoration:none;}

		#breakout h2, #breakout img {margin:0;padding:0;color:#f1b000;}

		#sidenav a:link.active_link, #sidenav a:visited.active_link, #sidenav a:hover.active_link {color:#F6D300;text-decoration:none;border:0;}
	    #sidenav h2 {margin-bottom: 5px;height:46px;background:url(graphics_new/header_menu_left.gif)  top left no-repeat transparent;padding-left:10px;font-weight: bold;}
        #sidenav h2 a{font-size: 16px; font-weight: bold;line-height: 55px;color: black; text-decoration: none;}
        #sidenav h2 a:hover{text-decoration: none;}
		#breakout .testimonials {display:block;width:185px;font-size:1em;font-style:italic;color:#4d4d4d;border-bottom:0;background:url(graphics_new/testimonials_pattern_grey.gif) repeat-y left}
		#breakout .testimonials_text {margin-left:12px;margin-right:5px;}

	.index_plans {clear:both;margin:20px auto;}

		#index_plans_box_features {float:left;clear:right;margin:0px 10px 20px 0px;padding:0px;width:200px;}

		#index_plans_box_features h3 {margin:5px 0px;padding:7px 0px;width:200px;height:16px;font-size:13px;color: black;background:url("graphics_new/box_features_backgr_pattern.gif") #F6D300 repeat-x;border:solid 1px #b4b4b4;}

		.index_features_list {float:left;display:block;width:200px;height:160px;border:solid 1px #ccc;}

		.index_features_list ul {margin:0;margin-left:7px;padding:0;}

		.index_features_list li {list-style:none;padding-left:10px;padding-top:5px;font-size:11px;line-height:11px;background:url("graphics_new/dot_red.gif") #fff 0px 9px no-repeat;}


		.index_plans_box {float:left;clear:right;margin:0px 0px 0px 13px;padding:0px;width:200px;}

		.index_plan_title {margin:5px 10px 5px 0px;padding:7px 0px;width:200px;height:16px;font-size:16px;background:url("graphics_new/box_plan_backgr_pattern.gif") white repeat-x;border:solid 1px #b4b4b4;}
		
		.index_plan_title h3 {margin:0;padding:0px;font-size:13px;color: black}

		.index_plan_list {float:left;display:block;width:200px;height:160px;border:solid 1px #ccc;}
		
		.index_plan_list ul {margin:0;margin-left:7px;padding:0;}
		
		.index_plan_list li {list-style:none;padding-left:10px;padding-top:5px;font-size:11px;line-height:11px;background:url("graphics_new/dot_red.gif") #fff 0px 9px no-repeat;}

	.fantastico_box {display:block;margin:5px 0px;padding:0;width:280px;}
	
	.fantastico_box h3 {font-size:20px;display:block;margin-bottom: 2px;background:url(graphics_new/grey_backgr_pattern.gif) repeat-x white;border:solid 1px #b4b4b4;font-weight:bold;text-align:center;}

	.fantastico_box_content {margin:0px;padding:5px;width:268px;font-size:0.9em;border:solid 1px #ccc;}
	
	.fantastico_box_content ul {margin-left:25px;}
	.fantastico_box_content li {list-style:square outside;padding:0px 0px 5px 10px;}

#footer {clear:both;display:block;margin:0;padding:4px 0px 10px 0px;width:100%;background:#990000;font-weight:normal;font-size:10px;text-align:center;color:#ffffff;z-index:101;}

#footer a:link, #footer a:visited {font-size:10px;color:#ffffff;text-decoration:none;}

#footer a:hover {color: #F6D300;text-decoration:none;border:0;}

#footer img {clear:left;margin-top:5px;}

#pagetitle {position:absolute;display:none;visibility:hidden;font-size:10pt;width:0px;height:0px;}

.newsflash {border-bottom:dashed 1px #288ec3;}

.ns {position:absolute;font-family:verdana,sans-serif;font-size:1em;display:none;}

.align_l {text-align:left;}
.align_c {text-align:center;}
.align_r {text-align:right;}
.align_j {text-align:justify;}

.img_l {margin:0px 10px 10px 0px;}
.img_r {margin:0px 0px 10px 10px;}

.float_r {float:right;}
.float_l {float:left;}

.tdheadfeatures {width:auto;background:url(graphics_new/yellow_backgr_pattern.gif) repeat-x #f6d300;border-bottom:solid 1px #b4b4b4;border-top:solid 1px #b4b4b4;padding-left:12px;text-align:left;}
.tdhead {width:80px;height:29px;background:url(graphics_new/grey_backgr_pattern.gif) repeat-x white;border-bottom:solid 1px #b4b4b4;border-top:solid 1px #b4b4b4; padding-left:12px;font-weight:bold;text-align:center;}
.row1 {width:110px;background-color:#f5f5f5;height:24px;text-align:center;font-size:0.9em;}
.row1s {width:210px;padding-left:12px;background-color:#f5f5f5;font-weight:bold}
.row2	{width:110px;height:24px;background-color:#fff;text-align:center;font-size:0.9em;}
.row2s {padding-left:12px;background-color:#fff;font-weight:bold;}
.rowg {height:24px;background-color:#f6d300;color:black;font-weight:bold;text-align:center;}
.rowgl {height:24px;background-color:#fffccc;font-weight:bold;text-align:center;}
.features {height:24px;color:#d45622;border-bottom:solid 1px #b4b4b4;border-top:solid 1px #b4b4b4;padding-left:6px;background: #dce2e5}
td a img {padding:5px 0px;}


.header_yellow {
  height:29px;background:url(graphics_new/yellow_backgr_pattern.gif) repeat-x #f6d300;border-bottom:solid 1px #b4b4b4; padding-left:12px;font-weight: bold;text-align:center;
}

.header_grey {
	height:29px;background:url(graphics_new/grey_backgr_pattern.gif) repeat-x white;border-bottom:solid 1px #b4b4b4; padding-left:12px;font-weight: bold;text-align:center;
}

#twocolfeatures .features, #twocolfeatures .header_yellow {width:auto;}
#twocolfeatures .header_grey {width:150px;}

#twocolfeatures .row1s {width:auto;padding-left:12px;background-color:#f5f5f5;font-weight:bold}
#twocolfeatures .row1 {width:150px;background-color:#f5f5f5;height:24px;text-align:center;font-size:0.9em;}
#twocolfeatures .row2s {width:auto;padding-left:12px;background-color:#fff;font-weight:bold;}
#twocolfeatures .row2 {width:150px;height:24px;background-color:#fff;text-align:center;font-size:0.9em;}

a:link.tooltip, a:visited.tooltip {position:relative;color:#555;text-decoration:none;cursor:help;z-index:100;}
a:hover.tooltip {background:0;text-decoration:underline;z-index:101;}
a.tooltip span {display:none;font-weight:normal;}
a:hover.tooltip span {position:absolute;display:block;top:-4em;left:10em;padding:10px;width:15em;border:1px solid #0cf;background-color:#eee;color:#555;font-weight:normal;text-align:left;z-index:110;}


.featured_client{
 width: 185px;
 height: 117px;
 background: url(graphics_new/featured_client.gif) no-repeat top;
 line-height: 205px;
 font-weight: bold;
 font-size: 10px;
 text-align: center;
 }


.featured_client A {
text-decoration: none;
color: #6B6B6B
 }

#banners_outer{
clear:both;
width:800px;
margin:10px auto;
margin-top:30px;
}

.banner {
width:33%;
float: left;
clear:none;
text-align: center;
}

.black, a.black {
  color: black;
}