body, h1, h2, h3, p, a, ul, li, img {
	margin: 0px;
	padding: 0px;
}
body {
	background: #d9d7d2 url(../images/body_bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {
	border:none;
}
ul {
	list-style-type: none;
}
h1 {
	float: left;
	padding-top: 40px;

}
h1 a{
	text-indent: -9999px;
	float: left;
	overflow:hidden;
	background-image: url(../images/origin_logo.jpg);
	height: 58px;
	width: 173px;
}
h2 {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: normal;
	color: #4c4a45;	
	margin-bottom:15px;
}
h3 {
	color:#C24E15;
	font-size:14px;
	margin-bottom:15px;
	line-height: 22px;
	float:left;
	width:100%;
	font-family: "Trebuchet MS";
}

p, li {
	font-size: 12px;
	color: #555555;
	line-height:20px;
}
.main p {
	font-size: 14px;
}
.main .narrow_column p {
	font-size: 11px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#page-wrapper {
	width: 915px;
	margin-right: auto;
	margin-left: auto;

}
.header{
	float:left;
	height:105px;
	width:100%;
}
.header ul {
	float: right;
	padding-top: 50px;
}
.header li {
	background: url(../images/menu/menu_separator.gif) no-repeat right top;
	float: left;
	height: 37px;
	padding-right: 2px;
}
.header li.last_item {
	padding:0;
	background:none;
}
.header li a {
	height:37px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
	overflow:hidden;
}
.header li a:hover, .header li.active a {
	background-position: bottom;
}
.home {
	width:81px;
}
.home a {
	background-image: url(../images/menu/home.gif);	
	width:81px;
}
.company {
	width:118px;
}
.company a {
	background-image: url(../images/menu/company.gif);	
	width:118px;
}
.contact {
	width:143px;
}
.contact a {
	background-image: url(../images/menu/contact.gif);	
	width:143px;
}
.product {
	width:124px;
}
.product a {
	background-image: url(../images/menu/product.gif);	
	width:124px;
}
.team {
	width:82px;
}
.team a {
	background-image: url(../images/menu/team.gif);	
	width:82px;
}
.technology {
	width:137px;
}
.technology a {
	background-image: url(../images/menu/technology.gif);	
	width:137px;
}
.main_page_flash {
	float: left;
	width: 100%;
}
.content {
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	float: left;
}
.main .content {
	width: 854px;
	padding: 30px 21px 25px 40px;
}
.conten_bottom {
	float: left;
	width:100%;
	background-image: url(../images/content_bottom.gif);
	height: 9px;
	font-size: 0px;
	line-height: 0px;
}
.main .wide_column {
	float:left;
	width:495px;
	padding-right:55px;
}
.main .narrow_column {
	float:left;
	width:304px;
}
.read_more {
	float: right;
	background-image: url(../images/read_more.gif);
	height: 15px;
	width: 55px;
	text-indent:-9999px;
	overflow:hidden;
}
.main .side_box_wrap {
	margin:0;
}
.side_box h2 {
	font-size:18px;
	margin-bottom:10px;
	float:left;
	width:100%;
}
.side_box h2 span {
	float:left;
}
.side_box h2 span.sign {
	background: url(../images/orange_sign.gif) no-repeat 3px 7px;
	width:50px;
	height:20px;
}
.side_box p {
	line-height:19px;
}
.side_box_wrap {
	background: url(../images/side_box_bg.gif) repeat-y;
	float: left;
	height: auto;
	width: 304px;
	margin-top:25px;
}
.side_box_inner {
	background: url(../images/side_box_top.gif) no-repeat left top;
	float: left;
	height: auto;
	width: 304px;
}
.side_box {
	background: url(../images/side_box_bottom.gif) no-repeat left bottom;
	float: left;
	min-height:126px;
	width: 262px;
	padding: 15px 20px 15px 22px;
}


.footer{
	float: left;
	width: 100%;
	padding-top:5px;
}
.footer ul {
	float:left;
	padding-left:8px;
}
.footer li {
	display:inline;
	color:#71706d;
	font-size:11px;
}
.footer li a {
	margin-right:4px;
	color:#71706d;
	font-size:10px;
	text-transform:uppercase;
}
.footer p {
	color:#71706d;
	font-size:10px;
}
.footer p.copy {
	float:left;
	clear:left;
	padding-left:8px;
}
.footer p.design {
	float:right;
	padding: 4px 8px 0 0;
	line-height:20px;
}
.footer p.design a {
	color:#71706d;
	font-size:10px;
	line-height:20px;
	float:left;
	background: url(../images/imp_star.gif) no-repeat left top;
}
.footer p.design a span {
	padding: 4px 0 3px 24px;
	line-height:20px;
	text-transform:uppercase;
}
.footer p.design a:hover{
	background-position: left bottom;
}
.footer p.design a:hover {
	text-decoration:none;
}

