/* hide from ie on mac \*/
html {
		font-family: Arial,Helvetica,sans-serif;
	height: auto;
	text-align: left;
	height: 100%;
		margin: 0;
		padding: 0;
		background-color:#000000;
		border:none;
		color:#ffffff;
	
}




#flashcontent {
		
		z-index:2;
		position:absolute;
		height:100%;
		width:100%;
	}
	/* end hide */

	body {
		
		width: 800px;
	background-position:left;
	min-height:100%;
	height:auto;
	margin-left:27px;
	}




/*         modules    */



/*vertical header*/

#globalnav{
/*	opacity:.90;   */
	margin-top:20px; 
	margin-right:200px; 
	text-align:left;
	position:absolute;
	left:20px;
	top:200px;
	z-index:5;
	}



#logo{

/*	opacity:.90;   */
	float:left;
	position:absolute;
	left:20px;
	top:0px;
	z-index:5;
}

#logo1{

/*	opacity:.90;   */
	float:left;
	position:absolute;
	left:20px;
	top:0px;
	z-index:6;
}

#gallary{

/*	opacity:.90;    */
	position:absolute;
	left:12px;
	top:450px;
	z-index:4;
	width:300px;
	font-family:"Matura MT Script Capitals";
	font-size:30px;
	
}



#gallaryHome{

 /*	opacity:.90;	 */
	position:absolute;
	left:12px;
	top:500px;
	z-index:4;
	width:300px;
	font-family:"Matura MT Script Capitals";
	font-size:30px;
	
}

#bannerPhoto{
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
margin:10px 0 0 0;
}

#myMenuID {
	width: 170px;
	line-height: 150%;
}

#containerPhoto{
	width:650px;
	margin:0px 0px 10px 0px ;
	font-size:14px;
	text-align:right;
	float:right;
}

#containerPhoto img{

 margin: 3px;
  border: 0px solid #ffffff;
 }
/******************************photoGallery*******************************/	
	
#containerPhoto img{
border:#FFFFFF solid 3px;
}

#landscapes{
float:right;
padding-left:40px;
}
#events{
float:right;
padding-left:40px;
}
#wedding{
float:right;
padding-left:40px;
padding-top:30px;
padding-bottom: 100px;
clear:both;
}
#cityscapes{
float:right;
padding-left:40px;
padding-top:30px;
padding-bottom: 100px;
}
	
/*********************************end photoGallery*************************/
/*pop images on mouseover ***************************************************************/

span {
	text-align:center;
	}
	
.thumbnail{
position: static;
z-index: 0;
width:100px;
height:66px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
border:none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
background-color: transparent;
text-decoration: none;
border:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 2px;
background-color: transparent;
border:none;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width:100px;
left: 150px; /*position where enlarged image should offset horizontally */
background-color: transparent;
border:none;

}
/*   end of ..............pop images on mouseover................................................. */

#menuPhotoHome{
position:fixed;
left:0px;
top:0px;

}



/*horizontal header*/
#logoAcross{
	float:left;
	position:absolute;
	left:200px;
	top:0px;
	z-index:5;
	
}

#gallaryAcross{
	position:absolute;
	left:820px;
	top:60px;
	z-index:4;
	
}

#globalnavAcross{
	float:right; 
	width: 575px;
	margin-top:20px; 
	margin-right:68px; 
	text-align:left;
	position:absolute;
	left:400px;
	top:12px;
	z-index:5;
	}
	
#photoText{
	position:absolute;
	left:10px;
	bottom:30px;
	z-index:5;
	font-size:10px;
}

/****************************************form input******************************/

#form {
	margin-bottom:75px;
	float:right;
	}
.error {color:red;}


.quick {
margin-left:0px;  
border: 1px solid #CCCCCC;
}

.textinput{
	margin-bottom:15px;
	margin-top:1px;
}

.textarea{
	margin-bottom:5px;
}


.submitbutton{
	border:1px solid #CCCCCC;
}
 


#blockquote{
	margin:0px;
	background-image:url('../images/bq.gif');
	background-position: top;
	background-repeat:repeat-y;
}

#blockquote {
	padding:0px 30px
}

.post {
	padding-bottom:0px;
}

/***********************************************/
#footer
{
	font-size: 7pt;
	width: 400px;	
	text-align:right;	
	padding-bottom:2px;
	clear: both; 
	border-top:1px solid #198cab;
	float:right;
}


#myMenuID a:hover{
	color: #009900;
	text-decoration: none;
}

#myMenuID a{
	color: #ffffff;
	text-decoration: none;
}

#myMenuID a:visited{
	text-decoration: none;
}

/*****************************************/

.before{
float:left;
margin:30px 0 0 -100px;;
}

.after{
float:left;
margin:-250px 0 50px 250px;
}
.beforeVerticle{
float:left;
margin:30px 0 20px 30px;
}

.afterVerticle{
float:left;
margin:10px;
margin:30px 0 20px 30px;
}