/*Global Reset
--------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
* html { margin:0;padding:0; }
body { font:normal 14px/20px Arial, Helvetica, sans-serif; background:#dadada url(images/grey/bg1.gif); color:#515151; }
.imgborder { background:#FFFFFF; padding:3px; border:1px solid #ccc; }
a { color:#666666; outline:none; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }
/* General settings
--------------------------------------------------------------------------------------------*/
.alignleft { float:left; margin:0 15px 15px 0;}
.alignright { float:right; margin:0 0 15px 15px;}
.aligncenter { text-align:center; }
.textleft { text-align:left;}
.textright { text-align:right;}
.floatright { float:right;}
.floatleft { float:left;}
.clear { clear:both;}
p { margin: 0 0 20px 0; } 
/* Layout 
-------------------------------------------------------------------------------------------*/
.half_width { width:430px;}
.one_third { width:270px;}
.two_third { width:600px;}
.one_fourth { width:198px;}
.three_fourth { width:670px;}
.half_width, .one_third, .two_third, .two_third, .one_fourth, .three_fourth { float:left; position:relative; display:inline; margin:10px 30px 20px 0px; }
.last { margin-right:0 !important; clear:right; }
.grid_12 .half_width { width:280px;}
.grid_12 .one_third { width:180px;}
.divider { border-bottom:1px solid #AFAFAF;}
.divider { clear:both; margin-bottom:20px; margin-top:20px;}
.main { width:900px; margin:0 auto; padding:20px 0;}
/* Headings
--------------------------------------------------------------------------------------------------*/
h1 { font-size:28px; margin:0 0 20px 0; }
h2 { font-size:24px; margin:0 0 20px 0; }
h3 { font-size:22px; margin:0 0 20px 0; }
h4 { font-size:18px; margin:0 0 20px 0; }
h5 { font-size:14px; margin:0 0 15px 0; }
h6 { font-size:11px; margin:0 0 10px 0; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0; color:#000000; }
h1, h2, h3 { font-weight:bold; }
h5, h6 { text-transform:uppercase; letter-spacing:1.2px; }
h6 { letter-spacing:1px;}
/* topbar
--------------------------------------------------------------------------------------------------*/
.topbar { height:80px; width:100%; background-color:#252525; border-bottom:1px solid #4b4b4b;overflow: hidden; }
.logo { margin:10px 0 0 0px; float:left; }
/* topmenu
--------------------------------------------------------------------------------------------------*/
.topmenu { margin:40px 0 0 0; float:right; }
/* index sliderpart
--------------------------------------------------------------------------------------------------*/
.sliderbg { overflow:hidden; height:260px; background:#474747 url(images/grey/sliderbg.jpg) no-repeat bottom center;} 
.slider_text { margin:0; padding:0; }
.slider_text h1 { margin: 30px 0 0 0px; font: normal bold 30px/30px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#fff;}
.slider_text p { margin:20px 0 0px 0px; font: normal 16px/22px Arial, Helvetica, sans-serif; color:#fff;}
.button { margin:20px 0 20px 10px;}
/* subheader
--------------------------------------------------------------------------------------------------*/
.subheader { width:100%; height:100px; background:url(images/grey/subheader2.jpg) repeat-x;}
.subheader h2 { padding-top:30px; margin:0; padding-left:30px; font: normal bold 22px/24px Arial, Helvetica, sans-serif; color:#fff;}
.subheader p { color:#fff;} 
.subheader h5 { padding-top:25px; margin:0 30px 0 0; color:#FFFFFF; text-align:right;}
/* topbox
--------------------------------------------------------------------------------------------------*/
.topbox { overflow:hidden; margin:0; padding:20px 0 0 0; text-align:left;} 
.topimg { margin:5px 0; } 
.topbox h3 a { font: normal 18px/22px Arial, Helvetica, sans-serif; color:#000; }
.topbox h3 span { font: normal 12px/14px Arial, Helvetica, sans-serif; color:#000; }
.topbox p { text-align:justify; padding:0 10px 15px 10px; margin: 0px; clear: both;}
.topbox a { color:#000; text-decoration: underline;}
.topbox img.icon { padding-right:5px; float: left;}
.sep { background:url(images/sep.gif) no-repeat center right; }
/* midcontent
--------------------------------------------------------------------------------------------------*/
.midcontent { margin:0; padding:0px 0; background:url(images/grey/bg_body.jpg) repeat-y top center; border-top:1px solid #d5d5d5; }
.content { margin:10px 0 0px 0px; padding:20px !important; }
.sidebar { margin:0 0px 0 0; min-height:500px; height:100%; background:url(images/sidebar.jpg) top right no-repeat;}
/* newslist
--------------------------------------------------------------------------------------------------*/
ul.newslist { list-style:square; margin:0; padding:0; list-style-position:outside;}
ul.newslist li { padding:5px 0px;background:none; color:#666666; border-bottom:1px solid #CCCCCC; }
ul.newslist li p { margin:0 0 10px 0; padding:0; }
ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active { padding:0px 0px; text-decoration:none; }
ul.newslist li a:hover { padding:0px 0px; color:#000; text-decoration:none; }
ul.newslist li span { display:block; margin-bottom:0px; font-weight:bold;}
/* services servicebox
--------------------------------------------------------------------------------------------------*/
.servicebox { width:620px; margin:0px 0 0px 0px; float:left; padding:20px 20px 0px 0px; overflow:hidden; height:100%; }
.servicetext h3 { font: normal bold 18px/22px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#515151; } 
.servicetext h3 span { display:block; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; letter-spacing:normal;} 
.serviceicon { vertical-align:top; float:left; width:70px; }
.servicetext p { margin-left:70px; }
/* portfolio boxes
--------------------------------------------------------------------------------------------------*/
.portbox { float:left; padding:0px 8px 0px 12px; margin-bottom:30px; width:280px; } 
.portbox img { margin-bottom:10px; width:270px; } 
.portbox p { margin:5px 0 0 0; padding:0; } 
.portbox h3 { display:block; margin:0 0 0px 0; padding:0px; } 
.portbox h3 a { color:#999999; } 
.portbox h3 a:hover { color:#000; } 
.portbox img, .portbox p span, .portbox h3 { display:block; }
.img_border { margin-bottom:10px; padding:1px; background:#ffffff; border:5px solid #ddd;}
.img_border:hover { border:5px solid #aaa; }
.hover_video { position: absolute; background:transparent url(images/video.png) no-repeat center center;}
.hover_image { position: absolute; background:transparent url(images/image.png) no-repeat center center;}
.portbox a img, a:hover img { position:relative; z-index:2; }
/* read more
--------------------------------------------------------------------------------------------------*/
a.read { float:right; padding:5px 0; text-decoration:none;}
a.read:hover { color:#4d4d4d; text-decoration:underline; }
/* footer details
--------------------------------------------------------------------------------------------------*/
.footerbg { width:100%; overflow:hidden; color:#fff; background:#474747;}
.copyright { float:left; margin: 0 0 0 20px; padding:10px 0; text-align:center; color:#FFFFFF;}
/* Readmore -------------------------------------------------------------------------------------------*/
.social { padding:30px 0 0 0; float:right; margin: 0 20px 0 0; }
.social h4 { margin-bottom:0; margin-right:20px;}
.social p { margin-bottom:0; margin-left:20px;}
.social ul { margin: 0; padding: 0; }
.social li { margin-right:8px; padding:4px 0px 0px 0; list-style: none; display: inline; float: left; vertical-align:middle; background:none; }
.social li img { vertical-align:middle }
/* Post Entry
--------------------------------------------------------------------------------------------------*/
.entry { padding:20px 0; clear:both; }
.entry .post-info { margin:0 0 10px 0; letter-spacing:2px; text-transform:uppercase; font-size:10px; }
div.excerpt { height:100%; margin:0 0 30px 0; padding:10px 0; border-bottom:1px solid #ddd;} 
.singlepost h3 { margin-bottom:20px; }
.singlepost h2 a { background:none; }
.postimg { float:left; margin-right:20px; }

/* INPUT FIELD CSS Copy this to your style sheet
------------------------------------------------------------- */
#contactform { width:500px; -moz-border-radius:5px; margin-left:auto; margin-right:auto;}
#contactform form { font:normal 11px/18px Verdana,Tahoma; margin:0 0; padding:0; margin-top:20px; width:100%;}
#contactform fieldset { padding:10px 0; margin:0 0 15px 0; background:#fff; border:1px solid #ddd;}
#contactform fieldset legend { font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma; padding:3px 25px; margin-left:30px; text-transform:uppercase; border:0px solid #ddd;}
#contactform fieldset legend span { font:normal 10px/18px Arial,Verdana,Tahoma; text-transform:uppercase; display:block;}
#contactform form label { display:block; float:left; width:150px; padding:6px 10px 0 0; margin:0px; text-align:right;}
#contactform input.inpt, #contactform textarea, #contactform select { width:260px; font:normal 11px/18px Verdana,Tahoma; padding:5px; margin:5px 0 5px 0; background:#f5f5f5; border:1px solid #ddd;}
form br { clear:left;}
#contactform input.required { background:#f5f5f5 url('images/required.gif') center right no-repeat; }
#contactform .select select:focus { border-color: #9b9b9b;}
#contactform form input.btn { background:none; border:none; }
#contactform form.c1 input:hover, #contactform textarea:hover { border:1px solid #d8d8d8; }
/* Error / Success / Notice 
------------------------------------------------------------- */
.notes { background:#f0f0f0; border:1px solid #b8b8b8; }
.success { background:#ccfcd1; border:1px solid #60a400; }
.error { background:#f9e3e3; border:1px solid #e79e9e; }
.notice { background:#fcf0cc; border:1px solid #ecc735; }
.notes,.notice,.success,.error { padding:10px; font-size:10px; color:#000; }
.notes span,.notice span,.success span,.error span { font-weight:bold; font-size:1.2em; }
.notes p,.success p,.error p,.notice p { margin:0px; padding:0px; }
#note {width:90%;margin:0 auto; }
/* Blockquote
------------------------------------------------------------------------*/
blockquote { padding:0 15px 0; margin:0px; margin-right:10px;}
blockquote p { font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif; font-style:italic; margin-top:10px; padding-left:20px; }
cite span { font:normal 10px/20px Tahoma, Times, serif; text-transform:uppercase; display:block; }
blockquote.qentry { background:URL(images/quote.png) top left no-repeat; padding-left:60px; padding-right:10px; margin:20px 0; overflow:hidden; height:100%; }
blockquote.qentry p { margin-bottom:10px; clear:both; }
blockquote.qentry .author { float:right;}
/*Sidebar Menu
--------------------------------------------------------------------------------------------------*/
.subnav li, .topmenu li { background:none;}
.subnav ul{ margin:0 0 30px 0; padding:0; }
.subnav li { border-bottom:0.1em dotted #bbb; list-style-type:none; margin:0; padding:4px 0; }
.subnav li a { text-decoration:none; color:#666; display:block; }
.subnav li li a { text-decoration:none; }
.subnav li ul { padding-left:15px; margin:0 !important; border-left:1px dotted #bbb; }
.subnav li li a:link , .subnav li a:link { text-decoration:none;}
.subnav li.current a { color:#000; font-weight:bold; text-decoration:none; }
.subnav li a:hover { color:#000; text-decoration:none; }
.subnav li.current_page_item a, .subnav ul li.current-cat a { color:#000; font-weight:bold; text-decoration:none; }
.subnav li.current_page_item ul li a { font-weight:normal;}
.subnav li a img { vertical-align:middle; margin-right:5px; }

/* Alert Boxes 
-------------------------------------------------------------------------------------------*/
span.error { color: #cc0000; border-top: 3px solid #fe7b7a; border-bottom: 3px solid #fe7b7a; background: #ffd6d6 url(images/icons/error.png) 4% 50% no-repeat;}
span.info { color: #0055bb; border-top: 3px solid #629de3; border-bottom: 3px solid #629de3; background: #d8e5f8 url(images/icons/info.png) 4% 50% no-repeat; }
span.alert { color: #b79000; border-top: 3px solid #fde179; border-bottom: 3px solid #fde179; background: #fef6d8 url(images/icons/alert.png) 4% 50% no-repeat;}
span.download { color: #ffffff; border-top: 3px solid #6a8b2c; border-bottom: 3px solid #6a8b2c; background: #7E9F59 url(images/icons/download.png) 4% 50% no-repeat;}
span.success { color: #57861a; border-top: 3px solid #c2df88; border-bottom: 3px solid #c2df88; background: #eef7dd url(images/bullets/check.gif) 4% 50% no-repeat;}
span.error,span.info,span.alert,span.success,span.download { display: block; padding: 10px 10px 10px 55px; margin: 5px; -moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; }
/* Bullet Lists 
-------------------------------------------------------------------------------------------*/
ul, ol { margin: 0 0 20px 5px; text-align: left;}
ol { padding-left: 2em;}
ul ul, ol ol,
ul ol, ol ul { margin-top: 8px;}
ul li, ol li { padding: 3px 5px;}
ul li { padding-left: 15px; list-style:none;}
ol li { list-style-type:decimal; list-style-position: outside;}
ul li { background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%;}
ol li a, ul li a {text-decoration: underline; }
ul.bullet-black li { background: transparent url("images/bullets/dot_black.gif") no-repeat 0 50%; }
ul.bullet-gray li { background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%; }
ul.bullet-blue li { background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 50%; }
ul.bullet-green li { background: transparent url("images/bullets/dot_green.gif") no-repeat 0 50%; }
ul.bullet-red li { background: transparent url("images/bullets/dot_red.gif") no-repeat 0 50%; }
ul.bullet-orange li { background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 50%; }
ul.disc-black li { background: transparent url("images/bullets/circle_black.gif") no-repeat 0 50%; }
ul.disc-gray li { background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 50%; }
ul.disc-blue li { background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 50%; }
ul.disc-green li { background: transparent url("images/bullets/circle_green.gif") no-repeat 0 50%; }
ul.disc-red li { background: transparent url("images/bullets/circle_red.gif") no-repeat 0 50%; }
ul.disc-orange li { background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 50%; }
ul.bullet-check li { background: transparent url("images/bullets/check.gif") no-repeat 0 8px; padding-left: 20px; }
/* Pre Code -------------------------------------------------------------------------------------------*/
code, pre { font: normal 12px/20px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:10px 0 20px 0; border: 1px dotted #bbb;}
code { padding: 3px 5px; background-image: none; }
pre { white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}
code, pre { background: #fff url("images/pre_bg.gif"); color:#000; }
/* Highlight Texts 
-------------------------------------------------------------------------------------------*/
.yellow_highlight { background:#ffff00; }
.red_highlight { background:#f9c1c1; }
.green_highlight { background:#daf0a9; }
.blue_highlight { background:#a9d1f0; }
.yellow_highlight, .red_highlight, .green_highlight, .blue_highlight { color:#000; padding:1px 4px;}
.black_highlight { background:#000; color:#fff; padding:1px 4px;}
/* Drop Caps 
-------------------------------------------------------------------------------------------*/
.dropcap1 { display:block; background:url(images/dropcap.png) 50% 50% no-repeat; font-size:30px; float:left; width:40px; text-align:center; height:40px; margin-bottom:-5px; margin-right : 10px; font-size: 2em; line-height:35px; color:#FFFFFF; padding-left:1px; padding-top:5px;}
.dropcap1 span { font-size: 2em; line-height:1.5em; color:#FFFFFF; }
.dropcap1 + span { margin-left : -0.5em; }
.dropcap2 { display:block; float:left; text-align:center; margin-top:0em; margin-left:0.1em; margin-right : 0.2em; font-size:3em; line-height:1em; color:#999; }
.dropcap2 span { font-size:3em; line-height:1em; color:#999;}
.dropcap2 + span { margin-left : 0em;}
/* Toggle Content 
------------------------------------------------------------------------------------- */
h5.toggle { background:transparent url(images/plus.png) no-repeat; font-size:18px; margin-top:20px; padding:0 0 0 30px;}
h5.toggle a { color: #888; padding-top:2px; text-decoration: none; display: block;}
h5.toggle a:hover { color:#666;}
h5.active { background:transparent url(images/minus.png) no-repeat ;}
h5.active a:link { color:#666;}
.toggle_content { clear:both; overflow:hidden; border:1px solid #F5F5F5; margin:0 0 20px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; background:#F5F5F5; }
.toggle_content div.toggleinside { padding:15px;}
/* Pull Quotes 
------------------------------------------------------------------------------------- */
span.inset-left { display: block; padding: 15px; float: left; width: 35%;letter-spacing:0; font:italic normal 14px/25px Arial, Sans-serif;}
span.inset-right { display: block; padding: 15px; float: right; width: 35%;letter-spacing:0; font:italic normal 14px/25px Arial, Sans-serif; }
/* Comments
 ------------------------------------------------------*/ 
ol.commentlist { margin;0 !important; padding:0 !important; }
ol.commentlist li { margin-left:0px !important; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em Verdana, Arial, Sans-Serif;background:none; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { background: #FFFFFF; border: 1px solid #dddddd; font-weight: bold; padding: 8px;}
.commentlist li .avatar{ background: #fff; border: 1px solid #eee; float: right; padding: 2px;}
.commentlist cite, .commentlist cite a{ font-size: 1.1em; font-style: normal; font-weight: bold;}
.commentlist p{ font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p{ font-family: Verdana, Arial, Sans-Serif;}
.commentmetadata{ font-weight: normal;}
#commentform input{ margin: 5px 5px 1px 0; padding: 2px; width: 170px;}
#commentform{ margin: 5px 10px 0 0;}
#commentform textarea{ padding: 2px; width: 95%;}
#respond:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#commentform #submit{ margin: 0 0 5px auto;}
.alt{ margin: 0; padding: 10px;}
.commentlist{ padding: 0; margin:0; text-align: justify;}
.commentlist li{ list-style: none; margin: 15px 0 10px; padding: 5px 5px 10px 10px;}
.commentlist li ul li{ margin-left: 10px; margin-right: -5px;}
ul.children{ margin-right: 5px;}
.commentlist p{ margin: 10px 5px 10px 0;}
.children{ padding: 0;}
#commentform p{ margin: 5px 0;}
.nocomments{ margin: 0; padding: 0; text-align: center;}
.commentmetadata{ display: block; margin: 0;}
/* Carousel
------------------------------------------------------------------------*/
.carousel {position: relative; }
.carousel ul { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.carousel li {margin-top: 10px; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.carousel .prev {position: absolute; left: 5px; top: 109px; cursor: pointer; z-index: 100 }
.carousel .next {position: absolute; left: 463px; top: 109px; cursor: pointer; z-index: 100 }
/* Search Box
------------------------------------------------------------------------*/
.search-box { height: 40px;  padding: 5px 0 0 0px;  width: auto;  margin:10px 10px 10px 0px;  }
* html .search-box {  margin-top: 10px;  }
*:first-child+html .search-box {  margin-top: 10px; !important;  }
input.search-field {  background:#f0f0f0;  border:1px inset #fff; width:120px;  height:20px;  float:left;  margin:0px;  padding: 5px 0px 0px 8px;  }
input.search-go {  float:left;  height:24px;  width:24px;  border:0;  margin:0 0 0 5px;  padding:0;  background:url(images/search-on.gif) no-repeat top left;  cursor: pointer;  }
input.search-go:hover {  background:url(images/search-hover.gif) no-repeat bottom left;  }
/* Testimonial Box
------------------------------------------------------------------------*/
.client {text-align:left !important;color:#fff;}
.bottomblog { border-top:1px solid #ccc; padding:3px 0; margin:10px 0; overflow:hidden; height:100%; border-bottom:1px solid #ccc;}
/* Pagination
------------------------------------------------------------------------*/
.pagination { clear:both; margin-top:30px; height:50px; width:100%; border-top:1px solid #444; padding-top:15px;}
.pagination a, 
.pagination a:link, 
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend { font-size:11px; padding: 10px; margin: 1px; color:#999; border: 1px solid #777; background: #222;  -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
.pagination span.pages { border:0; text-transform:uppercase; border:1px solid #555; }
.pagination a:hover { border: 1px solid #555; background: #000; }
.pagination span.current { padding: 10px; margin: 1px; font-weight: bold; color:#fff; border: 1px solid #555; background:#000;}
/* Site Map 
------------------------------------------------------------------------------------- */
.sitemap { padding:0; margin-bottom:25px; }
.sitemap ul { padding:0; margin:0; }
.sitemap li { list-style-type:none; height:100%; background:none; list-style-position:inside; padding:0;}
.sitemap li a { background:url(images/submenu_bullet.png) 10px 50% no-repeat; text-decoration:none; bheight:100%; }
.sitemap li li a { margin:0 0 0 25px; } 
.sitemap li a:link, 
.sitemap li a:visited { display:block; padding:5px 0 5px 25px; }
.sitemap li a:hover { text-decoration:none; }
/* cu3er
------------------------------------------------------------------------------------- */
#cu3er-container { width:500px; outline:0; margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:auto; visibility:hidden; }
/* menu
------------------------------------------------------------------------------------- */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
position:relative; z-index:50	;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
	z-index:100	;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.2em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	bottom: 10em;
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	padding-left:15px;
	margin-bottom:	0;
}
.sf-menu a {
	padding: 		0.8em 1.6em;
	text-decoration:none;
	text-transform:capitalize;
	font-size:12px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	text-decoration:none;

}
.sf-menu li {
}
.sf-menu li li {
	background:		#efefef;
	border-top:	1px solid #fff;
	border-bottom:	1px solid #ccc;
}
.sf-menu li li li {
	background:		#efefef;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#f8f8f8;		text-decoration:none;

	outline:		0;
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	color:#4d5565;	 background:#fff;
	outline:		0;	text-decoration:none;

}

.sf-menu li ul {
	border:	1px solid #ccc;
	border-bottom:	0px solid #ccc;	
	border-top:none;
	}
	
.sf-menu li ul li ul {
	border:	1px solid #ccc;
	border-bottom:	0px solid #ccc;	
	border-top:none;
	}

.sf-menu li.current-cat a, .sf-menu li.current_page_item a{ font-weight:bold; color:#999;}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.3em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arr.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.1em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

a.popup img {border: 1px solid #000}