*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	font:11px/20px Tahoma,Helvetica,sans-serif; 
	color:#42453f;
	padding:15px 0 15px 0;
}

/* Layout Styles Starts */

#wrapper{
	width:930px;
	margin:0 auto;
	background:url(wrapper.jpg) repeat-y;
}
	#header-wrapper{
		height:175px;
		position:relative;
	}
		#header{
			height:150px;
			background:url(header-cat.jpg) no-repeat top;
		}
			#logo{
				width:466px;
				padding:17px 0px 0px 25px;
			}
				#logo h1{
					background:url(2010-logo-generic.jpg) no-repeat;				
				}
					#logo h1 a{
						display:block;
						height:160px;
					}
						#logo h1 a span{
							display:none;
						}
		#menu{
			height:44px;
			background:url(menu-cat.jpg) no-repeat;
		}
			#menu ul{
				list-style:none;
				margin:0 0 0 20px;
			}
				#menu li{
					display:inline;
					margin:0 15px;
					line-height:42px;
					font-size:15px;
					font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
				}
					#menu li a, #menu li a.current{
						color:#42453f;
						font-weight:normal;
					}
						#menu li a:hover, #menu li a.current{
							color:#852c00;
							text-decoration:none;
						}
		#header-wrapper img{
			position:absolute;
			top:25px;
			right:30px;
		}
	#container{
		padding:35px 0px 15px 0px;
		width:900px;
		margin:0 auto;
		background:url(divider.gif) repeat-y 669px 0;
	}
		#mainarea{
			width:625px;
			float:left;
			padding:0px 22px 0px 22px;
	}
		#mainarea h2{font-size:22px; color: #38944b;}

	}
		#mainarea h4{font-size:16px; color: #307d3f;}

	}
		.works{
				width:190px;
				float:left;
				display:block;
				margin:10px 26px 16px 0;
			}
				.works img{
					border:1px solid #c8c8c8;
					padding:3px;
				}
				.works.last{
					margin:10px 0 16px 0;
				}
		#sidearea{
			width:200px;
			float:right;
			padding:0px 15px 0px 0px;
		}
			#container #sidearea ul{
				margin:0;
				list-style:none;
			}
				#container #sidearea li a{
					font-weight:normal;
				}
			#container span{
				color:#852c00;
			}
	#footer{
		background:url(footer-cat.jpg) no-repeat bottom;
		height:66px;
		line-height:44px;
		padding:0px 35px;
		color:#42453f;
		font-size:10px;
	}
		#footer a{
			color:#42453f;
		}
			#footer a:hover{
				color:#852c00;
				text-decoration:none;
			}

* html .threepxfix{
margin-left: 3px;
}

/* Layout Styles Ends */



/* Form Styles */

.cards{

	margin:890px 0px 0px 0px;
	padding:890px 0px 0px 0px;
}

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	font: 11px 'Lucida Grande', Tahoma, Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
	margin:5px 0;
	padding:2px;
	width:200px;
	padding-left:5px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}
.signin-btn, .button1{
	background:#779e01;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */
#board{
text-align: left;
padding-top: 0px;
padding-bottom: 20px;
outline:none;
}
#info {
text-align: right;
padding-top: 0px;
padding-bottom: 0px;
}
#w3c{
padding:0px 0px;
}
#container p.hr{
	border:solid #dcdcdc;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
ul#portfolio{margin:0;list-style:none;
}

#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

#quotebottom {  
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

#mainarea img left {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
padding-top: 5px;
padding-bottom: 0px;
}

/* Paragraph Styles */

/* Genric Styles Starts */
.twitter {
float: right;  
padding-top: 18px;
padding-right: 0px;
}

.info {
text-align: right;
padding-top: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.brown {
color: #852c00;
}
.red {
color: #cc0000;
padding-top: 0px;
padding-bottom: 0px;
}
.brown2 {
color: #852c00;
padding-top: 15px;
padding-bottom: 0px;
}
.graphicleft {
padding: 1px 1px 1px 1px;
float:left;
background: #cccccc;
border: 4px solid #e1e1e1;
margin-right: 15px;
}
.graphicright {
padding: 1px 1px 1px 1px;
float:right;
background: #cccccc;
border: 4px solid #e1e1e1;
margin-left: 15px;
}
.kudos {
font-size: 10px;
color: #325269;
}
* html .threepxfix{
margin-left: 3px;
}
a {color: #42453f;}
a:link {  text-decoration: none; color:#42453f; }
a:visited {  text-decoration: none; color:#42453f; }
a:hover { text-decoration: none; color: #852c00; }
a:active {  text-decoration: none; color:#42453f; }
a:hover { visibility: visible; /* IE bug fix */ }

a {    outline: none;}

span.c1 {color: #95724F} /* brown text */
span.c2 {color: #9E0E0E; font-size: 14px} /* red section titles */
span.c3 {color: #787878} /* grey copyright link */
span.c4 {color: #9E0E0E;} /* red warning */


span.c10 {color: #95724F} /* brown text */
span.c11 {color: #ffffff;} /* white link */

h5, h6{font-size:12px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;font-weight:normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:#5c5b5b;font-weight:normal;}

h1{font-size:32px;}
h2{font-size:22px; color: #3fa854;}
h3{font-size:20px;}
h4{font-size:16px; color: #3fa854; font-weight: normal;}							
img{border:none;}
.clear{clear:both;}
.floatleft{float:left; padding-right: 0px;}
.floatright{float:right; padding-left: 0px;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}

/* Genric Styles Ends */
