/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:url(bg.jpg) no-repeat center top fixed;
}
@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: "Sansation";
	src: url("fonts/Sansation.eot");
	src: url("fonts/Sansation.eot?#iefix") format('embedded-opentype'),
	     url("fonts/Sansation.woff") format('woff'),
	     url("fonts/Sansation.ttf") format('truetype'),
		 url("fonts/Sansation.otf") format('opentype'),
	     url("fonts/Sansation.svg#webfont") format('svg');
}
@font-face{ 		 
	font-family: "Boogaloo";
	src: url("fonts/Boogaloo.eot");
	src: url("fonts/Boogaloo.eot?#iefix") format('embedded-opentype'),
	     url("fonts/Boogaloo.woff") format('woff'),
	     url("fonts/Boogaloo.ttf") format('truetype'),
		 url("fonts/Boogaloo.otf") format('opentype'),
	     url("fonts/Boogaloo.svg#webfont") format('svg');
}
@font-face{ 		 
	font-family: "Cherry";
	src: url("fonts/Cherry.eot");
	src: url("fonts/Cherry.eot?#iefix") format('embedded-opentype'),
	     url("fonts/Cherry.woff") format('woff'),
	     url("fonts/Cherry.ttf") format('truetype'),
		 url("fonts/Cherry.otf") format('opentype'),
	     url("fonts/Cherry.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');
}
.top-www {
	font:normal 11px arial;
	color:#868585;
	line-height:45px;
}
.top-call {
	font:normal 18px "FRAMDCN";
	color:#c8c6cb;
	line-height:25px;
}
.top-call SPAN {
	font-size:21px;
}
.top-email {
	font:normal 16px "FRAMDCN";
	color:#e4984c;
	line-height:20px;
}
.top-email a{
	color:#e4984c;
	text-decoration:none;
}
.top-email a:hover{
	color:#d53158;
	text-decoration:none;
}
.person {
	font:normal 16px "FRAMDCN";
	color:#015a91;
	line-height:40px;
}
.join-us {
	font:normal 16px "MelbourneRegularBasic";
	color:#c8c6cb;
	text-align:right;
	padding:0 5px 10px 0;
}
.top-right-link {
	font:normal 14px "FRAMDCN";
	color:#e4984c;
	line-height:30px;
	text-align:right;
}
.top-right-link a{
	color:#e4984c;
	text-decoration:none;
}
.top-right-link a:hover{
	color:#a6a6a6;
	text-decoration:none;
}
.top-main-nav {
	font:normal 18px "Sansation";
	color:#ffffff;
	text-align:center;
	line-height:73px;
}
.top-main-nav a{
	color:#ffffff;
	text-decoration:none;
	line-height:35px;
	padding:0 15px;
	height:35px;
	display:block;
	margin:0 7px;
  -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;
  	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.top-main-nav a.selected{
	color:#fff;
	text-decoration:none;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#e4984c;
}
.top-main-nav a:hover{
	color:#fff;
	text-decoration:none;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#d53158;
}
.you-are {
	font:normal 11px arial;
	color:#015a91;
	line-height:50px;
	text-align:left;
}
.you-are a{
	font-weight:bold;
	color:#d53158;
	text-decoration:none;
}
.you-are a:hover{
	color:#015a91;
	text-decoration:none;
}
.you-are SPAN {
	color:#e4984c;
}
.left-nav{
	font:normal 14px "MelbourneRegularBasic";
	color:#d53158;
	line-height:25px;
}
.left-nav a{
	color:#ffffff;
	text-decoration:none;
	padding-left:30px;
	background: url(left-icon.png) no-repeat 5%;
	display:block;
	border-bottom:1px solid #2385c2;
}
.left-nav a:hover{
	color:#015a91;
	text-decoration:none;
	background:#96ba44 url(left-icon.png) no-repeat 5%;
	display:block;
}
.view-all {
	font:normal 16px "MelbourneRegularBasic";
	color:#ffffff;
	line-height:30px;
	text-align:left;
}
.view-all a{
	color:#ffffff;
	text-decoration:none;
	padding-left:20px;
}
.view-all a:hover{
	color:#e4984c;
	text-decoration:none;
	padding-left:20px;
}
.left-nav-head {
	font:normal 17px "Cherry";
	color:#ffffff;
	line-height:35px;
	padding-left:18px;
	border-top:1px solid #8b231f;
	border-bottom:1px solid #8b231f;
}
.welcome {
	font:normal 20px "Sansation";
	color:#015a91;
	padding:0 0 40px 0;
	margin:0px;
	background:url(h1bar.gif) no-repeat left;
}
.welcome SPAN {
	font:normal 20px "Sansation";
	color:#015a91;
}
.content {
	font:normal 13px arial;
	color:#464646;
	text-decoration:none;
	text-align:justify;
	line-height:18px;
}
.bdr {
	border:1px solid #e1e1e1;
}
.cover-bdr {
	border:1px solid #e1e1e1;
	border-collapse:collapse;
}
.cover-bdr TD{
	border:1px solid #e1e1e1;
	border-collapse:collapse;
}
.flash-pro-name{
	font:bold 14px "MelbourneRegularBasic";
	color:#015a91;
	padding:0px;	
}
.flash-pro-name a{
	font:bold 14px "MelbourneRegularBasic";
	color:#015a91;
	padding:0px;	
	text-decoration:none;
}
blockquote {
	margin:0px;
	padding:0px;
}
.our-pro-range {
	font:bold 16px "Sansation";
	color:#d53158;
	line-height:30px;
	text-align:center;
	border-bottom:1px solid #e1e1e1;
}
.home-pro-show {
	font:normal 16px "MelbourneRegularBasic";
	color:#333333;
	line-height:40px;
	text-align:center;
}
.home-pro-show a{
	font:normal 16px "MelbourneRegularBasic";
	color:#333333;
	line-height:40px;
	text-align:center;
	text-decoration:none;
}
.home-pro-show a:hover{
	color:#015a91;
	text-decoration:none;
}
.bottom-powered {
	font:normal 14px "FRAMDCN";
	color:#c1c1c1;
	text-align:left;
	padding:0 10px 0 10px;
}
.site-navigation {
	font:bold 18px "MelbourneRegularBasic";
	color:#d53158;
	line-height:40px;
}
.footer-nav {
	font:normal 13px arial;
	color:#13140f;
	line-height:18px;
	padding-left:21px;
	background:url(navi-icon.png) no-repeat 1%;
}
.footer-nav a{
	color:#13140f;
	text-decoration:none;
	display:block;
}
.footer-nav a:hover{
	color:#015a91;
	text-decoration:none;
	display:block;
}
.f-support {
	font:bold 25px "MelbourneRegularBasic";
	color:#015a91;
	line-height:45px;
}
.f-call {
	font:normal 18px "FRAMDCN";
	color:#e4984c;
	line-height:25px;
}
.f-person {
	font:normal 16px "FRAMDCN";
	color:#d53158;
}
.copyright {
	font:normal 12px arial;
	color:#015a91;
	line-height:30px;
	text-align:center;
}
.dotcreation {
	font:normal 11px arial;
	color:#9c9c9c;
	line-height:20px;
}
.dotcreation a{
	color:#9c9c9c;
	text-decoration:none;
}
.dotcreation a:hover{
	color:#d53158;
	text-decoration:none;
}

/* extra */
input, textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 13px arial;
	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 13px arial;
	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 "arial";
	}
.form select {
	font:13px "arial";
}
.submit input {
	margin-left:150px;
	background-color: #2385c2;

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#144e73), to(#2385c2));

background-image: -webkit-linear-gradient(top, #144e73, #2385c2);

background-image: -moz-linear-gradient(top, #144e73, #2385c2);

background-image: -ms-linear-gradient(top, #144e73, #2385c2);

background-image: -o-linear-gradient(top, #144e73, #2385c2);

color:#fff;

border:0px;

font:bold 14px "arial";

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_name a:hover{
	color:#015a91;
	text-decoration:none;
}
.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 14px arial;
	color:#464646;
	line-height:17px;
}
.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;
}
#wa_btn-content p {
    font-family: arial !important;
}