body {
padding: 0px;
margin: 0;
background: #d1d0c2;
font-family: trebuchet MS, verdana, arial, sans-serif;
font-size: 15px;
color: #333333;
}

#wrapper
{
	margin: 0 auto;
	width: 960px;
	background: url(images/backgroundscroll.jpg) repeat-y center 0;
	z-index: -1;
}
#leftwrapper
{
	width: 100%;
	background: url(images/backgroundleft.jpg) no-repeat 10px 100px;
}
#rightwrapper
{
	width: 100%;
	background: url(images/backgroundright.jpg) no-repeat 926px 100px;
}
#page
{
	min-height: 300px;
	z-index: 10;
	overflow: auto;
}
#header
{
	background: url(images/backgroundtop.jpg) no-repeat center 0;
}
#leftcolumn
{
	float: left;
	width: 222px;
	min-height: 676px;
	margin: 40px 0 0 30px;
	overflow: auto;
	padding: 20px 40px 0 20px;
	z-index: 10;
	position: relative;
	background: url(images/backgrounddivider.jpg) no-repeat 248px 0;
}
#maincolumn
{
	float: left;
	width: 615px;
	min-height: 676px;
	overflow: auto;
	padding: 0;
	margin: 60px 0 0 0px;
	z-index: 10;
	background: url(images/real_fresh_creative.jpg) no-repeat 548px 0;
}
#footer
{
	background: url(images/backgroundbottom.jpg) no-repeat center 0;
	height: 68px;
	z-index: -9;
}
#footercontents
{
	width: 860px;
	margin: 0 auto;
}
#leftvert
{
	background: url(images/backgroundleft.jpg) no-repeat 0 0;
	position: absolute;
	top: 95px;
	left: 205px;
	width: 25px;
	height: 575px;
}
#centervert
{
	background: url(images/backgrounddivider.jpg) no-repeat 0 0;
	position: absolute;
	top: 40px;
	left: 473px;
	width: 20px;
	height: 676px;
}
#rightvert
{
	background: url(images/backgroundright.jpg) no-repeat 0 0;
	position: absolute;
	top: 95px;
	right: 203px;
	width: 25px;
	height: 575px;
}
#realfreshcreative
{
	background: url(images/real_fresh_creative.jpg) no-repeat 0 0;
	position: relative;
	top: 55px;
	left: 100px;
	width: 70px;
	height: 320px;
}

#contentarea  {
width: 595px;
margin: 0px; 
padding: 0px;
z-index: 11;
}

#contentareawork  {
width: 570px;
height: 160px;
margin: 0px; 
padding: 0px;
overflow: auto;

}

#footer .social, #footer .footermenu
{
	float: left;
	background: url(images/navline.gif) no-repeat 0 0;
	padding: 3px 0 0 0;
}
#footer .footermenu
{
	margin-left: 33px;
	width: 590px;
	background: url(images/footerline.gif) no-repeat 0 0;
	padding: 3px 0 0 0;
}

.page
{
	position: relative;
	margin: 0;
	padding: 0;
}

.page p,.page .entry,.page .content
{
	margin: 0;
	padding: 0;
}
.page .lightsocial_container
{
	display: none;
}
.sidebarcontainer
{
	display: none;
}

#content
{
	position: relative;
}

.content {
font-family: trebuchet MS, verdana, arial, sans-serif;
font-size: 15px;
line-height: 25px;
color: #333333;
text-align: left;
}
.contentcontact {
font-family: trebuchet MS, verdana, arial, sans-serif;
font-size: 15px;
line-height: 20px;
color: #333333;
text-align: left;
float: left;
}

.leftnav {
font-family: trebuchet MS, verdana, arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #666666;
text-align: left;
}

