/* CSS Document */
body {
	color: #dfebf7;
	background-color: #485D7F;
	background-image: url(images/page_bg.jpg);
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
/* DIV */
.wrapper
{
	width: 966px;
	background-image: url(images/middle.jpg);
	background-repeat: repeat-y;
	margin: auto;
}
.wrapper_about
{
	width: 915px;
	background-image: url(images/bkg_about.png);
	background-repeat: no-repeat;
	margin: auto;
}
.wrapper_services
{
	width: 915px;
	background-image: url(images/bkg_services.png);
	background-repeat: no-repeat;
	margin: auto;
}
.wrapper_portfolio
{
	width: 915px;
	background-image: url(images/bkg_portfolio.png);
	background-repeat: no-repeat;
	margin: auto;
}
.wrapper_test
{
	width: 915px;
	background-image: url(images/squareBkg_test.png);
	background-repeat: no-repeat;
	margin: auto;
}
.header
{
	width: 966px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}
.header_about
{
	width: 966px;
	background-image: url(images/header_about.jpg);
	background-repeat: no-repeat;
}
.header_services
{
	width: 966px;
	background-image: url(images/header_services.jpg);
	background-repeat: no-repeat;
}
.header_portfolio
{
	width: 966px;
	background-image: url(images/header_portfolio.jpg);
	background-repeat: no-repeat;
}


.bottom
{
	width: 966px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bottom_about
{
	width: 966px;
	background-image: url(images/footer_about.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bottom_services
{
	width: 966px;
	background-image: url(images/footer_services.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bottom_portfolio
{
	width: 966px;
	background-image: url(images/footer_portfolio.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.content
{
	width: 966px;

}
#left {
	float: left;
	width: 640px;
	padding-top: 70px;
	padding-left: 61px;
	padding-bottom: 35px;
	text-align: justify;
	padding-right: 27px;
}
#left_test {
	float: left;
	width: 640px;
	padding-top: 70px;
	padding-left: 30px;
	text-align: justify;
	padding-right: 27px;
}
#right {
	float: left;
	width: 174px;
	padding-top: 70px;
	text-align: left;
}
#right_test {
	float: left;
	width: 174px;
	padding-top: 70px;
	text-align: left;
}
#footer {
	width: 966px;
	margin: 0 auto;
}


#footer p {
	text-align: center;
	padding: 0;
	font-size: 10px;
}
#footer a a:visited
{
	color:#dfebf7;
	text-decoration: none;
}
a.rmenu_link:hover
{
	color: #F8F210;
	background-color: inherit;
	text-decoration: none;
	border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #F8F210;
	font-weight: bold;
}
.rmenu_item {
	background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;
	padding-top: 9px;
	height: 8px;
	margin-left: 2px;
	padding-right: 2px;
}
.webdesign
{
	color: #504437;
	background-color: inherit;
}
/* TEXT */
h1
{
	margin: 0 0 0 0;
	font-size: 14px;
}
h2
{
	margin: 0 0 0 0;
	font-size: 12px;
}
/* LINKS */
A:link {
	color: #dfebf7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px dotted #dfebf7;
	text-decoration:none;
}
A:visited {
	color: #dfebf7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px dotted #dfebf7;
	text-decoration:none;
}
A:hover {
	font-size: 11px;
  	font: Arial, Helvetica, Verdana, sans-serif;
	text-decoration:none;
	color: #F8F210;
	border-bottom: 1px dotted #F8F210; 
}
a.portfolio_link, a.portfolio_link:visited
{
	color:#f1f7fb;
	font-size: 12px;
	background-color: inherit;
	text-decoration:none;
	font-weight:bold;
}
a.portfolio_link:hover
{
	color: #F8F210;
	background-color: inherit;
	text-decoration: none;
	font-size: 12px;
	border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #F8F210;
	font-weight: bold;
}

.portfolio_on
{
	color: #F8F210;
	background-color: inherit;
	text-decoration: none;
	font-weight: bold;
	padding-top: 9px;
	height: 8px;
	margin-left: 2px;
	padding-right: 2px;
}
a.rmenu_link, a.rmenu_link:visited
{
	color:#f1f7fb;
	background-color: inherit;
	text-decoration:none;
	font-weight:bold;
	border-bottom: none;
}
a.rmenu_link:hover
{
	color: #F8F210;
	background-color: inherit;
	text-decoration: none;
	border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #F8F210;
	font-weight: bold;
}

.on
{
	color: #F8F210;
	background-color: inherit;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;
	padding-top: 9px;
	height: 8px;
	margin-left: 2px;
	padding-right: 2px;
}
#footer A:link {
	color: #dfebf7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}
#footer A:visited {
	color: #dfebf7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}
#footer A:hover {
	font-size: 11px;
  	font: Arial, Helvetica, Verdana, sans-serif;
	text-decoration:none;
	color: #F8F210;
	border-bottom: 1px dotted #F8F210;
}
#form ol { 
	LIST-STYLE-TYPE: none;
	width: 640px;
	clear: right;
	margin: 0px;
	padding: 5px 5px;
	color: #dfebf7;
	text-align: left;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px
}
#form li {
	 PADDING-BOTTOM: 1em; 
	 WIDTH: 640px;
}
.text {
	BORDER-RIGHT: #415940 2px solid; 
	BORDER-TOP: #415940 2px solid; 
	BORDER-LEFT: #415940 2px solid; 
	BORDER-BOTTOM: #415940 2px solid; 
	BACKGROUND-COLOR: #dfebf7
}
TEXTAREA {
	COLOR: #999; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #dfebf7; 
	BORDER-RIGHT: #415940 2px solid; 
	BORDER-TOP: #415940 2px solid; 
	BORDER-LEFT: #415940 2px solid; 
	BORDER-BOTTOM: #415940 2px solid;
}
INPUT.text {
	WIDTH: 225px; COLOR: #999
}
/*thumbnail gallery*/
#container {position:relative; width:600px; height:300px;  margin:10px auto; }
 
#container a.pics {float:left; margin:7px 21px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; cursor:default;}
#container a.pics_lrg {float:left; margin:7px 21px;  color:#000; text-decoration:none; border:1px solid #000; width:300px; height:150px; cursor:default;}
#container a.pics img.thumb {display:block; border:0;}
 
#container a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}

 
#container a.pics:hover {white-space:normal; border:1px solid #F8F210;}
#container a.pics_lrg:hover { border:1px solid #F8F210;}

 
#container a.pics:active {border:1px solid #fc0;} 

 
#container a.pics:focus {border:1px solid #fc0; outline:0;}

 
#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}