/* 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;*/ width:595px; 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}