html{
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body {
	height: auto !important;
	position: relative;
	padding: 0px;
	margin: 0px;
	font: 14px Times New Roman, Helvetica, sans-serif;
	background: #262626;
	color: #999999;
	height: 100%;
	min-height: 100%;
}
a{
	color: #c0c0c0;
}
a:hover{
	color: #c0c0c0;
}
#main{
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "600px": "100%");
	min-width: 600px;
	min-height: 100%;
}
*html #main {
	height: 100%;
}
/** Menu **/
#index_menu{
	width: 600px;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -300px;
	text-align: center;
}
#other_menu{
	font-size: 14px;
	position: relative;
	margin-left: 15px;
}
#main_head{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif;
	letter-spacing: 10px;
	font-variant: small-caps;
	color: #ff9138;
}
#menu{
	color: #808080;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif;
	letter-spacing: 10px;
	font-variant: small-caps;
	margin-left: -6px;
}
#menu a{
	font-weight: normal; color: #808080; text-decoration: none;
	margin-right: 6px;
	margin-left: 6px;
}
#menu a:hover{
	color: #ffffff;
}
/** Menu end **/


/** Title **/
#title{
	position: relative;
	margin-left: 15px;
}
#title img{
	padding-top: 10px;
}
/** Title end **/

/** Contact **/
#contact{
	width: 600px;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -300px;
	text-align: center;
}
/** Contact end **/

/** Biography **/
#biography{
	position: relative;
	text-align: left;
	width: 800px;
	margin-top: 30px;
	margin-left: 15px;
}
#biography img{
	border: none;
}
#me{
	float: left;
	margin-right: 20px;
}
/** Biography end **/

/** Gallery **/
#gallery{
	position: relative;
	margin-left: 15px;
	margin-top: 15px;
}
#gallery div.row{
	clear: both;
}
.photo_container{
	float:left;
	background: none;
	text-align: center;
	margin: 5px;
	padding: 3px;
	width: 140px;
	height: 180px;
	border: 1px solid #808080;
	cursor: pointer;
}
.photo_container_light{
	float:left;
	background: #404040;
	text-align: center;
	margin: 5px;
	padding: 3px;
	width: 140px;
	height: 180px;
	border: 1px solid #808080;
	cursor: pointer;
}
img.photo{
	margin: 5px;
	border: 1px solid #c0c0c0;
	clear: both;
}
#pages{
	margin-left: 20px;
	clear: both;
}
/** Gallery end **/

/** Guestbook **/
#ask{
	margin-top: 30px;
	margin: 5px;
	margin-left: 15px;
	padding: 3px;
	width: 400px;
}
#messages{
	//position: relative;
	margin-left: 15px;
	margin-top: 15px;
}
#messenger{
	width: 250px;
}
.message{
	margin: 5px;
	padding: 3px;
	width: 400px;
	border: 1px solid #808080;
}
.head{
	background: #404040;
	margin: 5px;
	padding: 3px;
	border: 1px solid #808080;
}
.content{
	margin: 5px;
	padding: 3px;
	border: 1px solid #808080;
}
input{
	width: 300px;
	background: #404040;
	border: 1px solid #808080;
	color: #808080;
}
textarea{
	width: 300px;
	background: #404040;
	border: 1px solid #808080;
	color: #808080;
}
/** Guestbook end **/

/** Footer **/
#clear{
	clear: both;
	bottom: 40px;
}
#footer{
	position: absolute;
	bottom: 0;
	height: 40px;
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "600px": "100%");
	min-width: 600px;

}
#copyrights{
	font: 8pt Arial, Helvetica, Verdana;
	margin: 8px;
}
/** Footer end **/