html, body { margin:0px; background-color:#e5ecf3; font: 12px/1.25em Arial, Helvetica, sans-serif; color:#333333; padding:0;line-height: 1.5em;}

A.ccw
{
color: Blue;
font-size: 11px;
font-weight: none;
}
.ccw
{
color:#005dba;
font-size: 11px;
font-weight: Normal;
}
.ccwHeader
{
color: #4f0ea8;
font-size: 11px;
font-weight: Bold;
}
LI.ccw
{
list-style-type: disc
}




#maincontainer-big{min-width:1003px; background: url(../images/bg-image.gif) repeat-y center; margin: 0 auto;}
#maincontainer{width: 971px; margin:0px auto; }

h1 {font-size:16px; color:#ff6600; font-family: Arial, Helvetica, sans-serif;}
h2 {font-size:16px; color:#004DB2; font-family: Arial, Helvetica, sans-serif; }

h1.ar {font-size:15px; color:#ff6600; font-family:arial}

h1.orange {font-size:21px; color:#ff6600; font: Arial, Helvetica, sans-serif; margin:0px}
h1.blue {font-size:21px; color:#004db2; font: Arial, Helvetica, sans-serif;}
span.blue {font-size:21px; color:#004DB2; font: Arial, Helvetica, sans-serif;}
span.XX {font-size:30px; font: Arial, Helvetica, sans-serif;}

a { text-decoration:none; color:#004DB2}
a:hover{color:#ff6600}

.page-title {height:28px; border-bottom:1px solid #ff6600; margin:10px 0px 10px 0px; background:url(../images/bullet_title.png) no-repeat; padding-left:30px; line-height:25px; color:#ff6600; font-size:18px; font-weight:bold; }

.top-head-nav {height:22px; width:100%; background:url(../images/top_grad.png) repeat-x;}
.top-head-nav div.sublinks {height:22px; width:971px; margin:0 auto; font-size:10px; font-weight:bold; color:#006699}

.logo-head {background-color:#f1f1f1; height:80px; padding-top:0px}
.logo-head div.contact {float:right; height:29px; margin:0px 15px 0px 0px; width:220px; background:url(../images/toll_no.png) no-repeat}

.main-banner {border-bottom:2px solid #e5e5e5; height:219px; width:971px; background-color:#FFFFFF; }
.main-banner div.maintext{overflow:hidden; margin:0px 0px 0px 0px}
.main-banner  div.download-but, .main-small-banner div.maintext {margin:8px 0px 0px 130px; width:240px}

.main-small-banner {border-top:2px solid #157ab7; border-bottom:2px solid #e5e5e5; height:150px; width:971px; background-color:#FFFFFF; }

.body-container {background-color:#fff; background-position: inherit;  width:971px; margin:0px; overflow:hidden; clear:both; height:100%} /* background-image:url(../images/text_bg.png); background-repeat:no-repeat; */

.body-container-home {background-color:#ffffff; width:971px; margin:0px; overflow:hidden;}

.left-nav {width:200px; float:left; }

.right-nav {width:260px; float:right; background-color:#ffffff;}
.right-nav div.box-curvetop, .left-nav div.box-curvetop  {background:url(../images/right_curve_top.png) no-repeat; margin:19px 0px 0px 12px; width:236px; height:5px; overflow:hidden}
.right-nav div.box-body, .left-nav div.box-body {border-left:1px solid #d7d7d7; width:234px; overflow:hidden;  margin:0px 0px 0px 12px; border-right:1px solid #d7d7d7; background-color:#f7f7f7}
.right-nav  p.subtitle1, .left-nav  p.subtitle1{  font-weight:bold; color:#004DB2}

.right-nav div.box-curvebottom, .left-nav div.box-curvebottom {background:url(../images/right_curve_bottom.png) no-repeat; margin:0px 0px 10px 12px; width:236px; height:8px}
.right-nav div.box-body h1,.left-nav div.box-body h1, .main-box h1 {margin:10px 0px 5px 15px}
.right-nav div.box-body span.bullet, .left-nav div.box-body span.bullet {color:#ff6600; font-size:16px; font-weight:bold}
.right-nav div.box-body h1.login, .left-nav div.box-body h1.login { margin:2px 0px 8px 2px }
.right-nav div.box-body ul, .left-nav div.box-body ul {margin-top:0px; font-weight:bold}
.right-nav div.box-body p, .left-nav div.box-body p, .main-box p, .main-box-full p {margin:0px 10px 8px 15px; text-align:justify; line-height:18px}
.right-nav div.box-body span,.left-nav div.box-body span, .main-box div.box1 p span{color:#006699; font-weight:bold}


.main-box-right {width:720px; float:right; margin:0 10px 0 10px}
.main-box {width:730px; margin:0 30px 0 10px}
.main-box-full {width:950px; margin:0 auto}
.main-box-full div.img-center {margin:0 auto; width:600px; padding:8px}
.main-box h2, .main-box-full h2, .main-box-right h2  {margin:10px 0px 5px 15px}
.main-box div.intro {width:708px; border-bottom:1px solid #CCCCCC}
.main-box-full p.subtitle1, .main-box p.subtitle1, .main-box-right p.subtitle1{  font-weight:bold; color:#004DB2}
.main-box div.box1,.main-box div.box2, .main-box div.box3 {width:233px;}
.main-box div.box1 {float:left; border-right:1px solid #cccccc }
.main-box div.box2 {margin-left:234px; }
.main-box div.box3 {float:right; border-left:1px solid #cccccc}
.main-box a, p.subtitle1 a { line-height:14px; text-decoration:underline}
.main-box .date, .main-box-full .date, .right-nav div.box-body span.date { color:#FF3300; font-size:10px; font-weight:bold; }
.main-box-right div.orangesml {color:#FF3300; font-size:12px; font-weight:bold}

.main-box table.graybox {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	border-left:1px solid #999999; 
	border-top:1px solid #999999;
} 

.main-box table.graybox td.title {
	font-weight:bold; 
	border-right:1px solid #999999; 
	color:#FFFFFF;
	background:#4883E9;
	font-size:14px;
}

.main-box table.graybox td {
	border-bottom:1px solid #999999; 
	border-right:1px solid #999999;
	background:#EAEAEA;
	font-size:11px;
	font-weight:bold;
}

 table.graybox2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	border-left:1px solid #e7e7e7; 
	border-top:1px solid #e7e7e7;
} 

 table.graybox2 td {
	border-bottom:1px solid #e7e7e7; 
	border-right:1px solid #e7e7e7;
	background:#fff;
	
}


.imgbox{
	border:1px solid #999999; 
	background:#EAEAEA;
	font-size:11px;
	font-weight:bold;
}

.imgbox2{
	
	font-size:11px;
	padding:7px;
	float:right;
	}

.main-box div.box1,.main-box div.box2, .main-box div.box3  {width:233px;}
.main-box-right div.box1 {float:left;  }
.main-box-right div.box2 {margin-left:256px; }
.main-box-right div.box3 {float:right; }

.main-box-right div.box1, .main-box-right div.box2, .main-box-right div.box3  {width:250px;}

#footer {margin:0 auto; height:40px; color:#000000; line-height:15px; width:971px; background:url(../images/footer-bg.gif) no-repeat top; font-weight:bold; font-size:12px}
#footer a {color:#005cbb}
#footer a:hover { color:#000000}


.pic-boss {float:left; margin:5px 15px 10px 15px; border:2px solid  #999999}
.subtitle {font-weight:bolder;}
.bluebold {color:#005dba; font-weight:bold}
.bluebold a { text-decoration:none}
.bluebold p{ margin-left:15px}
p.subtitle1{ font-size:16px; font-weight:bold; color:#004DB2;}


#details { font-weight:bold; font-size:14px}
#details a {color:#333333;}
#details a:visited {color:#333333;} 



td.blk-bold { font-size:11px; font-weight:bold}

.box { font-size: 11px;	background-color: #FFFFFF; border:1px solid ;border-color: #999999 #aab3b3 #d5dddd #aab3b3; padding: 2px;}

.box:hover {background-color: #ffffff; border:1px solid #86eaa5}

.alert{ font-size:12px; color:#FF6600; font-family: Arial, Helvetica, sans-serif;}

table.form td {padding-left:15px;}

.blue-nor {color:#004db2; margin:0px}


.blue-sml {color:#004db2; margin:0px; font-size:15px; font-weight:normal }

.tagline { margin: 15px 0px 10px 20px; font-family: Arial, Helvetica, sans-serif; width:720px}

.page-title2 {
	background-color:#eee; 
	padding-left:20px
}

.invalid {
	font-size:10px;
	color:#FF3300;
	font-style:italic;
}

<!----------sub menu ---------->

.submenu { 

	font-weight:normal; 
	margin:5px 0px 0px 0px; 
	font-size:15px; 
	float:left; 
	text-align:left;
	
	
}

.submenu ul { 
	margin:2px 0px 0px 0px; 
	color:#0033CC; 
	padding:0px 0px 0px 18px
}
.submenu ul li a { text-decoration:underline; font-family:  Arial, Helvetica, sans-serif;}

.sbld { font-weight:bold}
.sbld a{text-decoration:none}

p {
	font-family: Arial, Helvetica, sans-serif;
}


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

#nav-menu li
{
float: left;
margin: 0 0.05em;
}

#nav-menu li a
{
background: url(../images/background.gif) #fff bottom left repeat-x;
height: 1.5em;
line-height: 1.4em;
float: left;
padding:0 3px 0 3px;
width: 5.3em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover 
{
color:#FF6600;

}



/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
} 

/*=====================main box-girl======================*/

.g-box {
	margin-left:7px; 
	width:955px
}

.g-box p.top {
	background:url(../images/main_curveA.png); 
	margin:0px; 
	height:5px
	
}

.g-box p.bottom {
	background:url(../images/main_curveB.png); 
	margin:0px; 
	height:5px
}

.g-box div.main {
	background:url(../images/main_img_girl.jpg) no-repeat #f6f7f7 right; 
	height:260px; 
	border-right:1px solid #6fb9f9;

}

.g-box div.green {
	float:right; 
	margin:2px 3px 3px 2px; 
	width:207px; 
	height:258px; 
	background:url(../images/obelyx_green.jpg)
}

.g-box div.create {
	float:right; 
	margin:2px 3px 3px 2px; 
	width:207px; 
	height:258px; 
}

.g-box div.green div.green-but {
	margin:195px 0px 0px 12px; 
	width:auto;
}
.g-box div.text-top {
	float:left; 
	width:520px; 
	margin:0 0 0px 0px;
	padding:0 0 0 30px;
	height:260px;
	border-left:1px solid #6fb9f9;
}

.right-box {
	width:207px; 
	float:right;	
	background:url(../images/right_bg.png) repeat-y; 
	padding:6px; 
	clear:both; 
	overflow:hidden;
	min-height:950px; 
	top:0;
	bottom:0;
}

.left-box {
	width:207px; 
	float:left; 
	background:url(../images/right_bg.png) repeat-y; 
	padding:6px; 
	clear:both; 
	overflow:hidden; 
	min-height:820px;
}

.blue-box {
	background:url(../images/sky_blue_bg.png) repeat-y; 
	width:205px;
	margin:8px 0 0 2px;
}

.blue-box p.top {
	background:url(../images/sky_blue_curve1.png) no-repeat; 
	margin:0px; 
	height:8px;
}

.blue-box p.bottom {
	background:url(../images/sky_blue_curve2.png) no-repeat bottom; 
	margin:0px; 
	height:8px;
}

.news {
	font-size:12px; 
	line-height:normal; 
	padding:7px;
}

.news span {
	color:#FF9900
}

.feature-box {
	background:#f8f8f8 url(../images/gray_bg.png) repeat-y; 
	width:720px; 
	margin-top:15px;
}

.feature-box p.top {
	background: url(../images/gray_curve_bigA.png) no-repeat; 
	margin:0px; 
	height:8px;
}

.feature-box p.bottom {
	background:url(../images/gray_curve_bigB.png) no-repeat bottom; 
	margin:0px; 
	height:8px
}

.feature-box h1 {
	margin:0px 0px 0px 15px; 
	width:95%; 
	background:#FFFFFF; 
	padding:4px;
	color:#0066CC;
	font-weight:bold;
	font-size:20px;
}

.feature-box ul {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:12px;
}



.solve {
	margin:0px
}

.solve ul {
	list-style:none outside none; 
	font-size:11px; 
	font-weight:bold; 
	margin:5px 0 0 0;
}

.solve ul li {
	margin:0 15px 0 -25px; 
	padding:4px 10px 4px 0; 
	border-bottom:2px solid #FFF;
	
}

.solve ul li a {
	color: #333;
	}
	
.solve ul li a:hover {
	color: #ff6600;
	}

.solve ul li.end {
	margin:0 12px 0 -25px; 
	padding-bottom:10px;
	border-bottom:none;
}

/*===============================white button=======================*/

.btn {
	float: left;
	clear: both;
	background: url(../images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin:0;
}
.btn a{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	height: 30px;
	background: url(../images/btn_stretch.png) repeat-x left top;
	line-height: 24px;
	padding: 0 10px;
	color: #1065be;
	font-size: 12px;
	text-decoration: none;
	width:140px;
}
.btn span {
	background: url(../images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 30px;
}

.bgdots1 {
	background:url(../images/dots.png) no-repeat right;
}

.bgdots2 {
	background:url(../images/hor-dots.png) no-repeat bottom;
}

  </style>
  
/*===================================*/