/*

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: 5730px;

		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 */