/*CSS Document*/

body{
	margin:0px;
	background-image:url(images/bg.gif);
	text-align:center;
	position: relative;
	top: 20px;
	background-color:#ffffff;
	
}
/*Layout*/
#global {
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	height: 768px;
	background:url(images/background2.jpg);
	margin-top:-10px;
	z-index: 3;
}

#mid {
	margin: 0px;
	width:1000px;
	height:449px;
	background-image: url(images/middle.gif);
	background-repeat: no-repeat;
	text-align:center;
	z-index:1;
	left:0px;
	}

#header {
	margin: 0px;
	width:1000px;
	height:168px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	text-align:center;
	z-index:1;
	position:relative;
	top:0px;
	left:0.5px;
	}

#top {
	margin: 0px;
	width:1000px;
	height:28px;
	background-repeat: no-repeat;
	text-align:center;
	z-index:1;
	position:relative;
	top:0px;
	left:0.5px;
	}
#footer {
	margin: 0px;
	width:1000px;
	height:28px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	text-align:center;
	z-index:2;
	position:relative;
	left:0px;
	background-color: #000000;
	top: 120px;
	}

#title {
	width:500px;
	height:201px;
	top:32px;
	left:15px;
	position:absolute;
	background-image: url(images/title.jpg);
	z-index: 1;

}

#pink {
	position:absolute;
	margin: 0px;
	width:200px;
	text-align: left;
	z-index:1;
	top:112px;
	left:669px;
	height: 200px;
	z-index: 1;
	visibility: hidden;
}

#information {
	position:relative;
	margin: 0px;
	width:600px;
	text-align: left;
	z-index:7;
	top:140px;
	left:30px;
	height: 380px;
	overflow-y: scroll;
	scrollbar-arrow-color: black;
	scrollbar-face-color: #ff82bc;
	scrollbar-3dlight-color: #ff82bc;
	scrollbar-darkshadow-color: #ff82bc;
	


}


#footerinfo {
	position:absolute;
	width:1000px;
	height:67px;
	z-index:8;
	top: 3px;
	left: 23px;
}

#footerinfo a{
	color:#FFFFFF;
	}

#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:6;
	left: 194px;
	top: 98px;
}

#news {
	position:relative;
	margin: 0px;
	width:200px;
	text-align: left;
	z-index:7;
	top:290px;
	left:565px;
	height: 100px;

}

#recentwork {
	position:absolute;
	margin: 0px;
	width:500px;
	text-align: left;
	z-index:7;
	top:313px;
	left:5px;
	height: 100px;

}


/*MENU*/

#homebtn {
	width:38px;
	height:9px;
	top:46px;
	left:736px;
	position:absolute;

}

#aboutbtn {
	width:38px;
	height:9px;
	top:98px;
	left:726px;
	position:absolute;

}

#portfoliobtn {
	width:71px;
	height:10px;
	top:150px;
	left:732px;
	position:absolute;

}


#guestbookbtn {
	width:83px;
	height:22px;
	top:213px;
	left:727px;
	position:absolute;

}

#contactbtn {
	width:83px;
	height:22px;
	top:274px;
	left:726px;
	position:absolute;
	z-index: 5;
}
/*Content*/

	#Content1 {
	position:relative;
	margin: 0px;
	width:1000px;
	text-align: left;
	z-index:auto;
	top:0px;
	left:5px;
	height: 420px;

}


/*Font Format*/

p {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-align:left;
	letter-spacing:0.5px;
	font-style: normal;
	font-weight: bold;
}

p1 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-align:left;
	letter-spacing:0.5px;
	font-style: normal;
	font-weight: bold;
}
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #ffffff;
text-align:left;
letter-spacing:-1px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #FFFFFF;
	text-align:left;
	letter-spacing:-1px;
	top: 0px;
	
	
}

h3 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color: #696969;
	text-align:left;
	letter-spacing:0.5px;
	font-style: normal;
	font-weight: bold;
	
}
A:active.style1 {text-decoration: none; color:#FFFFFF;}
A:link.style1 {text-decoration: none; color:#FFFFFF;}
A:visited.style1 {text-decoration: none; color:#ffffff;}

A:hover.style1 {text-decoration: none; color: pink;}

A:active.style2 {text-decoration: none; color:#000000;}
A:link.style2 {text-decoration: none; color:#000000;}
A:visited.style2 {text-decoration: none; color:#000000;}

A:hover.style2 {text-decoration: none; color: #ffffff;}