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

body { background:#ececec; padding:0px; margin:0px; }

a img {border:0;}

div.spacer { clear:both; }

.100width { width:100%; }
.padding5px { padding:5px; }

#backgrnd { position:absolute; width:100%; height:100%;  }
#wrapper { position:relative; width:988px; margin:0 auto; }


#indexmenu { position:absolute; display:block; height:50px; }
#indexmenu ul { position:relative; list-style-type:none; padding:0px; margin:0px; height:50px; }
#indexmenu li { position: absolute; height:50px; }
#indexmenu li a { display:block; height:50px; }
#indexmenu span { display:none; }

#indexmenu01 { background:transparent url(images/menu1_01.jpg) no-repeat; width:102px; left:0px; }
#indexmenu01 a:hover { background:transparent url(images/menu2_01.jpg) no-repeat; }
#indexmenu02 { background:transparent url(images/menu1_02.jpg) no-repeat; width:141px; left:102px; }
#indexmenu02 a:hover { background:transparent url(images/menu2_02.jpg) no-repeat; }
#indexmenu03 { background:transparent url(images/menu1_03.jpg) no-repeat; width:143px; left:243px; }
#indexmenu03 a:hover { background:transparent url(images/menu2_03.jpg) no-repeat; }
#indexmenu04 { background:transparent url(images/menu1_04.jpg) no-repeat; width:127px; left:386px; }
#indexmenu04 a:hover { background:transparent url(images/menu2_04.jpg) no-repeat; }
#indexmenu05 { background:transparent url(images/menu1_05.jpg) no-repeat; width:127px; left:513px; }
#indexmenu05 a:hover { background:transparent url(images/menu2_05.jpg) no-repeat; }
#indexmenu06 { background:transparent url(images/menu1_06.jpg) no-repeat; width:121px; left:640px; }
#indexmenu06 a:hover { background:transparent url(images/menu2_06.jpg) no-repeat; }
#indexmenu07 { background:transparent url(images/menu1_07.jpg) no-repeat; width:154px; left:761px; }
#indexmenu07 a:hover { background:transparent url(images/menu2_07.jpg) no-repeat; }
#indexmenu08 { background:transparent url(images/menu1_08.jpg) no-repeat; width:115px; left:800px; }
#indexmenu08 a:hover{ background:transparent url(images/menu2_08.jpg) no-repeat; }



#index01 { position:relative; width:988px; height:200px; }

#Hindex01top { position:absolute; display:block; height:200px; }
#Hindex01top ul { position:relative; list-style-type:none; padding:0px; margin:0px; height:200px; }
#Hindex01top li { position: absolute; height:200px; }
#Hindex01top span { display:none; }

#Hindex01top01 {  width:499px; left:0px; }
#Hindex01top02 { background:transparent url(images/index1_02.jpg) no-repeat; width:489px; left:499px; }

#indexContent { position:relative; background:transparent url(images/index1_04.jpg) repeat-y; width:988px; }

#index06 { position:relative; background:transparent url(images/index1_06.jpg) no-repeat; width:938px; height:26px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; padding:0 0 0 50px;}
#index_06_1 { width:880px; height:auto; border-top:1px solid #b7b7b7; float:left; margin:5px 0 0 0; color:#666; font-size:11px; padding:3px 0 0 0; }
#index06  a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none; padding:0 4px 0 4px;  }
#index06  a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }


#index07 { position:relative; background:transparent url(images/index1_07.jpg) no-repeat; width:988px; height:69px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9b9d9f; }
#index07 p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#index07  a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none; padding:0 4px 0 4px;  }
#index07  a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; }

#top01 {position:relative; width:323px; height:44px; text-align:right; padding:0 5px 0 5px; border-bottom:#CCCCCC 2px dotted; margin:15px 0 0 0; }

#top02 {position:relative; width:323px; text-align:left; height:35px; border-bottom:#CCCCCC 2px dotted; padding:0px 5px 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#999;}
#top02 a img { float:left; margin:3px 15px 0 10px;}
#top02 span {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ccc; padding:8px 10px 0 130px; display:block;}
a#top02contact { font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 15px 0 35px; color:#b7b7b7; text-decoration:none; top:11px; position:absolute; left:150px; }
a:hover#top02contact { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#b3d334; text-decoration:none; }

#top03 {position:relative; width:323px;  padding:5px; height:22px;  border-bottom:#CCCCCC 2px dotted; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666;}

#top03 a { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; text-decoration:none; }
#top03   a:hover { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-decoration:none; }
#joinmailing a { width:156px; height:19px; float:left; background-image:url(images/button-top_01.jpg); background-repeat:no-repeat; 
}
#joinmailing a:hover { width:156px; height:19px; float:left; background-image:url(images/button-top_01-hover.jpg); background-repeat:no-repeat; 
}
#bookmark a { width:167px; height:19px; float:left; background-image:url(images/button-top_02.jpg); background-repeat:no-repeat; 
}
#bookmark a:hover { width:167px; height:19px; float:left; background-image:url(images/button-top_02-hover.jpg); background-repeat:no-repeat; 
}



