/*
Theme Name: JAPI ver 1.0
Theme URI: http://www.open-axcss.com
Description: New Project Start 6/16/2009
Author: Raymond Bacolod
Tags: blue, custom header, fixed width, two columns, widgets


*/



/* Begin Typography & Colors */


img a, img a:visited { border: 0; text-decoration: 0; } 

body
	{
		margin						: 0;
		padding						: 0;
		font-size					: 12px; /* Resets 1em to 10px */
		font-family					: Arial, Helvetica, sans-serif;
		color						: #333;
		background-color			: #FFFFFF;
		
	}
	
div#top
	{
		background					: url(images/japi_header.jpg) repeat-x;
		height						: 31px;
	}

div#top div#top-menu
	{
		width						: 850px;
		margin						: 0 auto;
	}
	
#toptext
	{
		float						: right;
		width						: 140px;
		font-weight					: bold;
		color						: #3d392f;
		padding						: 8px 0 0 0;
	}
	
#toplink
	{
		float						: right;
		width						: 120px;

	}	

div#page-wrapper
	{
		width						: 850px;
		margin						: 0 auto;
	}


div#header-wrap
	{
		height						: 95px;
		padding						: 15px 0 0 0;
	}

div#header-wrap .logo
	{
		float						: left;
	}

div#header-wrap .contact-list
	{
		float						: right;
		width						: 400px;
	}

div#header-wrap .contact-list ul
	{
		list-style					: none;
		margin						: 15px 0 0 0;
		padding						: 0;
		clear:both;
	}

div#header-wrap .contact-list li
	{
		float						: left;
		font-size					: 14px;
		font-weight					: bold;
		font-family					: Arial, Helvetica, sans-serif;
	}


div#header-wrap .contact-list li a, a:visited
	{
		color						: #333333;
		text-decoration				: none;
	}
	
div#header-wrap .contact-list li a:hover
	{
		color						: #333333;
		text-decoration				: none;
	}
	
	
 .pad-contact
	{
		padding						: 8px;
	}

div#navigation-wrap
	{
		background					: url(images/japi_navigationbg.jpg);
		background-repeat			: no-repeat;
		height						: 30px;
		padding						: 5px 0 0 8px;
	}

ul#nav-list
	{
		display						: block;
		height						: 35px;
		list-style					: none;
		margin						: 0 0 0 50px;
		padding						: 0;
		background					: url(images/japi_menugap.jpg) left center no-repeat;
		
	}
	
ul#nav-list li
	{
		display						: block;
		float						: left;
		height						: 19px;
		width						: 125px;
		margin						: 0;
		padding						: 8px 0 0 0;
		text-align					: center;
		background					: url(images/japi_menugap.jpg) right center no-repeat; 
		font-size					: 14px; 
		color						: #FFFFFF;
		font-weight					: bold;
	}
	
ul#nav-list li a, a:visited
	{	
		color						: #FFFFFF;
		text-decoration				: none;
	}

ul#nav-list li a:hover
	{
		color						: #FFFFFF;
		text-decoration				: underline;
	}	


div#main-bannerwrap 
	{
		width						: 850px;
		height						: 250px;
		margin						: 8px 0 5px 0;
	}	


#flash-banner
	{
		float						: left;	
		width						: 520px;
		display						: block;
		margin-left					: 12px;	
		-margin-left				: 5px;	
	}
	
#testimonial-box
	{
		float						: right;
		margin-right				: 12px;	
		-margin-right				: 5px;	
		background					: url(images/testimonial_bg.jpg);
		background-repeat			: no-repeat;
		width						: 275px;
		height						: 230px;
		display						: block;
		padding						: 12px;
		display						: block;
		
	}

#testimonial-box h2
	{
		margin						: 0;
		padding						: 0 0 6px 0;
		font-size					: 16px;
	}

.testi-thumb
	{
		float						: left;
		width						: 71px;
	}
	
.testi-excerpt
	{
		float						: right;
		width						: 170px;
		font-size					: 11px;
	}

