@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background: #e0e1e0 url(../images/main_bg.jpg) repeat-x;
	font-family:Arial, Verdan, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#535151;
}

h1, h2, h3, p, b {
	margin:0px;
	padding:0px;
}

#outer {
	width: 100%;
}

#wrraper {
	width:1000px;
	margin:0 auto;
}

#header {
	float:left;
	width: 1000px;
	height: 115px;
	padding-top: 4px;
}

#logo {
	float: left;
	width: 335px;
}

/************** download CSS *******************/

#download {
	float: right;
	width: 143px;
	margin-top: 29px;
}


/********************** Navigation *********************/

/*#nav {
	float: left;
	width: 1000px;
	height: 46px;
}*/

/****************** Main Container ********************/

#main_container {
	float: left;
	background: #ffffff;
	width: 988px;
	padding: 6px 6px 0px 6px;
}

#container_btm {
	float:left;
	background: url(../images/container_btm.jpg) no-repeat;
	width: 1000px;
	height: 10px;
	margin-bottom: 12px;
}

#banner {
	float: left;
	width: 988px;
	height: 308px;
}

#leftside {
	float: left;
	width: 644px;
}

#leftside h1 {
	font-family: "Myriad Pro", Arial, Verdana, Tahoma, Geneva, sans-serif;
	font-size: 34px;
	color: #397bab;
	margin-bottom: 27px;
}

#leftside p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #565656;
	line-height: 18px;
	text-align: justify;
}

.hm_img {
	float: left;
	padding-right: 9px;
	margin-bottom: 10px;
}

#rightside {
	float: right;
	width: 326px;
}

#rightside ul{
	margin:0px;
	padding:0px;
}

#rightside ul li{
	background: url(../images/right_bx_bg.png) no-repeat;
	width: 298px;
	height: 184px;
	list-style-type:none;
	padding: 23px 14px 0px 14px;
	margin-bottom: 35px;
}

#rightside ul li h1 {
	font-family: "Myriad Pro", Arial, Verdana, Tahoma, Geneva, sans-serif;
	font-size: 30px;
	color: #000000;
	text-align: right;
	background: url(../images/title_spartr.png) no-repeat bottom right;
}

#rightside ul li p {
	font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 18px;
	padding-top: 5px;
	text-align: justify;
}

.read_more {
	position: absolute;
	padding-top: 23px;
	*padding-top: 17px;
	padding-left: 60px;
}

/***************** Middle Container ******************/

#midle_container {
	float: left;
	background: url(../images/middle_cont_bg.jpg) repeat-x;
	height: 303px;
	width: 624px;
	padding: 10px;
}

#midle_container ul{
	margin:0px;
	padding:0px;
}

#midle_container ul li{
	width: 307px;
	list-style-type:none;
	background: url(../images/saprator.jpg) repeat-y right;
	float: left;
	margin-right: 5px;
}

#midle_container ul li.no-brd {
	background: none;
}

#midle_container ul li h1 {
	font-family: "Myriad Pro", Arial, Verdana, Tahoma, Geneva, sans-serif;
	font-size: 26px;
	color: #397bab;
	padding-top: 9px;
	margin: 0px;
}

#midle_container ul li p {
	font-family: Arial, Verdana, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #535151;
	line-height: 18px;
	text-align:justify;
}

.how_wrk {
	float: right;
	margin: 0px 5px 0px 7px;
}

/*********************** Footer ***********************/

#footer_container {
	float: left;
	width: 1000px;
	height: 94px;
	margin-bottom: 2px;
}

#ftr_left {
	float: left;
	background: url(../images/footer_left.jpg) no-repeat;
	width: 7px;
	height: 94px;
}

#ftr_mdl {
	float: left;
	background: url(../images/footer_mdl.jpg) repeat-x;
	height: 94px;
	width: 986px;
}

#ftr_mdl ul{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:4px;
	margin-left: 10px;
}
#ftr_mdl ul li{
	float:left;
	list-style-type:none;
	display:inline;
}
#ftr_mdl ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:30px;
	text-decoration:none;
}
#ftr_mdl ul li a:hover{
	color:#28549a;
	text-decoration:none;
}

