/* Common Style */

body
{
margin:0 0 ;
font-family: "Trebuchet MS", arial;
font-size:13px;
color:#000000;
line-height:18px;
text-align: left;
background:#3EAAD8 url(images/cosmic_main_bg1.jpg) repeat-x top center;
}
a
{
text-decoration:none;
color:#11A9EC;
}

a:hover
{
text-decoration:underline;
color:#085374;
}

img.left 
{
float: left;
margin: 7px 14px 8px 0px;
border:2px #000000 solid;
}

img.right 
{
float: right;
margin: 12px 0px 10px 15px;
border:2px #000000 solid;
}
.news_img img
{
 padding: 20px 30px 30px 100px;
}

hr
{
border:1px #C3C5C5 dotted;
}

#main
{
width:900px;
margin:0 auto;
padding:0 0 ;
}

/* Top Banner Section */

#main_frame
{
width:900px;
background:#3EAAD8 url(images/cosmic_main_bg.jpg) repeat-x top center;
margin:0 0;
height:850px;
}

#logo
{
float:left;
width:900px;
height:86px;
/*background: url(images/cosmic_logo1.png) no-repeat top left;*/
margin:20px 0px 2px 30px ;
}

#logo_right
{
width:400px;
height:86px;
float:right;
margin:0 0;
}

#top-menu
{
width:300px;
height:15px;
float: right;
padding:0 0 0 0;
margin:0 25px 0 0;
font-size:11px;
color:#FFFFFF;
text-align: right;
}

#isi-content
{
padding:10px 25px 0 0;
margin:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
float: right;
font-size:22px;
width:300px;
color:#FFFFFF;
text-align: right;
}
/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block; float:left; width:913px; height:41px;font-size:11px;font-weight:bold;background: url(images/cosmic_menu_bg.gif) no-repeat top center; left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin: 0px 4px 0px 4px;padding-left:8px;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#00577F;text-decoration:none;padding:11px 13px 0 15px;height:25px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */
/* Menu Section */
/*#menu
{
float:left;
position: relative;
width:910px;
height:41px;
margin:0 0 0 0;
background: url(images/cosmic_menu_bg.gif) no-repeat top center;
}

#menu ul 
{
margin: 0 0 0 0;
padding: 8px 0 0 8px;
list-style: none;
}

#menu li
{
margin: 0 0 0 0;
padding: 10px 0 0 0;
display: inline;
}

#menu a 
{
display: block;
float: left;
margin-left: 20px;
border: 1px #3DA7F5;
padding: 1px 8px;
text-decoration: none;
font-size: 13px;
color: #022050;;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#menu a:hover
{
text-decoration: none;
color:#0BACE3;
}

#menu a:active 
{
display: block;
float: left;
margin-left: 20px;
background: #0094E0;
border: 1px dashed #FFFFFF;
padding: 1px 8px;
text-decoration: none;
font-size: 13px;
color: #FFFFFF;}*/

/* Top Banner Section */

#banner
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_banner.png) no-repeat top center;
margin:5px 0 5px 0;
}

/* Body Section */

#body
{
float:left;
position: relative;
width:908px;
height:9px;
margin:0 0 0 0;
background: url(images/cosmic_bodybg1.png) no-repeat top center;
}

#body-middle
{
float:left;
position: relative;
width:908px;
height:auto;
margin:0 0 0 0;
background: url(images/cosmic_bodybg2.png) repeat-y top center;
}

.body-middle
{
float:left;

width:908px;
height:auto;
margin:0 0 0 0;
background: url(images/cosmic_bodybg2.png) repeat-y top center;
}
#logos
{
position: relative;
float:left;
width:908px;
height:73px;
background:#ffffff url(images/clients_logo.jpg) no-repeat top center;
}

#logos-inner
{
position: relative;
float:left;
width:908px;
height:73px;
}

