@charset "utf-8";
/* PUGOS TECHNOLOGIES CSS */

body {
	background: url(../images/pattern.jpg) repeat;
}
h1 {
    font-size: 18px;
	font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
}
h2 {
    font-size: 16px;
	font-family: 'open_sansbold', "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
}
h3 {
    font-size: 14px;
	font-family: 'open_sansbold', "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
}


.ctr {
	margin: 0 auto;
	width: 960px;
}
.ctr p{
	float:left;
}
.ctr div.link-txt{
	float: left;
	margin-left:562px;
	color: #666;
	font-size:12px;
	text-decoration:none;
}
.ctr div.link-txt a{
	color: #666;
	text-decoration:none;
}
.ctr div.link-txt a:hover{
	color: #1083EB;
	text-decoration:none;
}

#welcome {
	width: 100%;
	height: 30px;
	background-color: #F7F7F7;
	border-bottom: #E4E4E4 1px solid;
    font-size: 13px;
	font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	line-height: 30px;
	color: #666666;
}

/*----------------------------HEADER---------------------------------- */
#header {
	width: 100%;
	background-color: #FFF;
}
#header .ctr {
	padding: 10px 0;
}
.logo {
	float: left;
	height: 38px;
	width: 240px;
	padding: 16px 0;
}
.faso-logo {
	float: right;
	height: 62px;
	width: 118px;
}

/*----------------------------NAVIGATION---------------------------------- */
/*#navigation {
	float: right;
	height: 62px;
	z-index: 0;
}
#navigation ul {
	margin: 0;
	padding: 0;
	height: 62px;
}
#navigation ul li {
	float: left;
	border-right: #EEEEEE 1px solid;
}
#navigation ul li a {
	float: left;
	display: block;
	padding: 0 20px;
    font: normal 14px/62px 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	color: #666666;
}
#navigation ul li a:hover,
#navigation ul li a:active {
	background: url(../images/nav-hover.png) repeat-x left bottom;
	border-bottom: 3px #1680DE solid;
	border-bottom: 3px #499FED solid;
}*/

/*----------------------------BANNER---------------------------------- */
#banner {
	position:relative;
	overflow:hidden;
	height: 511px;
	width: 100%;
	background-color: #11141A;
	/*background: #11141A url(../images/banner.png) top center no-repeat;*/
}
#banner-fade {
	width: 1279px;
	height: 507px;
	margin: 10px auto 0 auto;
}

/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
ul.bjqs li p{ position:absolute;right:160px;top:220px;color: #FFFFFF;font: 18px/30px 'open_sansregular',"Trebuchet MS",Helvetica,sans-serif;width: 506px;}
ul.bjqs li p.para-top{top:164px;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;color:transparent; width:26px;height:28px;background:url(../images/fs.prevnext.png) 0 0 no-repeat;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:100px; background-position:-26px 0;}
ul.bjqs-controls.v-centered li.bjqs-next a:hover{right:97px; background-position:-26px -28px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:100px;}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{left:97px; background-position:0 -28px;}
ol.bjqs-markers{position:absolute;list-style: none; padding: 0; width:auto;bottom:115px;left: 1020px !important;}
/*ol.bjqs-markers.h-centered{text-align: right;}*/
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:block;float:left;background: url(../images/fs.pager.png) no-repeat 0 -26px;margin: 0 5px 0 0;width: 18px;height:18px;color:transparent; font-size:0px;}
ol.bjqs-markers li.active-marker a{background-position:0 0;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/*----------------------------CONTAINER---------------------------------- */
#container {
	position: relative;
	z-index: 9999;
	margin: -105px auto 0 auto;
	width: 960px;
}
h2.title {
	width: 100%;
	padding: 5px 10px;
	background: url(../images/title-bg.png) no-repeat;
	color: #114AA1;
}
.grid1 {
	float: left;
	width: 320px;
	background-color: #114AA1;
}
.list-title {
	padding-bottom: 20px;
	color: #1ADDFF;
    font: normal 18px 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
}
.list-box {
	position: relative;
	padding: 20px;
	height: 265px;
}
.list-box ul li {
	background: url(../images/sprite.png) 0 -222px no-repeat;
	/*background: url(../images/list.png) left 5px no-repeat;*/
	padding: 0px 0px 10px 20px; 
    font: normal 14px 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	color: #fff;
}
.list-box ul li a {
	color: #fff;
}
.list-box ul li a:hover {
	border-bottom: 1px solid #fff;
}
.plus {
	height: 60px;
	width: 60px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/sprite.png) 0 -60px no-repeat;
}
.plus:hover {
	background-position: -70px -60px;
}
.more {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 40px;
	width: 40px;
	background: url(../images/sprite.png) 0 0 no-repeat;
}
.more:hover {
	background-position: -50px 0;
}
.img-holder {
	width: 320px;
	height: 275px;
	background-color: #FFF;
	text-align: center;
}
.center-img img {
    height: 230px;
    margin-left: 45px;
    margin-top: 25px;
}
/*-----------------------------FADING IMAGES---------------------------*/
.fadein2,
.fadein {
	position: relative;
}
.fadein2 img,
.fadein img {
	position: absolute;
	top: 0;
	left: 0;
}
.grid2 {
	position: relative;
	float: left;
	padding: 20px;
	width: 280px;
	height: 540px;
	background-color: #333333;
	font-size: 14px;
	font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
}
.grid2 .list-title {
	color: #FFF;
}
.grid2 p {
	padding-bottom: 20px;
	color: #cdcdcd;
}
.grid2-links {
	padding: 5px 10px;
	background-color: #838383;
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	font-family: 'open_sansbold', "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
	color: #FFF;
}
.grid2-links:hover {
	background-color: #555;
}
.grid3 {
	position: relative;
	float: left;
	width: 320px;
	background-color: #114AA1;
}
.sample-title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 35px;
	width: 100%;
	text-align: center;
	background:url(../images/samples-bg.png) repeat;
	color: #114AA1;
	line-height: 35px;
    font-family:'open_sansbold', "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
}


