body {
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#a7e532;
	}

.clear{clear:both;}

a {outline:none;}
a img{outline:none; border:0px;}	

#wraper{
	margin:0 auto; 
	width:1000px;
	}
.indexlogo{
	background:url("../images/index-logo.png") no-repeat; 
	width:264px; 
	height:267px; 
	margin:90px auto;
	}


#navindex ul#nav {
	position: relative;
	margin: 0 auto;
	height: 15px; width: 519px;
	background: url("../images/navindex.gif") no-repeat;
	}

#navindex	ul#nav li {
		float: left;
		list-style: none;
		}
	
#navindex	ul#nav li a {
		position: absolute;
		text-indent: -99999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 15px;
		}

#navindex ul#nav li#profile a { 
			left: 0; width: 77px;
			background: url("../images/navindex.gif") 0px 0px no-repeat;
			}
#navindex ul#nav li#portfolio a { 
			left: 140px; width: 104px; 
			background: url("../images/navindex.gif") -140px 0 no-repeat;
			}
#navindex ul#nav li#travel a { 
			left: 300px; width: 73px; 
			background: url("../images/navindex.gif") -300px 0 no-repeat;
			}
#navindex ul#nav li#contact a { 
			left: 432px; width: 87px; 
			background: url("../images/navindex.gif") -432px 0 no-repeat;
			}

		
			
#navindex ul#nav li#profile a:hover  	{ background-position:   0px -15px; }
#navindex ul#nav li#portfolio a:hover  	{ background-position: -140px -15px; }
#navindex ul#nav li#travel a:hover  	{ background-position: -300px -15px; }
#navindex ul#nav li#contact a:hover  	{ background-position: -432px -15px; }

#navindex ul#nav li#profile a.active  	{ background-position: 	  0px -30px; }
#navindex ul#nav li#portfolio a.active  { background-position: -140px -30px; }
#navindex ul#nav li#travel a.active  	{ background-position: -300px -30px; }
#navindex ul#nav li#contact a.active 	{ background-position: -432px -30px; }



#navinpage ul#nav {
	position: relative;
	margin: 0 auto;
	height: 15px; width: 519px;
	background: url("../images/navinpage.gif") no-repeat;
	}

#navinpage	ul#nav li {
		float: left;
		list-style: none;
		}
	
#navinpage	ul#nav li a {
		position: absolute;
		text-indent: -99999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 15px;
		}

#navinpage ul#nav li#profile a { 
			left: 0; width: 77px;
			background: url("../images/navinpage.gif") 0px 0px no-repeat;
			}
#navinpage ul#nav li#portfolio a { 
			left: 140px; width: 104px; 
			background: url("../images/navinpage.gif") -140px 0 no-repeat;
			}
#navinpage ul#nav li#travel a { 
			left: 300px; width: 73px; 
			background: url("../images/navinpage.gif") -300px 0 no-repeat;
			}
#navinpage ul#nav li#contact a { 
			left: 432px; width: 87px; 
			background: url("../images/navinpage.gif") -432px 0 no-repeat;
			}

		
			
#navinpage ul#nav li#profile a:hover  	{ background-position:   0px -15px; }
#navinpage ul#nav li#portfolio a:hover  	{ background-position: -140px -15px; }
#navinpage ul#nav li#travel a:hover  	{ background-position: -300px -15px; }
#navinpage ul#nav li#contact a:hover  	{ background-position: -432px -15px; }

#navinpage ul#nav li#profile a.active  	{ background-position: 	  0px -30px; }
#navinpage ul#nav li#portfolio a.active  { background-position: -140px -30px; }
#navinpage ul#nav li#travel a.active  	{ background-position: -300px -30px; }
#navinpage ul#nav li#contact a.active 	{ background-position: -432px -30px; }


#contentarea{width:622px; margin:40px auto ; height:450px;}
#contentarea img{margin-right:20px;}
/*#contentarea ul{ list-style:none;}
#contentarea ul li{ width:130px; height:94px; background-color:#000000; margin:12px 0 0 12px; float:left;}
#contentarea ul li img{ width:130px; height:94px;}*/
#contentarea .photo {
    width: 130px;
	height: 94px;
    background-color: #000;
    text-align: center;
    vertical-align: middle;
    float: left;
    /*padding: 10px;*/
    margin: 6px;
}

#contentarea .photo img {
    border: none;
	width:130px;
	height:94px;
}



#profilepage{width:622px; margin:40px auto ; margin-bottom:0px; height:450px;}
#profilepage img{margin-right:20px;}
#profilepage .photo {
    width: 130px;
	height: 94px;
    background-color: #000;
    text-align: center;
    vertical-align: middle;
    float: left;
    /*padding: 10px;*/
    margin: 6px;
}

#profilepage .photo img {
    border: none;
	width:130px;
	height:94px;
}





#contentarea2{width:auto; margin:80px auto 0; text-align:justify;}
#contentarea2 img{margin-right:20px;}
#contentarea2 ul{ list-style:none;}
#contentarea2 ul li img{margin-left:auto; margin-right:auto; display: block;}

#contactpage{width:622px; margin:40px auto ; height:470px; text-align:center;}
#contactpage img{margin-right:20px;}
/*#contentarea ul{ list-style:none;}
#contentarea ul li{ width:130px; height:94px; background-color:#000000; margin:12px 0 0 12px; float:left;}
#contentarea ul li img{ width:130px; height:94px;}*/
#contactpage .photo {
    width: 130px;
	height: 94px;
    background-color: #000;
    text-align: center;
    vertical-align: middle;
    float: left;
    /*padding: 10px;*/
    margin: 6px;
}

#contactpage .photo img {
    border: none;
	width:130px;
	height:94px;
}


.copyright{font-size:10px; color:#000000; margin:15px 0 0 390px;}
.homebtn{ margin:20px auto; width:40px;}

#btncontrol{margin:0 auto; width:76px; height:30px; margin-bottom:20px;}
#btncontrol .arrowleft{width:8px; height:20px; float:left; margin-top:3px;}
#btncontrol .arrowright{width:8px; height:20px; float:right; margin-top:3px;}
#btncontrol .cricle{width:20px; height:20px; padding: 0 5px 0 20px; float:left;}