#ftr_mdl ul li.logo{
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-top: 8px;
	margin-right: 5px;
}

#ftr_right {
	float: right;
	background: url(../images/footer_right.jpg) no-repeat;
	width: 7px;
	height: 94px;
}

/**************** Feachures **********************/

.feachures {
	float: left;
	width: 644px;
}

.feachures ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.feachures ul li{
	list-style-type:none;
	float:left;
	display:inline;
	background: #ffffff url(../images/feactures_bg.jpg) repeat-x;
	width: 624px;
	padding: 10px;
	border-top: 1px solid #e1e4e1;
}
.feachures ul li h2{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000;
	background:none;
	margin:0px;
	padding-bottom:5px;
}
.feachures ul li p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#535151;
	line-height:20px;
}

/************************* Live Demo ***************/

#livedemo {
	padding: 0px;
	margin: 0px;
	width: 644px;
}

#livedemo h2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3d81b2;
	padding-top: 7px;
	padding-left: 10px;
	height: 25px;
	*padding-top:3px;
	*height: 28px;
	margin-bottom: 10px;
	background: #e9eae9;
	border-bottom: 1px solid #e3ddd8;
}

.livedemo_n {
	float: left;
	padding-left:8px;
	padding-bottom:15px;
}

.livedemo_n span{
	float:left;
	width:180px;
	margin-left:5px;
	color: #707070;
}

.livedemo_n input{
	background: #f6f4f4;
	border: 1px solid #d6d6d6;
	color: #3d81b2;
	height:16px;
	width:190px;
}

.livedemo_n input.submit{
	border:none;
	height: 37px;
	width: 79px;
}

.livedemo_n textarea{
	background: #f6f4f4;
	border: 1px solid #d6d6d6;
	color: #3d81b2;
	width:190px;
}

.livedemo_n select{
	background: #f6f4f4;
	border: 1px solid #d6d6d6;
	color: #3d81b2;
	width:192px;
}

.red{
	color:#FF0000;
	font-size:13px;
}

.bg_none {
	background: none !important;
}


/******************** Our Channels ****************/
.channels {
	width: 644px;
	float:left;
}

.channels ul{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:4px;
	margin-left: 10px;
}

.channels ul li{
	float:left;
	list-style-type:none;
	display:inline;
	margin-right: 45px;
	padding-left: 15px;
	background: url(../images/arrow.png) no-repeat left center;
	margin-bottom: 12px;
	width: 150px;
}

.channels ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535151;
	text-decoration:none;
}

.channels ul li a:hover{
	color:#397bab;
	text-decoration: underline;
}

/****************** FAQ ******************/

.faq{
	margin:0px;
	padding:0px;
	float:left;
	width:644px;
}

.faq ul{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

.faq ul li{
	margin-bottom:7px;
}

.faq ul li a{
	border-bottom: 1px solid #d6d6d6;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #818181;
	text-decoration:none;
	padding-left:30px;
	background:#f6f4f4 url(../images/arrow_faq.png) no-repeat 3px center;
}

.faq ul li a:hover{
	color: #3d81b2;
	text-decoration:none;
}

.answer{
	padding:10px;
	padding-top:3px;
	line-height:18px;
}

/***************** HOW it Works *********************/

#how_it_works {
	padding: 0px;
	margin: 0px;
	width: 644px;
}

#how_it_works h2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3d81b2;
	padding-top: 7px;
	padding-left: 10px;
	height: 25px;
	*padding-top:3px;
	*height: 28px;
	margin-bottom: 10px;
	background: #e9eae9;
	border-bottom: 1px solid #e3ddd8;
}

#how_it_works p {
	font-family:Arial, Verdan, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#535151;
	line-height: 18px;
	padding-left: 10px;
}

ul.list{
	padding:0px;
	margin:0px;
	list-style-type:none;
	margin-left:25px;
}

ul.list li{
	background: url(../images/arrow_faq.png) no-repeat;
	background-position:0px 2px;
	list-style-type:none;
	padding-bottom:12px;
	line-height:18px;
	display: block;
	padding-left: 22px;
}

/*************** Screen shot *************/

