/* Main settings */
body {margin:0px; padding:0px; background:url('../img/bg2.jpg') 0px 0px  repeat-x; font-family:Tahoma, Arial, Helvetica, sans-serif;}

#main {width:760px; margin:0px auto;}

/* Header section */

#main #top {background:url('../images/asiworks logo.gif') 2px 15px no-repeat; height:113px; width:740px; text-align:right; font-size:12px; color:#7D7D7D; padding:30px 20px 0px 0px;}
#main #top ul {margin:0px; padding:0px; list-style:none;}
#main #top li {margin:0px; padding:0px; display:inline;}
#main #top li a {color:#7D7D7D; text-decoration:none; background:transparent url('../img/arrow-gray.gif') 6px 5px no-repeat; padding:0px 15px;} 
#main #top li a:hover {color:#BA0D17; text-decoration:underline; background:transparent url('../img/arrow-red.gif') 6px 5px no-repeat; padding:0px 15px;}

/* Top menu */

#main #mainMenu {
	width:760px;
	height:103px;
	text-align:right;
	position:relative;
}
#main #mainMenu ul {margin:0px; padding:0px; list-style:none; float:right;}
#main #mainMenu ul li {margin:0px; padding:0px; float:left;}
#main #mainMenu ul li a {font-size:14px; color:#F9F9F9; font-weight:bold; text-decoration:none; text-align:center; background:transparent url('../img/bg-tab.jpg') no-repeat; width:140px; height:27px; display:block; line-height:27px; overflow:hidden; text-transform:uppercase; cursor:pointer;}
#main #mainMenu ul li a:hover {background:transparent url('../img/bg-tab-over.jpg') no-repeat;}

#main #mainMenu .sub-menu {padding:15px 0px 15px 0px; width:760px; position: absolute; top:20px; left:0px; text-align:center !important; color:#F9F9F9; }
#main #mainMenu .sub-menu ul {margin:0px; padding:0px; list-style:none; float:none !important;}
#main #mainMenu .sub-menu li {margin:0px; padding:0px; display:inline; float:none !important;}
#main #mainMenu .sub-menu a {background:none !important; font-weight:normal !important; width:auto !important; height:auto !important; display:inline !important; text-transform:capitalize !important; padding:0px 5px 0px 5px;}
#main #mainMenu .sub-menu a:hover{text-decoration:underline;}

#main #mainMenu .sub-menu {display:none}
#main #mainMenu .active_over .sub-menu {display:block;}

/* Header image */

#main #header {
	background-image:url('../headerArt/header3_color.jpg');
	height:150px;
	width:760px;
}

/* Title */

#main #title {background-image:url('../img/bg-title.jpg'); height:34px; width:760px; border:#B3B3B7 2px solid; border-width:2px 0px; padding:15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#444444; line-height:16px;}
#main #title #firstTitle {width:214px; height:34px; border-right:#C7C7C7 2px solid; float:left; padding:0px 20px 0px 20px; margin:0px 20px 0px 0px;}
#main #title span {font-size:14px; font-weight:bold; color:#757575;}

/* Body content */

#main #mainBlog {width:758px; padding:20px 0px 0px 0px; border:#C7C7C7 1px solid; border-width:0px 1px 1px 1px;}

#main #mainBlog #left {width:214px; border-right:#C7C7C7 2px solid; float:left; padding:0px 20px 0px 5px;}
#main #mainBlog #left img {
	margin:0px 0px 15px 15px;
	border: solid 1px black;
}
#main #mainBlog #left p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:12px;
	color:#444444;
	clear:left;
	line-height: 16px;
}
#main #mainBlog #left span {
	font-size:14px;
	color:#090909;
	font-weight:bold;
	line-height: 18px;
}
#main #mainBlog #left a {color:#BA0D17; text-decoration:none;}
#main #mainBlog #left a:hover {text-decoration:none;}
#main #mainBlog #left a.more {color:#BA0D17; text-decoration:underline; font-size:12px; font-weight:bold; background:transparent url('../img/arrow-red.gif') 6px 5px no-repeat; padding:0px 0px 15px 15px; display:block;}
#main #mainBlog #left a.more:hover {text-decoration:none;}

#main #mainBlog #right {
	width:460px;
	float:left;
	padding:0px 0px 0px 20px;
	line-height: 30px;
}  

#main #mainBlog #right h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:16px;
	color:#0C3;
	line-height: 30px;
}

#main #mainBlog #right img {
	float:left;
	margin:0px 10px 0px 0px
}
#main #mainBlog #right p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:12px;
	color:#444444;
	line-height: 16px;
}

#main #mainBlog #right .boxMore {text-align:right; height:20px; padding:0px 0px 20px 0px;}
#main #mainBlog #right a.more {color:#BA0D17; text-decoration:none; font-size:12px; font-weight:bold; background:transparent url('../img/arrow-red.gif') 6px 5px no-repeat; padding:0px 0px 0px 15px;}
#main #mainBlog #right a.more:hover {text-decoration:underline;}
#main #mainBlog #right span {
	font-size:14px;
	color:#090909;
	font-weight:bold;
	line-height: 18px;
}

/* Footer content */

#main #copy {height:30px; width:758px; text-align:center; font-size:11px; color:#090909; background-color:#F9F9F9; padding:15px 0px; clear:left;}
#main #mainBlog span #right ul li {
	font-size: 12px;
	line-height: 16px;
	color: #444444;
}
#main #mainBlog #right ul li {
	font-size: 12px;
	line-height: 16px;
	color: #444444;
}
#main #mainBlog #left ul li {
	font-size: 12px;
	color: #444444;
	line-height: 16px;
}