leftnav a:link, leftnav a:visited {text-decoration: underline; color: #666666;}
leftnav a:hover {text-decoration: none; color: #666666;}

h1 {display: inline; font-size: 18px; color: #778e1d; font-weight: normal;}
h2 {display: inline; font-size: 14px; color: #ffffff; font-weight: normal;}
h3 {display: inline; font-size: 12px; color: #00a1de; font-weight: normal;}
h4 {display: inline; font-size: 14px; color: #00a1de; font-weight: normal;}

.medium {font-size: 11px;}
.small {font-size: 10px;}
.error {color: #CC0000;}
.help {color: #009900;}


form {display: inline;}
input, textarea, select { font-family: Trebuchet MS, Gill-Sans, verdana, sans-serif; font-size: 11px; }


#nav {
border: 0px solid #ffffff;
}

#nav ul {padding: 3px; margin: 0; font-size: 12px;}
#nav ul li {display: inline; padding: 0; color: #666666;}
#nav ul li a:link, #nav ul li a:visited {color: #666666; text-decoration: none; }
#nav ul li a:hover {color: #778e1d; text-decoration: none; }

• {color: #778e1d;}






	/* Easy Slider */



	/* for tooltip display */

	#tooltip{
		position:absolute;
		border:1px solid #ccc;
		background:#3e5885;
		padding:2px 5px;
		color:#FFF;
		display:none;
		z-index: 3;
	}	

	/*  */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	
	#container {
		position:relative;
		width: 580px;
		margin: 0px;
		padding: 0px;
		background-color: #3e5885;
		background-repeat: no-repeat;
		border: 1px solid #FFF;
	}				



	#slider{
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		height: 320px;
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
		z-index: 2;
	}
	
	#slider ul, #slider li{
		margin: 0px;
		padding:0px;
		list-style:none;
		}
		
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:546px;
		height:320px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		z-index:1;
		width:24px;
		height:24px;
		position:absolute;
		left:8px;
		top:110px;
		}	
		
	#nextBtn{ 
		left:548px;
		}	
		
	#prevBtn a, #nextBtn a{  
		display:block;
		width:24px;
		height:24px;
		background:url(../images/leftArrow24.png) no-repeat 0 0;	
		}	
		
	#nextBtn a{ 
		background:url(../images/rightArrow24.png) no-repeat 0 0;	
		}												



		
.right
{
	text-align: right;
}
.rightcol
{
	float: right;
}
.left
{
	text-align: left;
}

.post
{
	margin: 0 0 20px 0;
	padding: 0;
	
}
.content a
{
	color: #9aa64c;
}
.content a:hover
{
	color: #666666;
}

.post h2, .post h3
{
	font-size: x-large;
	color: #666666;
}
.post h2 a, .post h3 a
{
	text-decoration: none;
	color: #666666;
}
.post h2 a:hover, .post h3 a:hover
{
	text-decoration: none;
	color: #9aa64c;
}
h2.pagetitle
{
	font-size: medium;
	color: #999999;
	margin: 0 0 15px 0;
	padding: 0;
}

small
{
	display: block;
	margin: 3px 0;
	padding: 0;
	color: #9aa64c;
	font-size: x-small;
	font-weight: bold;
	line-height: 13px;
}

.entry
{
	margin: 10px 0;
	padding: 0;
}

.postmetadata
{
	font-size: small;
	color: #999999;
	margin: 5px 0;
	padding: 0;
}
.postmetadata a
{
	color: #9aa64c;
}
.postmetadata a:hover
{
	color: #666666;
}
.postmetadata small
{
	color: #999999;
	font-weight: normal;
}

.navigation
{
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-size: small;
}
.navigation a
{
	color: #9aa64c;
}
.navigation a:hover
{
	color: #666666;
}


h2#comments, #respond h3
{
	color: #666666;
	font-size: large;
	font-weight: normal;
}

ul.commentlist
{
	margin: 10px 5px 10px 0;
	padding: 0;
	list-style: none;
}
ul.commentlist li
{
	margin: 5px 0 10px 0;
	padding: 0;
	color: #333333;
	font-size: small;
	line-height: 16px;
}
.comment-author, .comment-meta
{
	font-size: x-small;
	font-weight: bold;
	color: #999999;
	margin: 0;
	padding: 0;
	line-height: 16px;
}
.comment-author a, .comment-meta a
{
	color: #9aa64c;
}
.comment-author a:hover, .comment-meta a:hover
{
	color: #666666;
}
.comment-author img
{
	float: left;
	margin: 0 20px 5px 0;
	padding: 0;
}
#commentform p
{
	font-size: small;
	color: #999999;
}
#commentform p a
{
	color: #9aa64c;
}
#commentform p a:hover
{
	color: #666666;
}


#sidebar
{
	margin: 15px 0 0 0;
	padding: 0 0 0 0;

}
#sidebar ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
}
#sidebar ul li
{
	color: #999999;
	margin: 0 0 15px 0;
}
#sidebar ul li a
{
	color: #666666;
}
#sidebar ul li a:hover
{
	color: #9aa64c;
}
h2.widgettitle
{
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

.widget
{
	margin: 0 0 15px 0;
	padding: 0;
}

.mapimage
{
	float: right;
	text-align: right;
	width: 255px;
	background: url(images/vertline.gif) no-repeat 0 0;
	margin: 0 0 0 10px;
	padding: 10px 0 5px 15px;
}
.mapimage img
{
	border: 0;
}

.post-edit-link
{
	font-size: 12px;
}

.workpages, .companypages, .newsletter
{
	display: none;
}
.newsletter
{
	background: url(images/navline.gif) no-repeat 0 0;
	position: absolute;
	bottom: 0px;
	margin: 10px 0;
}