#copyright
{
position: relative;
float: left;
background-color:#003366;
height:20px;
text-align:center;
width:908px;
font-size:11px;
color:#FFFFFF;
}
#body-bottom
{
float:left;
position: relative;
width:908px;
height:9px;
margin:0 0 0 0;
background: url(images/cosmic_bodybg3.png) no-repeat top center;
}

#body-part-left
{
float:left;
width:700px;
height:auto;
margin:0 0 0 0;
padding:0 0 0 10px;
}

.text
{
float:left;
width:680px;
height:auto;
margin:10px 0 0 20px;
padding-top:10px;
}

.heading1
{
font-size:16px;
color:#1289D3;
font-weight:bold;
}

.heading2
{
font-weight:bold;
font-size:18px;
color:#034758;
text-align:left;
margin:0 0;
line-height:20px;
padding-left:25px;
padding-bottom:2px;
}

.heading2 a
{
color:#034758;
text-decoration: none;
}

.heading2 a:hover
{
color:#993300;
text-decoration: none;
}

.news-heading
{
margin:0 0 0 0;
padding:4px 0 0 15px;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
}

.text-point
{
float:left;
padding:0 8px 0 0;
margin:0 0 0 1px;
line-height:20px;
font-size:12px;
text-align:left;
}

.text-point ul li a
{
color:#000000;
text-decoration: none;
}

.text-point ul li a:hover
{
color:#68a4e0;
text-decoration: underline;
}

.text-point-sub
{
float:right;
padding:0 8px 0 0;
margin:2px 0 0 -1px;
line-height:20px;
font-size:12px;
text-align:left;
}

.text-point-sub ul
{
list-style-type: none
}

.text-point-sub ul li a
{
color:#000000;
text-decoration: none;
}

.text-point-sub ul li a:hover
{
color:#68a4e0;
text-decoration: underline;
}

/* Three Main Sections */

#main_three
{
margin:0 0;
height:auto;
float:left;
width:736px;
}

/* Three Main Sections common*/

.main_three_middle
{

float:left;
width:184px;
height: 250px;
background: url(images/box_middle.jpg) repeat-y top center;
}

.main_three_bottom
{
float:left;
width:184px;
height: 40px;
background: url(images/box_bottom.jpg) no-repeat top center;
}

/* section 01 */

#finance-account
{
float:left;
width:184px;
}

#finance-account-icon
{
float:left;
width:184px;
height:80px;
background: url(images/finance_account_icon1.jpg) no-repeat top center;
}

/* section 02 */

#tax-compliance
{
float:left;
width:184px;
height: auto;
}

#tax-compliance-icon
{
float:left;
width:184px;
height: 80px;
background: url(images/tax_complaince_icon.jpg) no-repeat top center;
}

/* section 03 */

#payroll-services
{
float:left;
width:184px;
height: auto;
}

#payroll-services-icon
{
float:left;
width:184px;
height: 80px;
background: url(images/payroll_service_icon.jpg) no-repeat top center;
}

/* section 04 */

#it-services
{
float:left;
width:184px;
height: auto;
}

#it-services-icon
{
float:left;
width:184px;
height: 80px;
background: url(images/it_service_icon.jpg) no-repeat top center;
}

/* News and Testimonail */

#body-part-right
{
float: right;
width:149px;
/*height:auto;*/
margin:0 0 0 0;
padding:0 10px 0 0;
}

#news-bg1
{
float:left;
width:149px;
height:38px;
background: url(images/news_bg1.jpg) no-repeat top center;
}


#news-bg2
{
float:left;
width:149px;
height:100px;
background: url(images/news_bg2.jpg) repeat-y top center;
}

#news-bg4
{
float:left;
width:140px;
height:80px;
padding:0 0 0 9px;
background: url(images/news_bg2.jpg) repeat-y top center;
}

#marqueecontainer{
position: relative;
width: 149px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
}

