:root
{
	overflow-y: visible;
}

*
{
	padding: 0;
	margin: 0;
	list-style: none;
}
body
{
	font-size: .82em;
	font-family: "Verdana", "Arial", sans-serif;
	text-align: center;
	background-color: #FFEDC5;

}
h1 {
	margin: 0 0 .4em 0;
	font-weight: normal;
	font-size: 2.2em;
}

h2
{
	font-weight: normal;
}
a img
{
	border: 0;
}


#content
{
	float: left;
	width: 800px;
}
#greencontain
{
	position: relative;
	margin: 50px auto 0px auto;
	width: 820px;
	height: 640px;
	background: transparent url('../images/background.png') top no-repeat;

}
#greencontain #container
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px 10px 0 10px;
	text-align: left;
	width: 800px;
	height: 620px;
	background: #fff;
}
#logo
{
	position: absolute;
	top: 0;
	left: 0;
}
h1, h2, h3, h4, legend
{
	color: #1a5f99;
}
#longgreen
{
	position: absolute;
	top: 92px;
	left: 0;
	width: 348px;
	height: 15px;
	background: #C9510E;
	z-index: 3;
}
#yellowbox
{
	position: absolute;
	top: 0;
	left: 293px;
	width: 483px;
	height: 601px;
	background: #E7BB0E;
	z-index: 2;
}
#blueprint
{
	position: absolute;
	top: 107px;
	left: 0;
	width: 800px;
	height: 513px;
	background-image: url(../images/blueprint.png);
	z-index: 1;
}

#orangebottombar
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 507px;
	height: 21px;
	background: #C9510E;
	z-index: 2;
}
#topgreenbar
{
	position: absolute;
	top: 165px;
	left: 0;
	width: 293px;
	height: 13px;
	background: #515B26;
	z-index: 2;
}
#bottomgreenbar
{
	position: absolute;
	top: 351px;
	left: 0;
	width: 264px;
	height: 13px;
	background: #515B26;
	z-index: 2;
}
#linkf
{
	position: absolute;
	top: 178px;
	left: 0;
	width: 188px;
	height: 173px;
	background: #EBE9D9 url(../images/linkframeback.png) no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity: .5;  
	z-index: 2;

}
#aboutus_link a
{
	position: absolute;
	top: 191px;
	left: 0;
	width: 188px;
	height: 21px;
	background: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: .7;  
	z-index: 3;

}
#aboutus_link a:hover
{
	background: #FFF;
	filter:alpha(opacity=40);
	-moz-opacity: .4;  
	z-index: 3;

} 
#services_link a
{
	position: absolute;
	top: 221px;
	left: 0;
	width: 188px;
	height: 21px;
	background: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: .7;  
	z-index: 3;

}
#services_link a:hover
{
	background: #FFF;
	filter:alpha(opacity=40);
	-moz-opacity: .4;  
	z-index: 3;

}
#portfolio_link a
{
	position: absolute;
	top: 251px;
	left: 0;
	width: 188px;
	height: 21px;
	background: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: .7;  
	z-index: 3;

}
#portfolio_link a:hover
{
	background: #FFF;
	filter:alpha(opacity=40);
	-moz-opacity: .4;  
	z-index: 3;

}
#references_link a
{
	position: absolute;
	top: 281px;
	left: 0;
	width: 188px;
	height: 21px;
	background: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: .7;  
	z-index: 3;

}
#references_link a:hover
{
	background: #FFF;
	filter:alpha(opacity=40);
	-moz-opacity: .4;  
	z-index: 3;

} 
#clientlogin_link a
{
	position: absolute;
	top: 311px;
	left: 0;
	width: 188px;
	height: 21px;
	background: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: .7;  
	z-index: 3;

}
#clientlogin_link a:hover
{
	background: #FFF;
	filter:alpha(opacity=40);
	-moz-opacity: .4;  
	z-index: 3;

}
#contactus_link a
{
	position: absolute;
	margin: 0 0 0 -8px;
	top: 540px;
	left: 8px;
	width: 188px;
	height: 21px;
	filter:alpha(opacity=70);
	-moz-opacity: .7;  
	z-index: 3;

}
#contactus_link a:hover
{
	filter:alpha(opacity=40);
	-moz-opacity: .4;  
	z-index: 3;

}
#homebutton_link a
{
	position: absolute;
	top: 571px;
	left: 0px;
	width: 188px;
	height: 21px;
	filter:alpha(opacity=70);
	-moz-opacity: .7;  
	z-index: 3;

}
#homebutton_link a:hover
{
	filter:alpha(opacity=40);
	-moz-opacity: .4;  
	z-index: 3;
}
.titlearea_serv
{
	position: absolute;
	top: 54px;
	right: 100px;
	width: 300px;
	height: 50px;
	color: #515B26;
	background: transparent url(../images/big_services.gif) top no-repeat;
	font-weight: 900;
	font-size: 28pt;
	line-height: 28pt;
	font-family: "Arial", "Verdana", sans-serif;
	vertical-align: baseline;
	z-index: 4;
}
.titlearea_about
{
	position: absolute;
	top: 54px;
	right: 100px;
	width: 300px;
	height: 50px;
	color: #515B26;
	background: transparent url(../images/big_aboutus.gif) top no-repeat;
	font-weight: 900;
	font-size: 28pt;
	line-height: 28pt;
	font-family: "Arial", "Verdana", sans-serif;
	vertical-align: baseline;
	z-index: 4;
}
.titlearea_port
{
	position: absolute;
	top: 54px;
	right: 100px;
	width: 300px;
	height: 50px;
	color: #515B26;
	background: transparent url(../images/big_portfolio.gif) top no-repeat;
	font-weight: 900;
	font-size: 28pt;
	line-height: 28pt;
	font-family: "Arial", "Verdana", sans-serif;
	vertical-align: baseline;
	z-index: 4;
}
.titlearea_refer
{
	position: absolute;
	top: 54px;
	right: 100px;
	width: 300px;
	height: 50px;
	color: #515B26;
	background: transparent url(../images/big_references.gif) top no-repeat;
	font-weight: 900;
	font-size: 28pt;
	line-height: 28pt;
	font-family: "Arial", "Verdana", sans-serif;
	vertical-align: baseline;
	z-index: 4;
}
.titlearea_client
{
	position: absolute;
	top: 54px;
	right: 100px;
	width: 300px;
	height: 50px;
	color: #515B26;
	background: transparent url(../images/big_clientlogin.gif) top no-repeat;
	font-weight: 900;
	font-size: 28pt;
	line-height: 28pt;
	font-family: "Arial", "Verdana", sans-serif;
	vertical-align: baseline;
	z-index: 4;
}
.titlearea_contact
{
	position: absolute;
	top: 54px;
	right: 100px;
	width: 300px;
	height: 50px;
	color: #515B26;
	background: transparent url(../images/big_contactus.gif) top no-repeat;
	font-weight: 900;
	font-size: 28pt;
	line-height: 28pt;
	font-family: "Arial", "Verdana", sans-serif;
	vertical-align: baseline;
	z-index: 4;
}
#smallphoto
{
	position: absolute;
	bottom: 513px;
	right: 0;
	width: 120px;
	height: 80px;
	z-index: 4;
}
/* Homepage */
#homepagepicture
{
	position: absolute;
	top: 178px;
	right: 0;
	width: 534px;
	height: 419px;
	border: solid thin #000;
	background: #fff;
	z-index: 4;
}
#textboxy
{
	position: absolute;
	top: 24px;
	left: 378px;
	width: 370px;
	height: 136px;
	background: transparent;
	z-index: 3;
	margin: 0 0 .4em 0;
	font-weight: 500;
	font-size: 15pt;
	line-height: 16pt;
	color: #000;
	font-family: "Arial Narrow", "Arial", sans-serif;
}

