h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

body 
{
    font: 77% "helvetica neue", Myriad Pro, Segoe UI, helvetica, verdana, sans-serif;
    text-align: left;
color: #222;
    /*
border-top: 3px solid #5d8c1c;
font: 77% "helvetica neue", helvetica, verdana, sans-serif;
min-width: 960px;*/ /* hack for jeff firefox */

/*
text-align: left;
color: #222;
background: url(fade_background.gif) repeat-x #eaeee6;
*/

}

a:link {
	color: #5d8c1c;
	text-decoration: none;
}
a:visited {
	/*color: #86b249;*/
	color: #5d8c1c;
	text-decoration: none;
}
a:hover {
	color: #86b249;
	text-decoration: underline;
}

.alignleft {float: left; margin: 2px 10px 2px 0;}
.alignright {float: right; margin: 2px 0 2px 10px;}

li
{
   
    }

ol
{
     list-style-type:lower-alpha;
     margin-left:50px;
     text-align:left;
}
ul
{
    margin-bottom:25px;
     margin-left:20px;
    
}

hr {
border-top: 1px solid #eee;
border-bottom: 1px solid #ccc;
border-right: none;
border-left: none;
text-align: center;

margin: 2em 0;
}

.wrapper {
width: 960px;
margin: 0 auto;
}

#main {
margin: 15px 0 25px 0;
}

h1 {
font-size: 1.8em;
 line-height: 1.2em;
 margin-bottom:0px;
 margin-top:0px;
 display:inline;
 margin:0;
 color:#2A4808;
 float:left;
}

h2 {
font-size: 1.8em;
 line-height: 1.2em;
 color:#2A4808;
}

.HEADER2
{
    font-size: 1.8em;
 line-height: 1.2em;
 color:#2A4808;
}
#HEADER2
{
    font-size: 1.8em;
 line-height: 1.2em;
 color:#2A4808;
}

h3 {
font-size: 1.4em;
color:#2A4808;
}

h4 {
font-size: 1.2em;
line-height: 1.3em;
color: #666;
padding-bottom: .5em;
}



/* -------------------- Header -------------------- */

#header {
/*height: 90px;*/
width:100%;
/*background:url(images/creative_slice_logo.gif) repeat-x;*/

}

#footer {
 background-color:#2A4808; /*#24211A;*/
 height:100%;
 text-align:center;
 color:gainsboro;
 font-family:Verdana, Arial, Helvetica;
}

#footer a:link
{
    color:gainsboro;
    text-decoration:underline;
    font-family:Verdana, Arial, Helvetica;
}

#footer a:visited
{
    color:gainsboro;
    text-decoration:underline;
    font-family:Verdana, Arial, Helvetica;
}

#footer a:active
{
    color:gainsboro;
    text-decoration:underline;
    font-family:Verdana, Arial, Helvetica;
}

#footer a:hover
{
    color: #86b249;
    text-decoration: none;
    font-family:Verdana, Arial, Helvetica;
}


#top
{

    background:url(images/top_bg.jpg) repeat-x;
}

/*
#nav
{
   background-color:white; 
}*/

#nav_content
{
background-color:#2A4808;
   
}
#middle
{
   background-color:#EEE8DA; 
   vertical-align:top;
   height:100%
}

#white
{
   background-color:#EEE8DA; 

}

#content
{
    background-color:#EEE8DA; 
 width:1000px; 
 min-height:400px;
 text-align:left;
  margin-left:50px;
  
}

#content .entry 
{
    background-color:#EEE8DA; 
    /*background-image: url("images/bg_content.jpg") ;*/
    background-repeat:no-repeat;
    color:#42240A;
margin: 0 20px;
padding: 0px 0;
font-size:1.2em;
 line-height:1.3em

}

h1#logo {
margin-top: 36px;
width: 239px;
float: left;
height: 42px;
overflow:hidden;
text-indent: -9999px;
background:url(images/creative_slice_logo.gif) no-repeat left top;
}

h1#logo a, h1#logo a span { display:block; width:239px; height:42px; }
h1#logo a span { padding-top:42px; }

#clientlogintop {
position:absolute;
top:2px;
right:0px;
font-size: .7em;
z-index:5;
}

#clientlogintop a,
#clientlogintop a:visited {
text-decoration:none;
background: #5d8c1c;
padding: 0px 5px 2px 5px;
margin-top: -1px;
color:#eee;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
display: block;
}

#clientlogintop a:hover {
color: #fff;
background: #86b249;
text-decoration: underline;
}