#testimonial-bg2
{
float:left;
width:149px;
height:100px;
background: url(images/news_bg2.jpg) repeat-y top center;
}

#marqueecontainer1{
position: relative;
width: 149px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
}

.specail_text
{
color:#ED703A;
text-decoration: none;
}

.specail_text a
{
color:#ED703A;
text-decoration:underline;
}

.specail_text a:hover
{
color:#ED703A;
text-decoration:none;
}

#news-bg3
{
float:left;
width:149px;
height: 17px;
background: url(images/news_bg3.jpg) no-repeat top center;
padding-bottom:10px;
}
.news-text
{
float:left;
line-height:16px;
font-size:11px;
color:#000000;
margin:0 6px 0 0;
text-align:left;
}

.news-text ul
{
padding: 0 0;
list-style: none;
margin: 0 0;
}

.news-text li
{
padding: 0 0 0 10px;
margin: 0 0 12px 6px;
background: url(images/bullet.gif) no-repeat left 15%;
}

.news-text li ul 
{
padding: 0px 2px 2px 0px;
}

.news-text li li
{
padding: 0 0 0 0;
}


.news-text a
{
color:#003366;
text-decoration: none;
}

.news-text a:hover
{
color:#cc0033;
text-decoration: underline;
}

/*  Innerpage Design */

#innerpage_left
{
float:left;
width:168px;
height:auto;
margin: 5px 2px 0 5px;
padding: 5px 2px 0 5px;
}

#innerpage_right
{
float:right;
width:715px;
height:auto;
margin: 5px 5px 5px 0;
padding: 5px 5px 5px 0;
border-left:1px #DBDCDC solid;
}
.getfreequote{
	width:160px;
	height:85px;
	background: url(images/freequote.png) no-repeat top center;
	cursor:pointer;
	border:0px;
	margin:0 0 3px 0;
}
.getfreequote-quote{
	width:149px;
	height:79px;
	background: url(images/freequote1.png) no-repeat top center;
	cursor:pointer;
	border:0px;
	margin:0 0 3px 0;
}

#innerpage_side_top
{
float:left;
width:160px;
height: 74px;
background: url(images/innerpage_sidebg_top.jpg) no-repeat top center;
}

.innerpage_side_middle
{
float:left;
width:160px;
height: auto;
background: url(images/innerpage_sidebg_middle.jpg) repeat-y; top : center;
}

#innerpage_side_bottom
{
float:left;
width:160px;
height: 21px;
margin: 0 0 10px 0;
background: url(images/innerpage_sidebg_bottom.jpg) no-repeat top center;
}
/*.side_menu
{
width:155px;
float:left;
line-height:16px;
font-size:12px;
color:#000000;
margin:0 6px 0 0;
text-align:left;
}

.side_menu ul
{
padding: 0 0;
list-style: none;
margin: 0 0;
}

.side_menu ul li 
{
padding: 0 0 0 10px;
margin: 0 0 12px 6px;
background: url(images/bullet_inner.jpg) no-repeat left 50%;
border-bottom:1px solid #E5E5E5;
}

.side_menu li ul 
{
padding: 0px 2px 2px 0px;
}

.side_menu li li
{
padding: 0 0 0 0;
}

.side_menu a
{
color:#003366;
text-decoration: none;
}

.side_menu a:hover
{
color:#FF5400;
text-decoration: underline;
}
*/
.side_menu {
	font-size: 0.9em;
	margin:0 6px 0 0;
	text-align:left;
}

.side_menu ul {
	margin: 0px;
	padding: 0 0;
	list-style: none;
}
.side_menu ul li {
	margin: 0px;
	border-bottom: 1px solid #E5E5E5;
	padding: 5px 1px;
	font-weight: bold;
	color: #CC6600;
	padding-left: 15px;
}
.side_menu ul li{
	display:block;
}

