body

{

	margin:0px auto;

	font: 12px/16px Arial, Tahoma, Verdana;

	background: url(../images/bg-main.gif) repeat-x #fff;

	color: #333;

}





#wrapper

{

	width: 980px;

	margin: 0 auto;

}



hr

{

	height: 1px;

	color: #dfdddc;

	border: none;

	background-color: #dfdddc;

}







h1,h2,h3,h4,h5,h6,img,p,ul,li,table

{

margin:0;

padding:0;

border:0;

}



a

{

	color: #B90000;

	text-decoration: none;

}



a:hover

{

	color: #000;

	text-decoration: underline;

}



ul.all

{

	margin: 10px 0 10px 25px;

	padding: 0;

	list-style: disc;

	line-height: 20px;

}



#logo-position

{

	position: absolute;

	left: 30px;

}



#navigation

{

	float: left;

	width: 980px;

	background: url(../images/bg-nav.png) 0 0 repeat-x;

	position: absolute;

	height: 77px;

	z-index: 99999;

}



		#navigation ul

		{

		float:right;

		}



		#navigation ul li

		{

		list-style:none;

		float:left;

		}



			#navigation ul li a

			{

				font-family: Arial;

				font-size: 110%;

				color: #fff;

				display: block;

				padding: 19px 15px 20px 15px;

				text-decoration: none;

				height: 40px;

			}



.bg-orange

{

	background: url(../images/bg-orange.png) 0 0 repeat-x;

}



.bg-red

{

	background: url(../images/bg-red.png) 0 0 repeat-x;

}



.bg-blue

{

	background: url(../images/bg-blue.png) 0 0 repeat-x;

}



.bg-green

{

	background: url(../images/bg-green.png) 0 0 repeat-x;

}





.menu-about

{

	background: url(../images/about.png) center 20px no-repeat;

	width: 80px;

	height: 16px;

	display: block;

	 -webkit-transition: all 500ms ease-in-out;

-moz-transition: all 500ms ease-in-out;

-ms-transition: all 500ms ease-in-out;

-o-transition: all 500ms ease-in-out;

transition: all 500ms ease-in-out;

}



.menu-about:hover

{

	background: url(../images/abouth.png) center 20px no-repeat #fff;

	width: 80px;

	height: 16px;

	display: block;

}



.menu-about.active

{

	background: url(../images/abouth.png) center 20px no-repeat #fff;

	width: 80px;

	height: 16px;

	display: block;

}





.menu-offer

{

	background: url(../images/offer.png) center 20px no-repeat;

	width: 112px;

	height: 20px;

	display: block;

	 -webkit-transition: all 500ms ease-in-out;

-moz-transition: all 500ms ease-in-out;

-ms-transition: all 500ms ease-in-out;

-o-transition: all 500ms ease-in-out;

transition: all 500ms ease-in-out;

}





.menu-offer:hover

{

	background: url(../images/offerh.png) center 20px no-repeat #fff;

	width: 112px;

	height: 20px;

	display: block;

}



.menu-offer.active

{

	background: url(../images/offerh.png) center 20px no-repeat #fff;

	width: 112px;

	height: 20px;

	display: block;

}



.menu-home

{

	background: url(../images/home.png) center 20px no-repeat;

	width: 48px;

	height: 16px;

	display: block;

	 -webkit-transition: all 500ms ease-in-out;

-moz-transition: all 500ms ease-in-out;

-ms-transition: all 500ms ease-in-out;

-o-transition: all 500ms ease-in-out;

transition: all 500ms ease-in-out;

}



.menu-home:hover

{

	background: url(../images/homeh.png) center 20px no-repeat #fff;

	width: 48px;

	height: 16px;

	display: block;

}



.menu-home.active

{

	background: url(../images/homeh.png) center 20px no-repeat #fff;

	width: 48px;

	height: 16px;

	display: block;

}



.menu-client

{

	background: url(../images/clients.png) center 20px no-repeat;

	width: 91px;

	height: 16px;

	display: block;

	 -webkit-transition: all 500ms ease-in-out;

-moz-transition: all 500ms ease-in-out;

-ms-transition: all 500ms ease-in-out;

-o-transition: all 500ms ease-in-out;

transition: all 500ms ease-in-out;

}





.menu-client:hover

{

	background: url(../images/clientsh.png) center 20px no-repeat #fff;

	width: 91px;

	height: 16px;

	display: block;

}





.menu-client.active

{

	background: url(../images/clientsh.png) center 20px no-repeat #fff;

	width: 91px;

	height: 16px;

	display: block;

}



.menu-gallery

{

	background: url(../images/gallery.png) center 20px no-repeat;

	width: 59px;

	height: 20px;

	display: block;

	 -webkit-transition: all 500ms ease-in-out;

-moz-transition: all 500ms ease-in-out;

-ms-transition: all 500ms ease-in-out;

-o-transition: all 500ms ease-in-out;

transition: all 500ms ease-in-out;

}





.menu-gallery:hover

{

	background: url(../images/galleryh.png) center 20px no-repeat #fff;

	width: 59px;

	height: 20px;

	display: block;

}





.menu-gallery.active

{

	background: url(../images/galleryh.png) center 20px no-repeat #fff;

	width: 59px;

	height: 20px;

	display: block;

}



.menu-enquiry

{

	background: url(../images/enquiry.png) center 20px no-repeat;

	width: 59px;

	height: 20px;

	display: block;

	 -webkit-transition: all 500ms ease-in-out;

-moz-transition: all 500ms ease-in-out;

-ms-transition: all 500ms ease-in-out;

-o-transition: all 500ms ease-in-out;

transition: all 500ms ease-in-out;

}





.menu-enquiry:hover

