/*
THEME NAME: Firefly custom theme
THEME URI: http://themeshaper.com/thematic/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.9.5.1
AUTHOR: George Dickson
AUTHOR URI: http://themeshaper.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/




/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');
@import url('library/styles/slider.css');
/*@import url('library/styles/menu.css');*/

/* Typography
-------------------------------------------------------------- */   

body{font-family:Helvetica,Arial,sans-serif;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-weight:normal;clear:both;font-family:Helvetica,sans-serif;}
h1{font-size:5em;}
h2{font-size:2.5em;}
h3{font-size:2em;}
h4{font-size:1.5em;}
h5{font-size:1.2em;}
h6{font-size:1em;}
h7{font-size:3em;}
/* Text elements
-------------------------------------------------------------- */
p{margin-bottom:18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;text-transform:normal;letter-spacing:normal;line-height:1.4em;}
strong{font-weight:bold;font-family:Arial,Helvetica,sans-serif;}
/* Pullquotes
-------------------------------------------------------------- */
blockquote{margin:0 3em;}
blockquote em,blockquote i,blockquote cite{font-style:normal;}
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%;}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%;}

/* Menu
-------------------------------------------------------------- */

*{margin:0;padding:0;}
span.logo {width:250px; height:110px}


#wrapper.hfeed {width: 940px; margin: 0 auto;}

h3.page-title {margin: 35px 0 15px;}

h3.orange.entry-title  {margin: 15px 0 15px;}
h3.orange.entry-title a {color:#f28d23;}
.entry-meta {font-size: 12px; }

#subnav,#sub_nav{border-bottom:1px solid #FFF;height:32px;/*width:940px;*/margin:0 auto;font-family:Helvetica,sans-serif;font-weight:normal; float:right}

#sub-nav{float: right; margin-top: 30px; margin-right: 7px; width: 270px;}

#sub-nav a {color: #f28d23; font-size: 13px; font-weight: bold; }

#fire-subscribe{float: right;}

#searchform {float: left; width: 165px;}

#s {border:1px solid #ddd; background: transparent url(images/search-bar.gif) repeat-x ; color:#333333; float:left; height:11px; padding:2px; width:140px;}

#searchsubmit{background:transparent url(images/btn-search.gif) no-repeat scroll left top; border:medium none;  float:right; height:19px; text-indent:-9999px; width:19px; font-size:0.00001em;color:#fff;}

#nav{border-bottom:1px solid #FFF;height:32px;/*width:940px;*/margin:-35px auto 0;font-family:Helvetica,sans-serif;font-weight:normal; float:right}

#nav li{margin-right:10px;font-size:15px;font-weight:bold;}
#nav li,#subnav li{float:right;list-style:none;}
#nav a,#nav a:visited{color:#000;text-decoration:none;padding:6px 10px 5px;}
#nav a:hover,#nav a:active,li.current_page_parent a,li.current_page_parent a:visited,#nav li.current_page_item a,#nav li.current_page_item a:visited{background-color:#f28d23;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;}
#nav li.current_page_item a,#nav li.current_page_ancestor a,#nav li.current_page_parent a{color:#fff;}
#{background:#e6eef7;border-top:2px solid #577da2;border-bottom:2px solid #cad8e6;height:28px;}
#sub_nav{background-color:#eee;}
#sub_nav ul{display:inline;}
#subnav{padding-left:30px;}
#subnav li{border-right:1px solid #295887;padding:0 7px;}
#subnav a,#subnav a:visited{color:#000;text-decoration:none;}
#subnav a:hover,#subnav a:active,#subnav li.current_page_item a,#subnav li.current_page_item a:visited{text-decoration:underline;}
/* Header
-------------------------------------------------------------- */

#header {
    z-index:2;
}
#blog-title {
    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:bold;
    line-height:40px;
}
#blog-title a {
    color:#000;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FFFFFF;
}
#blog-description {
    color:#666;
    font-size:13px;
    font-style:italic;
}

