*{
	margin:0;
	padding:0;
}
body{
	background:#e5ebee url(images/bg.gif) repeat-x top;
	font:11px/22px Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
	color:#535353;
}

/* Layout Styles Starts */

#wrapper{
	width:900px;
	margin:0 auto;
}
	#header{
		height:99px;
		overflow:hidden;
	}
		#logo{
			width:237px;
			float:left;
		}
			#logo h1{
				background:url(images/logo.gif) no-repeat;			
			}
				#logo h1 a{
					display:block;
					height:99px;
				}
					#logo h1 a span{
						display:none;
					}
		#call-us{
			background:url(images/call-icon.jpg) no-repeat left center;
			color:#4c535f;
			font-weight:bold;
			float:right;
			line-height:99px;
			text-indent:20px;
		}
			#call-us a{
				color:#4c535f;
				border-bottom:1px dotted #4c535f;				
			}
				#call-us a, #call-us a:hover{
					text-decoration:none;				

				}
					 #call-us a:hover{
					 	color:#ca670f;
						border-bottom:1px dotted #ca670f;
					 }
			.mail-us{
				background:url(images/mail-icon.jpg) no-repeat;
				padding-left:28px;
			}
	#menu{
		height:40px;
		overflow:hidden;
	}
		#menu ul{
			margin:6px 0;
		}
			#menu li{
				list-style:none;		
				margin:0 16px 0 0;
			}
			#menu li.nomargin{
				margin:0;
			}
			#menu li, #menu li a, #menu li a span, #menu li a.current, #menu li a.current span{
				display:block;
				float:left;
				height:28px;
				line-height:25px;
				color:#fff;
				text-decoration:none;
				cursor:pointer;
				text-transform:uppercase;
			}
				#menu li a{
					padding:0 0 0 7px;
				}
					#menu li a span{
						padding:0 14px 0 7px;
					}
						#menu li a:hover{
							background:url(images/hover-l.jpg) no-repeat left;
						}
							#menu li a:hover span{
								background:url(images/hover-r.jpg) no-repeat right;
							}
				#menu li a.current{
					background:url(images/hover-l.jpg) no-repeat left;
				}
					#menu li a.current span{
						background:url(images/hover-r.jpg) no-repeat right;
					}
	#container{
		background:url(images/divider.jpg) repeat-y 648px top;
		padding:25px 0;
		font:12px/22px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	}
		.block1{
			width:290px;
			margin:0 15px 15px 0;
			display:block;
			float:left;
		}
			.block1 img{
				border:1px solid #d9d9d9;
				padding:5px;
				background:#fff;
			}
		#mainarea{
			width:640px;
			float:left;
		}
			#container h2 span{
				color:#ca670f;
			}
		#sidearea{
			width:230px;
			float:right;	
		}
			#container #recent-works ul{
				list-style:none;
				margin:0;
			}
				.storeitem {float:left;} /* put the main images side by side */
				.window {width:228px; height:120px;} /* set the dimensions of the area for the main image */
				ul.thumbs {margin:2px 0;} 
				ul.thumbs li {float:left; margin:2px 3px 0 0;list-style:none;height:22px;}
				.loader {background:transparent url(images/loading.gif) center center no-repeat;}

#footer-top{
	background:#f1f5f8 url(images/footer-top.gif) repeat-x top;
	width:100%;
}
	#footer-top-inner{
		width:900px;
		margin:0 auto;
		padding:20px 0;
	}
			.fblock1{
				width:160px;
				float:left;
				display:block;
			}
				.fblock1 h6{
					font-family:Verdana, Arial, Helvetica, sans-serif;
					margin:0 0 10px 0;
				}
				.fblock1 p{
					margin:0 0 5px 0;
					text-align:justify;
				}
				.fblock1 ul{
					list-style:none;
					margin:5px 0 0 0;
				}
					.fblock1 li a{
						font-weight:normal;
						font-size:11px;
						text-decoration:none;
						border-bottom:1px dotted;
					}
				.fblock1.floatleft{
					margin:0 25px 0 0;
				}
#footer{
	background:#23262b url(images/footer.jpg) repeat-x;
	width:100%;
	height:40px;
	line-height:40px;
}
	#footer-inner{
		width:870px;
		margin:0 auto;
		color:#c5c9cc;		
		overflow:hidden;
		font-size:11px;
	}
		#footer-inner a{
			color:#c5c9cc;	
			font-weight:normal;
		}
			#footer-inner a:hover{
				color:#fff;
			}				
	
/* Layout Styles Ends */

/* Links Styles Starts */

.readmore{
	margin:5px 0 0 0;
}
	a.readmore{
		color:#222;
		font-size:10px;
	}
		a.readmore:hover{
			color:#ca670f;
		}
#mainarea a{
	color:#4c535f;
	border-bottom:1px dotted #4c535f;
}
	#mainarea a:hover{
		color:#ca670f;
		border-bottom:1px dotted #ca670f;
		text-decoration:none;
	}

/* Links Styles Ends */

/* Form Styles */


.input{
	border:1px solid #496371;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	color:#7f929c;
}
.button1{
	background:url(images/submit-btn.jpg) no-repeat;
	width:74px;
	height:57px;
	margin:8px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#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;
}
#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;	
}
#container ul#works{list-style:none;margin:0;}
#container dt{
	font-weight:bold;
	margin:5px 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:#4c535f;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#000;}
h1{font-size:32px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Trebuchet MS";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;}
.nomargin{margin:0;}
.nomargin-right{margin-right:0;}
.margintop25{margin-top:25px;}
.nobg#container{background:none;}

/* Genric Styles Ends */