#screen_shot {
	padding: 0px;
	margin: 0px;
	width: 644px;
	float: left;
}

#screen_shot h2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3d81b2;
	padding-top: 7px;
	padding-left: 10px;
	height: 25px;
	*padding-top:3px;
	*height: 28px;
	margin-bottom: 10px;
	background: #e9eae9;
	border-bottom: 1px solid #e3ddd8;
}

ul.screenshot  {
	margin:0;
	padding:0;
	list-style-type:none;
	width: 644px;
	margin-top:12px!important;
	float:left;
}
ul.screenshot li {
	list-style-type:none;
	float:left;
	background: url(../images/screen_shots/ss_bg.png) no-repeat;
	width: 302px;
	height: 227px;
	padding: 10px;
	margin-bottom: 7px;
	
}


/************************ Contact Us ********************************/

#contact_left {
	width: 230px;
	float: left;
}

#contact_left ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#contact_left ul li{
	list-style-type:none;
	display:block;
}

#contact_left ul li.box_n{
	background: url(../images/contact_add_bg.png) no-repeat;
	height: 141px;
	width: 230px;
}

#contact_left ul li.box_n h2{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3d81b2;
	text-align: center;
	padding-top: 6px;
	font-weight:normal;
}

#contact_left ul li.box_n p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left: 16px;
	padding-right: 12px;
	padding-top: 10px;
	color:#535151;
	line-height: 24px;
}

.support_txt{
	position:absolute;
	padding-top:3px;
	*margin-top:-6px; 
}

#contact_right {
	width: 375px;
	float: right;
}

.contact_box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	line-height:19px;
	padding:3px 9px 0px 9px;
	float:left;
	background: #ffffff;
	width: 357px;
}

.contact_title_bg {
	background:url(../images/contact_title_bg.png) no-repeat;
	width: 332px;
	height: 44px;
	padding-left: 25px;
}

.contact_title_bg h2{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3d81b2;
	font-weight:bold;
	padding:9px 9px 9px 30px;
	width: 300px;
}

.contact_box p{
	padding:0px!important;
	text-align: right!important;
	margin-bottom: 15px;
	padding-right:9px;
}

.contact_box span{
	float:left;
	width:110px;
	margin-left:5px;
	color: #707070;
}
.contact_box input{
	background: #f6f4f4;
	border: 1px solid #d6d6d6;
	color: #3d81b2;
	height:16px;
	width:170px;
}
.contact_box input.submit{
	border:none;
	height: 37px;
	width: 79px;
}
.contact_box textarea{
	background: #f6f4f4;
	border: 1px solid #d6d6d6;
	color: #3d81b2;
	width:170px;
}
.contact_box select{
	background: #f6f4f4;
	border: 1px solid #d6d6d6;
	color: #3d81b2;
	width:172px;
}

.red{
	color:#FF0000;
	font-size:13px;
}

#htl_wbsite {
	float: left;
	width: 988px;
}

#htl_wbsite h1 {
	font-family: "Myriad Pro", Arial, Verdana, Tahoma, Geneva, sans-serif;
	font-size: 34px;
	color: #397bab;
	margin-bottom: 27px;
}

#htl_wbsite p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #565656;
	line-height: 18px;
	text-align: justify;
}

/******************* Portfolio ********************/

.portfolio{
float:left;
}

.portfolio ul{
margin:0px;
padding:0px;
float:left;
border-bottom:3px solid #4f9dd5;
border-top:3px solid #4f9dd5;
padding-top:25px;
margin-bottom:12px;
}
.portfolio ul li{
list-style-type:none;
float:left;
width:303px;
margin-right:30px;
padding-bottom:27px;
}
.portfolio ul li.last{
margin-right:0px;
}
.portfolio ul li h2{
margin-bottom:3px;
}
.property_title{
background:url(../images/portfolio/bottom_bg.png) no-repeat;
width:289px;
padding:7px 7px;
color:#ffffff;
}
.click_link{
float:right;
margin-top:-4px;
*margin-top:-20px;
}
.highlight img{
*background:#ffffff;
opacity:0.6;
filter:alpha(opacity=60)
}