/* FOOTER FOR ALL */
#footer {height: 73px; padding-right: 38px; align:center; text-align: center;}
#footer p {padding-top: 6px; align:center; text-align: center;}
#footer p a {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(4,4,4); text-decoration: none}
#footer p a:hover {text-decoration: underline}
#footer p a.ov {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(255,255,255); text-decoration: underline}
#footer p a.count {font-size: 9px; line-height: 28px; font-family: verdana; color: rgb(0,0,0); text-decoration: none}
#footer p a:hover {text-decoration: underline}
#footer .block{
	width: 862px;
	line-height: 10px;
	font-size: 9px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
}

* { padding: 0px; margin: 0px}

body {background: rgb(255,255,255); font-family: verdana, arial; font-size: 10px; line-height: 160%; color: rgb(0,0,0); text-align: center; background: url(../images/bgr.jpg) 50% 0 no-repeat}
a {color: rgb(51,102,102); text-decoration: none}
a:hover {text-decoration: underline}
a.ov {color: rgb(51,102,102); text-decoration: underline}
a img {border: none}
.both {clear: both}
.both3 {clear: both; height: 5px; line-height: 4px}
.rg {float: right}
.rg0 { float:left; width:695px; text-align: right; }
.lt {float: left}
table {border: 0px}
table td {text-align: left; vertical-align: top}

#main_box {width: 962px; height: auto; margin: 0px auto; padding: 5px 0px; text-align: left}

/* Top Nav */
#top_nav {height: 20px; margin: 3px auto; position:relative;}
#top_nav ul li a {
	color:#000;
	
}




/* HEADER FOR ALL */
#header {height:105px; background: url(../images/bg_t.gif) 0 0 no-repeat; background-repeat:no-repeat; font-size: 12px;}
#header div.logo { margin: 18px 0px 0px 39px; float: left; }
#header h3 {font-size: 16px; font-family: arial; font-weight: bold; color: rgb(0,71,49); margin-top: 18px}
#header p {padding-top: 6px}
#header p img {margin-bottom: -5px; padding-top: 5px;}
#header p a {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(80,110,145); text-decoration: none}
#header p a:hover {text-decoration: underline}
#header p a.ov {font-size: 12px; line-height: 30px; font-family: arial; color: rgb(80,110,145); text-decoration: underline}
#header p a.count {font-size: 9px; line-height: 28px; font-family: verdana; color: rgb(0,0,0); text-decoration: none}
#header p a:hover {text-decoration: underline}


/* CONTENT FOR ALL */
#content {background: url(../images/bg_c_boxcar.gif) 0 0 repeat-y; margin-top: 7px}


/* CONTENT FOR INDEX */
#content .in0 {background: url(../images/bg_b_boxcar.jpg) 0 100% no-repeat; background-repeat:no-repeat;}
#content .in0 .left {width: 213px; padding-left: 0px; float: left; background: url(../images/bg_l0.jpg) 0 0 no-repeat; background-repeat:no-repeat;}
#content .in0 .left h4 {font-size: 14px; font-family: arial; font-weight: normal; color: rgb(80,110,145); margin-top: 18px; margin-bottom: 24px}
#content .in0 .left h2 {font-size: 17px; line-height: 20px; font-weight: bold; color: rgb(0,88,45);}
#content .in0 .left p {font-size: 11px; line-height: 13px; color: #464646;}
#content .in0 .left .line {width: 180px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgb(230,118,51);}

#content .in0 .right {padding-bottom: 5px; background: url(../images/bg_rg0_boxcar.jpg) 0 0 no-repeat}
.right h1 {font-size: 17px; line-height: 26px; font-weight: normal; color: rgb(230,118,51)}
#content .in0 .right p {font-size: 10px; line-height: 170%; color: #464646;}
#content .in0 .right .und {width: 196px; height: 180px;  float: right; margin-left: 20px; margin-bottom: 15px;}
#content .in0 .right .und a div {width: 65px; height: 14px; margin: 91px 0px 0px 19px; cursor: hand}
#content .in0 .right .line {margin-top: 12px; padding-top: 12px; border-top: 1px solid rgb(166,168,168); clear: both; padding-bottom: 11px}
#content .in0 .right .lf_pl {width: 362px; float: left}
#content .in0 .right .lf_pl div.ll {width: 240px; float: left}
#content .in0 .right .lf_pl h1 {font-size: 17px; line-height: 17px; font-weight: normal; color: rgb(230,118,51); margin-bottom: 9px;}
#content .in0 .right .lf_pl h2 {font-size: 11px; line-height: 14px; font-weight: normal; font-weight: bold; color: rgb(0,88,45); margin-bottom: 9px;}
#content .in0 .right .lf_pl a {font-size: 10px; line-height: 13px; font-weight: normal; font-weight: bold; color: rgb(0,88,45); margin-bottom: 9px; text-decoration: underline}
#content .in0 .right .lf_pl a:hover {text-decoration: none}
#content .in0 .right .lf_pl img {float: right}
#content .in0 .right .rig0 {float: left; background: url(../images/fe1.gif) 0 0 repeat-y;}
#content .in0 .right .rig1 {background: url(../images/casestudy_boxcar.jpg) 0 0 repeat-y;}
#content .in0 .right .i0 {background: url(../images/fe0.gif) 0 0 no-repeat;}
#content .in0 .right .i1 {
	height:354px;
	width: 928px;
	
	position: relative;left: 18px;
}
#content .in0 .right .i1 h3 {font-size: 12px; line-height: 16px; font-weight: bold; color: rgb(0,88,45)}
#content .in0 .right .i1 .pp {width: 209px; float: right; font-size: 10px; line-height: 150%; color: rgb(80,110,145); text-decoration: underline;}
#content .bth {
	width: 962px;
	text-align: center;
	font-size: 11px;
	line-height: 170%;
	color: rgb(88,88,88);
	font-weight: bold;
	
}
#content .bth img {margin-bottom: -5px; padding-top: 5px;}


