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

/* body
--------------------------------------------------*/

* {
   padding:0;
   margin:0;
	}

html {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	overflow:auto;
	color: #888;
  	background: #fff;
  	font-family: Arial, Helvetica, sans-serif;
	text-align: center;  
	}

a:link {text-decoration: none; color: #888888;}
a:visited {text-decoration: none; color: #888888;}
a:active {text-decoration: none; color: #888888;}
a:hover {text-decoration: none; color: #ff99cc;}	 
	 

/* Container
--------------------------------------------------*/

#container {
	width: 960px;
	margin:auto;
	position:relative;
	overflow:hidden;
}



/* Header
--------------------------------------------------*/

#header {
	width: 960px;
	height:120px;
}


/* Nav menu
--------------------------------------------------*/

#menu {
	padding-top: 70px;
	}


ul li {
	display:block;
	float:left;
	list-style-type:none;
	}

ul li a {
	display:block;
	height:50px; width:470px;
	background:transparent url(main/menu.gif) no-repeat 0 0;
	text-indent:-9009px;
	}
	
ul li a:hover {
	background-position: 0 -50px;
	}

ul li#gallery a {
	width:160px;
	background-position: -470px 0;
	}
	
ul li#gallery a:hover {
	background-position: -470px -50px;
	}
	
ul li#profile a {
	width:160px;
	background-position: -630px 0;
	}
	
ul li#profile a:hover {
	background-position: -630px -50px;
	}
	
ul li#contact a {
	width:150px;
	background-position: -790px 0;
	}
	
ul li#contact a:hover {
	background-position: -790px -50px;
	}


/* Main
--------------------------------------------------*/

#main {
	padding-top:18px;
	height:auto;
	}

#main1 {
	padding:0px;
	height:750px;
	background-image:url(main/contact.jpg);
	background-repeat:no-repeat;
	}
	
#main2 {
	padding:0px;
	height:750px;
	background-image:url(main/profile.jpg);
	background-repeat:no-repeat;
	}

.thumbnail {
	float: left;
	width: 220px;
	border: 0px;
	margin: 0px 20px 20px 0px;
	}
	
.thumbnailright {
	float: left;
	width: 220px;
	border: 0px;
	margin: 0px 0px 20px 0px;
	}
	
	
.clearboth {
	clear: both;
	}
	

#text {
	width: 520px;
	height: 100px;
	position: absolute;
	top: 658px;
	left: 3px;
	text-align:left;
	}
	
#textc {
	width: 520px;
	height: 100px;
	position: absolute;
	top: 752px;
	left: 163px;
	text-align:left;
	}
	
p.text1 {
	margin-bottom:48px;
	}
	
p.text2 {
	margin-bottom:28px;
	}
	
p.text3 {
	font-size:12px;
	margin-top:12px;
	}
	
#para {
	width:520px;
	top: 222px;
	position:absolute;
	left: 5px;
	text-align:left;
	}
	
p.para1 {
	margin-bottom:20px;
	}
	
p.para2 {
	color:#FF66CC;
	}
	
#email {
	width: 300px;
	height: 20px;
	position:absolute;
	top: 323px;
	left:141px;
	}
	
#email a {
	display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
	}
	
#web {
	width: 399px;
	height: 20px;
	position:absolute;
	top: 345px;
	left:69px;
	}
	
#web a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	}
	
#nav {
	text-align:center;
	padding-top:15px;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}


/* Footer
--------------------------------------------------*/

#footer {
	width: 940px;
	height: 40px;
	margin:auto;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.stuff {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
		}