@font-face {
    font-family: 'michromaregular';
    src: url('fonts/michroma.eot');
    src: url('fonts/michroma.eot?#iefix') format('embedded-opentype'),
         url('fonts/michroma.woff') format('woff'),
         url('fonts/michroma.ttf') format('truetype'),
         url('fonts/michroma.svg#michromaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



* {
	padding: 0px;
	margin: 0px;
	line-height: 175%;
	outline: none;
}

img, div { behavior: url(iepngfix.htc) }

img{
border:0;
}


a{
color:#656565;
text-decoration:none;
}

a:hover{
color:#7c2761;
}

body{
margin:0px;
padding:0px;
background:#e0e0e0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
text-align:justify;
}


.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px;
}



/*page styles*/

#page_wrapper{
width:100%;
margin:auto;
background:#e0e0e0 url(../images/hmbg.jpg) top center no-repeat;
}

#subpage_wrapper{
width:100%;
margin:auto;
background:#e0e0e0 url(../images/subpage_bg.jpg) top center no-repeat;
}

#page_content{
width:1000px;
margin:auto;
}



/*header styles*/
#header_area{
width:1000px;
margin:14px 0 30px 0;
float:left;
position:relative;
}

#header{
width:1000px;
height:75px;
background: url(../images/top_hdr_bg.png) no-repeat;

}

#logo{
width:200px;
float:left;
position:relative;
margin-left:25px;
}



#menu_area {
width:750px;
float:left;
position:relative;
margin-right:25px;
}

#menu ul {
float:right;
position: absolute;
margin:40px 0 0 80px;
width:auto;
z-index:999;
}

#menu li {
  margin: 0 5px;
  padding: 0 0 8px;
  float: left;
  position: relative;
  list-style: none;
}
#menu a,
#menu a:link {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight: bold;
font-size: 12px;
color: #9d9c9c;
text-decoration: none;
display: block;
padding:5px 12px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#menu a:hover {
  background: #000;
  color: #fff;
}
#menu .active a,
#menu li:hover > a {
  background: #ececec;
  color: #7d7a7d;
}
#menu ul ul li:hover a,
#menu li:hover li a {
  background: none;
  border: none;
  color: #666;
}
#menu ul ul a:hover {
  background: #666666 !important;
  color: #fff !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#menu li:hover > ul {
  display: block;
}
#menu ul ul {
  display: none;
  margin: 0;
  padding: 0;
  width:250px;
  position: absolute;
  top: 35px;
  left: 0;
  background: #ececec;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#menu ul ul li {
  float: none;
  margin: 0;
  padding: 3px;
}
#menu ul ul a,
#menu ul ul a:link {
  font-weight: bold;
  font-size: 12px;
}
#menu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
* html #menu ul {
  height: 1%;
}






.top_shadow{
width:1000px;
height:10px;
float:left;
position:relative;
background:url(../images/top_hdr_shadw.png) no-repeat;
}


/*bnr styles*/
.bnr_area{
width:942px;
margin:10px 0 55px 57px;
float:left;
position:relative;
}

.bnr_center{
width:100%;
}

.sub_bnr_area{
width:942px;
margin:10px 0 55px 57px;
float:left;
position:relative;
}

.sub_bnr_center{
width:885px;
height:250px;
background:#FFFFFF;
}


/*body styles*/

.body_area{
width:100%;
float:left;
background:#f4f3f3;
}

.hm_left_area{
width:700px;
float:left;
position:relative;
}

.hm_right_area{
width:300px;
float:left;
position:relative;
}

.leftbox1_area{
width:350px;
float:left;
position:relative;
}

.leftbox1_header{
width:350px;
height:45px;
background:url(../images/grd_bg.jpg) repeat-x;
}

.leftbox1{
width:299px;
height:235px;
border-right:1px #CCCCCC solid;
padding:15px 25px;
}

.leftbox1_info{
width:100%;
}


.hom_prd_area{
width:300px;
margin:0 0 5px 0;
float:left;
position:relative;
}

	.hom_prd_area a{
	color:#656565;
	}
	
	.hom_prd_area a:hover{
	color:#7c2761;
	}


.hom_prd_photo{
width:75px;
height:75px;
float:left;
}

.hom_prd_bg{
width:220px;
height:75px;
float:left;
margin-left:5px;
background:#FFFFFF;
}

.hom_prd_header{
width:auto;
font-size:12px;
margin:30px 15px 0;
font-weight:bold;
}


.rightbox_info{
width:250px;
margin:30px 25px 0;
float:left;
position:relative;
}

.hm_icon_area{
width:250px;
margin:10px 0;
float:left;
border-bottom:1px solid #CCCCCC;
padding-bottom:15px;
}

.hm_icon{
width:50px;
margin-right:15px;
float:left;
position:relative;
}

