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

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}
.centre { text-align:center; }
.clear { clear:both; }
.image_left { float:left; margin-right:20px; padding:3px; border:solid 1px #CCCCCC; }
.image_right { float:right; margin-left:10px; padding:3px; border:solid 1px #CCCCCC; }

@font-face {
		font-family:'trebuc';
		src: url('trebuc.eot');
		src: url('trebuc.eot?#iefix') format('embedded-opentype'),
		url('trebuc.ttf') format('truetype'),
		url('trebuc.svg#ManoramaRegular') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		
		
		
/* Global Properties ======================================================== */

body { color:#363535; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; margin:0px; outline:none; padding:0px; text-align:justify;}

a, a:hover {text-decoration:none; outline:none;}
p { margin-top:10px;}



/* Header Properties ======================================================== */

body > header { width:100%; height:100px; border-bottom:solid 5px #000000; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d3d3d3+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d3d3d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */


}
#top {  width:997px; height:100px; margin:0px auto; }

#logo { width:600px; height:100px; float:left;}

#phone { float:right; background:url(../images/phone_icon_01.jpg) no-repeat center left; padding-left:15px; }
#mail { float:right; background:url(../images/mail_icon_01.jpg) no-repeat center left; padding-left:20px; margin-top:10px; }



/* Navigation Properties ======================================================== */

#navigation { width:100%; height:45px; background:url(../images/shadow_01.png) no-repeat top center;}
nav { width:997px; height:45px; background-color:#000000; margin:0px auto; }
nav > ul { width:997px; margin:0px;  padding:0px;}
nav> ul > li { float:left; margin-right:1px;}



nav> ul > li > a { display:block; font-family:trebuc; font-size:14px; text-transform:uppercase; color:#F3F3F3; line-height:45px; padding:0px 35px; }

nav> ul > li > a:hover { color:#FFFFFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1233ed+0,090b8c+100 */
background: #1233ed; /* Old browsers */
background: -moz-linear-gradient(top,  #1233ed 0%, #090b8c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1233ed), color-stop(100%,#090b8c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1233ed 0%,#090b8c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1233ed 0%,#090b8c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1233ed 0%,#090b8c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1233ed 0%,#090b8c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1233ed', endColorstr='#090b8c',GradientType=0 ); /* IE6-9 */

}




body > section { width:100%; min-height:250px; overflow:hidden;  }
body > section > div { width:997px; min-height:250px; overflow:hidden; margin:0px auto;}



/* Banner Properties ======================================================== */
#banner_cont { background:url(../images/main_bg.jpg) repeat-x top center; }
#banner { width:997px; height:200px; margin:0px auto; }
#banner_shadow { margin:0px auto; margin-top:10px; width:997px;}



/* Container Properties ======================================================== */

#container { width:997px; height:auto; overflow:hidden; margin:0px auto; margin-top:25px;}

.column_01 { width:670px; height:auto; overflow:hidden;}
.column_02 { width:260px; height:auto; overflow:hidden;}

.head_01 { font-family:trebuc; font-size:18px; color:#00185f; font-weight:bold;}
.head_02 { font-family:trebuc; font-size:15px; color:#00185f; font-weight:bold; font-style:italic; line-height:35px;}

#profile { border-bottom:dashed 1px #999999; padding-bottom:15px;}



/* Products Properties ======================================================== */

#products_head { width:260px; height:37px; background:url(../images/products_head.jpg) no-repeat top center; }
#products > ul { width:260px; margin:0px; padding:0px; list-style:none;}
#products > ul > li { width:225px; height:28px; background:url(../images/products_bg.jpg) no-repeat left; margin-top:10px; font-family:trebuc; font-size:12px; font-weight:bold; line-height:28px; padding-left:35px;}

#showcase_body { background-color:#ebecec; padding:10px;}
.scroller { padding:3px; border:solid 1px #CCCCCC; margin:0px 10px;}

#contact_body { background-color:#ededed; padding:10px;}

.address { font-weight:bold; color:#000000; text-transform:uppercase; padding-bottom:5px;}


/* Product Page Properties ======================================================== */

.products { width:450px; height:175px; padding:5px; float:left; margin:10px; border:solid 1px #999999;}
.products > img { width:150px; height:150px; float:left; margin-right:10px;}
.pro_desc { width:290px; height:150px; float:right; overflow:auto;}
.pro_head { padding-left:5px; line-height:25px; background-color:#00185f; color:#FFFFFF; font-weight:bold;}

.gal { float:left; width:175px; height:110px; margin:15px 10px;}
.gal img { width:175px; height:110px;}

.enqbox { width:295px; margin-left:10px; height:25px; line-height:25px; padding:5px; border:solid 1px #CCCCCC; font-size:12px; resize:none;}



/* Footer Properties ======================================================== */

body > footer { width:100%; height:110px; margin-top:30px;}
body > footer > div:nth-child(1) { width:997px; height:20px; background-color:#000; border-radius:20px 20px 0px 0px; margin:0px auto;}
body > footer > div:nth-child(2) { width:100%; height:90px; background-color:#00185f;}
body > footer > div:nth-child(2) > div { width:997px; height:90px; margin:0px auto; background:url(../images/indian_databank_logo.jpg) no-repeat center right;}

.bottom_link, .bottom_link a { font-family:trebuc; font-size:13px; color:#FFFFFF; text-transform:uppercase;}
.bottom_link a:hover { color:#FFFF00;}

.pro, .pro a { font-family:trebuc; font-size:11px; color:#FFFFFF; text-transform:uppercase;}
.pro a:hover { color:#FFFF00;}