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

a
{
	text-decoration: none;
	color:#CCCCCC;
}

a.normal_link
{
	text-decoration: none;
	letter-spacing: 3px;
	color:#999999;
}

a.content_link
{
	color: #00c509;
	text-decoration: underline;
}

a.content_link:hover
{
	color:#999999;
	text-decoration: none;
}

.active a
{
	color: #00c509;
}

.subactive a
{
	color:#999999;
}

a:hover
{
	color: #666666;
}

img
{
	border: none;
}

#main_pix {

	width: 248px;
	padding-top: 70px;
	padding-left: 20px;
}

#wrapper
{
	background-image:url(images/BGD.jpg);
	background-repeat:no-repeat;
	height: 603px;
	width: 803px;
	margin: auto;
}

#wrapper_about
{
	background-image:url(images/BGD_about.jpg);
	background-repeat:no-repeat;
	height: 603px;
	width: 803px;
	margin: auto;
}


#wrapper_contact
{
	background-image:url(images/BGD_contact.jpg);
	background-repeat:no-repeat;
	height: 603px;
	width: 803px;
	margin: auto;
}

#wrapper_graphic
{
	background-image:url(images/BGD_graphic.jpg);
	background-repeat:no-repeat;
	height: 603px;
	width: 803px;
	margin: auto;
}

#wrapper_web
{
	background-image:url(images/BGD_web.jpg);
	background-repeat:no-repeat;
	height: 603px;
	width: 803px;
	margin: auto;
}

#wrapper_feedback
{
	background-image:url(images/BGD_feedback.jpg);
	background-repeat:no-repeat;
	height: 603px;
	width: 803px;
	margin: auto;
}

#wrapper_services
{
	background-image:url(images/BGD_services.jpg);
	background-repeat:no-repeat;
	height: 603px;
	width: 803px;
	margin: auto;
}

#hr
{
	color:#CCCCCC;
	height: 1px;
}

body
{
	background-color: #393939;
	background-image:url(images/circles.jpg);
	text-align: center;
	min-width: 600px;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #333333;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #CCCCCC;
	margin-top: 20px;
}

#main
{
	position:relative;
	height: 486px;
	width: 800px;
	padding-top: 104px;
	margin: auto;
	text-align: left;
	padding-right: 4px;
}

.title
{
	clear:both;
	float:right;
	padding-right: 100px;
	margin-top: 10px;
	text-align:left;
	width: 400px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size:20px;
	font-weight:100;
}

.scroll_content
{
	position:relative;
	margin-top: 10px;
	clear:both;
	padding-top: 10px;
	float:right;
	padding-right: 20px;
	height: 357px;
	overflow: auto;
	text-align: left;
	width:480px;
	border-top: 1px solid #CCCCCC;
}

.content
{
	position:relative;
	margin-top: 10px;
	clear:both;
	padding-top: 10px;
	float:right;
	padding-right: 20px;
	height:200px;
	text-align: left;
	width:480px;
	border-top: 1px solid #CCCCCC;
}

.content td
{
	vertical-align:bottom;
}

.index_content
{
	position:relative;
	margin-top: 10px;
	clear:both;
	padding-top: 10px;
	float:right;
	padding-right: 20px;
	height: 200px;
	text-align: left;
	width:480px;
	border-top: 1px solid #CCCCCC;
}

.index_bcontent
{
	position:relative;
	margin-top: 37px;
	clear:both;
	padding-right: 20px;
	height:77px;
	text-align: left;
	width:480px;
	float:right;
}

.footer
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing: 3px;
	font-size: 10px;
	color:#CCCCCC;
	padding-top: 10px;
}

p
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 12px;
}

ul
{
	list-style: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant:small-caps;
	font-weight: 100;
	line-height:1.3;
}

/* Menu */

#menu{
	position:relative;
	float: right;
	list-style:none;
	letter-spacing: 2px;
}
li ul{
	position:relative;
	display:none;
	margin-top:2px;
	list-style:none;
}
li{
	position:relative;
	padding-top:2px;
}
ul li ul li{
	position: relative;
	left: -40px;
}

.subMenu{
}
.click{
	color:#666666;
}
.click ul{
	display:block;
}
.hover, ul li a:hover{
	cursor:pointer;
	color: #00c509;
	text-decoration: none;
	}
li ul li.hover, li ul li.hover a:hover{
	color:#00c509;
}
li a{
	text-decoration: none;
	color: #000000;
}
li ul li a, li.hover ul li a{
	text-decoration:none;
	color:#999999;
}
li.hover a, li ul li.hover a{
}

.dbMenu .subMenu{
}
.dbMenu li{
	float:left;
	padding-right:20px;
}

.dbMenu li ul{
	position:absolute;
	top:1.3em;
	left:0px;
	width: 123px;
}
.dbMenu li ul li{
	float:left;
}