.side_menu ul li a{
	color:#003366;
    text-decoration: none;
	font-weight: normal;
	background: url(images/bullet_inner.jpg) no-repeat left 50%;
	display:block;
	padding-left: 15px;
}
.side_menu ul li a:hover{
	color:#FF5400;
	text-decoration: underline;
}
.side_menu ul li ul li a{
	color:#003366;
    text-decoration: none;
	font-weight: normal;
	background: url(images/bullet_inner_sub.jpg) no-repeat left 50%;
	display:block;
	padding-left: 15px;
}
/*Site map page */
.site_map {
	font-size: 0.9em;
	margin:0 6px 0 0;
	text-align:left;
}

.site_map ul {
	margin: 0px;
	padding: 0 0;
	list-style: none;
}
.site_map ul li {
	margin: 0px;
	border-bottom: 1px solid #E5E5E5;
	padding: 5px 1px;
	font-weight: bold;
	color: #CC6600;
	padding-left: 15px;
}
.site_map ul li{
	display:block;
}

.site_map ul li a{
	color:#003366;
    text-decoration: none;
	font-weight: normal;
	display:block;
	padding-left: 15px;
}
.site_map ul li a:hover{
	color:#FF5400;
	text-decoration: underline;
}
.site_map ul li ul li{
	margin: 0px;
	border-bottom: none;
	padding: 5px 1px;
	font-weight: bold;
	color: #CC6600;
	padding-left: 15px;
}
.site_map ul li ul li a{
	color:#003366;
    text-decoration: none;
	font-weight: normal;
	background: url(images/bull1.gif) no-repeat left 50%;
	display:block;
	padding-left: 15px;
}

/* News Section */

.news-text
{
float:left;
line-height:16px;
font-size:11px;
color:#000000;
margin:0 6px 0 0;
}

.news-text ul
{
padding: 0 0;
list-style: none;
margin: 0 0;
}

.news-text li
{
padding: 0 0 0 10px;
margin: 0 0 12px 4px;
background: url(images/bullet.gif) no-repeat left 20%;
}

.news-text li ul 
{
padding: 0px 2px 2px 0px;
}

.news-text li li
{
padding: 0 0 0 0;
}


.news-text a
{
color:#0C7FB1;
text-decoration: none;
}

.news-text a:hover
{
color: #085577;
text-decoration: underline;
}


/* Inner Right Section */

.Main-inner-heading
{
font-family:Arial, Helvetica, sans-serif;
display:block;
color:#004363;
font-size:18px;
margin: 0 0;
padding: 0 0 4px 2px;
border-bottom:1px #747676 dotted;
}

.Main-inner-Sub-heading
{
font-family:Arial, Helvetica, sans-serif;
color:#004363;
font-size:16px;
margin: 0 0;
}

.Main-inner-text
{
color:#000000;
font-size:13px;
line-height:17px;
margin: 0 0;
padding: 8px 8px 4px 10px;
text-align:justify;
}
.Main-inner-text ul li
{
line-height:17px;
margin: 0 0;
padding: 0px 8px 0px 0px;
text-align:justify;
}

.Main-inner-text ol li
{
line-height:17px;
margin: 0 0 0 20px;
padding: 0px 8px 0px 0px;
text-align:justify;
}

.divider
{
width:592px;
height: 17px;
padding: 0 0 20px 150px;
background: url(images/innerpage_side_divider.jpg) no-repeat top center;
}

.divider-line
{
border-bottom:1px #DEE0E0 dashed;
margin:15px 0;
}

.content_area a:hover {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #0033FF;
	padding-bottom: 2px;
}
.content_area a {
	padding-bottom: 2px;
	text-decoration: none;
}
.content_area img {
	padding: 1px;
	border: 2px solid #DFDFDF;
	margin-right: 10px;
}
/*Products page*/
.content_area_products a:hover {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #0033FF;
	padding-bottom: 2px;
	text-align:left;
}
.content_area_products a {
	padding-bottom: 2px;
	color: #0033FF;
	text-decoration: none;
}
.content_area_products img {
	padding: 1px;
	margin-right: 10px;
}

