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

/*All pages  layout*/
.wholepage #container
{
	width: 800px;
	height: 580px;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
	visibility: show;
	position:relative;
	left:0px;
	top: 20px;
	border:none;
	}
#groupDesign
	{
	width: 270px;
	height: 46px;
	float:left;
	position: relative;
	z-index: 1;
	visibility: show;	
	}

#projects
	{		
	width: 75px;
	height: 44px;
	left:110px;	
	float:left;
	text-align:left;
	position: relative;
	z-index: 1;
	visibility: show;	
	}

#about
	{
	width: 75px;
	height: 44px;
	left:220px;
	float:left;
	text-align:left;
	position: relative;
	z-index: 1;
	visibility: show;
	}

#contact
	{
	width: 75px;
	height: 44px;
	float:right;
	text-align:right;
	position: relative;
	z-index: 1;
	visibility: show;
	}
	
.Title
/*Title text*/
	{
	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	font-variant: normal;
	text-transform:none;
	color: #999;
	background-color: none;
	text-decoration:none;
	}
a.Title:link {
	color: #999; text-decoration: none; 
}

a.Title:visited {
	color:#999;text-decoration: none; 
}
a.Title:hover {
	color: #666;text-decoration: none;
}
a.Title:active {
	text-decoration: none;}
.body_text
/*general text*/
	{
	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	font-variant: normal;
	text-transform:none;
	color: #999;
	background-color: none;
	text-decoration:none;
	text-align:left;
	position: absolute;
	width: 800px;
	left: 0;
	}
	
.body_text_link
	{

	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	font-variant: normal;
	text-transform:none;
	color: #999;
	background-color: none;
	text-decoration:none;

	}
a.body_text_link:link {
	color: #999; text-decoration: none; 
}

a.body_text_link:visited {
	color:#999;text-decoration: none; 
}
a.body_text_link:hover {
	color: #666;text-decoration: none;
}
a.body_text_link:active {
	text-decoration: none;}
	
	
/*intro page image*/
.intro_image
{
	width: 800px;
	height: 300px;
	left:0px; 
	top: 120px;
	text-align:center;
	position: absolute;
	z-index: 1;
	visibility: show;
	border:none;
	
	}	
	
.intro_text
{
	width: 800px;
	height: 80px;
	left:0px; 
	top: 480px;
	text-align:left;
	position: absolute;
	z-index: 1;
	visibility: show;
	border:none;
}

/*projects specific layout  */
.projects_image_frame 
{
	width: 150px;
	height: 150px;
	text-align:center;
	position: absolute;
	z-index: 1;
	visibility: show;
	border:none;
	
	}
.projects_image
{
	width: 150px;
	height: 150px;
	border:none;
	z-index: 1;
	visibility: show;
}
	
.projects_name_frame
	{
	width: 150px;
	height: 20px;
	text-align:center;
	position: absolute;
	z-index: 1;
	visibility: visible;
	border:none;
	}
/*Project pages */

.Project_Title
{
	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	font-variant: normal;
	text-transform:none;
	color: #999;
	background-color: none;
	text-decoration:none;
	}

.project_title_frame
	{
	width: 200px;
	height: 20px;
	left:0px;
	top: 100px;
	text-align:left;
	position: absolute;
	z-index: 1;
	visibility: show;
	border:none;
	}

.project_image_frame 
{
	width: 150px;
	height: 150px;
	text-align:center;
	position: absolute;
	z-index: 1;
	visibility: show;
	border:none;
	}
.project_image
{
	width: 150px;
	height: 150px;
	border:none;
	z-index: 1;
	visibility: show;
}
.project_text_frame
	{
	width: 800px;
	height: 120px;
	left:0px;
	top: 100px;
	text-align:left;
	position: absolute;
	z-index: 1;
	visibility: show;
	border:none;
	}
/*about page*/
.about_photos
	{
	width: 100px; 
	height: 120px;
   	text-align:left; 
    position: absolute; 
    z-index: 1; 
    visibility: show; 
    border:none;
	}
a {
	text-align: left;
}