*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#42453f;
	padding:30px 0 0 0;
}

/* Layout Styles Starts */
/* Slideshow
---------------------------------------------------------- */
#slideshow {
    position:relative;
    height:350px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow IMG.active {
    z-index:10;
}
#slideshow IMG.last-active {
    z-index:9;
}
/**************/

#wrapper{
	width:930px;
	margin:0 auto;
	background:url(../img/wrapper.jpg) repeat-y;
}
	#header-wrapper{
		height:169px;
		position:relative;
	}
		#header{
			height:125px;
			background:url(../img/header.jpg) no-repeat top;
		}
			#logo{
				width:700px;
				padding:26px 0 0 44px;
			}
				#logo h1{
					background:url(../img/logo.jpg) no-repeat;				
				}
					#logo h1 a{
						display:block;
						height:100px;
					}
						#logo h1 a span{
							display:none;
						}
		#menu{
			height:44px;
			background:url(../img/menu.jpg) no-repeat;
		}
			#menu ul{
				list-style:none;
				margin:0 0 0 30px;
			}
				#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:#055259;
						font-weight:normal;
					}
						#menu li a:hover, #menu li a.current{
							color:#fff;
							text-decoration:none;
						}
		#header-wrapper img{
			position:absolute;
			top:25px;
			right:45px;
		}
	#container{
		padding:25px 0 15px 0;
		width:900px;
		margin:0 auto;
	}
		#mainarea{
			width:825px;
			float:left;
			padding:0 22px;
		}
			.works{
				width:820px;
				float:left;
				display:block;
				margin:10px 22px 16px 0;
				padding: 3px;
				border:1px solid #c8c8c8;
				
			}
				.works img{
					border:1px solid #c8c8c8;
					padding:3px;
				}
				.works.last{
					margin:10px 0 16px 0;
				}
		#sidearea{
			width:200px;
			float:right;
			padding:0 15px;
		}
			#container #sidearea ul{
				margin:0;
				list-style:none;
			}
				#container #sidearea li a{
					font-weight:normal;
				}
			#container span{
				color:#678804;
			}
	#footer{
		background:url(../img/footer.jpg) no-repeat bottom;
		height:66px;
		line-height:44px;
		padding:0 35px;
		color:#304000;
		font-size:10px;
	}
		#footer a{
			color:#304000;
		}
			#footer a:hover{
				color:#fff;
			}

/* Layout Styles Ends */



/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
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 */

#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;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.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%;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#547607;}
h1{font-size:32px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
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;}							
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.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;}

#imageList {
	float: left;
	margin: 7px;
	padding: 4px;
	background: #e6e6e6;
	border: 1px solid #d9d9d9;
	text-align: center;
}
/* Genric Styles Ends */
/** ACCORDION **/

/****/
.basic  {

}
.basic div {
	background-color: #d0d0d0; padding:2px;
}
.basic span {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.basic span:hover {
	color:#fff;
}
.basic span.selected {
	color:#fff;
}
.basic a{
	color:#800;
	text-decoration:none;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 margin-left: 25px;
 width: 850px;
 height: 150px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 60px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */