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

body{
	margin:0;
  background-color: #565656;
}

a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	line-height:13pt;
  text-decoration: none;
}
a:visited  {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	line-height:13pt;
  text-decoration: none;
}
a:hover  {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	line-height:13pt;
  text-decoration: underline;
}
a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	line-height:13pt;
  text-decoration: none;
}


#wrapper{
	width:100%;
	height:100%;
}
#container{
	width:800px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
	background-repeat:repeat-y;
	position:relative;
	background-color:#FFFFFF;
}

#logo{
	width:182px;
	height:98px;
	z-index:0;
	position:absolute;
	top:0px;
	left:0px;
}
#hairline{
	width:2px;
	height:80px;
	z-index:0;
	position:absolute;
	top:0px;
	left:182px;
	background-color:#cde825;
}
#menu_box{
	width:205px;
	height:29px;
	z-index:0;
	position:absolute;
	top:5px;
	right:6px;
}
#menu_1{
	width:58px;
	height:29px;
	z-index:0;
	position:absolute;
	top:0px;
	left:0px;
}
#menu_2{
	width:40px;
	height:29px;
	z-index:0;
	position:absolute;
	top:0px;
	left:58px;
}
#menu_3{
	width:49px;
	height:29px;
	z-index:0;
	position:absolute;
	top:0px;
	left:98px;
}
#menu_4{
	width:58px;
	height:29px;
	z-index:0;
	position:absolute;
	top:0px;
	left:147px;
}
#difference{
	width:205px; 
	height:29px;
	z-index:0;
	position:absolute;
	top:37px;
	right:6px;
	background-image:url(/images/difference.jpg);
}

#headline{
/*	width:300px; */
	height:20px;
	z-index:0;
	position:absolute;
	top:42px;
	left:202px;
}
#blue_box{
	width:800px;
	height:320px;
	z-index:0;
	position:absolute;
	top:98px;
	left:0px;
	background-color:#1ca0c0;
}
#drgnfly_lrg{
	width:304px;
	height:388px;
	z-index:2;
	position:absolute;
	top:98px;
	left:0px;
	background-image:url(/images/drgnfly_lrg.png);
}
#drgnfly_sm{
	width:58px;
	height:46px;
	z-index:2;
	position:absolute;
	top:327px;
	left:171px;
	background-image:url(/images/drgnfly_sm.jpg);
}
#drgnfly_med{
	width:145px;
	height:137px;
	z-index:2;
	position:absolute;
	top:77px;
	right:0px;
	background-image:url(/images/drgnfly_med.jpg);
}
#drgnfly_sm2{
	width:57px;
	height:40px;
	z-index:2;
	position:absolute;
	bottom:137px;
	left:215px;
	background-image:url(/images/drgnfly_sm2.jpg);
}
#text_box{
	width:555px;
	height:209px;
	z-index:10;
	position:absolute;
	top:154px;
	left:204px;
}
#side_list{
	width:170px;
	height:209px;
	z-index:10;
	position:absolute;
	top:134px;
	left:17px;
}
#footer{
	width:592px;
	height:25px;
	z-index:0;
	position:absolute;
	bottom:12px;
	left:202px;
}
#green_bar{
	width:592px;
	height:12px;
	z-index:0;
	position:absolute;
	bottom:0px;
	left:202px;
	background-color:#cde825;
}
#thumb1{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:282px;
}
#thumb2{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:322px;
}

#thumb3{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:362px;
}
#thumb4{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:402px;
}
#thumb5{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:442px;
}
#thumb6{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:482px;
}
#thumb7{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:522px;
}
#thumb8{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:562px;
}
#thumb9{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:602px;
}
#thumb10{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:642px;
}
#thumb11{
	width:36px;
	height:36px;
	z-index:5;
	position:absolute;
	bottom:141px;
	left:682px;
}


.services {
	text-decoration: none;
	display: block;
	height: 29px;
	width: 58px;
	background-position: 0px 0px;
	background-image: url(/images/menu_01.jpg);
	background-repeat: no-repeat;
}
.services a:hover {
	background-position: 0px -29px;
}
.clients {
	text-decoration: none;
	display: block;
	height: 29px;
	width: 40px;
	background-position: 0px 0px;
	background-image: url(/images/menu_02.jpg);
	background-repeat: no-repeat;
}
.clients a:hover {
	background-position: 0px -29px;
}
.portfolio {
	text-decoration: none;
	display: block;
	height: 29px;
	width: 49px;
	background-position: 0px 0px;
	background-image: url(/images/menu_03.jpg);
	background-repeat: no-repeat;
}
.portfolio a:hover {
	background-position: 0px -29px;
}
.contact {
	text-decoration: none;
	display: block;
	height: 29px;
	width: 58px;
	background-position: 0px 0px;
	background-image: url(/images/menu_04.jpg);
	background-repeat: no-repeat;
}
.contact a:hover {
	background-position: 0px -29px;
}

.body_text {
	font-family: Verdana, Geneva, sans-serif;
	font-size:9pt;
	color:#262c26;
	line-height:12pt;
}
.body_white {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12pt;
	color:#FFFFFF;
	line-height:13pt;
}






.list_green {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#e5f1d4;
	line-height:13pt;
}

.list_green a:link {
	font-family: 'CMU Bright', Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#e5f1d4;
	line-height:13pt;
	text-decoration:none;
	
}

.list_green a:visited {
	font-family: 'CMU Bright',Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#e5f1d4;
	line-height:13pt;
	text-decoration:none;
	
}

.list_green a:hover {
	font-family: 'CMU Bright', Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#e5f1d4;
	line-height:13pt;
	text-decoration:underline;
	
}

.list_green a:active {
	font-family: 'CMU Bright',Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#e5f1d4;
	line-height:13pt;
	text-decoration:underline;
	
}
.headline_text {
	font-family:"Times New Roman", Times, serif;
	font-size:12pt;
	color:#565656;
}
.footer_text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:6pt;
	color:#565656;
}

.footer_text a:link {
	font-family:Verdana, Geneva, sans-serif;
	font-size:6pt;
	color:#565656;
	text-decoration: none;
}

.footer_text a:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:6pt;
	color:#565656;
	text-decoration: none;
}
.footer_text a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:6pt;
	color:#565656;
	text-decoration:underline;
}

.footer_text a:active {
	font-family:Verdana, Geneva, sans-serif;
	font-size:6pt;
	color:#565656;
	text-decoration: underline;
}

#flash_notice, #flash_error {
  padding: 5px 8px;
  margin: 10px 0;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66;
}