/*
http://pfl.org/
http://rainsongmedia.com/

*/

body{background:#E9E8E0;}
body{background:#ffffff;}
.container {background:#ffffff;}




/* menu style 1*/
#menu1 {background: #f4f4f4;float: left;list-style: none;margin: 0;padding: 0;width: 100%;}
#menu1 li {	float: left; font: 14px Verdana, Arial, Helvetica, sans-serif;
			margin: 0;padding: 0;}
#menu1 a {background: #f4f4f4 url("img/seperator.gif") bottom right no-repeat;color: #ccc;display: block;float: left;
			margin: 0;padding: 8px 12px;text-decoration: none;}

#menu1 a:hover {background: #2580a2 url("img/hover.gif") bottom center no-repeat;color:#fff;padding-bottom: 8px;}
#menu1 a.current {background: #2580a2 url("img/hover.gif") bottom center no-repeat;color: #fff;padding-bottom: 8px;}

/* menu style 2*/
.menuBg{ margin:0 auto; background: #EFEFEF url("images/menu_bg.png") top left repeat-x; }
.menuContainer{ margin:0 auto; width:950px; }
ul#menu { width: 100%; height: 43px; font-size: 1em; 
			font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px;height: 43px;  }
ul#menu li a {color: #777; text-decoration: none; display: block;height:43px;padding: 10px 15px  0px 15px; float:left; }
ul#menu li a:hover { color:#FFFFFF; }
ul#menu li.current a{ color: #FFF; background: #ffffff url("images/current-bg.gif") top left repeat-x; padding: 10px 15px  0px 15px; }



.headerContainer{height:80px; background:url(images/header_bg.gif);}
.header{ margin:0 auto; width:950px;}
.logo{ float:left;}
.logo h1{ background:url(images/dhritiman_images_logo.gif) no-repeat; width:303px; height:80px; margin:0; padding:0px; color:#FFFFFF; }	
.logo h1 span{ position:absolute; text-indent:-100000000px;}	
.search{ float:right;}
.search-box{ margin:20px;}
.search-box table{ width:275px; margin:0px; padding:0px;}
.search-box table tr td { margin:0px; padding:0px;}
.search .search-input{ background:url(images/search_bg.gif) repeat-x; border:none; padding:4px; width:200px; font:14px normal Arial, Helvetica, sans-serif;}


.pageTop{ background:url(images/page_bg_top.png) no-repeat; width:950px; height:13px;}
.pageMid{ background:url(images/page_bg_mid.png) repeat-y; width:950px;}


.body-content{padding:10px;color:#222222; margin:0px 5px 10px 5px;}
.body-content h2{ margin:2px;}
.body-content p a{border-bottom:1px #cccccc dashed;}

.listing-home{ float:left; width:100px; list-style:none; padding:2px; color:#222222}
.listing{ float:left; width:200px; height:250px; list-style:none; padding:2px; color:#222222}
.start{ clear:both}	



/* page main layout
---------------------------------------------------------   */

.sidebarLeft{ margin:10px 10px 10px 5px;}

/* categories
---------------------------------------------------------   */
#categories { margin:2px; width:220px; background:url(images/col_header_sm_bottom.png) no-repeat bottom; overflow: hidden; 
				margin: 0 0 10px 0px; }
#categories h3{ margin:0px; padding-left:10px;line-height:40px;background: url(images/col_header_sm_top.png) no-repeat; border-bottom:1px solid #E6E6E6; }
#categories .contentBlock { background:url(images/col_header_sm_mid.png) repeat-y; margin-bottom:5px;}
#categories ul{ width:100%; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; list-style-type: none; margin: 0; padding: 0; }
#categories ul li { display: block; margin: 0 0 5px 5px ; }
#categories ul li a {color:#777; text-decoration: none; display: block; line-height: 150%; padding: 2px 5px; }
#categories ul li a:hover { color:#333;}
#categories ul li.current a{ color:#FFF; background:#ffffff url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }


/* comments
---------------------------------------------------------   */
#comments
{
	text-align: left;
	margin:2px 0px 10px 0px;
}

/* box */
#comments .bl {background: url(images/bottom-left.gif) 0 100% no-repeat #E1E1E1; width: 640px;}
#comments .br {background: url(images/bottom-right.gif) 100% 100% no-repeat}
#comments .tl {background: url(images/top-left.gif) 0 0 no-repeat}
#comments .tr {background: url(images/top-right.gif) 100% 0 no-repeat; padding:9px;}
#comments .clear {font-size: 1px; height: 1px}

#comments .content
{margin:0px; display: block; margin: 0 0 0px 0px ; padding:0px;  }

#comments .content .name
{margin:0px; display: block; margin: 0 20px 0px 5px ; padding:5px ; float:left; width:300px; color:#333333; font-weight:bold; }
#comments .content .date
{margin:0px; display: block; margin: 0 0 0px 5px ; padding:5px; float:right; width:200px; text-align:right; color:#333333; font-weight:bold; }

#comments .coment-content {margin:0px; display: block; margin: 0px; padding:5px 10px; border-top:2px solid #F4F3F3; }
#comments .coment-content  a {color: #777; text-decoration: none; display: block; line-height: 150%;}
#comments .coment-content  a:hover { color: #333; }
#comments .content .current a{ color: #FFF; background: #ffffff url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }

/* gallery
------------------------------------------------------------ */
	/* jQuery lightBox plugin - Gallery style */
	#gallery {/*background-color: #f8f8f8;*/padding: 0px;width: 100%;}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline;}
	#gallery ul img {border: 5px solid #3e3e3e;}
	#gallery ul a:hover img {border: 5px solid #F68618;color: #fff;}
	#gallery ul a:hover { color: #F68618; }
	
	
/* gallery view
------------------------------------------------------------ */
	/* jQuery lightBox plugin - Gallery style */
	#galleryView {/*background-color: #f8f8f8;*/padding: 0px;width: 100%;}
	#galleryView ul { list-style: none; }
	#galleryView ul li { display: inline; }
	#galleryView ul img {border: 5px solid #3e3e3e;border-width: 5px 5px 20px;}
	#galleryView ul a:hover img {border: 5px solid #fff;border-width: 5px 5px 20px;color: #fff;}
	#galleryView ul a:hover { color: #fff; }


/* gallery details
------------------------------------------------------------ */
	/* jQuery lightBox plugin - Gallery style */
	#galleryDetails {/*background-color: #f8f8f8;*/padding: 20px 0px 0px 0px;width: 100%; border:1px solid #999999;}
	#galleryDetails  img {border: 5px solid #3e3e3e;/*border-width: 5px 5px 20px;*/}
	#galleryDetails  a:hover img {border: 5px solid #FFFFFF;/*border-width: 5px 5px 20px;*/color: #fff;}
	#galleryDetails  a:hover { color: #fff; }
	#galleryDetails  p { margin:5px 30px;}

	.purchaseOptions{}
	.purchaseOptions .options h3{ color:#006699}
	.purchaseOptions .options table tr.even td { background:#E2E2E2}
	.purchaseOptions table td{ margin:5px; }

/* Tables
-------------------------------------------------------------- */

.table-data table{ margin-bottom: 16px; border-top:none; border-left:none; }
.table-data th, .table-data td{ height: 13px; padding:2px 4px; border-bottom:none; border-right:none; }
.table-data th{ font-weight:bold; }

/* pagination
-------------------------------------------------------------- */

.pagination{margin:30px 10px 10px 10px;}
.pagination a{color:#616161;padding:5px;text-decoration:none; border:1px solid #999999;/*background:#000000;*/}
.pagination a:hover{color:#FF7E00; background:#FBC998;}		

/* footer
-------------------------------------------------------------- */
.footer-bg{background:#444;	margin-top:10px; }
.footer{padding:10px 0px;text-align:center;}
.footer .col-1{ width:255px;}
.footer .col-2{ width:603px;}
.footer .col-3{ width:140px;}
.footer p.links{font:normal 12px Verdana, Arial, Helvetica, sans-serif;color:#cccccc; text-align:center;text-decoration:none;}	
.footer p.links a{font:normal 12px Verdana, Arial, Helvetica, sans-serif;color:#cccccc;text-decoration:none;}	
.footer p.links a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;text-decoration:none;}
.footer p.copy{font-size: 12px;color:#cccccc;text-align:center;}

/* gallery display
------------------------------------------------------------ */
.trip-display{ width:221px; margin:0px 0px 10px 10px; padding:0px; float:left; }
.trip-display-mid { width:219px; background:#FFFFFF url(images/gallery_mid_bg.gif) repeat-x; border-left:1px solid #969595;  border-right:1px solid #969595;  margin:0px; text-align:center; height:300px;}
.trip-display-mid h1 { height:30px;  margin:0px 10px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#3C3C3E; font-size:14px; font-weight:bold; padding:5px 0px;  border-bottom:1px solid #666666;}
.trip-display-mid p {  margin:0px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px 18px; text-align:justify; padding-bottom:5px;}
.trip-display-mid .image-panel { width:219px; padding:10px 0px; margin:0px; text-align:center;}
.trip-display-mid .image-panel img {border: 7px solid #777777; margin-left:auto; margin-right:auto;}
.trip-display-mid .image-panel img a { border:7px solid #777777;  margin-left:auto; margin-right:auto;}
.trip-display-mid .image-panel img a:hover{ border:7px solid #F68618;}
.trip-display-mid .image-panel a:hover img {border: 7px solid #F68618;}
.trip-display-mid .image-panel img a:hover { color: #F68618; }


/* Favorites
---------------------------------------------------------   */
#favorites { margin:2px; width:220px; background:url(images/col_header_sm_bottom.png) no-repeat bottom; overflow: hidden; 
				margin: 10px 0px 10px 6px;}
#favorites h3{ margin:0px; padding: 5px 0px 5px 10px;line-height:25px;background: url(images/col_header_sm_top.png) no-repeat; border-bottom:1px solid #E6E6E6; }
#favorites .contentBlock { background:url(images/col_header_sm_mid.png) repeat-y; margin-bottom:5px; text-align:center;}
#favorites .contentBlock p {  font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px 10px; padding-bottom:10px; text-align:justify;}
#favorites .contentBlock p a{  font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px 10px; padding-bottom:10px; text-align:justify; text-decoration:none;}
#favorites .contentBlock p a:hover{  font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:12px; margin:0px 10px; padding-bottom:10px; text-align:justify; text-decoration:none;}
.image-panel { margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; text-align:center; width:220px;}
.image-panel img{border: 7px solid #777777; margin-left:auto; margin-right:auto;}
.image-panel  a:hover img {border: 7px solid #F68618;}
.image-panel img a:hover { color: #F68618; }

/*#favorites .contentBlock p.comments{  font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px 3px; padding-bottom:10px; text-align:justify; border-bottom:1px solid #ECECEC; line-height:20px;}
#favorites .contentBlock p.comments:hover{ background:#FFFFCC;}

#favorites .contentBlock p.add-comment a{ color:#F68618;}
#favorites .contentBlock p.add-comment a:hover { color:#898988;}*/


/* gallery
------------------------------------------------------------ */
	
 .imgList { width:210px; height:250px; margin:10px 10px 0px 0px; float:left; border:1px solid #cccccc;}
 .imgList:hover {border:1px solid #F68618;}
 .imgList p { margin:5px; color:#666666; text-align:center; font-size:12px; font-weight:bold;}
 .innerImage { width:200px; height:190px; margin:5px;}

	 .innerImage a { border:2px solid #FF0000;}
	 .innerImage a:hover { border:2px solid #FF0000;}
	 .innerImage img {border: 0px solid #3e3e3e;}
	 .innerImage a:hover img {border: 0px solid #F68618;color: #fff;}
	 .innerImage a:hover { color: #F68618; }
	
	
/**
breadcrumb
*/
.breadcrumbs { width:655px;  padding:5px 0px; border-bottom:1px solid #D7D5D5; border-top:1px solid #D7D5D5; color:#424243; font-weight:bold;}
.breadcrumbs span { color:#F68618; text-decoration:none;}
.breadcrumbs a {color:#6C6C6C;text-decoration:none;} 
.breadcrumbs a:hover { color:#F68618; text-decoration:none;}

.button
{ background:url(images/button-bg.gif) repeat-x; color:#000000; font-weight:normal; font-size:11px; padding:2px 5px; border:1px solid #CBCBCB; }

.txt-field1 {width:300px; padding:1px;}


/* comment-panel
---------------------------------------------------------   */
#comment-panel { margin:2px; width:220px; background:url(images/col_header_sm_bottom.png) no-repeat bottom; overflow: hidden; 
				margin: 10px 0px 10px 6px;}
.comment-panel-mid { background:url(images/coment-mid.png); margin:0px; padding:0px;}
.comment-panel-mid h3{ margin:0px 4px; line-height:30px; border-bottom:1px solid #EDEDED; background:#F9F9F9; padding-left:10px; }
.comment-panel-mid .contentBlock {  margin:0px 10px; text-align:center;}
.comment-panel-mid .contentBlock p {  font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px; padding:5px 0px; text-align:justify;}
.comment-panel-mid .contentBlock p a{  font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px; padding-bottom:5px; text-align:justify; text-decoration:none;}
.comment-panel-mid .contentBlock p a:hover{  font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:12px; margin:0px; padding-bottom:10px; text-align:justify; text-decoration:none;}

.comment-panel-mid .contentBlock p.comments{  font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin:0px 3px;  text-align:justify; line-height:20px;}
.comment-panel-mid .contentBlock p.comments:hover{ color:#333333;}

.comment-panel-mid .contentBlock p.name{  font-family:Arial, Helvetica, sans-serif; color:#4A4A4A; font-size:11px; margin:0px 3px; padding-bottom:5px; text-align:right; border-bottom:1px solid #ECECEC; line-height:15px; font-style:italic;}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-top:10px;
}

/* ovalbutton */
a.ovalbutton{
background: transparent url(images/oval-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url(images/oval-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}



.fl { float:left;}
.fr { float:right;}