@charset "utf-8";
/* CSS Document for www.planet.laopdr.com */


body {
		margin: 0;
		padding: 0;

	}

#header_wrap	{
				height: 100px;
				width: 100%;
				margin: 0;
				background-color: #FFFFFF;
				/*border-bottom: solid 1px #a7b0b4;*/
				}

#header	{
			height: 100px;
			width: 950px;
			margin-left: auto;
			margin-right: auto;	
		}
		
#planet_logo	{
				width: 252px;
				height: 100px;
				float: left;
				}
		
#header_navbox	{
			width: 240px;
			height: 100px;
			float: right;
			}
		
#main_nav_warp	{
				height: 40px;
				width: 100%;
				margin: 0;
				background-color: #f5f5f5;
				border-bottom: solid 1px #a7b0b4;
				}
				
#main_nav	{
			height: 40px;
			width: 950px;
			margin-left: auto;
			margin-right: auto;
			color: #a7b0b4;
			font-size: 0.9em;
			font-family: Arial, Helvetica, sans-serif;
			padding: 0;
			}
			
#main_nav ul	{
				list-style-type: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				}
				
#main_nav li	{
				float: left;
				}
				
#main_nav a:link,a:visited	{
							display:block;
							width:130px;
							color:#2b6074;
							text-align:center;
							padding:12px 0 0 0;
							text-decoration:none;
							text-transform: capitalize;
							height: 28px;
							border-right: solid 1px #eeeeee;
							font-weight: bold;
							}
							
#main_nav a:hover, a:active	{
							background: #eeeeee;
							color: #2b6074;
							}
							
#main_nav .current	{
					background: #eeeeee;
					color: #2b6074;
					}
							
#main_nav .last	{
				border-right: solid 1px #f5f5f5;
				}



			
#banner_wrap	{
				width: 100%;
				height: 200px;
				background-color: #a7b0b4;
				border-bottom: 3px solid #eeeeee;
				}

#banner	{
		margin-left: auto;
		margin-right: auto;
		height: 330px;
		width: 950px;
		}
		
#banner2	{
		margin-left: auto;
		margin-right: auto;
		height: 330px;
		width: 950px;
		}
		
		
#main_content_wrap	{
					width: 100%;
					background-color: #FFFFFF;
					}

#main_content	{
				width: 950px;
				margin: 0 auto 0 auto;
				padding: 10px 0 50px 0;
				}
				
#main_content h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #669900;
	font-weight: normal;
	margin: 55px 0 10px 0;
	text-align: left;
					}
					
#main_content .subnav	{
						float: right;
						color: #2a2f31;
						font-size: 12px;
						}
				
#main_content ul	{
					list-style-type: none;
					margin: 0;
					padding: 0;
					overflow: hidden;
					}				
					
#main_content li	{
					float: left;
					}
					
#main_content li.orderedlist	{
						float: none;
						display: list-item;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 15px;
						padding: 0 0 20px 0;
						}					
					
#main_content .box1and2	{
						width: 280px;
						height: 175px;
						background-color: #f5f5f5;
						margin: 0 24px 0 0;
						padding: 10px;
						}
						
#main_content .box3		{
						margin: 0;
						background-color: #f5f5f5;
						width: 280px;
						height: 175px;
						padding: 10px;
						}

#main_content .servicesbox	{
							margin: 0 24px 0 0;
							/* background-color: #f5f5f5; */
							width: 300px;
							padding: 0;
							}
							
#main_content .servicesboxlast	{
								width: 300px;
								margin: 0 0 0 0;
								padding: 0;
								}

#main_content h2	{
			color: #18779b;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 20px;
			margin: 0;
			}
						
#main_content h3	{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 14px;
					margin: 12px 0 20px 50px;
					}
					
#main_content h4	{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 14px;
					margin: 15px 0 0 0;
					}					
									
					
#main_content p	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 10px 0 0 0;
	line-height: 23px;
	alignment-adjust: middle;
					}	
					
#main_content .pbox	{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					margin: 10px 0 0 0;
					line-height: 18px;
					}	
					
#main_content hr	{
					  background: #eeeeee; 
					  clear: both; 
					  float: none; 
					  width: 100%; 
					  height: 1px;
					  margin: 35px 0 45px 0;
					  border: none; 
					}
					
#main_content .hrbox	{
						margin: 7px 0 7px 0;
						}
					
#main_content	a:link, #main_content a:visited	{
												font-family: Verdana, Arial, Helvetica, sans-serif;
												color: #f78f1e;
												text-decoration: none;
												}
				
#main_content a:hover, #main_content a:active	{
	color: #669900;
	text-decoration: underline;
												}
												
#h4	a:link, #h4 a:visited	{

												color: #2a2f31;
												text-decoration: none;
												}
				
#h4 a:hover, #h4 a:active	{
												color: #18779b;
												}
						
			
		
#footer_wrap	{
				width: 100%;
				height: 250px;
				margin: 0;
				background-color: #2a2f31;
		/*		border-bottom: solid #171a1b 35px;  */
				}
				
