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

/*--- Reset Css ---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#def0fe;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

.clear{ clear:both; }

.fl { float:left;}
a { outline:none; }

/*---------------------------------------
container
-----------------------------------------*/	
.container{ 
	width:950px; 
	height:auto; 
	margin:0 auto; 
	background-color:#FFFFFF; }
	
/*---------------------------------------
top-strip
-----------------------------------------*/	
.top-strip{ 
	width:100%; 
	height:10px; 
	background-color:#961b20; }
	
/*---------------------------------------
header
-----------------------------------------*/	
.header{ 
	width:950px; 
	height:486px; 
	background:url(images/header-pic.jpg) no-repeat top;  }	
	
.logo{ 
	width:550px; 
	height:143px;
	background:url(images/logo.png) no-repeat; 
	text-indent:-9999px;
	display:inline-block;
	margin:25px 0 0 0;	}
	
.menu { width:950px; height:auto;}

.banner-pic{ 
	width:941; 
	height:234px; 
	margin:-20px auto 0 auto; 
	overflow:hidden;  }
	
.banner-pic ul#home-banner{ margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
.banner-pic ul#home-banner li{ display:block; width:100%; height:auto; }
.banner-pic ul#home-banner li img{ display:block; margin:0 auto 0 auto; }
	
/*---------------------------------------
body-wraper
-----------------------------------------*/
h1{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:25px; 
	color:#b20000; 
	padding:0 0 5px 0;
	border-bottom:1px solid #2a63b4; }
	
h2{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#5d65c6; 
	padding:10px 5px 5px 5px; }
	
h3{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:23px; 
	color:#000000; 
	padding:10px 5px 5px 5px; }
	
h4{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:23px; 
	color:#FFFFFF; 
	font-weight:bold; 
	padding:0 0 5px 0; }
	
	

.body-wraper{ 
	width:950px; 
	height:auto; 
	margin:0 auto 20px auto; 
	background-color:#FFFFFF;
	background:url(images/red-bg.jpg) repeat-y left; }
	
/*---------------------------------------
 left-wraper 
-----------------------------------------*/
.left-wraper{ 
	float:left;
	width:208px; 
	height:auto; 
	padding:15px 15px 100px 15px; }
	
.gurmat-btt a{ 
	width:200px; 
	height:127px;
	background:url(images/btt.png);
	background-position: 0px -262px; 
	display:inline-block; }
.gurmat-btt a:hover{ 
	background:url(images/btt.png); 
	background-position: 0px -399px;}
	
	
.photo-btt a{ 
	width:200px; 
	height:127px;
	margin:20px 0 0 0;
	background:url(images/btt.png);
	background-position: 0px 0px;
	display:inline-block;}
.photo-btt a:hover{ 
	background:url(images/btt.png); 
	background-position: 0px -131px;}
	
/*------------------------------------ 
contact form
--------------------------------------*/
#cotnact-form{ 
	width:auto; 
	height:220px; 
	border:2px solid #FFFFFF; 
	background:url(images/contact-bg.jpg) repeat-x;
	padding:10px 10px; 
	margin:20px 0 0 0; }
	
textarea, input[type="text"] { 
	width:180px; 
	height:18px; 
	padding:3px 3px; 
	margin:5px 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#b7052f; 
	border:none; }
	
textarea{ height:40px; max-height:40px; max-width:180px; min-height:40px; min-width:180px;}

input[type="submit"]{ 
	width:76px; 
	height:26px; 
	background:url(images/submit-btt-bg.jpg) repeat-x #494aa4; 
	border:1px solid #FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#FFFFFF; 
	float:right; 
	padding:0 0 2px 0; 
	margin:5px 0 0 0;
	cursor:pointer; 
	outline:none; 
	font-weight:bold;}
	
input[type="submit"]:hover{ background:url(images/submit-btt-bg-hover.jpg) repeat-x #494aa4;} 

/*------------------------------------ 
latest-news
--------------------------------------*/
.latest-news{ 
	width:auto; 
	height:auto; 
	margin:20px 0 0 0;}
	
.latest-news-txt{ 
	border-bottom:1px solid #d98080; 
	padding:10px 0;}
	
.latest-news-txt a{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#FFFFFF; 
	font-weight:bold; 
	text-decoration:none; 
	line-height:18px; }
	
.latest-news-txt a:hover{ color:#FFFF00;} 

	

/*---------------------------------------
 centre-wraper
-----------------------------------------*/	
.centre-wraper{ 
	float:left;
	width:480px; 
	height:auto; 
	padding:10px 20px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#000000;  }
	
.centre-wraper p{ line-height:24px; margin:10px 0 0 0;}

.centre-box{ 
	width:auto; 
	height:auto; 
	margin:30px 0; 
	background-color:#f7f7f7; 
	border:1px solid #dfdfdf; 
	padding:5px 5px;  }
	
.centre-box img.alignleft { margin:0 5px 0 2px; float:left;}
.centre-box img.alignright { margin:0 2px 0 5px; float:right;}


.centre-box p{ line-height:20px;}

/*---------------------------------------
right-wraper
-----------------------------------------*/	
.right-wraper{ 
	float:right;
	width:190px; 
	height:auto;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#000000;
	padding:10px 0; }
	
.query-box{ 
	width:auto; 
	height:134px; 
	background:url(images/query-bg.jpg) repeat-x; 
	padding:0 5px 0 0; }
	
.query-box p{ padding:10px 5px 0 5px; line-height:20px;}

.office-box{ 
	width:auto; 
	height:auto; 
	margin:10px 0 0 0;
	background:url(images/office-bg.jpg) repeat-x;	}
	
.office-box p{ padding:10px 5px 0 10px; line-height:20px;}
	
	
/*---------------------------------------
footer
-----------------------------------------*/		
.footer{ 
	width:930px; 
	height:171px; 
	background:url(images/footer-bg.jpg) no-repeat center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#FFFFFF; 
	padding:0 10px; }
	
.footer-menu{ float:left; padding:110px 0 10px 0; width:480px; height:auto;}

.footer-menu ul{ }

.footer-menu ul li{ display:inline;}
	
.footer-menu ul li a{ 
 	color:#FFFFFF; 
	text-decoration:none; 
	border-right:1px solid #FFFFFF; 
	padding:0 5px;	}
	
.footer-menu ul li a:hover{ color:#FFFF00;}

.footer-menu p{ padding:10px 0 0 5px;}

.footer-logo{  
	background:url(images/footer-logo.png) no-repeat center;
	width:143px; 
	height:143px; 
	float:left; 
	margin:20px 0 0 0; }
	
.footer-info{ 
	width:220px; 
	height:auto; 
	margin:30px 0 0 0; 
	float:right; 
	line-height:20px; }
	
	
/*---------------------------------------
photo-gallery
-----------------------------------------*/	
.photo-gallery{ 
	width:660px; 
	height:auto; 
	margin:0 0 0 0; 
	padding:10px 20px; 
	float:left; }

.photo-gallery-box{ 
	width:190px; 
	height:145px;
	float:left;
	margin:20px 12px; 
	border:3px solid #f0f0f0;	}
	
.photo-gallery-box:hover{ 
	border:3px solid #b20000;	}
	
	
.photo-gallery table, tr, td{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	padding:5px 5px;
	color:#000000; 
	line-height:20px; 
	border-bottom:1px solid #e8e8e8;}
	
.photo-gallery .txt p{ 
	width:650px; 
	height:auto;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	padding:10px 5px;
	color:#000000;  
	font-weight:bold;
	line-height:20px; 
	border-bottom:1px solid #e8e8e8;}
	
.photo-gallery .txt p:hover{ color:#626bcf;}