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

body{
	background:#000000;
	margin:0px;
	padding:0px;
}

#wrap{	
	width:100%;
	margin:0px;
	padding:0px;
	top:0px;
	left:0px;
	text-align:center;
	background:#000000;
	z-index:2000;
}

#inner{
	width:100%;
	margin:auto;
	
}
	

#clear{
		clear:both;
		height:0px;
}

img{
	border:none;
}


#header{
	position:fixed;
	_position:absolute;
	top:0px;
	left:0px;
	width:502px;
	height:88px;
	background:none;
	z-index:1000;	
}




#footerlogo{
	position:absolute;
	bottom:7px;
	right:5px;
	width:108px;
	height:22px;
	background:none;
	z-index:2;
	margin:0px;
	border:0px;
	padding:0px;
}

#menu{
	position:absolute;
	top:20%;
	left:20px;
	z-index:4;
}

b{
	display:none;
}


/*NAVBAR*/

#navbar{
	position:fixed;
	_position:absolute;
	top:20%;
	left:20px;
	width:auto;
	height:300px;
	z-index:450;
}

#menufix2, #menufix2 ul {
	padding:0; 
	margin:0; 
	list-style-type:none;
	width:160px;
}

#menufix2 a, #menufix2 a:visited {
	display:block;
	color:#ffffff; 
	text-decoration:none; 
}



#menufix2 li {
	position:relative;
}

#menufix2 li a, #menufix2 li a:visited {
	display:block;
	color:#ffffff; 
	text-decoration:none; 
	cursor:pointer;
}



#menufix2 :hover a {
	background:#75856A ;
	background-image:url(../images/bglink2.gif);	
}
 
#menufix2 li ul {
	display: none;
} 

#menufix2 li ul a {
	display:block;
	margin:0px;
	
} 

/* target IE7 and below */
* #menufix2 li ul a {#margin-top:-5px;  }





#menufix2 :hover > ul {
	display:block;
	position:absolute;
	top:0; 
	left:160px;
}



/* buttons */



/* contact */
#menufix2 li a.contact {
	background: url(../images/contact.png) no-repeat left;
	width:150px;
	height:41px;
	display:block;
	margin-top:30px;
}

#menufix2 li a.contact:hover {
	background: url(../images/contact-hover.png) no-repeat left;
}

/* weddings */
#menufix2 li a.weddings {
	background: url(../images/weddings.png) no-repeat right;
	width:158px;
	height:41px;
	display:block;
}

#menufix2 li a.weddings:hover {
	background: url(../images/weddings-hover.png) no-repeat right;
}


/* bio */
#menufix2 li a.bio {
	background: url(../images/bio.png) no-repeat right;
	width:48px;
	height:41px;
	display:block;
}

#menufix2 li a.bio:hover {
	background: url(../images/bio-hover.png) no-repeat right;
}

/* portfolio */
#menufix2 li a.portfolio {
	background: url(../images/portfolio.png) no-repeat right;
	width:166px;
	height:43px;
	display:block;
	margin-top:20px;
}

#menufix2 li a.portfolio:hover {
	background: url(../images/portfolio-hover.png) no-repeat right;
}



#menufix2 li a.portfolioactive {
	background: url(../images/portfolio-hover.png) no-repeat right;
	width:166px;
	height:43px;
	display:block;
	margin-top:20px;
}

#menufix2 li a.portfolioactive:hover {
	background: url(../images/portfolio-hover.png) no-repeat right;
}

/* story */

#menufix2 li a.story{
	background: url(../images/story.png) no-repeat left;
	width:170px;
	height:43px;
	display:block;
	}

#menufix2 li a.story:hover{
	background: url(../images/story-hover.png) no-repeat left;
}


/* portrait */
#menufix2 li a.portrait {
	background: url(../images/portrait.png) no-repeat center;
	width:170px;
	height:41px;
	display:block;
	margin:0px;
}

#menufix2 li a.portrait:hover {
	background: url(../images/portrait-hover.png) no-repeat center;
}

#menufix2 li a.portraitactive {
	background: url(../images/portrait-hover.png) no-repeat center;
	width:170px;
	height:41px;
	display:block;
	margin:0px;
}

#menufix2 li a.portraitactive:hover {
	background: url(../images/portrait-hover.png) no-repeat center;
}


/* sport */
#menufix2 li a.sport {
	background: url(../images/sport.png) no-repeat left;
	width:160px;
	height:41px;
	display:block;
}

#menufix2 li a.sport:hover {
	background: url(../images/sport-hover.png) no-repeat left;
}


