body {
	text-align: center;
	background-image: url("images/site/bck.jpg");
	background-color:#D3A942;
	font-family:"Palatino Linotype",Verdana, Arial, Helvetica, sans-serif;
	color:#702516;
}

/*-----------------------------structure-------------------------------*/

#wrap {	width:800px;
		height:730px;
		margin: 0px auto;
		top:5px;
		position:relative;
		text-align:left;
}

#title {
	width:800px;
	height:146px;
	position:relative;
	padding:0px;
	margin:0px;
}

#content { 	width:800px;
			height:486px;
			position:relative;
}

#text {
	position:absolute;
	overflow:auto;
	width:510px;
	height: 449px;
	top:34px;
	left:192px;
}

#menu {
	position:relative;
	width:800px;
	height:99px;
	padding:0px;
	margin:0px;
}


/*-------------------------------within the text box---------------------------------------------*/

#info {margin:42px 0px 0 30px;
}

/*---for personal portfolio---*/
#scrollvideo{position:absolute;
		top:20px;
		height: 300px;
		width:1700px;
}

#scrollvideo div{
	position:relative;
	float:left;
	display:inline;
	padding: 0 0 0 30px;
}

#scrollvideo p{ 	margin: 10px 10px 0 10px;
			width:360px;
}



/*-----for web portfolio-----*/

#scroll{position:absolute;

		top:20px;
		height: 300px;
		width:5000px;
}

#scroll div{
	position:relative;
	float:left;
	display:inline;
	padding: 0 0 0 30px;
}
#scroll p{ 	margin: 10px 10px 0 10px;
			width:360px;
}


/*-----for print portfolio-----*/
#scrollprint{position:relative;
		top:20px;
		height: 300px;
		width:4250px;
		margin-left: -20px;  /* this is because of the padding between the pictures*/
}
#scrollprint div{float:left;
			padding: 0 0 0 50px;
}

#scrollprint p{ 	margin: 10px 10px 0 10px;
			width:360px;
}




p {font-size:14px;
}

h1 {	font-weight:bold;
		font-size:14px;
}
h2 {	font-weight:bold;
		font-size:26px;
}

/*---------------------------navigation layout--------------------------*/

#menu ul { list-style-type: none;
			padding:0px;
			margin:0px;
			height:99px;
			width:800px;
}

#menu li {	float:left;
			padding:0px;
			margin:0px;
}


/*------------------------------------------links------------------------------------------------*/
img {border:0px;
}

li a:visited {
	text-decoration: none;
	width:100%;
	height:25%;
	display:block;
}

li a:link {
	text-decoration: none;
	width:100%;
	height:25%;
	display:block;
}

li a:hover{

	height:25%;
	width:100%;
}


#styleswitch a:link, #styleswitch a:visited{ 	position:relative;
												top:30px;
												color:#990000;
}


/*--------------for hiding the non-style sheet items from showing with the style sheet------------*/

em {visibility:hidden;
}
.invi {display:none;
}




/*---------------for css and xhtml links------------------*/
.site {
	color: #CCCCCC;
	font-size:12px;
	margin:10px 100px 0 0;
	float:right;
}

.site a:link {color:#CCCCCC;
}

.site a:visited {color:#CCCCCC;
}



/*-----------------other class stuff-------------------------*/

.bold {
	font-weight: bolder;
}