body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	font-size:11px
}

h1 {
	font-size:16px;
	padding-left:13px;
	background:url(../img/treals.gif) no-repeat left center
}

h1, #contact {
	font-family:Arial Narrow, Helvetica, sans-serif;
}

h1 span{
	font-size:18px
}

strong {
	color:#3e3e3e
}

h1, p {
	margin:0 0 10px 0
}

.content p, .content td {
	font-size:13px;
	margin:0 22px 10px 12px
}

ul {
	margin:0 0 12px 0;
	padding-left:12;
	line-height:17px;
	list-style:none;
	font-size:13px
}

ul li{
	background:url(../img/treal_gray.gif) no-repeat 0 6px;
	padding-left:8px;
}

ol {
	margin:0;
	padding:0;
	list-style-position:inside
}

table {
	border-collapse:collapse;
	width:100%
}

td {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	vertical-align:top
}

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

body, a {
	color:#5f5f5f;
}

a img {
	border:0
}

a:hover, #logo a {
	text-decoration:none
}

form td {
	padding:5px 0
}

form td input, form td textarea, form td select {
	border:1px solid #c2c2c2;
	width:200px
}

form td #exp_month, form td #exp_year {
	width:auto
}

form .radio, form td td input {
	width:auto;
	border:0
}

form label {
	margin:0 10px 0 5px;
	position:relative;
	top:-3px
}

label.no {
	margin:0;
	top:0
}

#logo a:hover {
	text-decoration:underline;
	color:#7F1217
}

#container {
	text-align:center
}

#all {
	margin:0 auto;
	width:900px;
	text-align:justify
}

#logo {
	/*background:url(../img/logo.gif) no-repeat 0 15px;*/
	text-align:right;
	padding:0 15px 23px 0;
	font-size:11px
}

#logo img{
}

#logo a {
	padding:0 5px 0 5px;
	color:#0D5C56;
}

#menu {
	margin-bottom:24px;
	background:#b5b5b5
}

#contact {
	font-size:16px;
	font-weight:bold;
	background:url(../img/contact.jpg) no-repeat;
	color:#FFFFFF;
	padding:19px 0 25px 24px
}

#contact span{
	margin-left:55px
}

.read {
	padding-left:7px;
	background:url(../img/treal.gif) no-repeat 0 5px;
	font-weight:bold
}

.read, .read_1, .read_2{
	text-decoration:none
}

.read:hover, .read_1:hover, .read_2:hover{
	text-decoration:underline
}

.read_1 {
	padding-left:7px;
	background:url(../img/treal_white.gif) no-repeat 0 5px;
	font-weight:bold
}

.read:hover, .read_1:hover{
	background-position:2px 5px
}

h1 span, .read, .read_2, form span{
	color:#b01212;
}

.green, .green a {
	color:#497809
}

.solution {
	/*margin:24px 10px 24px 24px*/
	height:217px
}

.photo {
	vertical-align:bottom;
	padding:0 10px 12px 0
}

.block {
	padding:16px 30px 0 20px
}

.green_block {
	background:#168f78 url(../img/bg.jpg);
	border:1px solid #137f6b;
	padding:20px;
	margin:4px 0 4px 0
}

.green_block h1 {
	background:url(../img/treals_green.gif) no-repeat left center
}

.green_block h1, .green_block h1 span, .news, .green_block p, .green_block strong, .green_block a{
	color:#FFFFFF
}

.news {
	background: url(/img/dot_green.gif) bottom repeat-x
}

.img, .border{
	margin:0 14px 14px 0
}

.img, .img_1 {
	border:3px solid #FFFFFF;
}

.news {
	padding-bottom:20px;
	margin-bottom:20px
}

.news p{
	margin:0
}

.date {
	margin-bottom:12px;
	font-weight:bold
}

.border {
	border:1px solid #C2C2C2;
	float:left
}

.news_1 {
	margin:30px 5px 20px 0

}

.news_1 p{
	margin:0 0 5px 13px
}

.dotted {
	background:url(../img/dot_horiz.gif) repeat-x;
	margin-top:16px
}

p.dotted {
	background-position:bottom;
	margin:0 0 3px 85px;
	padding-bottom:10px
}

.right_td {
	background:url(../img/dot_vert.gif) repeat-y;
	padding:0 15px 0 15px
}

.left_td {
	padding-right:12px
}

.small_news {
	margin-bottom:20px
}

#submenu {
	background:#4f4f4f;
	padding:12px 0 12px 0;
	text-align:center;
	margin-top:3px
}

#submenu, #submenu a {
	color:#FFFFFF
}

#submenu a {
	margin:0 20px 0 20px
}

#copy {
	padding:7px 0 14px 0;
	text-align:center;
	color:#878787
}

.red {
	color:#f00;
	font-weight:bold
}

.gray {
	color:#5F5F5F;
	font-weight:normal
}

.fleft {
	float:left
}

/* Stepcarousel */
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 790px; /*Width of Carousel Viewer itself*/
	height: 300px; /*Height should enough to fit largest content's height*/
	background:#F5EAD4;
	margin-left:55px
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:20px 10px; /*margin around each panel*/
	width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	background:#F5EAD4
}
/* /Stepcarousel */