/* about us */
#aboutus_textbox
{
	position: absolute;
	top: 107px;
	right: 0;
	width: 612px;
	height: 485px;
	background: #fff;
	z-index: 3;
}
#aboutus_text
{
	position: absolute;
	top: 158px;
	right: 30px;
	width: 551px;
	height: 445px;
	color: #000;

	z-index: 4;
}
/* services */
#services_textbox
{
	position: absolute;
	top: 107px;
	right: 0;
	width: 612px;
	height: 485px;
	background: #fff;
	z-index: 3;
}
#services_text
{
	position: absolute;
	top: 133px;
	right: 30px;
	width: 551px;
	height: 475px;
	color: #000;

	z-index: 4;
}
/* contact us */
#contactus_textbox
{
	position: absolute;
	top: 107px;
	right: 0;
	width: 612px;
	height: 485px;
	background: #fff;
	z-index: 3;
}
#contactus_text
{
	position: absolute;
	top: 210px;
	right: 30px;
	width: 521px;
	height: 415px;
	color: #888;
	font-weight: 600;
	font-size: 12pt;
	line-height: 32pt;
	letter-spacing: .5em;
	z-index: 4;
}
#contactus_text a
{

	color: #000;
	text-decoration: none;
}
#contactus_text a:hover
{

	color: #888;
	text-decoration: underline;
}
/* references */
#references_textbox
{
	position: absolute;
	top: 107px;
	right: 0;
	width: 612px;
	height: 485px;
	background: #fff;
	z-index: 3;
}
#references_text
{
	position: absolute;
	overflow-y: scroll;
	top: 158px;
	right: 30px;
	width: 521px;
	height: 385px;
	color: #000;
	z-index: 4;
}
#references_text a
{

	color: #888;
	text-decoration: none;
}
#references_text a:hover
{

	color: #000;
	text-decoration: underline;
}
/* portfolio */
#portfolio_textbox
{
	position: absolute;
	top: 107px;
	right: 0;
	width: 612px;
	height: 485px;
	background: #fff;
	z-index: 3;
}
.portfolio_contactsheet
{
	position: relative;
	margin: 6px 2px 3px 5px;
	_margin: 3px 2px 3px 4px;
	padding: 5px;
	float: left;
	width: 135px;
	height: 95px;
	z-index: 5;
	background: #ddd;

}
.portfolio_contactpages
{
	position: relative;
	margin: 1px 2px 3px 9px;
	text-align: center;
	padding: 0 auto 0 auto;
	float: left;
	width: 140px;
	height: 25px;
	z-index: 5;
}
#references_text a
{

	color: #888;
	text-decoration: none;
}
#references_text a:hover
{

	color: #000;
	text-decoration: underline;
}
/*  Footer  */
#footer
{
	margin: 0;
	font-size: .82em;
	font-family: "Verdana", "Arial", sans-serif;
	text-align: center;
	background-color: #FFEDC5;
}

#copyright
	{
		float: center;
		margin: 0 auto 0 auto;
		font-size: .8em;
		text-align: center;
		font-weight: 700;
	}
#itslink a { float: center; text-align: center; width: 800px; margin: 0 auto 0 auto; font-size: .8em; color: #666; text-decoration: none; font-weight: 700; }

.pics {  
    height:  419px;  
    width:   534px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img { 
	display: block;
    padding: 0;  
    border:  0;  
    background-color: #eee;  
    width:  534px; 
    height: 419px; 
    top:  0; 
    left: 0 
}