h1 {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:20px; padding-bottom:5px; padding-top:5px; margin-bottom:0px; margin-top:0px; line-height:1.5em;}

p {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; padding-bottom:5px; padding-top:5px; margin-bottom:0px; margin-top:0px; line-height:1.5em;}

div {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; line-height:1.5em;}

a { font-family:Arial, Helvetica, sans-serif; color:#0066CC; font-size:14px; text-decoration:none; }
a:hover { font-family:Arial, Helvetica, sans-serif; color:#993300;font-size:14px; text-decoration:none; }

a { font-family:Arial, Helvetica, sans-serif; color:#0066CC; font-size:14px; text-decoration:none; }
a:hover { font-family:Arial, Helvetica, sans-serif; color:#993300;font-size:14px; text-decoration:none; }

#home-content-area a img { border:0; }

#home-content-area {position:relative; width:902px; left:40px; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#666666;}
#home-content-area p { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666;}
#home-content-area div { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#666666;}
#home-content-area a { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#666666; text-decoration:underline; }
#home-content-area a:hover { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#666666;}
#home-content-area h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#b6b7b8; font-weight:200;}
#home-content-area h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#0066CC;}

.small11black {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}



/* lists */
#navcontainer
{
width: 160px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;

}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-bottom:1px dotted #666;
font-size: 12px;
text-decoration: none;
color:#666666;
}
#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background:url(images/green.jpg) no-repeat;
color:#0066CC; font-weight:normal;
font-size: 12px;
}

ul#navlist li a:hover 
{
background:url(images/green.jpg) no-repeat;
color:#0066CC; font-weight:normal;
font-size: 12px;
}

#float-left { position:relative; float:left; width:180px; left:40px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; border:0px solid #ff0000; }
#float-left h1 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#float-left p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#float-left div {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#float-left a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:underline;}
#float-left a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}

#float-right { position:relative; float:right; width:710px; right:45px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; }
#float-right h1 {font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#b3d334;}
#float-right h2 {font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#666666;}
#float-right p {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;}
#float-right span  {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b3d334;}
#float-right div {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666;}
#float-right a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#CCCC00; text-decoration:underline;}
#float-right a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;}

/* clients */

.clients_title {
	font-size:24px;
	float:left;
	color:#b2d235;
	padding:30px 0 0 14px;
	}
.small_title {
	font-size:13px;
	color:#b2d235;
	font-weight:bold;
	}

/* our work */

#our_sample_works a img {
	border:0;
	}
	
/* what we do */
p#capabilities {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#a7a8aa;}

ul#capabilities li a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bfbfbf; text-decoration:none; line-height:22px;}

ul#capabilities li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b3d334; text-decoration:underline; font-weight:bold;}


/* client dashboard page */

#client_dashboard_image {
	width:310px;
	height:319px;
	float:left;
	}
#button_container {
	width:156px;
	height:250px;
	float:left;
	padding:30px 0 0 0;
	}
#button_container a img {
	margin-bottom:6px;
	}