/* CSS Document */

/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------------ GLOBAL ------------------ */
/* -------------------------------------------- */
/* -------------------------------------------- */

#wrapper_in {
	background: #FFFFFF;
	height: 794px;
	margin: 0 auto;
	margin-top: 0px; 
	padding: 0px;
	width: 774px;
}

#wrapper_out {
	background: url(images/bg_page_top.jpg) repeat-x;
	background-position:top;
}

a:hover {
	text-decoration: none;
}

body {
	background: url(images/bg_page_bottom.jpg) repeat-x;
	background-position: bottom;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0 auto;
}

body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, td, th, ul  {
	margin: 0px;
	padding: 0px;
}

h1 {
	color: #1F8169;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-right: 65px;
}

p {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-right: 65px;
}

strong {
	color: #1D7D67;
}

/* -------------------------------------------- */
/* -------------------------------------------- */
/* ----------------- MASTHEAD ----------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#masthead {
	 background: url(images/bg_masthead.jpg) no-repeat;
	 height: 205px;
	 width: 774px;
}


/* -------------------------------------------- */
/* -------------------------------------------- */
/* ---------------- NAVIGATION ---------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#nav_bar {
	height: 27px;
	padding-left: 357px;
	padding-top: 29px;
	width: 358px;	
}

#nav_bar ul {
	height: 28px;
	margin-left: 16px;
	text-align: center;
	width: 693px;
}

#nav_bar ul li {
	display: block;
	float: left;
	height: 28px; 
	line-height: 28px;
	margin-right: 1px;
	text-indent: 2px;
}

#nav_bar ul li a {
	color: #FFFFFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	margin-left: 0px;
	text-decoration: none;
	text-indent: 2px;
	width: inherit;
}

#nav_bar ul li a.active, #nav_bar ul li a:hover {
	color: #FFFFFF;
	text-indent: 2px;
}

#nav_bar ul li#nav_home {
	background: url(images/nav_bg_home_off.jpg) no-repeat;
	height: 27px;
	width: 42px;
}

#nav_bar ul li#nav_home a.active, #nav_bar ul li#nav_home a:hover  {
	background: url(images/nav_bg_home_on.jpg);
	height: 26px;
}

#nav_bar ul li#nav_services {
	background: url(images/nav_bg_services_off.jpg);
	height: 27px;
	width: 102px;
}

#nav_bar ul li#nav_services a.active, #nav_bar ul li#nav_services a:hover  {
	background: url(images/nav_bg_services_on.jpg);
	height: 26px;
}

#nav_bar ul li#nav_credentials {
	background: url(images/nav_bg_credentials_off.jpg);
	height: 27px;
	width: 102px;
}

#nav_bar ul li#nav_credentials a.active, #nav_bar ul li#nav_credentials a:hover  {
	background: url(images/nav_bg_credentials_on.jpg);
	height: 26px;
}

#nav_bar ul li#nav_contact {
	background: url(images/nav_bg_contact_off.jpg);
	height: 27px;
	width: 102px;
}

#nav_bar ul li#nav_contact a.active, #nav_bar ul li#nav_contact a:hover  {
	background: url(images/nav_bg_contact_on.jpg);
	height: 26px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------------ CONTENT ----------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */

#content {
	padding-top: 30px; width: 774px;
}

#content ul li.pamyoung {	
	display: block;
	float: left;
	margin-left: 45px;
	width: 123px;
}

#content ul li.pamyoung img {
	margin-bottom: 10px;
}

#content ul li.pamyoung span {
	color: #000000;
	font-weight: bold;
}

#content ul li.home {	
	background: url(images/bg_content_home.jpg) no-repeat;
	display: block;
	float: left;
	height: 498px;
	margin-left: 60px;
	padding-left: 20px;
	padding-top: 20px;
	width: 498px;
}

#content ul li.credentials {	
	background: url(images/bg_content_home.jpg) no-repeat;
	display: block;
	float: left;
	height: 498px;
	padding-left: 20px;
	padding-top: 20px;
	width: 498px;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------------ FOOTER ------------------ */
/* -------------------------------------------- */
/* -------------------------------------------- */

#footer {
	font-size: 9pt;
	height: 100%;
	margin-top: -35px;
	text-align: center;
}

#footer a {
	color: #21856B;
}

#footer a:hover {
	text-decoration: none;
}