#footer_content	{
				width: 950px;
				height: 250px;
				margin-left: auto;
				margin-right: auto;
				}
				
#footer_content p	{
					color: #9ba0a3;
					font-size: 13px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					line-height: 1.6em;
/*					letter-spacing: 0.1em;*/
					margin: 10px 0 0 0;	
					}
					
					
#footer_content h1	{
					color: #6eb3cd;
					font-size: 16px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					margin: 50px 0 7px 0;
					font-weight: bold;
					}
					
#footer_content	a:link, #footer_content a:visited	{
													color: #f78f1e;
													text-decoration: none;
													border: 0;
													}
													
#footer_content a:hover, #footer_content a:active	{
													color: #f78f1e;
													text-decoration: underline;
													}



#footer_content .leftbox	{
							width: 330px;
							height: 250px;
							float: left;
							}
							

					
#footer_content .middlebox	{
							width: 300px;
							height: 250px;
							float: left;
							}
							
#footer_content .rightbox	{
							width: 320px;
							height: 250px;
							float: left;
							text-align: right;
							}


#footer_small	{
	width: 100%;
	height: 35px;
	margin: 0;
	background-color: #CCCCCC;
				}
				
#footer_small_content	{
				width: 950px;
				height: 35px;
				margin-left: auto;
				margin-right: auto;
				}
				
#footer_small_content .copyright	{
	font-size: 14px;
	float: right;
	margin: 10px 0 0 0;
	color: #333333;
								}

			

/*HEADER MENU*/
#header_nav	{
			list-style: none;
			font-weight: normal;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			margin: 55px 0 0 0;
			line-height: 1.2em;
			padding: 0;
			float: right;
			}
			
#header_nav li	{
				margin-right: 35px;
				float: right;
				}
				
#header_nav .myaccount	{
						margin-right: 0;
						}
				
				
#header_nav a	{
				padding-left: 38px;
				padding-top: 5px;
				display: block;
				color: #a7b0b4;
				text-decoration: none;
				background-image: url(../images/webmail.gif);
				background-position: left;
				background-repeat: no-repeat;
				}
				
#header_nav a:hover	{
					color: #f78f1e;
					background-image: url(../images/webmail_over.gif);
					background-position: left;
					background-repeat: no-repeat;
					}





		
#myaccount	{
			list-style: none;
			font-weight: normal;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			margin: 55px 0 0 0;
			line-height: 1.2em;
			padding: 0;
			float: right;
			<span class="code-comment">/* Clear floats */</span>
    		<span class="code-comment">
    		position:relative;
  			z-index:5;
    		</span>
			}
			
#myaccount li	{
				float: right;
				}
							
#myaccount a	{
				padding-left: 32px;
				padding-top: 4px;
				display: block;
				color: #a7b0b4;
				text-decoration: none;
				background-image: url(../images/account.gif);
				background-position: left;
				background-repeat: no-repeat;
				}
				
#myaccount a:hover	{
					color: #f78f1e;
					background-image: url(../images/account_over.gif);
					background-position: left;
					background-repeat: no-repeat;
					}
					
					
/**************
CSS Popup Box
**************/

.black_overlay	{
				display: none;
				position: absolute;
				top: 0%;
				left: 0%;
				width: 100%;
				height: 100%;
				background-color: black;
				z-index:1001;
				-moz-opacity: 0.8;
				opacity:.60;
				filter: alpha(opacity=80);
    			}
				
.white_content	{
				display: none;
				position: absolute;
				top: 10%;
				left: 25%;
				width: 50%;
				height: 65%;
				padding: 35px;
				border: 2px solid #a7b0b4;
				background-color: white;
				z-index:1002;
				overflow: auto;
				moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				-o-border-radius: 7px;
				-ms-border-radius: 7px;
				-khtml-border-radius: 7px;
				border-radius: 7px;
				}
				
.black_overlay2	{
				display: none;
				position: absolute;
				top: 160%;
				left: 0%;
				width: 100%;
				height: 100%;
				background-color: black;
				z-index:1001;
				-moz-opacity: 0.8;
				opacity:.60;
				filter: alpha(opacity=80);
    			}
				
.white_content2	{
				display: none;
				position: absolute;
				top: 170%;
				left: 25%;
				width: 50%;
				height: 65%;
				padding: 35px;
				border: 2px solid #a7b0b4;
				background-color: white;
				z-index:1002;
				overflow: auto;
				moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				-o-border-radius: 7px;
				-ms-border-radius: 7px;
				-khtml-border-radius: 7px;
				border-radius: 7px;
				}
				
.close_icon		{
				float: right;
				}
			


/*CSS BUTTON*/
#cssbutton a:link.cssbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:18px;
	font-weight:normal;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
	margin: 15px 0 0 0;
}
#cssbutton a:hover.cssbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#ffffff;
	text-decoration: none;
}

#cssbutton a:visited.cssbutton {
	position:relative;
	top:1px;
	color: #FFFFFF;
}			
#footer_small #footer_small_content .copyright strong {
	font-weight: normal;

}