/* CSS Document */
body
{
	background:url(../images/bg_img.jpg) repeat-x top #000000;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif
}
p,img,div,h1,h2,h3,h4
{
	padding:0;
	margin:0;
}
#wrapper
{
	padding:0;
	margin:0 auto;
	width:1072px;
}
.clearall
{
	clear:both;
}


#menu {
	margin:0;
	padding:0;
	
	font:12px Arial, Helvetica, sans-serif;
	float:right;
	width:100%;
	z-index:3;
	}
#menu ul {
	margin: 0;
	padding:0;
	width:100%;
	float:right;
	}
	
#menu li{
	list-style: none; 
	float:right;
	padding:30px 0 0 0
	}
	
#menu li a{
	float:left;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font:bold 12px Arial, Helvetica, sans-serif;
	height:19px;
	margin:10px 10px 0 0;
	padding:0px 35px;
	}

#menu li a:hover{
	text-decoration:none;
	border-bottom:1px dashed #FFFFFF;
	padding:0px 35px;
	margin:9px 10px 0 0;
	height:19px;
	color:#FFBA00;		
	}
#leftpart
{
	width:571px;
	float:left;
}
#rightpart
{
	width:501px;
	float:right;
}
#welcome
{
	 width:571px;
	 height:432px;
	 background:url(../images/welcomebg.jpg) no-repeat;
	 float:left;
	 font:12px Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
}
#welcometxt
{
	width:438px;
	overflow:hidden;
	float:right;
	height:367px;
}
#welcometxt p
{
	
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:10px 0 0 0;
	line-height:20px;	
	}
#welcometxt a
{
	float:right;
	color:#FFCC00;
	padding:0 10px 0 0;
	font:bold 11px Arial, Helvetica, sans-serifa;
}
#welcometxt a:hover
{
	text-decoration:none;
}
.pad
{
	padding:0 10px 0 0;
}
#photogallery
{
	width:571px;
	height:438px;
	background:url(../images/photgallery.jpg) no-repeat;
}
#menupart
{
	
	padding:0 0 20px 0;
	margin:0;
	width:501px;
	overflow:hidden;
}
#menuz 
{
	padding:0 0 17px 20px;
	width:481px;
	background:url(../images/menubg.jpg) repeat-y;
	
	}
#menuz ul
{
	 padding:10px 0;
	 margin:0;
	 width:180px;
	 float:left;
	 list-style:none;
}
#menuz ul li
{
	margin:10px 0;	
	list-style:none;
	background:url(../images/arrow.png) no-repeat left;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF7D0C;
}
#menuz ul li a
{
	padding:0 0 0 25px;
	margin:10px 0;
	list-style:none;
	text-decoration:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FF7D0C;
}
#menuz ul li a:hover
{
	padding:0 0 0 25px;
	margin:10px 0;
	list-style:none;
	text-decoration:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#callbelow
{
	padding:20px 20px 35px 20px;
	margin:0;
	width:392px;
	float:left;
	background:#4F544D;
}

#footer{
	height:160px;
	width:100%;
	background:url(../images/footerbg.jpg) repeat-x;
	margin:0 auto;
	font:11px Arial, Helvetica, sans-serifa;
	color:#CCCCCC;
	
}
#footerwrap
{
	width:960px;
	height:160px;	
	margin:0 auto;
}
#footer a{
	text-decoration:underline;
	color:#CCCCCC;

}

#footer a:hover {
	text-decoration:none;
	color:#CCCCCC;

}
#footer p{
	margin:0px;

}
#footerbutton{
	float:left;
	margin:30px 0px 0 20px;
	padding:0;
	}
#footerright
{
	margin:30px 10px 0px 0; 
	float:right;
}

ul#gallery, ul#gallery li{
			margin:0;
			padding:30px 3px 0 0px;
			float:right;
			list-style:none;
			}
		ul#gallery{
			width:490px;
			height:375px;
			position:relative;
			
			}			
		ul#gallery li{
			float:right;
			display:inline;
			margin-top:250px;
			}								
		ul#gallery a span{
			display:none;
			}
		ul#gallery a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery a:hover span{
			position:absolute;
			width:490px;
			height:300px;
			float:left;
			top:90px;
			left:60px;
			display:block;
			}	
/****************************************************     contact page starts here      *****************************/
.textfield {
border : 1px solid #999999;
color : #333333;
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 11px;
padding-left : 2px;
width:150px;
height:20px;
}
.textfield1 {
border: 1px solid #999999;
color: #333333;
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 11px;
padding-left : 2px;


}
#content_get
{
	float:left;
	width:400px;
	text-align:left;
	padding:30px 0 0 30px;
}
#content_get h1
{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#contact_ade
{
	float:right;
		width:400px;
	padding:20px 20px 0 0
	
}	

.bordermap
{
	border:1px solid #999999;
}
.maplink a
{
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align:center;
	color:#FFFFFF;

}
.maplink a:hover
{
	text-decoration:none;
}
.message_sent {
font : 11px Arial, Helvetica, sans-serif;
color : #ff0000;
}
dl {
font:12px Arial, Helvetica, sans-serif;
padding : 0;
color:#FFFFFF;
margin : 10px 0 0 0;
width : 100%;
}
dt, dd {
padding : 5px;
margin : 0;
}
dt {
width : 120px;
float : left;
clear : both;
}
html[dir="rtl"] dt {
float : right;
}
dd + dd {
margin-left : 253px;
}
html[dir="rtl"] dd + dd {
margin : 0 253px 0 0;
}
dt:first-child, dt:first-child + dd {
border-top-width : 0;
}
h2 + p {
font-size : 70%;
margin : 10px auto;
width : 100%;
}
.button_blues {
font-family : Georgia, "Times New Roman", Times, serif;
color: #333333;
font:12px Arial, Helvetica, sans-serif;
border:none;
background:url(../images/buttonbg.jpg) repeat-x;
cursor:pointer;
height:25px;
padding:5px;
}
.button_blues:hover {
border:none;
background:url(../images/buttonbg1.jpg) repeat-x;
color:#fff;
height:25px;
padding:5px;
}
#message {
font : 12px Arial, Helvetica, sans-serif;
color:#FFFF00;
text-align : left;
}