/* event */
#menufix2 li a.event {
	background: url(../images/event.png) no-repeat right;
	width:120px;
	height:41px;
	display:block;
}

#menufix2 li a.event:hover {
	background: url(../images/event-hover.png) no-repeat right;
}


/* nature */
#menufix2 li a.nature {
	background: url(../images/nature.png) no-repeat left;
	width:150px;
	height:41px;
	display:block;
}

#menufix2 li a.nature:hover {
	background: url(../images/nature-hover.png) no-repeat left;
}


/* undwerwater */
#menufix2 li a.underwater {
	background: url(../images/underwater.png) no-repeat right;
	width:200px;
	height:41px;
	display:block;
}

#menufix2 li a.underwater:hover {
	background: url(../images/underwater-hover.png) no-repeat right;
}

/* story1 */
#menufix2 li a.story1 {
	background: url(../images/urban-life.png) no-repeat right;
	width:210px;
	height:41px;
	float:right;
}

#menufix2 li a.story1:hover {
	background: url(../images/urban-life-hover.png) no-repeat right;
}

/* story2 */
#menufix2 li a.story2 {
	background: url(../images/one-night.png) no-repeat right;
	width:230px;
	height:41px;
	float:left;

}

#menufix2 li a.story2:hover {
	background: url(../images/one-night-hover.png) no-repeat right;
}



/* content */

#container{
	margin:auto;
	padding:0px;
	position:absolute;
	top:0px;
	right:5%;
	bottom:0px;
	height:450px;
	width:55%;
	z-index:9;
	background:url(../images/bg.jpg) repeat-x top;
	#margin-top:7%;
}


/* Heading */

#heading{
		position:relative;
		margin-top:5px;
		margin-left:7px;
}

#bio-pic{
		position:relative;
		margin-top:0px;
		margin-left:0px;
}




/* POSITION of MAIN IMAGE */

#content{
		margin:auto;
		text-align:right;
		margin-top:10%;
		cursor:default;
		width:600px;
		margin-bottom:70px;
		
}

#content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5;
	color:white;
	margin-left:200px;
	
	}


#main_image{	
		margin:auto;	
		clear:both;
		margin-bottom:4%;
		height:366px;
		padding-top:5%;
}


#main_image img{	
		height:auto;
		overflow:hidden;
		
}

#thumbwrap.left{
		width:49.99%;
		float:left;
		margin:0px;
		padding:0px;
		
}
	
#thumbwrap.right{
	width:49.99%;
	float:right;
	margin:0px;
	padding:0px;
	
}

#footer{
		position:fixed;
		bottom:0px;
		left:0px;
		clear:both;
		width:100%;
		height:25px;
		background:#fe2d33 url(../images/bg-bottom.png) repeat-x bottom;
		z-index:1;
		padding:0px;
		margin:0px;
		
}

#title{
		position:fixed;
		bottom:25px;
		right:0px;
		_float:right;
		height:80px;
		z-index:2;
		clear:both;
		padding:0px;
		margin:0px;
		
}

#address{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:5px;
}

#detail{
	float:left;
	font-family:arial;
	font-weight:600;
	font-size:12px;
	color:#000000;
	margin-left:20px;
}

#detail.email{
	float:left;
	margin-left:30px;
}

#detail a:link{
	color:#000000;
	text-decoration:none;
}
	
#detail a:hover{
	color:#ffffff;
}

#thumbs{
	background:#202020;
	text-align:center;
	display:block;
}

#thumbsinner{
	background:yellow;
	margin:auto;
}
		
ul.gallery_demo_unstyled{
	margin:auto;
	display:block;
	height:auto;
	z-index:1000;
	min-width:500px;
	#width:600px;
	list-style-type:none;
	padding:0px;
	margin-bottom:70px;


}

.contactdetail{
	display:block;
	float:left;
	width:80px;
	color:#FF0000;
	font-weight:bold;
	margin-left:80px;
}

p{
	text-align:left;
	line-height:2.5;
	}
	
p a{
	text-decoration:none;
	font-weight:bold;
	color:#ff0000;
	padding:2px;
}

p a:link{
	text-decoration:none;
	font-weight:bold;
	color:#ff0000;
}

p a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#ff0000;
}

p a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	background:#ff0000;
}
	
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:60px;
	color:#ffffff;
	font-weight:600;
	letter-spacing:-2px;
	text-align:left;
	margin-left:200px;
}

#hidden{
	position:absolute;
	right:-2000px;
	top:-2000px;
}