html, body {
  margin:0;
  padding:0;
  margin: 0;
  font-size:10pt;
}

#mainBackground{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -383px;
	margin-top: -277px;
	width: 770px;
	height: 555px;
	background-color: #071D2E;
	border: 3px solid #5E7542;
}

.trial{
	font-family: arial; 
	font-size: 8pt; 
	color: #CDE5AF; 
	text-decoration: none;
}

#greenBar1{
	position: relative;
	height: 1px;
	background-color: #5E7542;
	top: 10px;
	width: 700px;
	left: -4px;

}

#greenBar{
	position: relative;
	background-image: url("img/greenBar.gif"); 
	left: -4px;
	width: 690px;
	height: 4px;
	top: -11px;

}


#logo{
	position: relative;
	height: 54px;
	width: 63px;
	left: 50%;
	margin-left: -152px;
	top: 45px;
}

#name{
position: relative;
	height: 18px;
	width: 176px;
	top: 27px;
	left:0px;
}

#navigation{
	position: relative;
	height: 12px;
	width: 500px;
	top: 0px;
	left: 200px;
	
}

#mainContentBG{
	position: relative;
	background-color: #83A25C;
	height: 462px;
	width: 730px;
	left: 1px;
	top: 1px;
	border: 3px solid #071d2e;
}

#mainContentBorder{
	position: relative;
	background-color: #83A25C;
	height: 471px;
	width: 737px;
	top: -10px;
	left: 0px;
	margin-left: 10px;
}

#secondContent{
	position: relative;
	background-color: #F8FCF3;
	border: 2px solid #5E7542;
	height: 385px;
	width: 590px;
	left: 50%;
	margin-left: -295px;
}

#contentText{
	font-family: arial; 
	font-size: 9pt;
	color: #000000;
	width: 290px;
}




BODY {
}

#loader_container {
	WIDTH: 100%; POSITION: absolute; TOP: 40%; TEXT-ALIGN: center
}
#loader {
	BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6a6a6a 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10px; Z-INDEX: 255; PADDING-BOTTOM: 16px; MARGIN: 0px auto; BORDER-LEFT: #6a6a6a 1px solid; WIDTH: 135px; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #6a6a6a 1px solid; FONT-FAMILY: Tahoma, Helvetica, sans; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#progress {
	FONT-SIZE: 1px; LEFT: 10px; WIDTH: 1px; POSITION: relative; TOP: 1px; HEIGHT: 5px; BACKGROUND-COLOR: #9d9d94
}
.borb1c6cedb {
	BORDER-BOTTOM: #c6cedb 1px solid
}
.borb1c6cedb1 {
	BORDER-RIGHT: #c6cedb 1px solid; BORDER-LEFT: #c6cedb 1px solid
}
.borb1c6cedb2 {
	BORDER-RIGHT: #c6cedb 1px solid
}

#loader_bg {
	FONT-SIZE: 1px; LEFT: 8px; WIDTH: 113px; POSITION: relative; TOP: 8px; HEIGHT: 7px; BACKGROUND-COLOR: #ebebe4
}
.title_h2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 12px
}
.border_preview {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; Z-INDEX: 100; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid; POSITION: absolute
}
.preview_temp_load {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.preview_temp_load IMG {
	VERTICAL-ALIGN: middle; TEXT-ALIGN: center
}


DIV.wrap {
	CLEAR: both
}

.clear {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 0px; PADDING-TOP: 0px; HEIGHT: 0px
}
.title_container{margin:20px;}
.main_template_container{
	float:left;
	width:500px;

}
.template_container{
	width:500px;
	float: left;
}
.template{
	border:3px double #ccc;
	width:175px;
	float:left;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 30px;
	margin-left: 0;
	padding: 0px;
}

.template img a{ text-decoration:none; border:none}
.template img a:hover{ text-decoration:none; border:none}
A IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.template_text_container{
	width:285px;
	float:left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}
.template_text_title1{color:#666666; font-weight:bold; font-size:14px; text-decoration:underline}
.template_text_normal{font-weight:normal; color:#666666}
.template_text_title2{color:#FF6600; font-weight:bold; font-size:12px; text-decoration:underline}
.view_all{text-align:right; float:left; width:500px;}