/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-family:Arial;
	font-size:12px; 
	color:#3f4a4e;
}
/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
	width:800px; 
 
	/* min-height lets your site grow vertically 
	(like in tables). */
	min-height:600px; 
 
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto; 
}
/*==============================
	HEADER WRAPPER
===============================*/
.header-wrapper
{
	width:800px; 
	height:54px; 
 	margin:0 0 35px 0;
 
	background:white; 
 
	/* css lets you designate how you want an image to 
	repeat. Along the x-axis, y-axis or not at all. */
	background-repeat:repeat-x; 
}
/*==============================
		BODY WRAPPER
===============================*/
/* only for main page */
.main-body-wrapper
{
	margin-top:3px; 
	/* floats are crucial to the creation of any
	web interface. Every web developer must master
	this concept. Don't worry I'll be writing a
	tutorial about this a little later.	:)	*/
	float:left; 
	width:800px;
	min-height:468px;
	height:auto !important;
	height:468px;
	background:url('images/blank.gif');
	background-repeat:repeat-x;
}
/* only for about us page */
.aboutus-body-wrapper
{
	float: left;
	width: 800px;
	min-height: 520px;
	height: auto !important;
	height: 520px;
	background: url('images/aboutus.jpg');
	background-repeat: repeat-x;
	padding: 0 0 0 0;
}
/* For Media Consultancy & Conferences */
.mediac-body-wrapper{
	margin-top:3px;
	float:left; 
	width:800px;
	min-height:520px;
	height:auto !important;
	height:520px;
	background:url('images/mediac.jpg');
	background-repeat:repeat-x;
	padding:0 0 0 0;
}
/* For PCO */
.PCO-body-wrapper{
	margin-top:3px;
	float:left; 
	width:800px;
	min-height:520px;
	height:auto !important;
	height:520px;
	background:url('images/PCO.jpg');
	background-repeat:repeat-x;
	padding:0 0 0 0;
}
/* For Advertise with us */
.advertise-body-wrapper{
	margin-top:3px;
	float:left; 
	width:800px;
	min-height:520px;
	height:auto !important;
	height:520px;
	background:url('images/advertise.jpg');
	background-repeat:repeat-x;
	padding:0 0 0 0;
}
/* For Dental INC */
.dentalinc-body-wrapper{
	margin-top:3px;
	float:left; 
	width:800px;
	min-height:520px;
	height:auto !important;
	height:520px;
	background:url('images/dentalinc.jpg');
	background-repeat:repeat-x;
	padding:0 0 0 0;
}
/* For Editorial Chinese */
.editorial-body-wrapper{
	margin-top:3px;
	float:left; 
	width:800px;
	min-height:520px;
	height:auto !important;
	height:520px;
	background:url('images/editorial.jpg');
	background-repeat:repeat-x;
	padding:0 0 0 0;
}
/* for the rest of the pages */
.body-wrapper
{
	margin-top:3px;
	float:left; 
	width:800px;
	min-height:520px;
	height:auto !important;
	height:520px;
	background:white;
	padding:0 0 0 0;
}
/*.body-wrapper
{
	margin-top:3px; 
 
 
	/* floats are crucial to the creation of any
	web interface. Every web developer must master
	this concept. Don't worry I'll be writing a
	tutorial about this a little later.	:)	*/
	/*float:left; 
 
 
	width:800px; 
	min-height:530px; 
}*/
/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear: left;
	text-align: right;
	font-size: 10px;
	color: black;
	height: 16px;
	background: url(images/footer.gif);
	vertical-align: middle;
	text-decoration: none;
}
.main-footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear: left;
	text-align: right;
	font-size: 10px;
	color: black;
	height: 16px;
	margin:30px 0 0 0;
	background: url(images/footer.gif);
	vertical-align: middle;
	text-decoration: none;
}

/*==============================
		MENU
===============================*/
/* This sets the position of the menu for the main page only*/
.main-header-menu
{
	float: left;
	width: auto;
	height: auto;
	margin: 38px 0 60px 32px;
}
.main-header-menu ul
{
	padding:0; 
 
	/* the removes the left margin */
	margin:0;
 
	/* this removes the bullet */
	list-style:none; 
}
.main-header-menu li
{
	float:left; 
}

/* This section is for the dropdown links on main page */

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
color:black;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
color:black;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
/*font-weight: bold;*/
}
/*hover menu changes*/
#dropmenudiv a:hover{
font-weight: bold;
color:black;
}

