@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff url(images/main_bg.jpg) top repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:1000px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; width:1000px; padding:0;}
/* logo */
.logo { float:left; padding:0; margin:0; width:308px;}
/*Simple_text*/
.Simple_text {
	color:#fff;
	float:right;
	width:500px;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(images/PHI_phone.png);
	background-repeat: no-repeat;
	height: 150px;
}
.Simple_text a { color:#99d5ff; text-decoration:underline;}
/* menu */	
.menu {
	width:1000px;
	height:47px;
	background-image: url(images/menu_bg.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	clear: both;
}
#menu_pos {
	padding-top: 4px;
}

/********** slider **********/
.slider {
	width:1001px;
	background:url(images/slider_bg.jpg) top no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}
.slider2 {margin:0 auto; width:1000px; padding:50px 0 0 0; background:url(images/slider2_bg.gif) 0px 50px  no-repeat; height:125px; }
.slider2 h2 { margin:0; padding:15px 0 0 45px; font:normal 37px Arial, Helvetica, sans-serif; color:#3e95d4;}
.slider2 h2.pan { padding:0; margin:5px 0 0 45px; font:normal 19px Arial, Helvetica, sans-serif; color:#565656;}
/* header_text */
.header_text { margin:0 auto; width:1000px; padding:0; background:url(images/simple_img_top.gif) top no-repeat;}
.header_text h2 { margin:15px 0 0 45px; padding:0; font:normal 37px Arial, Helvetica, sans-serif; color:#3e95d4;}
.header_text h2.pan { padding:0; margin:5px 0 0 45px; font:normal 19px Arial, Helvetica, sans-serif; color:#565656;}
.header_text .div {width:1000px; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:530px;}
.header_text strong {
	display:block;
	margin:0;
	color:#a1e2e6;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:16px;
}
.header_text span { float:right; margin:0; padding:0; width:400px;}
.header_text p { font:normal 11px  Arial, Helvetica, sans-serif; color:#3d3f41; padding:10px 0 0 45px; margin:0; line-height:1.6em;}
.header_text ul.buttons { float:left; padding:20px 0 10px 45px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 5px; margin:0;}
/*blog_body*/
.blog_body_top { width:1000px; margin:0 auto; padding:0; background:url(images/topi_bg.gif) top repeat-y; }
.blog_body { width:1000px;background:url(images/top_img_topi.gif) top no-repeat; margin:0 auto; padding:0;}
.blog_bottom { margin:0; padding:10px 20px; width:960px; float:left; background:url(images/topi_bottom_img.gif) bottom no-repeat;}
.blog_body p {
	margin:0;
	padding:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#828282;
	padding:0 10px;
	margin:0;
}
.main .body .welcome .flash2 {
	float: left;
	padding-top: 20px;
	padding-right: 10px;
}
.main .body .welcome .slogan {
	text-align: center;
	font-size: 16px;
	color: #3497C4;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 10px;
}


.blog_body img { float:left; margin:0 10px; padding:0;}
.blog_body .lorem { width:240px; float:left; margin:0; padding:0;}
/********** block index **********/
.body { padding:0 10px; width:980px; margin:0 auto;}
.body h2 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d5d5d5; padding:10px 40px; margin:5px 0; background:url(images/h2_body.png) left no-repeat;}
.body h3 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#4e4a38; padding:5px 5px; margin:0;}
.body a {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#3497c4;
	text-decoration:underline;
	font-weight: bold;
	font-size: 14px;
}

.body p {
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	padding:5px 5px;
	margin:0;
	font-size: 14px;
	text-align: justify;
}
.body span { font:normal 15px Arial, Helvetica, sans-serif; color:#898989; padding:15px 0; margin:0;}
.body .welcome {
	width:300px;
	float:left;
	margin:10px 10px;
	padding:5px 5px;
	font-size: 18px;
}
.body .welcome ul { margin:0; padding:0; list-style:none;}
.body .welcome li { padding:3px 25px; background:url(images/ul_li.gif) left no-repeat; margin:0;}
.body .News { width:290px; float:left; margin:10px 10px; padding:5px 5px;}
.body .News em { font:italic 13px Arial, Helvetica, sans-serif; color:#838383; padding:0; margin:0; line-height:1.8em;}
.body .News h2.test { background:url(images/h2_body_test.gif) left no-repeat;}
.body .News ul {
	margin:0;
	padding:0;
	list-style:none;
}
.body .News li  {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#3497c4;
	padding:5px 25px;
	margin:0;
	font-size: 12px;
}
.body .News p.data {line-height:1.8em; width:70px; padding:2px 5px; font:bold 14px Arial, Helvetica, sans-serif; color:#3895d5; background:#eeeeee; margin:10px 0;}
.body .News a.clock { background:url(images/news_a_bg.gif) left no-repeat; padding:5px 20px;}
/*blog_body2*/
.blog_body_top2 { width:1000px; margin:0 auto; padding:0; background:url(images/FBG_bg.gif) top repeat-y; }
.blog_body2 { width:1000px;background:url(images/FBG_img_top.gif) top no-repeat;}
.blog_bottom2 { margin:0; padding:10px 20px; float:left; width:960px; background:url(images/FBG_bottom_img.gif) bottom no-repeat;}
.blog_body2 p { font:normal  11px  Arial, Helvetica, sans-serif; color:#828282;  padding:0 10px; margin:0; line-height:1.8em;}
.blog_body2 img { float:left; margin:5px 10px; padding:0;}
.Testi { width:280px; padding:0 20px; float:left; margin:0;}
.Testi h2 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px 50px; margin:5px 0; background:url(images/h2_test.gif) left no-repeat;}
.Testi p { font:italic 13px Arial, Helvetica, sans-serif; color:#838383; padding:0; margin:0; line-height:1.8em;}
.Testi a { font:bold 11px Arial, Helvetica, sans-serif; color:#7a7a7a; float:right; text-decoration:none; line-height:1.8em; }
.Featured { width:600px; padding:0 20px; float:left; margin:0;}
.Featured a { font:normal 11px Arial, Helvetica, sans-serif; color:#3497c4; text-decoration:underline;}
.Featured h2 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px 50px; margin:5px 0; background:url(images/h2_Featu.gif) left no-repeat;}
.Featured ul { margin:0 5px; padding:0; list-style:none; display:inline;}
.Featured li { display:inline; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; color:#7c7c7c; padding:5px; margin:0;}
/*portfolio*/
.portfolio img { float:left; padding:0; margin:5px 10px;}
.portfolio {
	width:630px;
	margin:10px 10px;
	float:left;
	padding:5px 5px;
	text-align: left;
}
.portfolio h2 {
	padding:10px 50px;
	margin:5px 0;
	text-align: left;
}
.portfolio .item { width:300px; float:left; margin:5px 5px; padding:0;}
.portfolio .item img { float:left; margin:5px 5px; padding:0;}
/*bottomms*/
.bottomms { width:100px; float:right; margin:10px 10px; padding:0;}
.bottomms a { font:normal 10px Arial, Helvetica, sans-serif; color:#fff; background:#9e9e9e; padding:2px 2px; margin:0 0 0 5px; text-decoration:none;}
.bottomms a:hover { color:#3497c4; text-decoration:none; background:none;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { text-align:right;  margin:0 10px 0 0; width:150px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:380px; border:1px solid #c5c5c5; margin:2px 0; padding:3px 2px; height:14px; background:#fff; float:left;}
#contactform textarea { width:380px; border:1px solid #c5c5c5; margin:2px 0; padding:3px 2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 160px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
/*Twitter*/
.Twitter { width:1000px; margin:0 auto; padding:0;}

.footer { padding:20px 0 0 0; margin:0 auto; background:url(images/footer_bg.gif) 0 20px repeat-x;}
.footer .resize { width:960px; margin:0 auto;}
.footer .resize p { float:left; width:50%; padding:20px 0; margin:0; color:#959595; font:normal 11px Tahoma, Geneva, sans-serif; }
.footer .resize a { color:#3497c4; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 4px; }
.text_left { text-align:right; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px  dashed #c7c7c7; padding:0; margin:5px 0; background:none;}

.gallery {
	float:right;
	width:389px;
	height:214px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-bottom: 5px;
}
#slider { margin:0; padding:0; list-style:none; }
.body .portfolio ul li {
	font-size: 12px;
	color: #414141;
	font-family: Tahoma, Geneva, sans-serif;
}
.img_home {
	padding-right: 10px;
}
.body .portfolio ol li {
	font-size: 11px;
	color: #4E4A38;
	font-family: Tahoma, Geneva, sans-serif;
}
.body .portfolio ol {
	font-size: 11px;
}
.body .News h4 {
	color: #4E4A38;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: lighter;
}
.body .News .item img {
	padding-right: 8px;
	padding-top: 10px;
}
.current {
	background-image: url(images/button_on.png);
	background-repeat: no-repeat;
}
.main .body .welcome h4 {
	color: #4E4A38;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.vids {
}
.main .body .welcome .swf {
	text-align: center;
	color: #3489CE;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}