/***** basics *****/
*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
}

body
{
	margin: auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb(0,0,0);
	background-color: rgb(255,255,240);
	text-align: center;
}

p {
	margin: 6px 0 6px 0;
}

ol, ul {
}

h1, h2, h3, h4, h5, h6 {
	margin: 3px 0 12px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 11px;
}
h4 {
	font-size: 10px;
}


a {
	text-decoration: none;
}
a:link {
	color: rgb(0,0,0);
}
a:visited {
	color: rgb(0,0,0);
}
a:hover, a:active {
	color: rgb(0,0,0);
}
input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FAFAF0;
}
form, a img {
	margin: 0;
	padding: 0;
	border: 0;
}


#mainnavcontainer
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 37px;
	overflow: hidden;
}

#mainnav ul
{
	padding: 0 0 0 190px;
	margin: 0 0 0 0;
	background-color: inherit;
	color: white;
	float: left;
	border-right: 1px solid rgb(237,93,161);
}

#mainnav ul li
{
	font-size: 13px;
	list-style: none;
	font-weight: bold;
	letter-spacing: 0.05em;
	display: inline;
}

#mainnav ul li a { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 6px 11px 0px 11px;
	background-color: inherit;
	color: black;
	text-decoration: none;
	float: left;
	border-left: 1px solid rgb(237,93,161);
}

#mainnav ul li a:hover { 
	color: rgb(247,150,25);
}

#mainnav a.current
{
	color: rgb(247,150,25);
}


/***** divs *****/

#page
{
	position:relative;
	margin: 24px auto;
	width: 758px;
	height: 524px;
	color: rgb(0,0,0);
	background-color: rgb(255,255,255);
	text-align: left;
	border: solid 1px rgb(153,153,153);
/*
	background-image: url('../images/background_home.jpg');
*/}

/*
#home #page
{
	background-image: url('../images/background_home.jpg');
}

#overons #page
{
	background-image: url('../images/background_overons.jpg');
}

#portfolio #page
{
	background-image: url('../images/background_portfolio.jpg');
}

#contact #page 
{
	background-image: url('../images/background_contact.jpg');
}
*/
#header
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: solid 1px rgb(237,93,161);
	height: 91px;
}

#header a
{
	margin: 12px 0 0 20px;
	padding: 0 0 0 0;
	height: 36px;
	width: 222px;
	display: block;
}

#contentinfo
{
	border-bottom: solid 1px rgb(237,93,161);
	height: 38px;
	width: 670px;
	text-align: right;
}

#projectinfo
{
	position: absolute;
	top: 147px;
	left: 191px;
	font-size: 11px;
}

#contentnav
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position:absolute;
	top: 148px;
	right: 89px;
}

#contentnav a
{
	margin: 0 0 0 6px;
	padding: 0 0 0 0;
	height: 10px;
	width: 10px;
	display: block;
	overflow: hidden;
	border: solid 1px rgb(237,93,161);
	background-color: rgb(250,250,250);
	float: left;
}

#contentnav a:hover
{
	background-color: rgb(252,202,140);
}

#contentnav a.current
{
	background-color: rgb(252,202,140);
}

#fond
{
	position:absolute;
	width: 480px;
	height: 331px;
	top: 168px;
	left: 190px;
	/*background-color: rgb(42,0,250);*/
	background-color: rgb(255,255,255);
	opacity: .05;
	filter: alpha(opacity=5);
}

#homeimage
{
	position: absolute;
	width: 150px;
	top: 217px;
	left: 19px;
	font-size: 11px;
	line-height: 15px;
}

#homeimage img { padding-bottom: 3px; }

#box
{
	position: absolute;
	width: 478px;
	height: 331px;
	top: 168px;
	left: 190px;
	border-color: rgb(237,93,161);
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

#content
{
	position:absolute;
	width: 402px;
	height: 331px;
	top: 168px;
	left: 234px;
}

#content .projectimage {
	display: none;
	position:absolute;
	width: 402px;
	height: 319px;
	top: 12px;
	left: 0;
}

#content .text {
	position:absolute;
	width: 402px;
	height: 319px;
	top: 12px;
	left: 0;
}

#content .col1
{
	width: 196px;
	float: left;
}

#content .col2
{
	width: 206px;
	float: left;
}

#content .col1 p
{
	margin-top: 0;
}

#content .col2 p
{
	margin-top: 0;
	margin-left: 20px;
}

#home #content p
{
	font-weight: bold;
	color: rgb(0,68,120);
}

#content .projectimage .nav
{
	position: absolute;
	width: 120px;
	top: 290px;
	left: 274px;
	font-size: 11px;
	text-align: right;
}

#content .projectimage .txt
{
	position: absolute;
	width: 120px;
	top: 290px;
	left: 0;
	font-size: 11px;
}

#content .projectimage .nav a { font-weight: bold; }


#content p
{
	font-size: 11px;
	line-height: 18px;
}

#content img
{
	float: left;
	margin: 3px 20px 3px 0;
}

#subnav
{
	position:absolute;
	width: 150px;
	top: 168px;
	left: 19px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
	font-style: italic;
}

#subnav ul
{
	margin: 16px 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

#subnav ul li
{
margin: 0 0 0 0;
padding: 2px 0 2px 0;
}

#subnav ul ul
{
margin: 0 0 0 19px;
}

#subnav ul ul li
{
}

#subnav ul ul li a
{
	display: block;
}

#subnav ul ul li a:hover
{
	color: rgb(247,150,25);
}

#subnav ul ul ul li a
{
	padding: 0 0 0 0;
}

#subnav a.current
{
	color: rgb(247,150,25);
}

#subnav a:hover	
{
	color: rgb(247,150,25);
}

#footer
{
	clear: both;
	display: none;
}
#footer p {
	margin: 20px 0 20px 0;
	background-color: rgb(210,210,210);
}