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

/** Generated by deFharo  cetus.ttf **/
@font-face {
	font-family: 'Bertham';
	src: url('fonts/bertham.TTF');
	src: local('☺'), url('../fonts/bertham.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'corbel';
	src: url('fonts/bertham.TTF');
	src: local('☺'), url('../fonts/corbel.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.under-const{ margin: 10px 10px 10px 250px;}

#page-holder-site {
	font-family:corbel, Arial, Helvetica, sans-serif;
	font-size:87.5%;
	line-height:18px;
	width:99.5%;
	height:100%;
	margin:0 auto;
	padding:0px;
	alignment-adjust:central;
	background: url(../images/laout/cloud-background-large.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.site-header {
	width:99%;
	margin:0 auto;
	height:200px;
	padding:1%;
}

.right{float:right; margin:10px 5px 10px 30px;}
.site-logo{ width:200px; height:108px;
margin:40px 0px 0px 30px;}
.site-header h1{
	margin:60px 0px 10px 10px;
	font-size:200%;
	color:#F30;
	webkit-text-shadow:0px 0 8px #FFF;
	-moz-text-shadow:0px 0 8px #FFF;
	text-shadow:0px 0 8px #FFF;}
.site-header p{
	margin-left:10px;
	font-size:140%;
	font-weight:bold;
	color:#333;
	line-height:24px;
	webkit-text-shadow:0px 0 8px #FFF;
	-moz-text-shadow:0px 0 8px #FFF;
	text-shadow:0px 0 8px #FFF;
}

.site-content-holder {
	margin:0 auto;
	width:100%;
}
.site-site{
	}

.site-left-panel {
	width:22%;
	border:1px solid #F00;
	
	top:200px;
}

/*Social Media*/
#techsperiahover {
	width:auto;
	float:right;
}
#techsperiahover ul li {
	width:25px;
	height:25px;
	background:url(../images/social-media.jpg);
	background-repeat:no-repeat;
	background-position:-6px -4px;
	display:block;
}
#techsperiahover ul li a : hover {
	width:25px;
	height:25px;
	background:url(../images/social-media.jpg);
	background-repeat:no-repeat;
	background-position:20px 14px;
}
#techsperiahover img {
	margin:8px 5px 0px 0px;
	opacity: 1;
	height:25px;
	width:25px;
}
#techsperiahover img:hover {
	margin:8px 5px 0px 0px;
	height:25px;
	width:25px;
	opacity: 0.6;
}
.star{color:#F00; font-weight:bold;}

.marquee-logo {
	border:1xp #F00;}
.marquee-logo-index { 
	
	width:97%;
	
	margin:5px 0px 0px 15px;}
	
.marquee-logo-index img{ 
border:2px solid #CCC; 
box-shadow: 3px 3px 2px #888888;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
;}

/*Social media end*/

#site-direction {
	width:100%;
	background-color:#466675;
	
}
#site-direction li {
	float:left;
	padding:5px 10px 0px 10px;
	line-height:34px;
	color:#FFF;
}
#site-direction li a {
	text-decoration:none;
	color:#CFF;
}
#site-direction li a:hover {
	text-decoration:none;
	float:left;
	color:#CCC;
	
}


#site-matter-holder {
	width:100%;
	background:#FFF;
	margin:0px;
}
.prudoct-specification{
	padding:10px;
	width:90%;
	margin:5px;
	float:left;
	height:auto;
	color:#354458;
		
background-color:#FFF;	
	border:1px solid;
	border:1px solid #6A8D9D;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index:5;
	webkit-box-shadow:0px 0 5px #999;
	-moz-box-shadow:0px 0 5px #999;
	box-shadow:0px 0 5px #999;

/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #70C1EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #70C1EF 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #70C1EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFFFFF), color-stop(0.5, #FFFFFF), color-stop(0.75, #FFFFFF), color-stop(1, #70C1EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #70C1EF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top right, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #70C1EF 100%);

	}
.prudoct-specification table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:18px;}

.prudoct-specification table th{
	font-family:corbel;
	font-size:130%;
	font-weight:bold;
	color:#069;
	margin:2px 2px 5px 8px;
	padding-bottom:2px;
	line-height:28px;
	border-bottom:2px solid #9CF;

	
	
	
	}
.prudoct-specification table td{
	line-height:22px;}

