/* 
 ----------------------------------------------------------------------------
  Copyright Benj Arriola 2007.
  Benj Arriola's Default CSS File

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/



/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #fff;
	text-align: center; 
	font: 12px/18px Arial, Helvetica, sans-serif, Arial; 
	color: #000; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:2.0em; color:#039; line-height: 1.3em; }
h2	{ font-size:1.6em; color:#039; line-height: 1.3em; }
h3	{ font-size:1.3em; color:#000; }

h1 span, h2 span, h3 span	{ display:none; }

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

/* ----- classes ----- */

div.clear {
	clear:both;
	width:100%;
	height:.01em; 
	overflow:hidden; 
	}

p.top {
	background: url(../images/allpages/toparrow.jpg) no-repeat 360px;
	text-align:right;
	display:block;
	} 
	
img.img-left {
	float:left; 
	margin: 2px 10px 10px 0; 
	}
	
img.img-right { 
	float: right; 
	margin: 0px 10px 10px 0px;
	}

/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	width:680px; 
	margin:0 auto;
	text-align:left; 
	}
	
#masthead {
	position:relative;
	background: url(../images/allpages/masthead.jpg) ;
	height: 85px;
	}
	#masthead span {
		display:none;
		}
	#masthead a#mast-01 {
		position:absolute;
		margin: 15px 0 0 0;
		width: 394px;
		height: 62px;
		}
	#masthead a#mast-02 {
		position:absolute;
		margin: 9px 0 0 448px;
		width: 232px;
		height: 69px;
		}

#header-graphic {
	background: url(../images/allpages/header-graphic.jpg) no-repeat top right;
	height: 120px;
	}
	body#index #header-graphic {
		height: 195px;
		}
	 #header-graphic p {
		display: none;
		}
#header-flash {
	height:0px;
	}

#main {
	background: #dee9ff url(../images/allpages/main.jpg);
	margin: 20px 0 0 0;
	}
	body#legal #main {
		padding-top: 20px;
		padding-bottom: 20px;
		}
	body#legal #main p, body#legal #main ul{
		margin-left: 45px;
		margin-right: 25px;
		}
	body#legal #main h1, body#legal #main h2, body#legal #main h3{
		margin-left: 45px;
		margin-right: 25px;
		}
	body#legal #main ul li {
		list-style: circle;
		margin-left: 25px;
		}
	body#legal #main hr {
		margin-left: 45px;
		margin-right: 25px;
		margin: 10px 25px 10px 45px;
		}

#column-left { 
	background: #dee9ff url(../images/allpages/column-left.jpg);
	width: 247px; 
	float: right; 
	margin: 0 0 10px 0;
	}
/*
	#column-left h1 span,#column-left h2 span {
		display: none;
		}
	#column-left h1 {
		background: url(../images/titles/index.jpg) no-repeat top left;
		height: 22px;
		margin: 22px 0 13px 52px;
		}

		body#products #column-left h1 {
			background: url(../images/titles/products.jpg) no-repeat top left;
			}
		body#about #column-left h1 {
			background: url(../images/titles/about.jpg) no-repeat top left;
			}
		body#contact #column-left h1 {
			background: url(../images/titles/contact.jpg) no-repeat top left;
			}
		body#promo #column-left h1 {
			background: url(../images/titles/promos.jpg) no-repeat top left;
			}
		body#sitemap #column-left h1 {
			background: url(../images/titles/sitemap.jpg) no-repeat top left;
			}

	#column-left h2#subtitle {
		background: url(../images/subtitles/subtitles.jpg) no-repeat top left;
		height: 20px;
		margin: 22px 0 13px 52px;
		}
	#column-left h3 {
		color: #006A97;
		margin: 0px 20px 13px 52px;
		}
*/
	#column-left p {
		margin: 0 0 10px 0;
		background: url(../images/allpages/send-money-to-the-philippin.jpg);
		height: 75px;
		}
		#column-left p strong{
			display: none;
			}
	#column-left ul {
		margin: 0px;
		width: 239px;
		}
		#column-left ul li {
			padding-left: 0px;
			margin: 0 0 8px 0;
			}
			#column-left ul li span { display: none; }
	#column-left-footer {
		margin: 0 0 0 0;
		background: url(../images/allpages/column-left-footer.jpg);
		height: 10px;
		overflow: hidden;
		}
/*
	#column-left ul.li-2col li {
		float: left;
		width: 185px;
		}
	#column-left blockquote {
			background: url(../images/allpages/quote-open.jpg) no-repeat top left;
			padding-left: 30px;
			margin: 0px 40px 13px 52px;
		}
		#column-left blockquote div {
			background: url(../images/allpages/quote-close.jpg) no-repeat bottom right;
			padding-right: 20px;
			font-style: italic;
		}
*/