/* CONTENT FOR LOWER BOXES */
#content .box {
	width: 297px;
	height: 308px;
	background: url(../images/content_bgd.jpg) 0 100% no-repeat;
	float: left;
	margin-left: 18px;
	margin-top: 10px;	
}
#content .box .topbox {
	width: 297px;
	height: 30px;
	float: left;
	color: #ffffff;
	font-size: 14px;
	padding-top: 15px;
	text-align:center;
	font-weight:bold;
}
#content .box .bottombox1 {
	width: 145px;
	height: 298px;
	background: url(../images/music_download_promo.png) 0 100% no-repeat;
	float: left;
	padding-left: 139px;
	padding-top: 10px;
	max-width: 297px;
	background-position: left top;
	text-align:left;
	line-height: 16px;
}
#content .box .bottombox2 {
	width: 145px;
	height: 298px;
	background: url(../images/mobile_promo.png) 0 100% no-repeat;
	float: left;
	padding-left: 139px;
	padding-top: 10px;
	max-width: 297px;
	background-position: left top;
	text-align:left;
	line-height: 16px;
		
}
#content .box .bottombox3 {
	width: 145px;
	height: 298px;
	background: url(../images/skins_promo.png) 0 100% no-repeat;
	float: left;
	padding-left: 139px;
	padding-top: 10px;
	max-width: 297px;
	background-position: left top;
	text-align:left;
	line-height: 16px;
		
}






/* CONTENT FOR INDEX2 */
#content .in1 {background: url(../images/bg_b.jpg) 0 100% no-repeat}
#content .in10 {background: url(../images/bp_1.jpg) 0 0 no-repeat}
#content .in11 {background: url(../images/bp_0.jpg) 0 100% no-repeat}
#content .in1 .left {width: 213px; padding-left: 38px; float: left;}
#content .in1 .left h1 {font-size: 14px; font-family: arial; font-weight: bold; color: rgb(229,113,0); margin-top: 18px; margin-top: 42px}

#content .in1 .right {width: 641px; padding: 35px; padding-bottom: 5px; float: right;}
#content .in1 .right h1 {font-size: 17px; line-height: 26px; font-weight: normal; color: rgb(230,118,51)}
#content .in1 .right p {font-size: 11px; line-height: 150%; color: #464646;}
#content .in1 .right p span {color: rgb(0,88,45)}
#content .in1 .right p a {text-decoration: underline; color: #464646;}
#content .in1 .right p a:hover {text-decoration: none}

/* CONTENT FOR INDEX3 */
#content .in_0 {background: url(../images/bg_b.jpg) 0 100% no-repeat}
#content .in_1 {background: url(../images/bp_1.jpg) 0 0 no-repeat}
#content .in_2 {background: url(../images/bp.jpg) 0 100% no-repeat}
#content .in_0 .left {width: 213px; padding-left: 38px; float: left; background: url(../images/bp_1.jpg) 0 0 no-repeat}
#content .in_0 .left h1 {font-size: 12px; font-family: arial; line-height: 150%; font-weight: bold; color: rgb(229,113,0); margin-top: 18px; margin-top: 42px}
#content .in_0 .left h4 a {font-size: 12px; font-family: arial; line-height: 150%; font-weight: normal; color: rgb(80,110,145); padding-left: 32px}
.bb {border-top: 1px solid rgb(153,153,154); margin-top: 6px; padding-top: 2px; width: 179px}
.bb a {font-size: 12px; font-family: arial; line-height: 150%; font-weight: bold; color: rgb(80,110,145)}

#content .in_0 .right {width: 641px; padding: 35px; padding-bottom: 5px; float: right; background: url(../images/bg_rg0.jpg) 0 0 no-repeat}
#content .in_0 .right h1 {font-size: 17px; line-height: 26px; font-weight: normal; color: rgb(230,118,51)}
#content .in_0 .right p {font-size: 11px; line-height: 150%; color: rgb(88,88,88)}
#content .in_0 .right p span {color: rgb(0,88,45)}
#content .in_0 .right p a {text-decoration: underline; color: rgb(0,88,45}
#content .in_0 .right p a:hover {text-decoration: none}
#content .in_0 .right .und {width: 162px; height: 250px; background: url(../images/feat0.jpg) 0 0 no-repeat; float: right; margin-left: 20px; margin-bottom: 15px;}
#content .in_0 .right .und a div {width: 24px; height: 22px; margin: 127px 0px 0px 119px; cursor: hand}