/*----------------------------FOOTER---------------------------------- */
#footer {
	position: relative;
    margin-top: 30px;
	width: 100%;
	background: #3E3E3E url(../images/ftr-top-bg.jpg) repeat-x;
}
.ftr-triangle {
    position: absolute;
    top: 2px;
    width: 100%;
    height: 8px;
	background: url(../images/triangle.png) top center no-repeat;
}
.ftr-left {
	float: left;
	padding: 20px 0 15px 0;
	margin-right: 20px;
	width: 620px;
}
ul.sitemap {
	border-bottom: #545253 1px solid;
	padding-bottom: 10px;
	height: 20px;
}
ul.sitemap li {
	display: block;
	float: left;
}
ul.sitemap li a {
	display: block;
	margin-right: 30px;
    font: normal 14px 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	color: #fff;
}
ul.sitemap li a:hover {
	text-decoration: underline;
}
ul.address {
	color: #C7C7C7;
    font: normal 12px Arial, Helvetica, sans-serif;
	margin-top: 20px;
}
ul.address li {
	padding-bottom: 10px;
}
ul.address li a {
	color: #C7C7C7;
}
ul.address li a:hover {
	color: #fff;
	text-decoration: underline;
}
.blue {
	color: #2BB6E8;
	font-weight: bold;
}

.ftr-right {
	float: right;
	padding: 20px 0 15px 0;
	width: 320px;
}
.ftr-right h3 {
	color:#2BB6E8;
	border-bottom: #545253 1px solid;
	padding-bottom: 10px;
}
.ftr-right a {
	display: block;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	height: 30px;
	width: 30px;
 	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
}
.fb {
	background-position: -2px -259px;
}
.twitter {
	background-position: -52px -259px;
}
.flickr {
	background-position: -102px -259px;
}
.gplus {
	background-position: -152px -259px;
}
.fb:hover {
	background-position: -2px -309px;
}
.twitter:hover {
	background-position: -52px -309px;
}
.flickr:hover {
	background-position: -102px -310px;
}
.gplus:hover {
	background-position: -152px -309px;
}

/*----------------------------COPYRIGHT---------------------------------- */
#copyright {
	padding: 10px 0;
	width: 100%;
	background-color: #000;
	color: #FFF;
    font: normal 11px 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
}
#copyright .copyright {
	float: left;
}
#copyright .design {
	float: right;
}
#copyright .design a {
	color: #FFF;
	text-decoration: underline;
}
#copyright .design a:hover {
	text-decoration: none;
}

/*----------------------------SUB PAGE---------------------------------- */
#subpg-bnr {
	background: #3A4355 url(../images/subpg-banner.jpg) center top repeat;
	width: 100%;
	height: 133px;
}
.subpg-inner-bnr {
	margin: 0 auto;
/*	background: url(../images/subpg-banner2.jpg) center bottom no-repeat;
	background: url(../images/subpg-bnr.jpg) center bottom no-repeat;*/
	width: 960px;
	height: 131px;
}
.subpg-inner-bnr img {
	width: 960px;
	height: 131px;
}
/*.subpg-title {
    margin-left: 20px;
	margin-top: 74px;
}*/
#subpg-container {
	margin: 0 auto;
	width: 960px;
}

/*----------------------------SUB PAGE SIDEBAR---------------------------------- */
.sidebar {
	float: right;
	width: 250px;
}
.block {
	position: relative;
	padding-bottom: 19px;
	width: 250px;
	background: url(../images/shadow.png) center bottom no-repeat;
}
.block h1 {
	padding: 20px 20px 10px;
	background-color: #114AA1;
	color: #1ADDFF;
	text-transform: uppercase;
}
.block ul {
	padding: 0 20px 30px;
	background-color: #114AA1;
}
.block ul li {
	padding-left: 15px;
	background: url(../images/sprite.png) 0 -218px no-repeat;
	font-size: 13px;
    font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	line-height: 30px;
	color: #fff;
}
.block ul li a {
	color: #fff;
}
.block ul li a:hover {
	border-bottom: 1px solid #fff;
}
.block .sample-title {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	width: 230px;
}
.more2 {
	position: absolute;
	bottom: 19px;
	right: 0;
	height: 26px;
	width: 26px;
	background: url(../images/sprite.png) -130px 0 no-repeat;
}
.more2:hover {
	background-position: -166px 0;
}