.inline { display:inline}
.right {float:right}
.left { float:left}
.hblock {width:300px; padding-right:10px; float:left }
.introblock {width:100%; display:block; border-bottom:6px solid #e5e5e5; overflow:hidden; padding-bottom:20px; margin-bottom:20px; height:210px}
.introblock a {color:#000000;padding:10px; background:#ECECEC; font-size:12px; float:right; clear:both; margin-top:5px; font-weight:bold; }
.introblock a:hover{ color:#FFFFFF;background:#f7a735; }
.intro {width:400px; float:left; margin-right:20px;}
.intro2 {width:260px; }
.intro2 img {padding:0 25px 25px 0}
.intro3 {width:160px; margin-left:70px;}
.intro3 li {margin:5px 0 5px 0}
.intro3 li a { padding:0px; color:#333333; float:left; background:none; font-size:14px }
.intro3 li a:hover { background:#ECECEC;
text-decoration:underline; color:#333333}

a.introlink {padding:10px; background:#ECECEC; font-size:12px; float:right; clear:both; 
				margin-top:5px; font-weight:bold; color:#000000}
a.introlink:hover {background:#f7a735; color:#FFFFFF}
.introtop { height:170px}
.introbottom {height:20px}


#main h4 {padding-bottom:5px}
/* Default */

#header {
    position:relative;
}
#branding {
    width:940px;
    margin:0 auto;
	padding:55px 0 10px 0;
}

/*#access {    position:relative;    overflow:hidden;}*/
.menu {
    width:940px;
    margin:0 auto;
}
#main {
    width:960px;
    margin:0 auto;
   /* overflow:hidden;*/
    clear:both;
    padding:20px 0 22px 0;
}

#container {
    width:650px;
    float:left;
    margin:0 0 0 10px;
clear: left;
}

#search-container{ width: 630px;  margin: 0; clear: left; float: left}

#content {
    overflow:hidden;
}
p, ul, ol, dd, pre {
    margin-bottom:22px;
}
a:link, a:visited { color:#333333;	text-decoration:none;}
a:visited {/* color:#743399;*/text-decoration:none; }
/*a:active,
a:hover {/* color: #FF4B33;}*/

.introbox {width: 45%; float: left; margin-right: 30px;}
.service {border-top:1px solid #DDDDDD; clear:both; padding-top:30px}

/* = Twitter (
-------------------------------------------------------------- */
#twitterside {height:150px}
.twitpic {padding-bottom:20px}

grido.twitter-message p{/* border-bottom:1px solid #999999*/ font-size:12px;}
p.twitter-message {color:#444444;font-family:georgia;font-size:14px;font-style:italic;font-weight:normal;margin-bottom:15px;
 padding:0px 0px 10px 0px}
a.twitter-link  {color:#FF6600;}
a.twitter-link:hover {text-decoration:underline}
span.twitter-timestamp {color:#000000; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; display:block; color:#000000; padding-top:3px; text-align:right}
.aktt_tweets {color:#3151A2; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.aktt_tweets a {color:#FF6600;  }
.aktt_tweets a:hover {text-decoration:underline}
.aktt_tweets ul { list-style:none; padding:0; margin:0;}
.aktt_tweets li {color:#444444;font-family:georgia;font-size:14px;font-style:italic;font-weight:normal;margin-bottom:15px; padding:0px 0px 10px 0px}
.aktt_tweet_time { }
a.aktt_tweet_time  { color:#000000; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; display:block; color:#000000; padding-top:3px; text-align:right}



/* =Footer
-------------------------------------------------------------- */
#footer { background: url('http://91.198.165.201/~fireflyc/fftest/wp-content/uploads/2009/12/dot_horizontal.gif') top repeat-x;  clear:both; padding-top:25px;    width:960px;
    margin:0 auto;}
#footer div { padding: 20px 0px }

#siteinfo { font-size:11px; line-height:18px; padding:22px 0 44px 0; clear:both;    width:940px;    margin:0 auto;}
#siteinfo a { color:#666;}

#siteinfo a:hover { color: #FF4B33;}

.main h4 {padding-bottom:10px}
.main h4 a {color:#f96b2c}
.orange { color:#f96b2c}
.grey {color:#777777}


.page-headline {border-bottom:6px solid #EEEEEE;clear:both;margin:0 0 20px;padding:0px 0 10px;}
.page-headline h1 {color:#222222;display:block;font-weight:bold;letter-spacing:-3px;line-height:1;margin:0;}
.page-headline h3 {width:700px;color:#777777}
.page-headline h4 {width:700px;color:#777777}
#submenu li {list-style-type: none;  padding: 0;  margin: 0; float:left; font-family:Helvetica,Arial,sans-serif;}
#submenu ul {list-style-type: none; padding:0 0 40px; margin: 0; width:960px}
#submenu li	a {margin-right:10px;padding-right:10px;color:#FF6600; border-right:1px solid #999999}
#submenu li a:hover {}
#submenu li.current_page_item a { font-weight:bold}
#submenu { width:960px; display:block}
#submenu a:hover, #submenu ul li.current_page_item a  {display:block}

/* =Blog
-------------------------------------------------------------- */
#author-int {/*height:60px*/}
#author-int img {vertical-align:middle; float:left; padding-right:10px}
.blog-filter {height:25px; font-weight:bold; text-transform:uppercase; 
 border-bottom:1px solid #CCCCCC;padding-top:9px	}
.blog-filter p, .blog-filter li   {display:inline; float:left; padding-right:20px}
.blog-filter ul {float:left}
.blog-filter li {width:100px; text-align:center; font-weight:normal; font-size:14px; }
.blog-filter li a {color:#999999;  }
.blog-filter li a:hover {border-bottom:1px solid #999999;  }
.blog-topic a {font-size:14px; color:#FF6600; text-decoration:underline}
.blog-topic a:hover {color:#000000;}
/*.blog-filter li a.blog-home, .blog-filter li a.blog , .blog-filter li a.company  { color:#FF66000; border-bottom:1px solid #FF6600 }
*/
.postr { border-bottom:1px solid #CCCCCC; clear:both;margin: 0 0 25px 0; overflow:hidden; padding:10px 0 10px 0}
.postr p a:link {color:#3366cc}
.postr h3 { margin-bottom:5px; color:#FF6600; font-weight:bold; letter-spacing:-1px;  line-height:1em}
.postr h3 a {color:#FF6600;}
.postr h3 a:hover { border-bottom:1px solid #FF6600;}
.postr ul {padding-left:40px;list-style-type:square;font-size:14px; }
.postr li {line-height:1.4em; margin-bottom:10px}
.postr p a:hover { background:#ECECEC; text-decoration:underline; }
.wp-caption img {border:5px solid #ECECEC}
.wp-caption p {font-size:13px; background:#ECECEC; text-align:center}
.date {font-size:13px; font-family:Lucida Grande,Lucida Sans Unicode,Lucida,Calibri,sans-serif; line-height:20px}

#author-info {    margin:0 0 44px 0;    overflow:hidden;}
#author-info .avatar {    float:left;    /*margin:3em 1em 0 0;*/}
.share { clear:both; font-size:14px; margin-top:10px}
span.likeart {float:left; width:215px; padding-top:8px}
.twit, .deli, .face, .stum {padding: 6px 5px 0 30px; float:left; margin-right:10px; vertical-align:middle; height:35px}
a.twit { background:url(http://91.198.165.201/~fireflyc/fftest/wp-content/uploads/twit.png) no-repeat; color:#6699CC}
a.deli { background:url(http://91.198.165.201/~fireflyc/fftest/wp-content/uploads/deli.png) no-repeat; color:#333333}
a.face { background:url(http://91.198.165.201/~fireflyc/fftest/wp-content/uploads/face.png) no-repeat; color:#0066FF}
a.stum { background:url(http://91.198.165.201/~fireflyc/fftest/wp-content/uploads/stum.png) no-repeat; color:#009966}

/* =Sidebar 
-------------------------------------------------------------- */
.search-sidebar { width:245px; float:right; margin-bottom:22px; font-size:14px; background:#ECECEC; padding:15px; margin-top: 45px;}



.sidebar_blog { width:245px; float:right; margin-bottom:22px; font-size:14px; background:#ECECEC; padding:15px}
.sidebar_blog h4 {border-bottom:1px solid #cccccc; margin-bottom:10px}
.sidebar_blog h6 {  }
.sidebar_blog li {margin-bottom:10px}
h3.widgettitle {font-size:1.5em;border-bottom:1px solid #CCCCCC;margin-bottom:10px; padding-bottom:5px}
.textwidget { font-size:13px; line-height:16px;}
/*.sidebar_blog a {color:#3366cc}
.sidebar_blog a:hover, .sidebar_blog a:visited {color:#3366cc}*/


/* =Sidebar Delicious
-------------------------------------------------------------- */
#delicious-1 { list-style:none}
#delicious-1 h3 { font-weight:bold;}
#delicious-1 li { list-style:none; }
#delicious-1 ul { margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}
.delicious {font-family:Arial, Helvetica, sans-serif}
.delicious li {/*list-style:none*/; margin-bottom:10px;}
.delicious-item li a:hover {text-decoration:underline}
ul.archive {}
ul.archive li a {color:#FF6600}

#client {border:1px solid #dad8d8; width:245px; float:right}
.clients {height:90px; float:left; margin-top:0px;    margin-bottom:0px;    padding:0px;}
#client img {float:left}
.news-title {line-height:10px; padding-left:0px; padding-bottom:20px}
.news-title h2 { padding-left:0px}
#post {width:610px; float:left}
#post-head { font-family:'Helvetica Neu',Helvetica,Arial,sans-serif; float:left; padding-top:10px; width:650px;}
#post-head h2 {font-size:2.2em;  line-height:35px; margin:0 0 0.5em 170px;}
#post-head .date {color:#6D746D;float:left;font-size:1em;margin-top:6.45em;position:absolute;top:26px;}
#post p {font-size:16px; }
#post strong {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#post blockquote {color:#FF3300; margin-bottom:-45px;}
#post blockquote p {font-size:24px; font-family:georgia;}
#post a:hover {text-decoration:underline;}
.news-rss {vertical-align:middle; margin-top:-15px; display:block}
.news-rss img { vertical-align:middle}

/* =About Us
-------------------------------------------------------------- */
#gb2 {width:620px; float:left; padding-right:3em}
#gb2 blockquote p{color:#333333;ont-family:Georgia, "Times New Roman", Times, serif;  font-size:16px; padding:20px; line-height:25px; margin-bottom:0px}
#gb2 blockquote {margin:0; border-bottom:1px solid #CCC; background:#ECECEC}
#gb2 img {float:left; padding-right:10px;padding-top:15px;}
#about img {float:left;  margin-right:5px }
#about { display:block}
.contactadd {float:left;height:60px;margin-right:10px;width:200px;}
.contactmap { 	float: left; width: 410px;}

/* =About Us - Single Page
-------------------------------------------------------------- */
span.name {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; line-height:40px; color:#6D6F72}
span.about {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#BBBBBB}
#about h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px}


/* =Global Network
-------------------------------------------------------------- */

#globe blockquote p{color:#333333;font-family:Georgia, "Times New Roman", Times, serif;  font-size:16px; padding:20px; line-height:25px; margin-bottom:0px}
#globe blockquote {margin:0; border-bottom:1px solid #CCC; background:#ECECEC}
#globe img {margin-right:10px; float:left;/* padding:15px 0;*/}
#globe li {height:45px;line-height:1;/*padding:0 0 18px;*/display:inline-block; width:520px; font-size:13.5px; margin-bottom:10px}
#globe li img {float:left;}
#globe li p {margin:0 0 0 130px; padding-top:4px /*padding:5px 0px 5px 5px*/}
#globe li p:hover {background:#ECECEC; /*height:45px;*/}
#globe li a:hover {display:block}
#globe li img:hover {background:#FFFFFF}
#globe li:hover {background:#ECECEC; }
#globe .more {border-top:3px solid #DDDDDD; padding-top:10px;}
.globe-main {width: 520px; float: left; margin-right: 50px;}
.globe-side {width: 340px; float: left;}
.globe-side.more {border-top:1px solid #DDDDDD; padding-top:20px; font-weight:bold}
.globe-side a:link, .globe-side a:visited {color:#3366cc}
.globe-side a:hover {background:#ECECEC; text-decoration:underline; }


.branch {float:left;height:317px;margin-bottom:10px;margin-right:10px;overflow:hidden;width:230px;border-bottom:1px solid #CCCCCC;}
.branch:hover { background:#ECECEC;  }
.branch a:hover {text-decoration:underline}
.branch h4 {display:inline; padding:0; margin:0}
.branch h4 a:link { color:#000000	}
.branch img {padding-bottom:5px;}
.branch p {margin-bottom:5px}

#sidebar {width:240px; float:left; font-family: Helvetica, Arial, sans-serif;}
#sidebar h2 {border-color:#DDDDDD;border-style:solid;border-width:0 0 1px;font-size:18px;
font-weight:bold;letter-spacing:-1px;margin:0 0 8px;padding:10px 0 5px;}
#sidebar ul li { list-style:none; display:inline-block}
#sidebar a {color:#333333; font-weight:bold; }
#sidebar li:hover {display:inline-block}
#sidebar a:hover { background:#ffff99; border-bottom:1px solid #000000}



#author-info {	background: #eaeaec; padding:10px 10px 0; margin: 0 0 15px 0;
	-moz-border-radius: 8px;	-webkit-border-radius: 8px;	border-radius: 8px;	overflow: auto; clear:both}
#author-info div#author-image {		float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;	}
#author-info h4 {clear:none}

.grido { margin-bottom:10px}
.grido h4 {font-size:14px; font-weight:bold; line-height:18px}
.grido h4 a {color:#FF6600}
.grido h4 a:hover {color:#FF6600;border-bottom:1px solid #FF6600;}
.grido p {margin:0;font-size:13px}
span.meta {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#666666; display:block}

.case-filter { height:30px; padding:10px 0px; clear:both; width:100%}
.case-filter p, .case-filter li   { font-family:Arial, Helvetica, sans-serif; display:inline; float:left; padding-right:5px}
.case-filter ul { float:left}
.case-filter li {width:105px; text-align:center}
a.caselink {padding:10px; background:#F5F5F5; clear:both; font-weight:bold}
.caselink a {padding:10px; background:#ECECEC; clear:both; font-weight:bold}
a.caselink:hover {background:#f7a735; color:#FFFFFF}
.caselink a:hover {background:#f7a735; color:#FFFFFF}

span.web, span.bio, span.view_case{ color:#666666; font-weight:bold;font-size:12px;line-height:1.4em;padding-left:10px}

.awesome{
background: #222 url(http://91.198.165.201/~fireflyc/fftest/wp-content/uploads/2009/12/alert-overlay.png) repeat-x;
display: inline-block;padding: 5px 10px 6px;color: #fff;text-decoration: none;font-weight: bold;
line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;position: relative;cursor: pointer;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);font-family:Arial, Helvetica, sans-serif}

/* Sizes ---------- */
.small.awesome {font-size: 11px;}
.medium.awesome {font-size: 13px;}
.large.awesome {font-size: 14px;padding: 8px 14px 9px;}
 
/* Colors ---------- */
.blue.awesome {background-color: #2daebf;}
.red.awesome {background-color: #e33100;}
.magenta.awesome {background-color: #a9014b;}
.orange.awesome {background-color: #ff5c00;}
.yellow.awesome {background-color: #ffb515;}

h3#position {color:#999999;font-weight:normal;letter-spacing:0.03em;margin-top:5px;}

.clientbox { margin-bottom: 10px; }
.clientbox img { padding:25px 0}
.clientbox h3 { margin-bottom: 5px; font-size:18px }
.clientbox h3 a { color: #000; text-decoration: none }
.clientbox h3 a:hover { text-decoration: underline }
.clientbox p { font-family:Arial, Helvetica, sans-serif; text-align:left}
.clientbox { padding: 10px; border:2px solid #dfdede; -moz-border-radius: 7px; -webkit-border-radius: 7px; min-height: 250px  }
.clientbox .clientlogo { display: block; margin: 0 auto }

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {}
.span-7 {width:230px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {padding-right:80px;width:600px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin-right:0;}
.span-7 {border-left:3px solid #FF6600;height:360px;padding-left:25px;}
.span-7 h5 {padding-bottom:5px}
.span-18 h4 { color:#FF6600}
.append-bottom {margin-bottom:1.5em;}
.service_firebrand, .service_firestarter, .service_firepower, .service_fireproof { text-align: center }
.service_firebrand div, .service_firestarter div, .service_firepower div, .service_fireproof div { text-align: center; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
li.service_sel  { width:220px; float:left;  -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; margin-right:5px}
li.service_sel h4 { text-align:center; padding-top:5px}
li.service_sel:hover { background: #f28d24;}
li.service_sel a.current { background:#333333}
li.service_sel a.selected{background: #f28d24;}
ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; /*width: 100%;*/ }
ul#filter li { border-right: 1px solid #dedede;	float:left;	line-height:16px; margin-right:10px; padding-right:10px; font-size:14px}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #444; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #FF6600; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0;/*overflow:hidden;*/ clear:both}
ul#portfolio li { 	height:200px;	float: left; 	margin: 0 10px 10px 0; 	padding: 5px;	width: 215px;}
ul#portfolio li:hover {color:#000; border: 2px solid #FF6600; }
ul#portfolio li a {color:#000000}
ul#portfolio a:hover { color:#000; text-decoration: none; }
/*ul#portfolio img { padding-top:20px/*border: 2px solid #dedede;  border: 1px solid #dedede; display: block; padding-bottom: 5px; }*/*/
#back-case {height:40px}
.view-case {height:80px; clear:both; margin:60px 0 10px}
.caseleft, .caseright { height:40px}
.caseleft { border-right:1px solid #666666; display:inline; padding-right:10px}
.caseright { display:inline}

/* =About Us - Working at Firefly Page
-------------------------------------------------------------- */
.benefits { clear:both; display:inline-block; margin-bottom:25px;}
.grid {float:left; margin-right:15px;padding:10px;width:155px; background:#ECECEC; height:145px; border-bottom:1px solid #CCCCCC;}
.grid p { font-size:13px}
.stats {float:left;height:75px;margin-bottom:30px;margin-right:18px;text-align:center;width:220px;}
.stats-line {border-right:1px solid #CCCCCC;}
.stats p{ color:#777777; font-size:20px;}

/* About Us Pages */
.history {width:290px}
.history ul { border-left:3px solid #FF6600; margin-left:10px}
.history li { font-size:13px; margin:10px 0 0 0;padding:0 0 8px 8px; line-height:15px;}
.history li.moment {background:#ECECEC}
.employ { display:block; min-height:230px; overflow:hidden;}
.employ img {float:left; margin-right:20px;}
.employ p {padding-left:190px;width:600px;}
.manage { display:block; min-height:230px; overflow:hidden;}
.manage img {float:left; margin-right:20px;}
.manage p {padding-left:230px;width:600px;}

.team {width:200px; float:left; height:250px;; padding:10px }
.team h5 {font-weight:bold}
.team small { font-size:0.8em}
.team a:hover{  }

.caseintro {width:350px; float:left; margin-right:30px}
.caseintro img {padding-bottom:10px}
.service_firebrand > div:hover  { background: #f28d24;  }
.service_firestarter > div:hover { background: #f28d24; }
.service_firepower > div:hover  { background: #f28d24;  }
.service_fireproof > div:hover  { background: #f28d24; }
.serviceslist li {
background:transparent url(http://91.198.165.201/~fireflyc/fftest/wp-content/uploads/2009/12/bullet_orange.png) no-repeat scroll left 4px;
margin-bottom:20px;
padding-left:20px;
text-align:left;
line-height:25px;
}
.highlight { color:#000000;
font-weight:bold; }

#slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
	clear:both;
}

.scroll {
    /*height: 210px;*/
    width:960px;
	height:550px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width:960px;
}

#shade {
    background: #EDEDEC url(shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	height:130px;
}

ul.navigation li {
    display: inline;
   
}
.clients ul {background:#ECECEC }
.clients li img { margin-bottom:10px; padding-top:10px; vertical-align:middle;}
.clients li span.view_case {  color:#FF6600}

ul.navigation a.selected {
  /*  background-color: #F28D24;*/
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {left: -20px;}

.scrollButtons.right { right: -20px;}

.hide { display: none;}






/** Style the tweets */
.twitters {
  /* border: 1px solid #e5e5e5;
  padding: 5px;
 overflow: auto;
  margin: 20px;*/
font-size:13px;
line-height: 1.4em;
}

.twitters a {color: #ff6600; font-weight: bold;}

.twitters ul {
  list-style: none;
  padding: 0;
  /*white-space: nowrap;*/
}

.twitters ul li{padding-bottom: 8px;}


.twitters span.prefix {
  font-weight: bold;
}

.twitters span.time {
  font-style: italic;
  color: #c5c5c5!important;
}

.twitters span.status {
  font-style: italic;
}