.hm_icon_title{
width:185px;
float:left;
position:relative;
font-family:michromaregular;
font-size:12px;
font-weight:bold;
color:#7f797e;
letter-spacing:1pt;
line-height:normal;
margin-top:6px;
}
	.hm_icon_title a{
	font-weight:bold;
	color:#7f797e;
	}
	.hm_icon_title a:hover{
	font-weight:bold;
	color:#7c2761;
	}


.shadw_line{
width:1000px;
height:15px;
float:left;
position:relative;
background:url(../images/shdw_line.png) no-repeat;
}



/*sub page body styles*/

.inner_page_header{
width:1000px;
height:45px;
background:url(../images/grd_bg.jpg) repeat-x;
}

.inner_page_area{
width:950px;
margin:25px;
}

.inner_contnt{
width:100%;
}






.prd_page_left{
width:674px;
float:left;
position:relative;
border-right:1px #CCCCCC solid;
}

.prd_page_right{
width:250px;
float:left;
position:relative;
margin-left:25px;
}

.prd_contnts{
width:625px;
float:left;
position:relative;
}


.prd_photo{
width:100%;
text-align:center;
font-family:michromaregular;
font-size:12px;
font-weight:bold;
margin:20px 0 30px 0;
}

	.prd_photo img{
	border:20px solid #FFFFFF;
	}
	.prd_photo span{
	color:#7c2761;
	font-size:14px;
	}


.prd_inner_nav{
width:250px;
}

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

.prd_inner_nav li{
font-family:michromaregular;
font-size:12px;
font-weight:bold;
color:#7f797e;
line-height:normal;
border-bottom:1px solid #CCCCCC;
text-align:left;
}
.prd_inner_nav li a{
display:block;
color:#7f797e;
text-decoration:none;
margin:0;
padding:20px 0;
}
.prd_inner_nav li a:hover{
color: #333333;
background: #DADADA;
}

.features_list{
    width: auto;
}
.features_list ul {
width:400px;
float:left;
    margin:10px 0 0 15px;
    padding:0;
}
.features_list li {
    list-style-type: disc;
    padding:5px 0;
	border-bottom:1px dotted  #CCCCCC;
}
.features_list li span {
font-weight:bold;
}


/*Enquiry styles*/
#enquiry_form {width:940px; float:left;border: solid 1px #CCCCCC;}
#enquiry_form ul {list-style:none; margin:0; padding:0;}
#enquiry_form ul li {float:left; margin:10px 0; font-size:12px; line-height:28px;}
#enquiry_form ul li span {color:#f00; padding:0 5px; display:inline;}
#enquiry_form ul li label {width:125px; display:block; float:left; text-align:right; color:#333; margin-right:2px;}
#enquiry_form form input {width:250px; height:26px; line-height:26px; float:left;  padding:0 6px; margin:0;}
#enquiry_form form input.longer_box {width:540px;}
#enquiry_form ul li textarea {height:125px; width:660px; padding:2px 6px; float:left; line-height:22px; font-size:12px; color:#000;}
#enquiry_form ul li img.check_number {margin:4px 0 0 6px; cursor:pointer;}


	.txt-box{
		width:280px;
		height:20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;		
		background: #E0E0E0;
		border:1px solid #fff;
		padding:0 5px;
		}
		
	.txt-area{
		width:660px;
		height:100px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		background: #E0E0E0;
		border:1px solid #fff;
		padding:0 5px;
		}
		
	.enquiry-btn{
		width:100px;
		height:24px;
		color: #ffffff;
		background: #999999;
		border:none;
		text-align:center;
		line-height:24px;
		cursor:pointer;
		}
	.enquiry-btn:hover{
		background: #666666;
		}



/*footer styles*/
#footer{
width:100%;
float:left;
position:relative;
padding:0 0 20px 0;
}

.footer_info1{
width:100%;
text-align:center;
margin:0 0 10px 0;
color:#666666;
}

.footer_info2{
width:100%;
text-align:center;
margin:0px;
font-size:11px;
color: #999999;
}
	.footer_info2 a{
	color:#999999;
	text-decoration:none;
	}
	.footer_info2 a:hover{
	color: #666666;
	}


h1{
width:auto;
margin:0 0 0 25px;
padding:0px;
font-family:michromaregular;
font-size:16px;
text-transform:uppercase;
color:#7c2761;
letter-spacing:1pt;
line-height:35pt;
}

h2{
width:auto;
margin:0px;
padding:0px;
font-family:michromaregular;
font-size:12px;
color:#7c2761;
text-transform:uppercase;
letter-spacing:1pt;
}

h3{
width:auto;
margin:0px;
padding:0px;
font-family:michromaregular;
font-size:12px;
text-transform:uppercase;
letter-spacing:1pt;
}

h4{
width:300px;
background: #E5E5E5;
margin:0px;
padding:5px;
font-family:michromaregular;
font-size:14px;
text-transform:uppercase;
letter-spacing:1pt;
text-align:center;
}

hr {border: 1px dotted #999999; border-style: none none dotted; margin:20px 0;}