.material-round-box {
	width:96%;
	margin:1%;
	padding:10px;
	border:2px solid #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*z-index:5;
	webkit-box-shadow:0px 0 5px #999;
	-moz-box-shadow:0px 0 5px #999;
	box-shadow:0px 0 5px #999;*/
	
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #CBE5EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #CBE5EF 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #CBE5EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFFFFF), color-stop(0.5, #FFFFFF), color-stop(0.75, #FFFFFF), color-stop(1, #CBE5EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom left, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #CBE5EF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top right, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 75%, #CBE5EF 100%);
}

.material-round-box p{
	padding:5px 50px 5px 10px;
	line-height:24px;
	font-size:120%;
	color:#354458;
	text-align:justify;
	}
	

.material-round-box ul{ margin-left:25px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#354458}	

.material-round-box ul li a{text-decoration:none; color:#036;}
.material-round-box ul li a:hover{text-decoration:none; color:#03C;}


.material-round-box ul li{
	line-height:22px;
	
	margin-left:10px;
	list-style-type:square;
	text-indent:10px;}
	
.material-round-box ul li ul li{
	margin-left:35px;}



#site-product-specification{
	padding:2px;}
	
#site-product-specification ul{margin-top:10px; margin-right:10px; margin-left:10px; margin-bottom:15px;}
#site-product-specification ul li,ol li{
	list-style:square;
	text-align:justify;
	list-style-position:inside;
	padding-left:16px;
	margin-left:5px;
	list-style-position:inside;
	text-indent:-15px;
	}


.material-round-box h1 {
	font-size:150%;
	padding:10px 0px 15px 10px;
	color:#EB7260;
	
	
}
.material-round-box h2 {
}
.material-round-box h3 {
}
.material-round-box h4 {
}
.material-round-box h5 {
}


#footer-site{
	width:80%;
	margin:0 auto;
	height:30px;
	background:#F69988;
	color:#CCCCCC;
	font-size:100%;
	}
	
#footer-site a{ text-decoration:none; color:#FEFEFE;}
.footer-note-site{
	background:#F69988;
	color:#CCC;
	font-size:95%;
	}


.filler-table img{
	margin-top:30px
	}


#main-data {
	font-size:12px;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
}
#main-data li {
	text-align:left;
}
#main-data h1 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#039;
}
#main-data h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#06F;}
	
	.compalsary{
	color:#F00;}
	
.prudoct-specification input[type="text"] {
    width: 250px;
   display: block;
    margin-bottom: 10px;
    background-color: #FFF;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.msg-fld{
	background-color: #FFF;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	margin:5px 0px 20px 0px;}
	
.contact-table{
	border:2px solid #999;
	width:80%;
	margin:10px;
	box-shadow: 3px 3px 2px #888888;
-moz-border-radius: 10px;
webkit-border-radius: 10px;
border-radius: 10px;
padding:15px;
	
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CEE5EF 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CEE5EF 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CEE5EF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #CEE5EF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CEE5EF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #CEE5EF 100%);}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:auto;
}



/* Menu css ddaccordian */

.urbangreymenu {
	/*width: 190px; /*width of menu*/
	border-left: solid 1px gray;

	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}
.urbangreymenu .headerbar {
	/*font: bold 13px Verdana;

color: white;

/*background: #606060 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/

/*margin-bottom: 0; /*bottom spacing between header and rest of content*/

/*text-transform: uppercase;

padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #465F6A 0%, #6A8D9D 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #465F6A 0%, #6A8D9D 100%);
	/* Opera */ 
background-image: -o-linear-gradient(bottom, #465F6A 0%, #6A8D9D 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #465F6A), color-stop(1, #6A8D9D));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #465F6A 0%, #6A8D9D 100%);
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #465F6A 0%, #6A8D9D 100%);
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #6A8D9D;
	line-height:28px;
	margin: 0px;
	padding: 2px 2px 2px 10px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color:#FFF;
	font-size:87.5%;
	font-weight:normal;
}
.urbangreymenu .headerbar a {
	text-decoration:none;
	color:#FFF;
}
.urbangreymenu ul {
	/*list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 0;*/ /*bottom spacing between each UL and rest of content*/

list-style-type:circle;
	list-style-position:inside;
	margin:5px 0px 10px 5px;
}
.urbangreymenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a {
	font: normal 12px Arial;
	color: black;
	background: #E9E9E9;
	/*display: block;*/
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
}
.urbangreymenu ul li a:visited {
	color: black;
}
.urbangreymenu ul li a:hover {
	/*hover state CSS*/

color:#EB7260;
}

/* Menu css ddaccordian */