/* -------------------- Nav --------------------


#nav {
float: left;

 margin-left:50px;
margin-top: 33px;
background: url(menu_background.gif) top repeat-x #eee;
padding: 3px;
border-top: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #eee;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#nav li {display: inline;float: left;}

#nav a {
border-right: 1px solid #ccc;
padding: 6px 20px;
line-height: 28px;
font-size: 12px;
font-weight: bold;
color: #222;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#nav a:hover {
color: #5d8c1c;
}

#nav .current_page_item a,
#nav .current_page_parent a,
#nav .current_page_ancestor a {
color: #fff;
background: url(menu_background_green.gif) top center no-repeat #5d8c1c;
}

#nav #searchform {
width: 160px;
padding: 4px 0 0 18px;
}

#nav input#s {
width: 140px;
color: #666;
padding: 3px 2px 2px 2px;
border: 1px solid #ccc;
}
 */


/* -------- Custom Content Stuff ------------- */


.printicon {
float: right;
padding-top: 1em;
}

#authorbox {
width: 108px;
float: right;
background: #eee;
color: #666;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: .9em;
text-align: center;
padding: 8px 4px 4px 4px;
margin: 0 0 5px 5px;
}


#leftcontent {
float: left;
color: #666;
padding: 3px 10px 0px 10px;
margin: 42px 10px 0 0;
width: 130px;
font-size: .9em;
text-align: right;
}

#leftcontent li {
margin: 1em 0;
list-style: none;
}

#leftcontent strong {
color: #444;
font-size: .8em;
}

#content .workimage {
margin-bottom: 15px;
background: #fff;
padding: 4px;
border-top: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #eee;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-align: center;
}

#content .workpost .entry {
margin-left: 170px;

}



.blogpost {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}

#content .wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #fff;
padding: 4px 0 0 0;
}

#content .wp-caption p.wp-caption-text {
padding: 4px;
margin:0;
color: #666;
font-size: .9em;
}

.grid img{
width: 200px;
height: 140px;
}

.grid img:hover {
background: #86b249;
}

.grid {
text-align: center;
float: left;
background: #fff;
border-top: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #eee;
padding: 6px;
width: 200px;
height: 172px;
margin: 15px 0 13px 20px;
opacity: .9;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.grid a {
display: block;
text-decoration: none;
color: #666;
font-weight: bold;
font-size: .9em;
}

.grid a:hover {
color: #86b249;
}

.grid:hover {
opacity: 1.0;
border: 1px solid white;
}

#content .sitemap ul {
font-size: .8em;
border: 1px solid #fff;
}

#content .sitemap li {list-style: none;}

/* **************************************
/* ***************************************


/* ------------------------------ Content ---------------------------- */


#content {
text-align: left;

}


#content p {

margin: 0 0 1.1em 0;

}



#content h3 {
color: #2A4808;
font-weight:bold;
padding-bottom: .3em;
}






#FWTableContainer1842609305 {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:1000px;
	height:1100px;
	text-align:left;
}

#MMMenuContainer0219121138_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0219121138_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:345px;
	top:167px;
	visibility:hidden;
	z-index:300;
}

#MMMenu0219121138_0 {
/* This class defines things about menu MMMenu0219121138_0's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#333333;
	border:0px solid #ffffff;
	width:191px;
	height:182px;
}

.MMMIFVStyleMMMenu0219121138_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0219121138_0 */
	border-top:0px solid #ffffff;
	border-left:0px solid #ffffff;
	border-bottom:0px solid #333333;
	border-right:0px solid #333333;
	width:191px;
	height:26px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:181px;
	height:16px;
}

.MMMIVStyleMMMenu0219121138_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0219121138_0 */
	border-top:0px;
	border-left:0px solid #ffffff;
	border-bottom:0px solid #333333;
	border-right:0px solid #333333;
	width:191px;
	height:26px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:181px;
	height:16px;
}

#MMMenu0219121138_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0219121138_0 so we can set its position */
	left:0px;
	top:0px;
}

#MMMenu0219121138_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0219121138_0 so we can set its position */
	left:0px;
	top:26px;
}

#MMMenu0219121138_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0219121138_0 so we can set its position */
	left:0px;
	top:52px;
}

#MMMenu0219121138_0_Item_3 {
/* Unique ID for item 3 of menu MMMenu0219121138_0 so we can set its position */
	left:0px;
	top:78px;
}

#MMMenu0219121138_0_Item_4 {
/* Unique ID for item 4 of menu MMMenu0219121138_0 so we can set its position */
	left:0px;
	top:104px;
}

#MMMenu0219121138_0_Item_5 {
/* Unique ID for item 5 of menu MMMenu0219121138_0 so we can set its position */
	left:0px;
	top:130px;
}

#MMMenu0219121138_0_Item_6 {
/* Unique ID for item 6 of menu MMMenu0219121138_0 so we can set its position */
	left:0px;
	top:156px;
}

#MMMenuContainer0219121138_0 img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#MMMenuContainer0219121138_0 a {
/* Controls the general apperance for menu MMMenuContainer0219121138_0's items, including color and font */
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	background-color:#cccccc;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#MMMenuContainer0219121138_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0219121138_0 */
	color:#ff9900;
	background-color:#666666;
}