.products img{
	padding: 1px;
	margin-right: 10px;
}

/*.hreflink 
{
color:#44B0E4;
text-decoration: underline;
}*/

.hreflink a
{
color:#44B0E4;
text-decoration:underline;
}

.hreflink a:hover
{
color:#FF5400;
text-decoration:none;
}

.news_events ul li a
{
color:#000000;
text-decoration:none;
}
.news_events ul li a:hover
{
color:#000000;
text-decoration:none;
}
.hyper a
{
color:#000000;
text-decoration:none;
}
.hyper a:hover
{
color:#0000FF;
text-decoration:none;
}

.hyper ul li a
{
color:#000000;
text-decoration:none;
}
.hyper ul li a:hover
{
color:#0000FF;
text-decoration:none;
}

/*cosmic banners*/
/* banner styles */

#banner_homepage
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_Home.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_aboutus
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_aboutus.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_contactus
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_contactus.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_news
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_news.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_products
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_products.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_services
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_services.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_webinar
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_banner_webinar.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_careers
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_careers.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_partners
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_partners.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_sitemap
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_sitemap.png) no-repeat top center;
margin:5px 0 5px 0;
}

#banner_training
{
float:left;
position: relative;
width:908px;
height:198px;
background: url(images/cosmic_training.png) no-repeat top center;
margin:5px 0 5px 0;
}

#contact_section_l
{
float:left;
width:100%;
height:auto;
padding:0 0 0 0;
margin:0 0 0 0;
}

#contact_section_r
{
float: right;
width:100%;
height:auto;
padding:0 0 0 0;
margin:0 0 0 0;
}

/* banner styles */

.cosmic_livehelp_icon
{
background: url(images/cosmic_livehelp_icon.png) no-repeat top left;
position: absolute;
width:133px;
height:60px;
top:1px;
left:50%;
cursor:pointer;
}
.btn{
	width:97px;
	height:27px;
	background:url(images/btn.png) no-repeat top center;
	border:0px;
}

/*form style*/

.form_irs {
  width:150px;
  height:20px;
  font-size:11px;
  color:#000000;
  border:1px solid #999999;
  
}

.form_req{
  width:180px;
  height:66px;
  font-size:11px;
  color:#000000;
  border:1px solid #999999;
  
}



.foot
{
	padding-right: 0px;
	border-top: #426a93 4px solid;
	padding-left: 0px;
	padding-bottom: 35px;
	margin: 0px auto;
	width: 948px;
	padding-top: 25px;
	text-align: center;
}
.content
{
	padding-right: 3px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #666666;
	line-height: 17px;
	padding-top: 0px;
}
.content STRONG
{
	color: #1f427f;
}
.content SPAN
{
	color: #666666;
	font-weight:bold;
}
.node .content a
{
	font-size: 14px;
}
.content a:hover
{
	text-decoration: none;
}


#cont-col .ind
{
	padding-right: 214px;
	padding-left: 214px;
	padding-bottom: 0px;
	padding-top: 0px;
}


.login_form {
width:130px;
height:14px;
background-color:#F4F5F5;
border:0px;
/* border-bottom:1px solid #1289D3; */
border-bottom:2px solid #848484;
padding:2px 0 2px 3px;
margin:0;

}

.login_btn{
width:100px;
height:20px;
float:left;
padding:0px 0 8px 0px;
text-align:center;
line-height:12px;
color:#000000;
font-size:12px;
font-weight:bold;
background:url(images/login_img.gif) no-repeat left top;
border:0;
cursor:pointer;

}
.login_btn1{
width:100px;
height:20px;

padding:0px 0 8px 0px;
text-align:center;
line-height:12px;
color:#000000;
font-size:12px;
font-weight:bold;
background:url(images/login_img.gif) no-repeat left top;
border:0;
cursor:pointer;

}