/*  The Menu for the rest of the pages*/
/* this sets the position of the title. 
header.gif goes here here */
.header-title
{
	float:left; 
}
/* This sets the position of the menu */
.header-menu
{
	float:right; 
	width:495px; 
	height:51px;
	padding:38px 0 0 0;
}
 
/*When you follow a class definition with an html element (such 
as ul) all styles that you apply will only affect that element. 
So for instance, in this case you read it as "apply these 
settings to every ul html element inside every div tag named 
<b>header-menu</b>, but no other."
*/

.header-menu ul
{
	padding:0; 
 
	/* the removes the left margin */
	margin:0;
 
	/* this removes the bullet */
	list-style:none; 
}
.header-menu li
{
	float:left; 
}


/*image map for main page*/
.mainmap {
	padding: 0 0 0 0;
}

/******************************
      Heading
******************************/
.heading{
	font-family:"Palatino Linotype";
	font-size:17px;
	font-weight:bold;
	color:#ef4030;
	margin:40px 0 0 30px;
}
.cheading{
	font-family:"STHeiti";
	font-size:19px;
	font-weight:bold;
	color:#ef4030;
	margin:40px 0 0 30px;
}
/********* BODY TEXT **********/

div#body {
	border-color: #6d6f71;
	float: left;
	font-size: 12px;
	font-family: Arial;
	height: auto;
	width: 690px;
	border-left: 1.5px solid;
	text-align: left;
	padding: 0 0 0 13px;
	margin: 10px 0 30px 60px;
	color: #6d6f71;
	vertical-align: text-top;
/*	line-height:150%; */
}
div#body p{
	text-align: left;
	padding: 0;
	margin: 0;
	color: #6d6f71;
	vertical-align: text-top;
/*	line-height:150%; */
}
div#body p strong{
	font-family:"Palatino Linotype";
	font-size:14px;
	font-weight:bold;
	color:#ef4030;
	text-transform:uppercase;
}
div#body p em{
	font-weight: bold;
	color: #6d6f71;
	font-style: normal;
}
div#body p strong em{
	font-weight: bold;
	color: #6d6f71;
	font-size:14px;
	font-family: Arial;
	font-style: normal;
}
div#body p a{
	color:#6d6f71;
	font-weight:bold;
}
div#cbody {
	border-color: #6d6f71;
	float: left;
	font-size: 14px;
	font-family:STHeiti;
	height: auto;
	width: 690px;
	border-left: 1.5px solid;
	text-align: left;
	padding: 0 0 0 13px;
	margin: 10px 0 30px 60px;
	color: #6d6f71;
}
div#cbody p{
	text-align: left;
	padding: 0;
	margin: 0;
	color: #6d6f71;
	vertical-align: text-top;
/*	line-height:150%; */
}
div#cbody p strong{
	font-family:STHeiti;
	font-size:14px;
	font-weight:bold;
	color:#ef4030;
}
div#cbody p em{
	font-weight: bold;
	color: #6d6f71;
	font-style: normal;
}
div#cbody p a{
	color:#6d6f71;
	font-weight:bold;
}
/******************************
      Table
******************************/
#table1{
	border-color: #6d6f71;
	float: left;
	font-size: 12px;
	font-family: Arial;
	height: auto;
	width: 690px;
	border-left: 1.5px solid;
	text-align: left;
	padding: 0 0 0 13px;
	margin: 10px 0 30px 60px;
	color: #6d6f71;
}
#table1 strong{
	font-size:14px;
	font-weight:bold;
}
/******************************
          Lists
******************************/
#table1 ul{
	color: #6d6f71;
	font-size: 12px;
	font-weight:bold;
	font-family: Arial;
	list-style-type: none;
	padding: 0;
	margin: 0;
	list-style-position: outside;
	/*list-style-image: url(images/sqbullet.png);*/
}
#table1 p{
	padding:0;
	margin:0;
}
#table1 li{
	background: url(images/sqbullet2.png) no-repeat 0% 10%;
	padding-left:15px;
	color: #6d6f71;
	font-size: 12px;
	font-weight:normal;
	font-family: Arial;
}
.thumbs {
	border-width: 0px;
}
#body ul{
	padding: 0;
	margin:0 0 14px 26px;
	/*list-style-position: outside;*/
	/*list-style-image: url(images/sqbullet.png);*/
}
/*#body li{
	padding: 0;
	margin-left: 26px;
	/*list-style-position: outside;*/
	/*list-style-image: url(images/sqbullet.png);*/
}