/****************** Sub page CSS ************************/

.sub .content {
	width:100%;
}
.content_inner {
	float:left;
	width:827px;
	padding: 0 41px 35px 47px;
	background: url(../images/content_top.gif) no-repeat left top;
	min-height:220px;
}

.sub .wide_column {
	float:left;
	width:474px;
	padding: 49px 49px 0 0;
}
.sub .wide_column p {
	line-height:18px;
	text-align:justify;
}
.sub .narrow_column {
	float:left;
	width:304px;
}
.side_menu {
	margin-top:16px;
}
.side_menu a {
	width:238px;
	height:41px;
	line-height:41px;
	background: url(../images/side_menu.gif) no-repeat left top;
	display:block;
	padding-left:66px;
	font-size:16px;
	color:#474540;
}
.side_menu li {
	margin-bottom:9px;
}
.side_menu a:hover, .side_menu li.active a {
	color:#c24e15;
	background-position: left bottom;
	text-decoration:none;
}
.sub .wide_column ul {
	padding-top:15px;
}
.sub .wide_column ul a {
	float:left;
	margin-right:10px;
}
.sub .wide_column li {
	float:left; 
	width:100%;
	padding-bottom:15px;
}
.sub .wide_column ul p {
	float:left;
	width:339px;
	line-height:20px;
	margin-top:3px;
}
ul.bullet_list {
	float:left;
	width:100%;
}
.sub .wide_column ul.bullet_list li {
	width:430px;
	margin-left:24px;
	margin-left:25px;
	padding: 0 0 2px 20px;
	background: url(../images/text_list_bullet.gif) no-repeat 10px 8px;
}
ul.ordered_list {
	float:left;
	width:100%;
	padding-bottom:25px;
}
.sub .wide_column ul.ordered_list li {
	width:430px;
	margin-left:24px;
	margin-left:25px;
	padding: 0 0 2px 20px;
}
.contact_page h3 {
	margin-bottom:8px;
}
.contact_page p {
	margin-bottom:25px;
}
.contact_page a {
	color:#555555;
}
.sub .wide_column p {
	float:left;
	width:100%;
}
/************* headings ****************/

#welcome, #company_overv,
#product,  #technology, #team, #contact, #soon,
#partners, #press {
	width: 100%;
	float:left;
	text-indent:-9999px;
}
#welcome {
	background: url(../images/headings/welcome.gif) no-repeat left bottom;
}
#company_overv {
	background: url(../images/headings/company_overview.gif) no-repeat left bottom;
}
#product {
	background: url(../images/headings/product.gif) no-repeat left bottom;
}
#technology {
	background: url(../images/headings/technology.gif) no-repeat left bottom;
}
#team {
	background: url(../images/headings/team.gif) no-repeat left bottom;
}
#contact {
	background: url(../images/headings/contact_us.gif) no-repeat left bottom;
}
#soon {
	background: url(../images/headings/coming_soon.gif) no-repeat left bottom;
}
#partners {
	background: url(../images/headings/partners.gif) no-repeat left bottom;
}
#press {
	background: url(../images/headings/press.gif) no-repeat left bottom;
}
#core_tech {
	background: url(../images/headings/core_technologies.gif) no-repeat left bottom;
	text-indent:-9999px;
	width:143px;
}
#california {
	background: url(../images/headings/california.gif) no-repeat left bottom;
	text-indent:-9999px;
	width:100px;
}
#career {
	background: url(../images/headings/career_op.gif) no-repeat left bottom;
	text-indent:-9999px;
	width:161px;
}


p a {
 	color: #C24E15;
}
.side_box p a {
	line-height:30px;
}
.press li span {
	float:left;
	width:85px;
	line-height:20px;
	color:#666666;
	font-size:11px;
}
.press {
	padding-top:10px;
	float:left;
	width:100%;

}
.press a {
	color:#C24E15;
}
.sub .wide_column ul.press li p {
	width:357px;
	float:left;
	margin:0;
}

h3 span {
	float:left;
	width:85px;
}
span.bullet_1, span.bullet_2, span.bullet_3 {
	width:15px;
	height:22px;
	margin-right:3px;
	text-indent: -9999px;
}
span.bullet_1 {
	background: url(../images/bullet_1.gif) no-repeat left 3px;
}
span.bullet_2 {
	background: url(../images/bullet_2.gif) no-repeat left 3px;
}
span.bullet_3 {
	background: url(../images/bullet_3.gif) no-repeat left 3px;
}
span.text {
	width:auto;
}
.press_table_head {
	margin: 15px 0 0 0;
}
