/* CSS Document */

*											{ margin: 0; padding: 0; }
body 										{
	background-color: #999999;
}

/* Company Logo */

.logo{
	background-image:url(../images/websitelogo.jpg);
	height: 120px;
}

/* Index text style */

.index{
	font-size:15px;
	text-align:justify;
	color:#FFFFFF;
	font-family:"Comic Sans MS";
	padding:30px 20px 30px 20px;
}
.style1 {
	color: #FF0000;
	font-weight: bold;
	font-family:"Cooper Std Black";}

/* Top Navigation Bar */

.menu{
	width: 100%;
	background-color: #222;
	font-family: "Arial Black";
	font-weight: lighter;
	font-size:12px;}
	
.menu ul{
	margin: 0; padding: 0;
	float: left;}

.menu ul li{
	display: inline;}

.menu ul li a{
	float: left; text-decoration: none;
	color: white;
	padding: 5px 15px;
	background-color: #222; }

.menu ul li a:visited{
	color: #FFFFFF;}

.menu ul li a:hover, .menu ul li .current{
	color: #FF1717;}
	
/* Bottom Navigation Bar */

.footer {
	width: 100%;
	background-color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size:10px;}
	
.footer ul{
	margin: 0; padding: 0 0 0 345px;
	float: left;}

.footer ul li{
	display: inline;}

.footer ul li a{
	float: left; text-decoration: none;
	color: white;
	padding: 5px 10px;
	background-color: #222; }

.footer ul li a:visited{
	color: #FFFFFF;}

.footer ul li a:hover, .footer ul li .current{
	color: #FF1717;}

/* Featured Content Slider by: Chris Coyier */
					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px; padding:5px 0 5px 5px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }

/*
	PAGE STRUCTURE
*/
#page-wrap 									{
	width: 500px;
	margin: 15px auto;
	position: relative;
	min-height: 415px;
	background: url(../images/latest_news/bg_black.png) top center;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: #FF0000; }
blockquote									{ padding: 0 20px; margin-left: 5px; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 419px; position: absolute; top: 43px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/latest_news/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; text-align:left; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(../images/latest_news/icon-uparrowsmallwhite.png) top center no-repeat; }


/* Main Gallery */

.container {
		background:#000;
		padding:5px 0 0 5px;
		}

	.photo {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		font-family:arial;
		float: left;
		width: 320px;
			
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:5px solid #000;
		width:320px;
		height:216px;
		
	}	
	
		.photo .heading, .photo .caption {
			/* position inside the container */
			position:absolute;
			background:#000;
			height:50px;
			width:320px;
			text-align:left;
			
			/* transparency for different browsers */
			/* i have shared this in my CSS tips post too */
			opacity:0.6;
			filter:alpha(opacity=60);  
		     -moz-opacity:0.6;    
			-khtml-opacity: 0.6;  

		}
		
		.photo .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			top:-50px;
		}

		.photo .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			bottom:-50px;		
		}
		

		/* styling of the classes*/
		.photo .heading span {

			color:#FF0000;	
			top:-50px;
			font-size:18px;
			font-weight:bold;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo .caption span{
			color:#999;	
			font-size:11px;
			font-weight:bold;
			display:block;
			padding:5px 10px 0 10px;
		}

/* Services Page */

.services{
	background-color: #000000;
	font-family: "Comic Sans MS";
	font-weight: normal;
	font-size:12px;
	color: #FFFFFF;
	padding:20px 0 0 0;
	height: 590px;
	overflow: scroll;
	overflow-x:hidden;
    overflow-y:auto;}

.services ul{
	margin:0 0 0 20; padding:0 0 0 20px;
	float: left;
	width:400px;}
		
.services h1{
	font-family: Arial;
	
	font-size:14px;
	color:#FF0000;}
	
.services h2{
	font-family: Arial;
	font-size:20px;
	color:white;
	text-align: left;
	padding:20px 0 20px 20px;
	font-stretch: wider;
}
	
.services h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 5px;}
	

	
/* Contact us Page */

.contactus{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	color: #FFFFFF;
	padding:20px 0 0 20px;
	text-align:left;}

.contactus ul{
	margin:0 0 0 20; padding:0 0 0 20px;
	float: left;}
	
.contactus p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size:14px;}
	
.contactus h1{
	font-family: "Cooper Std Black";
	font-weight: bold;
	font-size:18px;
	color: #FF0000;}
	
.testimonials{
	color:#FFFFFF;
	background-color:#000000;
	text-align:left;
	}

.testimonials h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:18px;}
	
.testimonials h2{
	font-family: Coronet;
	font-weight: bold;
	font-size:40px;
	text-align:center;
	color:#FF0000;}
	
	
/*
	 Auto Generating Photo Gallery
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
body				{
	font-size: 62.5%;
	font-family: Georgia, serif;
	background-color: #999999;
}

a img, img 			{ border: none; }

#page-wrap1			{width: 1000px; margin: 0 auto; background-color: #000000;}

.photo-link			{ padding: 2px; margin: 2px; border: 1px solid #999; display: block; width: 190px;
					  float: left; }
.photo-link:hover	{ border-color: white; }
.page				{ float: left; }
.submit				{float:right;}

/* Album title */

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FF0000;
	background-color: #000000;
	padding:10px 0 10px 0;
}

/* Pagination */

.pagination{
	width: 100%;
	background-color: #000000;
	font-family: "Arial";
	font-weight: lighter;
	font-size:12px;}
	
.pagination ul{
	margin: 0; padding: 0;
	float: left;}

.pagination ul li{
	display: inline;}

.pagination ul li a{
	float: left; text-decoration: none;
	color: white;
	padding: 5px 5px;
	background-color: #222; }
	
.pagination ul li p{
	float: left; text-decoration: none;
	color: red;
	padding: 5px 5px;
	background-color: #222; }

.pagination ul li a:visited{
	color: #CCCCCC;}

.pagination ul li a:hover, .pagination ul li .current{
	color: #FF1717;}
	
/* Package Menu Navigation Bar */

.packagemenu{
	width: 100%;
	background-color: #000000;
	font-family: "Arial";
	font-weight: lighter;
	font-size:12px;}
	
.packagemenu ul{
	margin: 0 0 0 340px; padding: 0;
	float: left;}

.packagemenu ul li{
	display: inline;}

.packagemenu ul li a{
	float: left; text-decoration: none;
	color: #FF0000;
	padding: 10px 20px;
	background-color: #000; }

.packagemenu ul li a:visited{
	color: #FF0000;}

.packagemenu ul li a:hover, .menu ul li .current{
	color: #666666;}