/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:url(bg.jpg) no-repeat center top;
}
@font-face{ 		 
	font-family: "MelbourneRegularBasic";
	src: url("fonts/melbourneregularbasic-webfont.eot");
	src: url("fonts/melbourneregularbasic-webfont.eot?#iefix") format('embedded-opentype'),
	     url("fonts/melbourneregularbasic-webfont.woff") format('woff'),
	     url("fonts/melbourneregularbasic-webfont.ttf") format('truetype'),
		 url("fonts/melbourneregularbasic-webfont.otf") format('opentype'),
	     url("fonts/melbourneregularbasic-webfont.svg#webfont") format('svg');
}
@font-face {
	font-family: "FRAMDCN";
	src: url("fonts/FRAMDCN.eot");
	src: url("fonts/FRAMDCN.eot?#iefix") format('embedded-opentype'),
	     url("fonts/FRAMDCN.woff") format('woff'),
	     url("fonts/FRAMDCN.ttf") format('truetype'),
		 url("fonts/FRAMDCN.otf") format('opentype'),
	     url("fonts/FRAMDCN.svg#webfont") format('svg');
}
@font-face {
	font-family: "oswaldregular";
	src: url("fonts/oswaldregular.eot");
	src: url("fonts/oswaldregular.eot?#iefix") format('embedded-opentype'),
	     url("fonts/oswaldregular.woff") format('woff'),
	     url("fonts/oswaldregular.ttf") format('truetype'),
		 url("fonts/oswaldregular.otf") format('opentype'),
	     url("fonts/oswaldregular.svg#webfont") format('svg');
}
@font-face {
	font-family: "lucidasansregular";
	src: url("fonts/lucidasansregular.eot");
	src: url("fonts/lucidasansregular.eot?#iefix") format('embedded-opentype'),
	     url("fonts/lucidasansregular.woff") format('woff'),
	     url("fonts/lucidasansregular.ttf") format('truetype'),
		 url("fonts/lucidasansregular.otf") format('opentype'),
	     url("fonts/lucidasansregular.svg#webfont") format('svg');
}
@font-face {
	font-family: "my";
	src: url("fonts/my.eot");
	src: url("fonts/my.eot?#iefix") format('embedded-opentype'),
	     url("fonts/my.woff") format('woff'),
	     url("fonts/my.ttf") format('truetype'),
		 url("fonts/my.otf") format('opentype'),
	     url("fonts/my.svg#webfont") format('svg');
}
.top-right-call {
	font:normal 18px "my";
	color:#bb023d;
	line-height:20px;
	text-align:right;
}
.top-mail-person {
	font:normal 14px "FRAMDCN";
	color:#5a5a5a;
	line-height:25px;
	text-align:right;
}
.top-mail-person a{
	color:#5a5a5a;
	text-decoration:none;
}
.top-mail-person a:hover{
	color:#0091c8;
	text-decoration:none;
}
.top-other-links {
	font:normal 12px arial;
	color:#8a8a8a;
	text-align:right;
	line-height:30px;
}
.top-other-links a{
	color:#8a8a8a;
	text-decoration:none;
}
.top-other-links a:hover{
	color:#0091c8;
	text-decoration:none;
}
.main-site-nav {
	font:normal 16px "my";
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
}
.main-site-nav a{
	color:#ffffff;
	text-decoration:none;
	line-height:50px;
	padding:0 10px;
	display:block;
  -o-transition:color .1s ease-out, background 1s ease-in;
  -ms-transition:color .1s ease-out, background 1s ease-in;
  -moz-transition:color .1s ease-out, background 1s ease-in;
  -webkit-transition:color .1s ease-out, background 1s ease-in;
  /* ...and now for the proper property */
  transition:color .01s ease-out, background 0.3s ease-in;
}
.main-site-nav a:hover{
	color:#ffffff;
	text-decoration:none;
	display:block;
	background:#bb023d;
}
.main-site-nav a.selected{
	color:#ffffff;
	text-decoration:none;
	display:block;
	background:#bb023d;
}
.you-are {
	font:normal 11px arial;
	color:#0091c8;
	line-height:50px;
	padding-right:10px;
}
.you-are a{
	font-weight:bold;
	color:#bb023d;
	text-decoration:none;
}
.you-are a:hover{
	color:#0091c8;
	text-decoration:none;
}
.you-are SPAN {
	color:#a8a8a8;
}
.bdr {
	border:1px solid #e1e1e1;
	border-collapse:collapse;
}
.cover-bdr {
	border:1px solid #e1e1e1;
	border-collapse:collapse;
}
.cover-bdr TD{
	border:1px solid #e1e1e1;
	border-collapse:collapse;
}
.home-pro-box-nav {
	font:normal 0.8em "my";
	color:#848484;
	text-align:left;
	line-height:35px;
}
.home-pro-box-nav a{
	color:#848484;
	text-decoration:none;
	padding-left:20px;
	background: url(index_23.gif) no-repeat 6%;
	display:block;
}
.home-pro-box-nav a:hover{
	color:#0091c8;
	text-decoration:none;
	padding-left:20px;
	background: url(index_23.gif) no-repeat 6%;
	display:block;
}
.home-right-contact {
	font:normal 21px "my";
	color:#ffffff;
	text-align:left;
	padding:10px;
}
.home-right-contact SPAN{
	font:normal 0.8em "my";
	color:#ffffff;
}
.home-right-contact-details {
	font:normal 14px "FRAMDCN";
	color:#d9d9d9;
	text-align:left;
	padding:10px;
	line-height:16px;
}
.home-right-contact-details a{
	color:#ffffff;
	text-decoration:none;
	width:100px;
	padding:5px;
	background:#a10033;
}
.home-right-contact-details a:hover{
	color:#ffffff;
	text-decoration: none;
	background:#fea607;
}
.welcome {
	font:normal 18px "my";
	color:#ffffff;
	line-height:50px;
	text-align:left;
	padding:0 10px;
	background:#0091c8;

}
.home-content {
	font:normal 12px arial;
	color:#8b8b8b;
	line-height:18px;
	
	padding:10px;
}
.hom-read-more{
	width:120px;
	margin:0px;
	padding:7px;
	line-height:30px;
	font:normal 14px arial;
	color:#ffffff;
	background:#fea607;
	text-align:center;
	text-decoration:none;
}
.hom-read-more a{
	padding:7px;
	width:120px;
	color:#ffffff;
	text-decoration:none;
	background:#fea607;
}
.hom-read-more a:hover{
	padding:7px;
	width:120px;
	color:#ffffff;
	text-decoration:none;
	background:#bb023d;
}
.main-pro-nav {
	font:normal 0.8em "my";
	color:#8b8b8b;
	line-height:25px;
	border-bottom:1px solid #e1e1e1;
}
.main-pro-nav a{
	color:#8b8b8b;
	text-decoration:none;
	padding-left:20px;
	display:block;
	background:url(index_34.gif) no-repeat 5%;
}
.main-pro-nav a:hover{
	color:#ffffff;
	text-decoration:none;
	padding-left:20px;
	display:block;
	background:#0091c8 url(index_37.gif) no-repeat 5%;
}
.latest-new-head {
	font:normal 16px "my";
	color:#0091c8;
	line-height:50px;
	padding-left:50px;
	background: url(index_47.gif) no-repeat 1%;
	border-bottom:1px solid #e1e1e1;
}
.latest-new-head SPAN{
	color:#bb023d;
}
.latest-news UL{
	margin:0px;
	padding:10px 10px 10px 20px;
	font:normal 12px arial;
	color:#a8a8a8;
	text-align:left;
}
.mar-pro-ser {
	font:normal 16px "my";
	color:#0091c8;
	line-height:50px;
	padding-left:50px;
	background: url(index_44.gif) no-repeat 1%;
	border-bottom:1px solid #e1e1e1;
}
.mar-pro-ser SPAN{
	color:#bb023d;
}
.bottom-powered {
	font:normal 14px "FRAMDCN";
	color:#c1c1c1;
	text-align:left;
	padding:0 10px 0 10px;
}
.f1-head {
	font:normal 16px "my";
	color:#737373;
	line-height:35px;
}
.f1-link {
	font:normal 13px "my";
	color:#969696;
}
.f1-link a{
	color:#969696;
	text-decoration:none;
}
.f1-link a:hover{
	color:#bb023d;
	text-decoration:none;
}
.f2-links {
	font:normal 12px arial;
	color:#969696;
}
.f2-links a{
	color:#969696;
	text-decoration:none;
}
.f2-links a:hover{
	color:#0091c8;
	text-decoration:none;
}
.copyright {
	font:normal 12px arial;
	color:#a7a7a7;
	line-height:30px;
	text-align:right;
}
.o-p-category {
	font:normal 16px "my";
	color:#bb023d;
	line-height:40px;
	padding-left:45px;
	background:url(icon-distribute.gif) no-repeat 3%;
}
.o-p-category SPAN{
	color:#0091c8;
}
.dotcreation {
	font:normal 11px arial;
	color:#9c9c9c;
	line-height:20px;
}
.dotcreation a{
	color:#9c9c9c;
	text-decoration:none;
}
.dotcreation a:hover{
	color:#ba023c;
	text-decoration:none;
}


