/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font:11px Arial, Helvetica, sans-serif;
	background-color:#cacaca;
	background-image:url('../images/bg.jpg');
	background-position:top left;
	background-repeat:repeat;
	background-attachment:fixed;
	}
	
p{
font-family:arial;
font-size:12px;
line-height:16px;
color:;
}

em {font-family:arial;
font-style:italic;
line-height:16px;
color:black;}

h3 {padding-left:25px;}

#portfolio {
	margin: 0 0 0px 0;
}
	
	#portfolio h2 {
	margin-top:-20px;
	}
	
	#portfolio ul {
		list-style: none; /* Remove the bullet points from the list */
	}
		#portfolio ul li {
			 /* Float the lists to the left, laying them out side by side */
			padding: 0px; margin: 0 30px 0px 0;
			background: url(); /* Add the semi-transparent background, used along with padding to give the impression of a see-through border */
			/* Let's get fancy with some CSS3, only visible in Firefox, Safari & Chrome. Other browsers simply revert to square corners */
			border-radius: 0px; 
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
		}


h2 {
	font-size:16px;
	line-height:17px;
	padding-top:25px;
	margin:0;
	}
	
h3 {font-size:16px;
	line-height:17px;}
	
h5 { 
font-style:normal;
color:#666666;
}



#frameWrapper { 
background-color:#fff;
width:100%;
height:132px;
}

#frameHeader { 
height:39px;
padding-left:25px;
padding-top:25px;
}

.Navigation { 
width:705px;
height: 30px;
padding-left:25px;
}

.subNavigation {
background-color:#fff;
width:100%; 
width:705px;
height: 19px;
padding-left:25px;
}

.subNavigation2 {
background-color:#fff;
width:100%; 
width:505px;
height: 19px;
padding-left:305px;
}

.Links {
	background-color:#fff;
	width:700px;
	height:50px;
	position:absolute;
	left:30px;
	
}

#contentScroll {
	position:absolute;
	height:500px;
	top:130px;
	width:100%;
	overflow:auto;
	background-color:#fff;
}

#contentIndex {
	position:absolute;
	height:520px;
	top:110px;
	width:100%;
	overflow:auto;
	background-color:#fff;
}

#content {
	padding-left:25px;
	list-style:none;
	}

#content li {
	height:480px;
	overflow:hidden;
	margin-right:15px;
	float:left;
	font:normal 11px Arial;
	}
#content li img {
	/*border:1px solid #eee;*/
	margin-bottom:5px;
	}
	
.pix{
	padding-top:25px;
	float:left;
	width:225px;
		
}

.news{
width:465px;

}

.text {
	width:260px;
	padding-right:40px;
	}
	
.text2 { width:200px;
position:absolute;

}

.text3 {
margin-top:-15px;
padding:5px;
}

.text a, a:link {
	text-decoration:none;
	color:#808080;
	}
	
.text a:visited, a:visited {
	text-decoration:none;
	color:#808080;
	}

.text a:hover, a:hover {
	color:#000;
	text-decoration:none;
	}
.text h2 {
	font-size:16px;
	padding:0;
	margin:0;
	}
	
#frameFooter{
background-color:#CACACA;
width:100%;
height:100%;
}

a img, a:hover img, a:visited img {border:none;}