.testi-excerpt a, a:visited
	{
		margin						: 0;
		padding						: 0;
		color						: #333333;
		
	}

	
#partner-wrap 
	{
		margin						: 0 0 5px 0;
	}
	
#partner-wrap  img {border:0}
	
#partner-wrap ul#blogroll
	{
		list-style: none;
		padding: 0;
		margin: 0;
		width: 6730px;
		display: block;
	}	
	
#partner-wrap ul#blogroll li
	{
		float: left;
		display: block;
		margin-right: 10px;
	}		
	
#partner-wrap ul#blogroll li , img a
	{
		border: 0;
	}	
	
#body-wrap
	{
		background					: url(images/japi_body-bg.jpg) repeat-x;
		padding						: 25px 0 0 0;

	}
	
.clearpad
	{
		clear: both;
	}	

/* CONTENT ======================================= */	
.gap
	{
		background					: url(images/gap.jpg) repeat-x;
		height						: 2px;
		margin						: 8px 0 8px 0;

	}

#content-wrap
	{
		float						: left;
		width						: 570px;
		text-align					: justify;
	}

#content-wrap a, a:visited
	{
		text-decoration				: none;
		color						: #333333;
		font-weight					: bold;
	}


#content-wrap a:hover
	{
		text-decoration				: underline;
		color						: #333333;
		font-weight					: bold;
	}


#welcome-box
	{
		background					: #f6f6f6;
		padding						: 15px;
		width						: 540px;
		color						: #333333;
	}
	
#welcome-box h2
	{
		color						: #3e3e3e;
		font-size					: 24px;
		padding						: 0px;
		margin						: 0px;
		clear						: both;
	}


/*#welcome-box p
	{
		padding: 0;
		margin: 0;
	}*/



.box-img
	{
		float						: left;
		width						: 105px;
		display						: block;
	}

.box-content
	{
		float						: left;
		width						: 260px;
		display 					: block;
	}

#content-wrap h2
	{
		margin						: 0;
		padding						: 10px 0 10px 0;
		font-size					: 18px;
		font-weight					: bold;
	}

#content-wrap .boxmain-wrap
	{
		border-top					: 1px solid #DBDBDB;
		padding						: 10px 0 0 0;
		margin						: 10px 0 0 0;
	}

.title-yellow
	{
		color						: #ecb329;
	}

.title-green
	{
		color						: #064f2b;
	}

.imgBorder
	{
		background-color			: #EEEEEE;
		padding						: 3px;
		border						: 1px solid #DBDBDB;
		width						: 91px;
		float						: left;
	}

.facade-title
	{
		float						: left;
		margin-left					: 10px;
		font-size					: 14px;
		padding						: 25px 0 0 0;
	}

.facade-excerpt
	{
		clear						: both;
		padding						: 5px;
		text-align					: justify;
	}
	


.news-date	
	{
		
		color						: #08583a;
		padding						: 1px;
		
	}

.news-title
	{
		color						: #3a3a3b;
		font-size					: 12px;
	}

a.news-title
	{
		color						: #769c19;
		font-size					: 12px;
	}


ul#press-module
	{
		margin						: 0;
		padding						: 0;
		list-style					: none;
		width						: 550px;
	}

ul#press-module li
	{
		float						: left;
		width						: 240px;
		padding						: 0 10px 0 10px;
		margin-left					: 15px;
	}	 

/*=======================================*/
	
#sidebar-wrap
	{
		float						: right;
		width						: 264px;

	}	
	
#sidebar-wrap img, a { text-decoration: none; border: 0;}	
	
#sidebar-wrap form
	{
		margin						: 0;
		padding						: 0;
	}	
	
#sidebar-wrap .sidebar-gap	
	{
		margin						: 8px 0 8px 0;
		padding						: 0;
	}	
			
#sidebar-wrap h2
	{
		margin						: 0px;
		padding						: 10px 0 10px 0;
		-padding					: 5px 0 10px 0;
		font-size					: 18px;
		!font-size					: 14px;
		font-weight					: bold;
	}