/* extra */
input, textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
/*	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
select{ 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 230px;
	background: #FFFFFF url('form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	/*background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}
textarea { 
	width: 350px;
	max-width: 400px;
	height: 100px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	margin: 0 10px 0 5px; 
	color: #333; 
	font:normal 14px "MelbourneRegularBasic";
	}
.form select {
	font:13px "MelbourneRegularBasic";
}
.submit input {
	margin-left:150px;
	background-color: #00a6d0;

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c9fc), to(#00a6d0));

background-image: -webkit-linear-gradient(top, #00c9fc, #00a6d0);

background-image: -moz-linear-gradient(top, #00c9fc, #00a6d0);

background-image: -ms-linear-gradient(top, #00c9fc, #00a6d0);

background-image: -o-linear-gradient(top, #00c9fc, #00a6d0);

color:#fff;

border:0px;

font:bold 14px "MelbourneRegularBasic";

width:130px;

height:40px;

border-radius:10px;
	}

#form-div { 
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border:1px solid #e5e5e5;
padding:15px;
}


.inq{
	float:right;
	  background:#333;
	   color:#fff; 
	   border-radius:5px; 
	   border:1px solid #999;
	    width:70px;
		padding:5px;
		}
.inq a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.prod_name {
	/*background:#623793;
	border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;*/
