/********



Ripple e-Business International, Inc.

Copyright 2008



	+ HEADER

	+ BODY

	+ FOOTER



********/



/****************

	GLOBAL

****************/

body{

	background-color: #162770;

	background-image:url(../images/background_03.jpg);

	background-position: top:100px;

	background-repeat:repeat-x;

}



.read_more{

}



img{

	border: none;

}



.title{

	color: #000000;	

 	font-family: Arial;

	font-size: 240%;

	font-weight: 400;

	vertical-align: middle;

}

.contents{

	color: #000000;	

 	font-family: Arial;

	font-size: 100%;

	font-weight: 100;	

}

.header {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000000;

	font-weight:bold;

}

/****************

	HEADER

****************/

#top_menu{

	margin-left: auto;

	margin-right: auto;

	width: 800px;

	height: 20px;

	padding-top: 5px;

	color: #cccccc;

}

#top_menu a{

	color: #cccccc;

    font: 10px Verdana;

	text-decoration: none;

}

#top_menu a:hover{

	color: #FFCC00;

    font: 10px Verdana;

	text-decoration: none;

}

#header{

	margin-left: auto;

	margin-right: auto;



	width: 798px;

	height: 175px;

	

	background-color: #000;

	background-image: url(../images/header_01.jpg);

	background-repeat: no-repeat;

	

	border-top: 2px solid #000000;

	border-bottom: 1px solid #616e90;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

	

	font: Verdana, Arial, Helvetica, sans-serif 12px yellow;

}



#header_barter{

	margin-left: auto;

	margin-right: auto;



	width: 798px;

	height: 175px;

	

	background-color: #000;

	background-image: url(../images/header_02.jpg);

	background-repeat: no-repeat;

	

	border-bottom: 1px solid #616e90;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

	

	font: Verdana, Arial, Helvetica, sans-serif 12px yellow;

}



#logo{

	float: right;

	width: 170px;

	height: 80px;

	margin-top: 10px;

	margin-right: 10px;	



	background-image: url(../images/logo.png);

	background-repeat: no-repeat;

}



#main_spacer{

	float: right;

	width: 600px;

	height: 145px;

}

#main_menu{

	float: right;

	width: 380px;

	height: 10px;

}





/**************************************************************/

/****************

	BODY

****************/

#body{

	margin-left: auto;

	margin-right: auto;



	width: 798px;

	min-height: auto;

	

	background-color: #ffffff;

/*	background-image: url(../images/body_shade.png);

	background-position: bottom;

	background-repeat: repeat-x;*/

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

}

#body_contents{

	margin-left: auto;

	margin-right: auto;

	width: 790px;

	height: 650px;

	_padding-top: 10px;



}



#body_contactus{

	margin-left: auto; margin-right: auto;

	width: 798px;

	height: 470px;

	background-color: #ffffff;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

}



#body_solutions{

	margin-left: auto; margin-right: auto;

	width: 798px;

	height: 720px;

	background-color: #ffffff;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

}



#body_features{

	margin-left: auto; margin-right: auto;

	width: 798px;

	height: 1000px;

	background-color: #ffffff;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

}



#body_businessprocess{

	margin-left: auto; margin-right: auto;

	width: 798px;

	height: 800px;

	background-color: #ffffff;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;/*border: 1px solid  #FF0000;*/

}



#body_technology{

	margin-left: auto; margin-right: auto;

	width: 798px;

	height: 800px;

	background-color: #ffffff;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

}



#body_industry1{

	margin-left: auto; margin-right: auto;

	width: 798px;

	height: 800px;

	background-color: #546ac2;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	/*border: 1px solid  #FF0000;*/

}

#body_news{

	margin-left: auto; margin-right: auto;

	width: 700px;

	height: 1150px;

	background-color: #00000;

	/*border: 1px solid  #FF0000;*/

}



/**************************************************************/

.body_left{

	float: left;

	width: 265px;

	height: 580px;

	padding-top: 10px;

	padding-left: 30px;

	/*border: 1px solid blue;	*/

}

.body_right{

	float: right;

	width: 470px;

	height: 580px;

	padding-top: 10px;

	padding-right: 10px;

/* 	border: 1px solid red;*/

}

#welcome{

	float: left;

	width: 225px;

	height: 20px;

	padding-left: 10px;

	color: #000000;

	font-family: Arial;

	font-size: 100%;

	font-weight: 100;

}

#news_events{	

	float: left;

	width: 225px;

	height: 100px;

	padding-top: 90px;

	_padding-top: 25px;

	padding-left: 12px;

	color: #000000;	

 	font-family: Arial;

	font-size: 100%;

	font-weight: 400;

}

#product_preview_header{

	float: right;

	width: 480px;

	height: 15px;

	color: #000066;	

 	font-family: Arial;

	font-size: 150%;

	padding-top: 5px;

}

#product_preview_detail{

	float: right;

	width: 400px;

	height: 50px;

	padding-right: 60px;



	color: #000066;	

 	font-family: Arial;

	font-size: 70%;

	font-weight: 400;

	padding-top: 5px;



}

#product_preview_image{

	float: right;

	width: 340px;

	height: 190px;

	padding-right: 130px;

	padding-top: 60px;

	_padding-top: 0px;

	_padding-right: 30px;

	background-repeat: no-repeat;

}

#affiliation{

	float: right;

	width: 400px;

	height: auto;

	padding-right: 50px;

	padding-top: 30px;

	_padding-top: 0px;

	_padding-right: 30px;

	background-repeat: no-repeat;

}



/**************************************************************/



#content_one{

	float: left;

	width: 600px;

	border: 1px solid red;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

}



.news {

	font:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:100;

}



#content_two{

	float: left;

	width: 600px;

	border: 1px solid red;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	padding-top: 10px;

}



/****************

	FOOTER

****************/

#footer{

	margin-left: auto;

	margin-right: auto;

	width: 800px;

	_width: 800px;

	height: 30px;

	background-color: #000000;

 	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #CCCCCC;

	font-size: 10px;

	/*font-weight: bold;*/

	text-align: center;



}

#footer_spacer{

	float: right;

	width: 600px;

	height: 145px;

}