{

	background: url(../images/enquiryh.png) center 20px no-repeat #fff;

	width: 59px;

	height: 20px;

	display: block;

}





.menu-enquiry.active

{

	background: url(../images/enquiryh.png) center 20px no-repeat #fff;

	width: 59px;

	height: 20px;

	display: block;

}



.menu-contact

{

	background: url(../images/contact.png) center 20px no-repeat;

	width: 86px;

	height: 16px;

	display: block;

	 -webkit-transition: all 500ms ease-in-out;

-moz-transition: all 500ms ease-in-out;

-ms-transition: all 500ms ease-in-out;

-o-transition: all 500ms ease-in-out;

transition: all 500ms ease-in-out;

}





.menu-contact:hover

{

	background: url(../images/contacth.png) center 20px no-repeat #fff;

	width: 86px;

	height: 16px;

	display: block;

}





.menu-contact.active

{

	background: url(../images/contacth.png) center 20px no-repeat #fff;

	width: 86px;

	height: 16px;

	display: block;

}



#animation

{

	float: left;

	width: 980px;

}



#animation span

{

	float: left;

	width: 980px;

	margin-top: 59px;

}



#icon-services

{

	float: left;

	width: 980px;

	margin-top: 40px;

	

}



	#icon-services ul li

	{

		float: left;

		list-style: none;

		margin: 0 0 0 9px;

		padding: 5px 0 5px 0;

		-webkit-transition: all 800ms ease-in-out;

		-moz-transition: all 800ms ease-in-out;

		-ms-transition: all 800ms ease-in-out;

		-o-transition: all 800ms ease-in-out;

		transition: all 800ms ease-in-out;

	}



	#icon-services ul li:hover

	{

		background: #edd278;

	}



#content-main

{

	float: left;

	width: 980px;

	background: url(../images/bg-content.gif) 0 0 no-repeat;

	margin-top: 20px;

}



#content-main-inner

{

	float: left;

	width: 910px;

	background: url(../images/bg-content.gif) 0 0 no-repeat;

	margin-top: 20px;

	padding: 35px;

}



	#content-main-inner h2

	{

		font: 30px Verdana;

		border-bottom: 1px dotted #ccc;

		margin-bottom: 10px;

		padding-bottom: 5px;

		color: #9d2712;

	}



	#content-main-inner h2 b

	{

		font-weight: normal;

		color: #e2a007;

	}



#box-services

{

	float: left;

	width: 920px;

	padding: 20px 15px 20px 15px;

	margin: 15px 15px 0 15px;

	background: #ffffff; /* Old browsers */

	background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4d1 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4d1)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4d1 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #ffffff 0%,#e4e4d1 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4d1 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4d1 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4d1',GradientType=0 ); /* IE6-9 */

}



	#box-services ul li

	{

		float: left;

		list-style: none;

		width: 213px;

		position: relative;

		margin-right: 8px;

		margin-left: 9px;

		border-top: 3px solid #f7c820;

	}



	#box-services ul li:last-child

	{

		margin-right: none !important;

	}



	#box-services ul li a

	{

		height: 304px;

		width: 213px;

		display: block;

	}



	#box-services ul li span



	{

		position: absolute;

		background: url(../images/bg-services.png) 0 0 repeat-x;

		height: 250px;

		color: #fff;

		font: 11px/14px Verdana;

		padding: 15px 10px 10px 10px;

		width: 193px;

	}



	#box-services ul li span ul li

	{

		list-style: disc;

		color: #fff;

		margin-left: 20px;

		background: none !important;

		margin-bottom: 3px;

		border-top: none !important;

	}



#footer

{

	float: left;

	width: 100%;

	background: url(../images/bg-footer.gif) 0 0 repeat-x #fff;

	margin-top: 30px;

}



#footer-copyright

{

	margin: 0 auto;

	width: 950px;

	margin-top: 35px;

	color: #999;

	padding: 0 15px 0 15px;

	text-align: right;

	font-size: 11px;

}



#footer-content

{

	margin: 0 auto;

	width: 950px;

	margin-top: 22px;

	color: #999;

	padding: 0 15px 0 15px;

}



	#footer-content span

	{

		float: right;

		color: #9d2712;

	}



	#footer-content span a

	{

		color: #9d2712;

	}



#bottom-margin

{

	margin: 0 auto;

	width: 980px;

	height: 50px;

}







.imgL {

	float: left;

	margin: 0 10px 5px 0;

	padding: 5px;

	background: #fff;

	border: 1px solid #e6e6e6

}



.imgR {

	float: right;

	margin: 0 0 5px 10px;

	padding: 5px;

	background: #fff;

	border: 1px solid #e6e6e6;

}



#box-table-a

{

	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;

	font-size: 12px;

	border-collapse: collapse;

}

#box-table-a th

{	

	padding: 8px;

	background: #f7c820;

	/*border-top: 4px solid #e9f5e6;*/

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	color: #9d2712;

	border-right:none;

	font: bold 12px Arial, Helvetica, sans-serif;

	text-align: left;

	/*background:#fcfcfc;*/

}

#box-table-a td

{

	padding: 8px;

	background: #fff; 

	border: 1px solid #cccccc;

	color: #666;

	border-top: 1px solid #cccccc;

}

#box-table-a tr:hover td 

{

	background: #eee;

	color: #333;

}



#box-table-a tr:hover td a

{



	color: #006699;

}



#box-table-a td a:hover{ color:#fff;}



#box-table-a a{ color:#006699;}

#box-table-a a:hover{ color:#006699; text-decoration: underline;}



#sticker {

		position: relative;

		right: 5px;

      width: 24px;

      float:right;

    }



#sticker ul li {

	list-style: none;

	float: left;

	margin-bottom: 5px;

    }











/* test */