/* CSS Document */

body
{
	background:url(images/body-bg.jpg);
	font-size:90%;
	margin:0;
	padding:0;
	font-family:Calibri, arial;
}
a img{border:none;}

#top
{
	background:url(images/top-bg.png) top left no-repeat;
	width:970px;
	height:90px;
	margin:10px auto 0 auto;
}
#top .logoleft
{
	width:300px;
	height:60px;
	float:left;
}
#top .logoleft img
{
	margin:15px 0 0 80px;
}
#top .logoright
{
	width:300px;
	height:60px;
	float:right;
}
#top .logoright img
{
	margin:15px 0 0 13px;
}

/*============================================================================================*/
/*======== royage Start Here ==========*/
/*============================================================================================*/
#shadow-left {
	background:url(images/shadow-left.png) top left repeat-y;
	width:970px;
	margin:0 auto;
}
#shadow-right {
	background:url(images/shadow-right.png) top right repeat-y;
	width:970px;
	margin:0 auto;
}
#royage
{
	width:948px;
	background:#FFF;
	margin:0 auto;
	padding:0;
}
/*============================================================================================*/
/*======== MenuStart Here ==========*/
/*============================================================================================*/
#menu
{
	width:948px;
	height:34px;
	background: url(images/menu-bg.png) top left repeat-x;
	margin:-10px 0 0 0;
	padding:0;
}
#menu ul
{
	margin:0 20px;	
	padding:0;
}
#menu ul li
{
	float:left;
	list-style:none;
	margin:0 42px 0 0;
}
#menu ul li a
{
	text-align:center;
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#000;
	height:21px;
	padding:4px 0 0 0;
	margin:6px 0 0 0;
	text-decoration:none;
	float:left;
}
#menu ul li a:hover, 
#menu ul li.current a,
#menu ul li:hover a{ color:#000;cursor:pointer; background:url(images/menu-hover-bg.png) top left repeat-x;}

#menu ul li:hover div.left,
#menu ul li:hover div.right,
#menu ul li.current div.left,
#menu ul li.current div.right,
#menu ul li div.left,
#menu ul li div.right
{
	background:url(images/menu-hover.png) top left no-repeat; 
	height:25px;
	width:12px; 
	display:block; 
	margin:6px 0 0 0;
	float:left;

}
#menu ul li:hover div.right,
#menu ul li.current div.right,
#menu ul li div.right
{
	background:url(images/menu-hover.png) top right no-repeat; 
	width:12px;
}
#menu ul li div.right
{
	background:none;
	margin-right:-12px !important;
}
#menu ul li div.left
{
	background:none;
	margin-left:-12px !important;
}
#tabs
{
	height:415px;
	background: url(images/tab-bg.jpg) top left no-repeat;
	margin:0;
	padding:20px 0 0 0;
	
}
#tabs a.housework
{
	width:549px;
	height:149px;
	background:url(images/house-work.png) top left no-repeat;
	display:block;
	margin:0 auto 0 auto;
}
#tabs a.housework:hover
{
	background:url(images/house-work-hover.png) top left no-repeat;
}
#tabs a.landscape
{
	width:549px;
	height:149px;
	background:url(images/landscape.png) top left no-repeat;
	display:block;
	margin:6px auto 5px auto;
	
}
#tabs a.landscape:hover
{
	background:url(images/landscape-hover.png) top left no-repeat;
}
#tabs .welcome
{
	width:949px;
	height:81px;
	margin:0;
	padding:8px 0 0 0;
	background:url(images/welcome-bg.png);
}
#tabs .welcome h2
{
	font-family:cambria;
	font-size:42px;
	color:#FFF;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
#tabs .welcome p
{
	margin:5px 20px 0 30px;
	padding:0;
	font-size:26px;
	color:#FFF;
	text-align:right;
}
/*============================================================================================*/
/*======== slidebar Start Here ==========*/
/*============================================================================================*/
#slidebar
{
	width:915px;
	height:220px;
	background:#32393D;
	-moz-border-radius-topright:.9em;
	-moz-border-radius-topleft:.9em;
	-moz-border-radius-bottomright:.9em;
	-moz-border-radius-bottomleft:.9em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#slidebar h2 {
	color:#fff;
	font-family:Cambria, Times, Georgia;
	font-size:22px;
	padding:10px 10px 10px 30px;
	margin:0;
}
/*-----------------------------------------------------------------------------------
------------------------------- Slider Starts ---------------------------------------
-----------------------------------------------------------------------------------*/
/* outmost wrapper element */
#scrollable {
float: left;
}

/* container for the scrollable items */
.items {
float:left;
height:160px;
display: block;
padding-right:2px;
}
.slide-items {
width: 198px;
height: 167px;
margin:0 3px;
padding: 11px 0 0 9px;
float: left;
display:block;
background: url(images/bg-scorllerDiv.png);


}
.slide-items img {
	width: 184px;
	height:120px;
	border:2px dotted #ccc;
	
}