/*--------------------------------FADING IMAGES--------------------------------*/
.fadein3 {
	height: 218px;
/*	position: relative;
	padding-bottom: 19px;
	width: 250px;
	background: url(../images/shadow.png) center bottom no-repeat;
*/}
.fadein3 img {
	position: absolute;
	top: 0;
	left: 0;
	padding:10px;
	width: 230px;
	background-color: #114AA1;
}


/*----------------------------SUB PAGE CONTENT---------------------------------- */
.subpg-content {
	margin-right: 2px;
	float: left;
	min-height: 735px;
	width: 665px;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
    font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
}
.subpg-content  p {
	margin-bottom: 20px;
	font-size: 13px;
    font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	line-height: 25px;
	color: #5B5B5B;
}
.subpg-content h1 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E5E6E6;
	color: #114AA1;
}
.subpg-content h3 {
	padding-bottom: 20px;
    color: #C6483E;
    text-transform: uppercase;
}
.product {
	margin-left: 155px;
}
.subpg-content ul.features-list {
	margin-bottom: 0px;
}
.subpg-content ul.features-list li {
	background-image: none;
	background-color: #F5F5F5;
	display: block;
	float: left;
    margin: 20px 15px 0;
	padding: 5px;
	width: 179px;
	min-height: 285px;
    border: 1px solid #CCCCCC;
}
.subpg-content ul.features-list li img {
	float: left;
	width: 180px;
}
.subpg-content ul.features-list li p {
	float: left;
	margin-bottom: 0;
    padding: 5px;
}
.subpg-content ul {
	margin-bottom: 20px;
}
.subpg-content ul li {
	padding-left: 25px;
	background: url(../images/sprite.png) 0 -387px no-repeat;
	font-size: 13px;
    font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
	line-height: 25px;
	color: #5B5B5B;
}
.subpg-content table {
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	color: #5B5B5B;
}
.subpg-content table th,
.subpg-content table td {
	border: 1px solid #ccc;
}
.subpg-content table.sorting-table {
	margin-bottom: 20px;
	width: 100%;
	border: none;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #5B5B5B;
}
.subpg-content table.sorting-table th,
.subpg-content table.sorting-table td {
	border: none;
}
.subpg-content table.sorting-table td img {
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 1px;
}

/*----------------------------PRODUCTS PAGE---------------------------------- */
.product-subpg {
	margin-bottom: 20px;
	border: 1px solid #eee;
	padding: 5px;
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
	cursor: pointer;
}
.product-subpg:hover {
    background-color: #ccc;
}
.product-subpg:hover h1 {
    color: #fff;
}
.product-subpg img {
	float: left;
	width: 144px;
	padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
	margin-right:20px;
}
/*website designed by arun prakash*/
.product-subpg h1 {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 0;
	margin-left: 30px;
	border-bottom: none;
	font-family: 'open_sansbold', "Trebuchet MS", Helvetica, sans-serif;
	color: #114AA1;
	text-transform: uppercase;
}



/*------------------------CONTACT US---------------------*/
#form table {
	border: none;
	font-size: 13px;
}
#form table td {
	border: none;
}
h1.large-font {
	border-bottom: none;
	color: #5B5B5B;
	margin-bottom: 0;
}
.email {
	color: #114AA1;
	font-size: 13px;
}
.email:hover {
	color: #fff;
	background-color: #aaa;
}
.map {
	padding: 1px;
    border: 1px solid #bbb;
}
#form .txt_bx {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    height: 26px;
    line-height: 23px;
    width: 250px;
}
#form .txt_bx_des {
    border: 1px solid #CCCCCC;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 110px;
    width: 250px;
}
.form-required {
	color:#FF0000;
}
.form-btn {
	margin-right: 20px;
    height: 24px;
    padding-bottom: 3px;
    width: 70px;
    background-color: #999999;
    border: 1px solid #888;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-family: 'open_sansregular', "Trebuchet MS", Helvetica, sans-serif;
}
.form-btn:hover {
    background-color: #114AA1;
}

.click-here {
	border-bottom: 1px solid #114AA1;
}
.click-here:hover {
	color: #fff;
	background-color: #AAA;
	border-bottom: none;
}

.subpg-content p.warning {
	width: 400px;
	margin: 0 auto;
	font-size: 16px;
}
.subpg-content p.warning span {
	color: #C6483E;
}
/*------------------------SCROLL TO TOP---------------------*/
		.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			/*opacity:0.3;*/
			position:fixed;
			bottom:50px;
			right:100px;
			display:none;			
			background: url(../images/scroll-top.png) no-repeat;
		}