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

body {
	background-color: #F2F2F2;
	background-image: url(../images/layout/bg.png);
	background-repeat: repeat-x;
}

#logo {
	text-align: center;	
}

#menu {
	width: 970px;
	height: 40px;
	font: 12px/40px Arial, Helvetica, sans-serif; 
	margin: auto;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
 	display: inline;
}
#menu ul li a {

	float: left;
	padding: 0 20px;
	color: #000;	
	text-align: center;	
	text-decoration: none;
}
#menu ul li a:hover {
	background: #48B6EB;	
	color: #FFF;
}
#menu ul li a:selected {
	background: #48B6EB;	
	color: #FFF;
}



#page_top {
	width: 1000px;
	height: 40px;
 	background: url(../images/layout/pag_top.png);	
	margin: auto;
}
#page {  
	width: 900px;
 	background: url(../images/layout/pag_bg.png) repeat-y;
	padding: 50px;
	margin: auto;
}
#page_bottom {
	width: 1000px;
	height: 40px;
	background: url(../images/layout/pag_bottom.png) no-repeat; 
	margin: auto;
}

#copyright {
	text-align: center;
	color: #999;
}

h1 {
font-weight: normal;
font-size: 24px;	
}

h2 {
color: #46B9E5;
font-weight: normal;
font-size: 18px;
}
.style1 {
	color: #46B9E5;
	font-weight: bold;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
a:link {
	color: #999;
	text-decoration: underline;
}
a:visited {
	color: #999;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: none;
}
a:active {
	color: #666;
	text-decoration: underline;
}

/**********/
.test {
	float: left;
	width: 160px;
}
.clear { clear: both; }
h3 {
	font-weight: normal;
	font-size: 16px;
}

/*****/

.portfolio {
	float: left;	
	width: 300px;
}
.portfolio img {
	border: solid 1px #CCC;
	padding: 10px;
}
.portfolio-desc {
	margin-left: 310px;
}