/* CSS Document */
body { font-size:12px; color:#6D6F71; background:#E1E6EA; font-family:Arial,Helvetica,sans-serif; 
}

* {margin: 0 auto;
 padding:0 ;
}
img{ border:0}
.border-right { border-right:1px solid  #CCCCCC;}
.small_txt { font-size:11px;}
.prodesc_title{ font-size:18px;}
.about_title{ font-size:18px; font-family:Georgia;}
.about_title img { border:1px solid #CCCCCC;}
.job_posting{ font-size:12px; font-family:Georgia; color:#225CAC; margin-bottom:10px; border-bottom:1px solid #CCCCCC; padding-bottom:5px;}
.function_btn{margin-right:10px; }
.function_btn a{ color:#6D6F71; text-decoration:none}
.function_btn a:hover{ color:#225CAC; text-decoration:none}
.sub_menu a{ color:#A7A9AC; text-decoration:none}
.sub_menu a:active{ color:#A7A9AC; text-decoration:none}
.sub_menu a:hover{ color:#225CAC; text-decoration:none}
.return_btn a{ text-decoration:none;color:#6D6F71; }
.return_btn a:active{text-decoration:none; color:#225CAC; }
.return_btn a:hover{ text-decoration:none; color:#225CAC;  }
.sub_menu_hover a {color:#225CAC; text-decoration:none}
.sub_menu_hover a:active{ color:#225CAC; text-decoration:none}
.sub_menu_hover{ font-size:12px;color:#808184;font-family:Arial,Helvetica,sans-serif; margin-bottom:5px;}
.employ_name{font-size:14px; font-weight:bold; color:#225CAC; margin-top:10px; }
.position{ font-style:italic; font-size:11px; color:#A7A9AC; margin-top:5px;}
.borderclass{ border-bottom:1px solid #CCCCCC; padding-bottom:5px;}
.sub_menu{ font-size:12px;color:#808184;font-family:Arial,Helvetica,sans-serif; margin-bottom:5px;}
.service_list { margin-top:10px; margin-left:25px;}
.service_list  li { list-style:disc; list-style-type:disc; margin-bottom:8px;}
.frm_list { margin-top:8px;}
.frm_list  li{ margin-bottom:9px; color:#225CAC}
.frm_txt{ font-size:11px;margin-top:9px;}
.form{ border:1px solid #CCCCCC; height:30px; width:340px;}
.submit{ background:#225CAC; border:1px solid #FFFFFF; color:#FFFFFF; padding:2px;}
.btn{ background:url(../images/btn.jpg) no-repeat; width:18px; height:18px; float:left; margin-left:1052px; }
.view_work_txt{ float:left; width:78px;}
p {font-size:12px;
line-height:18px;
margin-top:10px;
}
/*.border{ border:1px solid #CCCCCC;}*/
.clear{ clear:both}
.desc_txt{ text-align:justify;}
.news_txt{ text-align:left; font-size:12px; line-height:21px; font-weight:400; }
.col_left{ float:left; width:245px; padding-right:10px;}
.col_right{ float:right; width:245px;padding-right:10px; }
#cat_list{ height:40px;}
.readmore a{ text-decoration:none; color:#225CAC }
.readmore a:active{ text-decoration:none; color:#225CAC }
#col_container{ border-bottom:1px solid #CCCCCC; height:auto; padding-bottom:10px; margin-bottom:10px;}
#category_list{ height:auto; padding-bottom:10px;  padding-right:60px; border-bottom:1px solid #CCCCCC;}
.listing{ float:left; margin-right:5px; margin-left:5px;}
.listing a{ text-decoration:none; color:#6D6F71}
.listing a:active{ text-decoration:none; color:#6D6F71}
.listing a:hover{ color:#225CAC}
.list_btn{ margin-left:5px;}
#header_blk{ margin-bottom:10px; border-bottom:1px solid #CCCCCC; padding-bottom:3px;}
/* slide show feature */


.folio_block {
/*	position: absolute;
	left: 50%; top: 50%;
	margin: -140px 0 0 -395px;*/

}
#slideshow{}
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:434px;	width: 1225px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	background-repeat:no-repeat;
	background:#000000;
	/*margin-left:2px;*/
	
}
.image_reel {
	position: absolute;
	top: 0px; left: 0px;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom:-70px;
	margin-left:521px;
	font-size:13px;
	width: 178px; height:37px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color:#666666;
}
.paging a.active {
	font-weight: bold; 
	color:#000000;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

/* hover slider */

.highlightit:hover img{
-moz-box-shadow:0px 0px 5px #333;	-webkit-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333;
}

/*  contact form    */

/*   Horizontal Scroller   */
/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */


div#wn	{ 
    position:relative; 
    width:1036px; height:600px; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
    width:50px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:-487px; top:0;
    width:	1026px; height:11px; 
    background: #AAAAAA;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:444px; height:9px; 
    background-color:#225CAC;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
.casestudy{ float:left;}
.float{ float:right; width:5px;}
.margin_bottom{ margin-bottom:11px;}
.padding_btm{ padding-top:44px; padding-bottom:30px;}
.about_txt{ line-height:22px;}
#tag_line{ width:340px; color:#225CAC; font-size:42px;font-family:Georgia, "Times New Roman", Times, serif;  }
#news_blk_left{ float:left; width:533px; border-right:1px solid #CCCCCC; padding-bottom:5px; margin-top:10px}
#news_blk_right{ float:left; width:531px; padding-bottom:5px; margin-top:10px; margin-left:23px;}
.news_img{ float:left; padding:5px; width:170px; margin-left:10px;}
.news_img img { border:1px solid #CCCCCC; padding:2px;}
.news_snippet{ float:right; padding:5px; width:315px; margin-right:15px;}
#news_title{ color:#225CAC; font-size:42px;font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }
.news_title{ font-size:11px; color:#225CAC; margin-top:5px; margin-bottom:8px; line-height:20px;  }
.news_title a{ text-decoration:none; color:#225CAC; }
#tag_linetxt{ font-size:24px; color:#A7A9AC;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#container{ width:1225px;  background:#FFFFFF;	-moz-box-shadow:0px 0px 10px #333;	-webkit-box-shadow:0px 0px 10px #333;box-shadow:0px 0px 10px #333;}
#header{ height:92px; padding-right:134px;}
#top_logo { width:303.67px; float:left; margin:0 auto;}
#logo{ width:75.67px; float:left; margin-top:16px; border-right:1px solid #6D6F71;}
#logo_name{ width:220.67px ; float:right; margin-top:31px; margin-left:5px; }
.logo_padding{ padding-left:19.5px;}
#menu { width:920px; float:right}
#img_rotation{ height:217px; background:url(../images/bolt_front.jpg) no-repeat; background-color:#000000; padding-top:384px;}
#img_rotation_2{    margin-bottom:3px; }
#client_name{ height:18px; padding-top:5px; padding-bottom:5px; font-size:14px; border-top:1px solid #CCCCCC}
#num_list_1{ height:25px; padding-top:5px; padding-bottom:5px; font-size:11px; padding-left:253px;  }
#num_list{ height:25px; padding-top:5px; padding-bottom:5px; font-size:11px; padding-left:253px;  border-top:1px solid #CCCCCC; }
#control{ padding-left:504px; border-top:1px solid #CCCCCC;  padding-top:8px;   }
#dep_txt{ margin-left:74px; height:56.74px; width:616px; float:left;}
#img_title { float:right; height:56.74px; width:532.67px;}
#txt_title{ font-size:36px; color:#FFF100; height: 27.25px; }
.view_work{ font-size:17px; color:#FFFFFF; margin-left:366px; margin-top:7px;}
.red_btn{ margin-top:3px; margin-right:3px;}
#menu_tbl{ float:right;}
#menu_tbl td{width:30px; }
.menu_blk{ margin-right:44px;}
#navigation { height:30px;  position:relative; z-index:100;   }
#navigation li { float: right; padding: 0 10px 0 10px; }
#navigation li a, #navigation li a:visited { 
	display: block; 
	text-decoration: none; 
	padding: 0 0 0 5px; 
	height: 30px; 
	font-weight: bold;
	color: #808184;
	font-size: 11px; 
}
/*#navigation li ul { visibility:hidden; position:absolute; top:55px; margin-left: -10px; font-style: normal; }
#navigation li:hover a, #navigation li a:hover { color:#225CAC; }
#navigation li:hover ul,
#navigation li a:hover ul { visibility:visible; color:#225CAC; }

#navigation li:hover ul li ul,
#navigation li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

#navigation li:hover ul li a,
#navigation li a:hover ul li a { display:block; color:#808184; font-style: normal;}

#navigation li:hover ul li a:hover,
#navigation li a:hover ul li a:hover { color: #225CAC;}*/

.name_list a {text-decoration:none;  color:#808184}
.name_list a:hover {text-decoration:none; color: #225CAC;}
ol, ul {
	list-style: none;
}

/* text accordion */
#accordion3{width:340px; float:right; padding-left:48px; padding-right:39px;text-align: justify; }
.title{ border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:15px; color:#225CAC }
.title_1{ border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:5px; color:#225CAC; width:340px; }
.content{ margin-top:5px; margin-bottom:5px;}
.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.title_1{cursor:pointer;}
.accordionWrapper div.content{display:none;}
/* messages */
#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}
#advert_blk{ height:180px; background:#EDF4F9;    padding-top:2px; padding-left: 66px;}
#brand_logo{ background:url(../images/brandprofitlogo.png) no-repeat; height:63px; width: 197px; margin-top:56px; margin-bottom:60px; float:left;}
#advert_txt{ width:358px; float:left; margin-left:15px; margin-top:50px; }
#advert_txt_internal{ float:left; width:348px; margin-top:10px;}
#our_work{ width:790px; float:right; margin-top:12px;   }
#our_work_txt{ height:15px; color:#225CAC; font-size:12px; margin-bottom:5px; font-weight:bold;}
.img_work{ margin-right:20px; }
.learn_more{ margin-top:5px;}
.fun_btn{ margin-right:32px; }
.client_bar{background:#F1F1F2; height:42px; margin-top:2px; padding-left:6px; }
#internal_img{ width:670px; height:439px; float:left; padding-left:10px;}
#about_blk{  width:712px; height:439px; float:left; padding-left:83px;}
#news_article{ width:712px; height:auto; float:left; padding-left:83px;}
#news_container{ width:754px; height:auto; float:left; padding-left:83px;}
#news_internal{ padding-bottom:20px; text-align:justify;}
#contact_container{ width:1070px; height:439px; padding-left:83px; margin:0px;}
#about_container{ width:1070px; height:439px; float:left; padding-left:83px;}
.services_container{ width:auto; float:left; margin-right:16px; padding-right:20px; height:240px; }
.service_title{ font-size:17px; color:#225CAC; background:#EDF4F9; padding:5px; }
.service_content{ width:auto; font-size:11px;}
#contact_blk{   float:left;  width:370px;}
#form_container{ float:right; width:600px; padding-left:100px}
#form_col_left{ float:left;width:250px;}
#form_col_right{ float:right;width:348px}
#about_blk_left{ float:left; width:290px;font-family:Arial,Helvetica,sans-serif; }
#news_list{float:left; width:200px;font-family:Arial,Helvetica,sans-serif; margin-top:20px;  }
#about_blk_mid{ float:left;  width:330px;}
#news_mid{float:left;  width:325px; border-right:1px solid #CCCCCC; padding-left:10px;padding-right:10px; height:auto;  }
#news_blk1{float:left;  width:341px; height:400px; margin-right:20px; border-right:1px solid #CCCCCC; padding-left:10px;padding-right:10px; }
#news_right{ width:300px; height:370px; }
#archives{ width:150px; margin-top:20px;}
#prog_desc{ width:400px; float:right; padding-left:48px; padding-right:25px}
#about_left_blk{width:340px; float:right; padding-left:48px; padding-right:39px;font-family:Arial,Helvetica,sans-serif; text-align:left;}
#news_left_blk{width:300px; padding-top:42px; float:right; margin-right:44px; padding-right:44px;font-family:Arial,Helvetica,sans-serif; text-align:left;}
#contact_form{width:340px; float:right; padding-left:20px; padding-right:60px;text-align: justify; }
#prog_desc_case{ width:520px; float:right; padding-right:25px; margin-bottom:30px;}
#category{ height:auto; width:340px;}
.cat_list{ height:19px; border-bottom:1px solid #CCCCCC;}
#prog_txt_internal{ height:210px; border-bottom:1px solid #CCCCCC; padding-bottom:17px; }
#prog_txt{height:auto; overflow:hidden; border-bottom:1px solid #CCCCCC; padding-bottom:17px; width:340px;}
#function_blk{ height:16px; border-bottom:1px solid #CCCCCC; padding-top:7px; padding-bottom:7px; padding-left:5px;}
#projects{height:592px;	margin:0px; padding-top:30px; z-index:1 }
.tbl_project{ width:788px; margin-top:20px;}
.tbl_project td { width:252px;}
.project_box{ width:252px; height:185px;}
.project_box:hover {-moz-box-shadow:0px 0px 5px #333;	-webkit-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333;
}
.footer{ color:#6D6F71; font-size:9px; padding-left:10.54px; margin-top:20px;  padding-bottom:5px; width:1200px; }
.footer a{ text-decoration:none;  color:#6D6F71;}
.footer a:active { text-decoration:none; color:#6D6F71;}
.footer a:hover{ color:#225CAC }
/*  work scroller */
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:62px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 

/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.scrollable img.hover {
	background-color:#123;	
}
/* position and dimensions of the navigator */
.navi {
	margin-left:521px;
	width:200px;
	height:20px;
}
/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 1026px;
	height:160px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:135px;
	height:110px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/*    anything slider   */

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 800px; height: 360px; position: relative;  }
.anythingSlider .wrapper                { width: 800px; overflow: auto; height: 431px; margin: 0 40px; position: absolute; top: 0; left: 0; }
                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0;  }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 317px; width: 800px; margin: 0; }
.anythingSlider .arrow                  { display: none; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }
.thumbNav                               { position: fixed; top: 606px; text-align: center; padding-left:350px}
.thumbNav li                            { display: inline; }
.thumbNav a                             { border:1px #CCCCCC solid; text-decoration:none;color: #999999; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #fff ; text-align: center;-moz-border-radius: 3px 3px 3px 3px ;   }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #fff; color:#000000}

.start-stop                             { z-index: 10; background: green;q background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius: 3px 3px 3px 3px ; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* drop menu */
ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}
.menu_class {
	cursor:pointer;	
	outline:none
}
.the_menu {
	display:none;
	width:144px;
	
}

.the_menu li a {
 	color: #6D6F71;
	text-decoration:none; 
	padding:3px; 
	display:block;
	outline:none
}

.the_menu li a:hover {
	
	
	color:#225CAC;
}



/*   CSS MENU   */

ul#css3menu,ul#css3menu ul{
	margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
ul#css3menu ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#ffffff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-color:#d4d4d4;}
ul#css3menu li:hover>*{
	display:block;}
ul#css3menu li:hover{
	position:relative;}
ul#css3menu ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu{
	display:block;font-size:0;float:right; margin-right:20px;}
ul#css3menu li{
	display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu>li,ul#css3menu li{
	margin:0;}
ul#css3menu a:active, ul#css3menu a:focus{
	outline-style:none;}
ul#css3menu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 11px Verdana;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:;background-image:url("../images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu ul li{
	float:none;margin:10px 0 0;}
ul#css3menu ul a{
	text-align:left;padding:4px;background-color:#ffffff;background-image:none;border-width:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font:12px Verdana;color:#000;text-decoration:none;}
ul#css3menu li:hover>a{
	border-color:#C0C0C0;border-style:solid;font:bold 11px Verdana;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("../images/mainbk.png");background-position:0 100px;}
ul#css3menu img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu img.over{
	display:none;}
ul#css3menu li:hover > a img.def{
	display:none;}
ul#css3menu li:hover > a img.over{
	display:inline;}
ul#css3menu span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu ul li:hover>a{
	background-color:#225CAC;background-image:none;font:12px Verdana;color:#000000;text-decoration:none;}
ul#css3menu li.toplast>a{
	height:9px;line-height:9px;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
ul#css3menu li.toplast:hover>a{
	line-height:9px;}