/******************************* Pages ****************************************/
#pages
{
	float:left;
	width:520px;
	padding:30px 0 10px 30px;
}
#pages h1
{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 0 5px 0;
	text-align:left;
	margin:0;
}
#pages p
{
	padding:0;
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}



/* Lightbox*/
#lightbox{
	background-color:#FFFFFF;
	padding: 10px;
		}
#lightboxDetails{
	font-size: 0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(..images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	


#photos
{
	margin:0;
	width:500px;
	padding:10px 0;
	overflow:hidden;
}
#photos ul
{
	list-style:none;
	padding:0;
	float:left;
	margin:0;

}
#photos li
{
	float:left;
	height:120px;
	margin:0 3px;
	
}	
.image_border
{
	border:2px solid #CCCCCC;
}

#menupage
{
	float:left; 
	width:500px;
	padding:20px 0 0 30px
}
a.menuicon
{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#ff7d0c;
	text-decoration:none;
	text-transform:uppercase;
}
a.menuicon:hover
{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}
.menus
{
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
	padding:10px 0;
	color:#FFFFFF;
}
.menuhead
{
	background:#BA1500;
	height:20px;
	padding:0 0 0 5px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

.top
{
	float:right;
	
}
.top a
{
	color:#FFCC00;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.top a:hover
{
	color:#FFCC00;
	text-decoration:none;
}
#info{ width:416px; padding:100px 0 0 120px;}
#galleryHolder {width:416px; height:100px; padding-top:216px; position:relative; z-index:100;}
#gallery {width:416px; height:90px; overflow:auto;}
#gallery b {display:block;}
#scroller {width:416x; height:50px;}

#scroller a {float:left; border:0; text-decoration:none; padding:2px; color:#44;}
#scroller a img {border:0;}

#scroller a .containerLarge {position:absolute; left:-9999px; top:-9999px;}
#scroller a.show .containerLarge {position:absolute; left:0; top:0; z-index:-2;}
#scroller a b.caption {position:absolute; left:-9999px; width:416px; height:25px; background:#fff; color:#666; text-decoration:none; text-align:center; font-family:arial, sans-serif; font-size:11px;}
#scroller a.show .caption {left:0; top:216px; z-index:-2;}

.containerLarge {width:416px; height:216px; overflow:hidden; float:left; border:1px solid #ddd;}
.containerLarge b {display:block;}
.containerLarge .reducedSize {width:416px;}
.containerLarge .reducedSize .high {min-width:416px; height:216px; float:left; background:#fff; text-align:center;}
.containerLarge .reducedSize .high img {height:216px; padding:2px;}
* html .containerLarge .reducedSize .high {width:416px;} /* hack for IE6 */
.containerLarge .reducedSize .wide {float:left; width:416px; height:216px; background:#fff; margin-top:-216px;}
.containerLarge .reducedSize .wide img {width:416px; padding:2px;}

.container {width:64px; height:64px; overflow:hidden; float:left; border:1px solid #ddd;}
.container b {display:block;}
.container .reducedSize {width:128px;}
.container .reducedSize .high {min-width:64px; height:64px; float:left; background:#fff; text-align:center;}
.container .reducedSize .high img {height:60px; padding:2px;}
* html .container .reducedSize .high {width:60px;} /* hack for IE6 */
.container .reducedSize .wide {float:left; width:64px; height:64px; background:#fff; margin-top:-64px;}
.container .reducedSize .wide img {width:60px; padding:2px;}

#scroller a:hover .containerLarge {left:0; top:0;}
#scroller a:hover .container {border-color:#09c; z-index:100;}
#scroller a.show:hover .containerLarge {z-index:100;}

#scroller a:hover .caption {left:0; top:230px; z-index:100;}

#scroller a:active {outline:0;}
#scroller a:active .containerLarge {position:absolute; left:0; top:0; z-index:-1;}
#scroller a:active .container {border-color:#c90;}
#scroller a:active .caption {left:0; top:230px; z-index:-1;}
#scroller a:focus {outline:0;}
#scroller a:focus .containerLarge {position:absolute; left:0; top:0; z-index:-1; background:#abc;}
#scroller a:focus .container {border-color:#c90;}
#scroller a:focus .caption {left:0; top:230px; z-index:-1;}