width:200px;
	}
.prod_name a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color: #757575;
    font: 18px "MelbourneRegularBasic";
	}
.prod_box{
	/*border:1px solid #623793;*/
}
.cat1 {
	text-decoration:none;
	font:bold 14px "MelbourneRegularBasic";
	color:#757575;
	text-align:left;
	}
.cat {
	text-decoration:none;
	font:bold 14px "MelbourneRegularBasic";
	color:#757575;
	text-align:center;
	}
.cat a{
	text-decoration:none;
	font:bold 14px "MelbourneRegularBasic";
	color:#757575;
	}
	.cat a:hover{	
	color:#333;
	}
.video1 iframe{
	width:200px;
	height:113px;
}
.video1 embed{
	width:200px;
	height:113px;
}
#rsimage{
	width:250px;
	height:300px;
	overflow:hidden;
	
}
.holder {
    width: 150px;
    height: 100px;
    overflow: hidden;
    background-color: #ff0000
}
#myimage {
   height: auto;    
    width: auto;
    max-width: 150px;
}
.holder1 {
    width: 100px;
    height: 100px;
    overflow: hidden;
    background-color: #fff
	
}
#myimage1 {
   height: auto;    
    width: auto;
    max-width: 100px;
	
}
.testimonial{
	padding:10px;
	vertical-align:top;
	font-style:italic;
	font-size:13px;
}
.occup{
	text-align:right;
	font:11px arial;
	font-weight:bold;
}
.title{
	background:#ccc;
	color:#333;
	padding:5px;
	font-weight:bold;
	font-size:13px;	
}
.date{
	font-style:italic;
	text-align:right;
	background:#ccc;
	color:#333;
	padding:5px;
}
.contact{
	font:normal 12px arial;
	color:#757575;
	line-height:18px;
	padding-left: 5px;
	padding-right: 5px;
}
.contact a{
	text-decoration:none;
	color:#01a5cf;
}
.contact a:hover{
	color:#333;
	text-decoration:underline;	
}
.sitemap td{	
	margin-left:0;
	vertical-align:top;
}
.sitemap,.sitemap a{
	font:normal 12px arial;
	color:#757575;
	line-height:18px;	
	text-decoration:none;
}
.sitemap a:hover{
	color:#01a5cf;	
}
.desc_table{
	width:100%;
	border:1px solid #8e8e8e;
}
.desc_table td{
	padding:3px 5px;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	}
.desc_table th{
	padding:3px 5px;
	background:#8e8e8e;
	color:#fff;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}
.ulpdf{
  list-style-type: square;
  list-style-position: inside;
  font-family: Arial;
  font-size: 15px;
  line-height: 1.85;
  color: #a10033;
}
.ulpdf a{
	color:#a10033;
	text-decoration:none;
}
.ulpdf a:hover{
	color:#0091c8;	
}