#column-right { 
	width: 429px; 
	float:right;
	}
	#column-right h1 { 
		margin: 15px 15px 10px 15px;
		}
	#column-right h2 { 
		margin: 15px 15px 0 15px;
		}
	#column-right h3 { 
		margin: 15px 15px 0 15px;
		}
	#column-right p { 
		margin: 10px 15px 0 15px;
		font-size: 1.2em;
		}
	#column-right ul { 
		margin: 20px 15px 20px 40px;
		font-size: 1.2em;
		}
		#column-right ul.checkbullet li {
			background: url(../images/allpages/checkbullets.gif) no-repeat left;
			padding-left: 25px;
			font-weight: bold;
			margin-bottom: 5px;
			}
		#column-right ul.crossbullet li {
			list-style: circle;
			margin-left: 20px;
			margin-bottom: 5px;
			}
			a.normalcolor{
				color: #000;
				text-decoration: none;
				}
		#column-right p.caption {
			font-size: 1.0em;
			}
	#column-right table { 
		margin: 10px auto 0 auto ;
		font-size: 1.2em;
		border: 1px solid #000;
		width:390px;
		}
		#column-right table td{ 
			padding: 2px;
			text-align: center;
			}
			#column-right table tr.rowcolor {
				background: #EFF5FF;
			}
		#column-right table th{ 
			text-align: center;
			padding: 3px 8px;
			background: #039;
			color: #fff;
			}
		#column-right blockquote {
			margin: 10px 15px 0 15px;
			background: #EFF5FF;
			padding: 20px;
			font-style: italic;
			}
			#column-right blockquote p {
				margin: 10px 15px 10px 15px;
				}
			.fromtestimonial {
				text-align: right;
			}
	.send-money-now {
		background: url(../images/allpages/send-money-now.jpg);
		height: 36px;
		width: 191px;
		position: relative;
		margin: 20px auto 20px auto;
		}
		.send-money-now a{
			position: absolute;
			height: 36px;
			width: 191px;
			margin: 0;
			}
			.send-money-now span { display: none;}

#bottom {
	background: url(../images/allpages/bottom.jpg);
	height: 83px;
	}

#footer { 
	width:680px; 
	margin:10px auto; 
	text-align:center;
	font: 10px verdana,sans-serif;
	}

	#footer p {
		color:#000;
		}
	
	#footer a:link, #footer a:visited {
		color:#039;
		}
	
	#footer a:hover, #footer a:active {
		color:#FE9833;
		text-decoration: none;
		}
	
	#footer li {
		padding: 0 5px 0 7px;
		display: inline;
		border-left: 1px solid #000;
		line-height: px;
		}
	
		#footer li.first { border: none; }

	

/* horozontal Nav
 * ------------------------------------------------------------------------- */

#nav { 
	/* background: url(../images/allpages/nav.jpg); */
	background: #039;
	width: 680px; 
	height: 20px; 
	margin: 10px 0 0 0; 
	color: #fff;
	}

/* #nav span { display: none; }  */
	
#nav li, #nav a { height: 20px; display: block; }
#nav li { float: left; list-style: none; _display: inline; margin: 0 0 0 5px; padding: 0 0 0 5px; border-left: solid #fff 1px;
	display: none;

}
#nav li.first {	margin: 0; } 
/*



#nav-01 { width: 108px; margin-left: 30px;}
#nav-02 { width: 123px;}
#nav-03 { width: 95px;}
#nav-04 { width: 111px;}

#nav-01 a:hover {background:url("../images/allpages/nav.jpg") -30px -45px no-repeat;}
#nav-02 a:hover {background:url("../images/allpages/nav.jpg") -138px -45px no-repeat;}
#nav-03 a:hover {background:url("../images/allpages/nav.jpg") -261px -45px no-repeat;}
#nav-04 a:hover {background:url("../images/allpages/nav.jpg") -356px -45px no-repeat;}

body#index    #nav-01 a {background:url("../images/allpages/nav.jpg") -30px -45px no-repeat;}
body#products #nav-02 a {background:url("../images/allpages/nav.jpg") -138px -45px no-repeat;}
body#about    #nav-03 a {background:url("../images/allpages/nav.jpg") -261px -45px no-repeat;}
body#contact  #nav-04 a {background:url("../images/allpages/nav.jpg") -356px -45px no-repeat;}

*/

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #E67817;	
	}

#nav li ul li { 
	height: 20px; 				
	border:0px solid orange;
	border-top:none;
	}	

#nav li ul li a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	}

#nav li ul li a span {
	display: block;
	padding-left: 5px;
	}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	color: #FCFFC7;
	text-decoration: none;
	}

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

#nav-02 ul a:hover, #nav-03 ul a:hover { 
	background-image: none;
	background-color: #1785E7; 
	}

#nav-02 ul, #nav-02 li { width: 124px; }
#nav-03 ul, #nav-03 li { width: 96px; }

body#products #nav-02 ul li a, body#about #nav-03 ul li a { background: #E67817; }
body#products #nav-02 ul li a:hover, body#about #nav-03 ul li a:hover  { background: #1785E7; }


/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav2 {
	background: url(../images/allpages/sidenav.jpg) top left no-repeat;					
	width: 174px;
	height: 203px;
	margin: 6px 0 0 8px;
	}

#nav2 li span { display: none; }

#nav2 li {
	float: left;
	list-style: none;
	}

#nav2 li, #nav2 a { 
	height: 63px;
	display: block;
	}

#nav2-01 { margin-top: 0px; width: 174px; }

#nav2-02, #nav2-03 { margin-top: 7px; width: 174px; }

#nav2-01 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -0px no-repeat; }
#nav2-02 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -70px no-repeat; }
#nav2-03 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -140px no-repeat; }



/* Contact Form
 * ------------------------------------------------------------------------- */

#contact-main {
	width: 410px;
	margin: 0 0 0 60px;
}

#contact-main dl {
	margin: 0 0 0 5px;
}
body #contact-main p{
	margin: 0 0 0 5px;
}
#contact-main dl br {
	clear: both;
}

#contact-main dt {
	float: left;
	width: 180px;
	line-height: 18px;
	text-align: right;
}
#contact-main dd {
	margin: 0 0 5px 190px;
	text-align: left;
}
#contact-main dd input, #contact-main dd select, #contact-main dd textarea {
	width:200px;
}
#contact-main dd input.radio {
	width:13px;
	margin-left: 10px;
	border: none;
}
#contact-main dl dd input.submit-contact-main { width: 60px; }