/* single item */


/* next / prev buttons */
a.prev {
	width: 12px;
	height:160px;
	background:url(images/btn-previous.gif) 0 50px no-repeat;
	float:left;
	margin:auto 5px auto 10px;
	display:block;
	cursor:pointer;
}
a.next {
	width: 12px;
	height:160px;
	background:url(images/btn-next.gif) 0 50px no-repeat;
	float:left;
	margin:auto 5px auto 7px;
	display:block;
	cursor:pointer;
}

/*============================================================================================*/
/*======== container Start Here ==========*/
/*============================================================================================*/
.clear{clear:both;}
#container
{
	padding:5px 0 0 0;
}
#mainarea
{
	width:650px;
	background:#F4F4F4;
	border:1px solid #CCCCCC;
	float:left;
	margin:0 0 0 22px;
	padding-bottom:20px;
	-moz-border-radius-topright:.6em;
	-moz-border-radius-topleft:.6em;
	-moz-border-radius-bottomright:.6em;
	-moz-border-radius-bottomleft:.6em;
}
#mainarea img
{
	float:right;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 18px;
	border:3px solid #32393D;
}
#mainarea h2
{
	margin:20px 0 15px 20px;
	color:#2F3A51;
	font-family:cambria;
	font-size:23px;
	font-weight:bold;
}
#mainarea p
{
	margin:10px 20px;
	line-height:18px;
	text-align:justify;
	font-size:15px;
}
#latestnews
{
	width:240px;
	float:right;
	background:#F4F4F4;
	border:1px solid #CCCCCC;
	margin:0 22px 0 0;
	padding-bottom:10px;
	-moz-border-radius-topright:.4em;
	-moz-border-radius-topleft:.4em;
	-moz-border-radius-bottomright:.4em;
	-moz-border-radius-bottomleft:.4em;
}
#latestnews img
{
	margin:0 0 0 15px;
}
#latestnews p
{
	margin:10px 15px 0 15px;
	line-height:21px;
	text-align:center;
}
#latestnews a
{
	color:#003;
	font-size:13px;
}
/*============================================================================================*/
/*======== footer Start Here ==========*/
/*============================================================================================*/
#footer
{
	height:23px;
	background:#61778F;
	text-align:center;
	color:#FFF;
	margin:25px 0 0 0;
	padding:12px 0 0 0;
}
#footer a
{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}
#copyrights
{
	width:970px;
	height:45px;
	text-align:center;
	background:url(images/bottom-bg.png) top left no-repeat;
	margin:0 auto;
	padding:10px 0 0 0;
	font-size:12px;
}
/*============================================================================================*/
/*=============================== CUSTOM HOME PAGE START HERE ================================*/
/*============================================================================================*/
#tabs .customehome
{
	width:642px;
	height:170px;
	margin:20px auto 0 auto;
}
#tabs .customehome img
{
	margin:10px 0 0 48px;
}
/*============================================================================================*/
/*=============================== LANDSCAPE PAGE START HERE ================================*/
/*============================================================================================*/
#tabs .landscape
{
	width:600px;
	height:167px;
	margin:20px auto 0 auto;
}
#tabs .landscape img
{
	margin:5px 0 0 60px;
	
}
/*============================================================================================*/
/*=============================== CONTACTS PAGE START HERE ===================================*/
/*============================================================================================*/
#contacts
{
	height:230px;
	padding:30px 0 20px 0;
}
#contacts .leftside
{
	width:470px;
	float:left;
}
#contacts .leftside img
{
	margin:0 0 0 60px;
}
#contacts .leftside p
{
	margin-left:60px;
}
#contacts .rightside
{
	width:470px;
	float:right;
}
/*============================================================================================*/
/*=============================== CONTACTAREA PAGE START HERE ===================================*/
/*============================================================================================*/
#contactarea
{
	width:920px;
	margin:0 auto;

}
#contactarea h2
{
	margin:10px 0 10px 60px;
	font-size:30px;
	font-family:cambria;
	color:#2F3A51;
}
#contactarea p {
	margin:10px 0 10px 60px;
}
#contactarea img
{
	float:right;
	margin:0 30px 0 0;
}
#inquiryArea
{
	margin:15px 0 0 50px;
}
#inquiryArea table
{
	text-align:right;
	float:left;
	margin:0;
}
#inquiryArea .txtField,
#inquiryArea .list
{
	width:200px;
	height:15px;
	float:left;
	font-size:11px;
	padding:3px;
	border:1px solid #CCC;
}
#inquiryArea .btnSubmit
{
	cursor:pointer;
	float:left;
}
#inquiryArea textarea
{
	width:400px;
	border:1px solid #CCC;
	margin:0;
	float:left;
}