#box-portal
	{
		background					: url(images/box-portal.jpg);
		background-repeat			: no-repeat;
		height						: 189px;
	}
	
#box-portal h2
	{
		color						: #FFFFFF;
		font-size					: 14px;
		padding						: 17px 0 0 15px;
	}	
	
#box-portal ul
	{
		padding						: 25px 0 0 65px;
		margin						: 0;
		list-style					: none;
		font-weight					: bold;
		font-size					: 13px;
		color						: #333333;
	}	


#box-portal li
	{
		margin-bottom				: 20px;
	}
	
#box-portal li a, a:visited
	{
		text-decoration				: none;	
		color						: #333333;
	}
	
#box-portal li a:hover
	{
		text-decoration				: none;	
		color						: #fe7102;
	}
		
#box-portal .newaccount
	{
		text-align					: left;
		padding-left				: 84px;
		font-size					: 11px;
	}


#box-portal .newaccount a, a:visited
	{
		color						: #006600;
	
	}
	
#box-portal .newaccount a:hover
	{
		color						: #006600;
		text-decoration: none;
	
	}	
	
	
.widget-box
	{
		background					: url(images/sidebar-bg.jpg) repeat-x;
		border						: 1px solid #DBDBDB;
		padding						: 5px 15px 15px 10px;
		margin-bottom				: 8px;
	}	

.widget-box a, a:visited
	{
		color						: #333333;
		text-decoration				: none;
	}

	


	
#footer-wrap
	{
		background					: url(images/footer-bg.jpg) repeat-x;
		padding						: 10px 0 20px 0;
		margin						: 30px 0 15px 0;
	}

	
#footer-wrap a, a:visited
	{	
		color						: #333333;
		text-decoration				: none;
	}
	
#footer-wrap a:hover	
	{	
		color						: #333333;
		text-decoration				: underline;
	}
	
	
#footer-wrap2
	{
		margin						: 0 auto;
		text-align					: center;
		padding						: 15px 0 0 0;
		width						: 850px;
	}	

#footer-wrap2 a, a:visited
	{
		font-weight					: bold;
	}
	
/**/

ul#screen
	{
		margin						: 0;
		padding						: 0;
		width:800px;
	}			
	
#screen li
	{
		float						: left;
		list-style					: none;
	}

#screen .jq-ss-crop
	{
		margin						: 5px 5px;
		border						: 1px solid #FFFFCC;
		float						: left;				
	}

#left,#right
	{
		font-weight					: bolder;
		font-size					: 36px;
		margin-top					: 115px;
		display						: block;
		text-decoration				: none;
		color						: black;
	}

#view
	{
		margin						: 20px;
		width						: 630px;
		border						: 1px white solid;
		height						: 212px;
		overflow					: hidden;
		background-color			: black;
	}

.highlights {

	font-family						: Arial, Helvetica, sans-serif;
	font-size						: 9pt;
	color							: #49176e;
	overflow-x						: hidden;
	overflow						: hidden;
	margin							: 0px;

}


/**/

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:840px;  font-weight:bold; text-align: center;  } 
		

      
	  #dropmenu a {display:block; padding:0.25em 1em; /*color:#686868;*/ color:#FFFFFF; text-decoration:none;   font-size: 12px;} 

      #dropmenu li li a:hover {background:#888; color:#FFFFFF;} 

      #dropmenu li {float:left; position:relative; width: 130px;  } 

      #dropmenu ul {position:absolute; display:none; width:130px; top:1.9em; left:-1px;} 

      #dropmenu ul a {border-left:1px solid #c8c8c8;} 

      #dropmenu li ul {border-top:1px solid #c8c8c8; width:130px;} 

      #dropmenu li ul a {width:120px; height:auto; float:left;  border-bottom:1px solid #c8c8c8; background: #FFFFFF; color:#686868; text-align:left; width: 150px;} 

      #dropmenu ul ul {top:auto;} 

      #dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 

      #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 

      #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 
	  
	  


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */