/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


html, body, .basic{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.basis{
	width:1100px;
	height:100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 5px 0 0 0;
	background: #fff;
}

.main{
	background:#fff;
}

.content{
	background: #fff;
}

.center{
	float: left;
	display: inline;
}
.left{
	float: left;
	display: inline;
}

.clear{
	clear:both;
	display: block;
	font-size: 0.1px;
}
/********************************************************************************/
body{
	color: #000;
}

a,a:visited{
	color: #4579A8;
	text-decoration: none;
}
a:hover{
	color: #000000;
	text-decoration: underline;
}
h1, h2, h3, h4, h5{
	color: #f93;
	font-weight:bold;
	margin-bottom:0;
}
h1{
	font-size: 1.7em;
}
h2{
	font-size: 1.1em;
	margin-bottom: 3px;
}
h3{
	font-size: 1.2em;
}
h4{
	font-size: 0.9em;
}
h5{
	font-size: 0.8em;
}
p{
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 20px;
}
ul, ol{
	margin: 0 0 10px 0;
	
}
ul li,
.car2 .item ul li
{
	padding: 0 0 2px 12px;
	background: url(../images/bull.png) 4px 5px no-repeat;
	
}
input.text{
  border: 1px solid #ccc;
}

button{
  border: 1px solid #ccc;
  color: #fff;
  cursor: pointer;
  padding: 4px 10px;
  font-size: 14px;
}

big{
	font-size: 1.1em;
}
/*** left ****/
.left{
	height: 880px;
	width: 580px;
	margin: 0; padding: 0;
	position: relative;
	overflow: hidden;
	background: url(../images/main.jpg) 0 0 no-repeat;
}
.left .menu-home{
	display: block;
	position: absolute;
	left: 70px; top: 0px;
	height: 590px;  width: 230px;
	outline: none;
}

/*** menu ***/
.menu-handler{
	height: 90px;
	width: 40px;
	position: absolute;
	top: 8px; right: 0;
	overflow: hidden;
	text-align:right;
}
.show .show, .hide .hide{
	display: inline;
}
.show .hide, .hide .show{
	position:absolute; top: -200px;
}
.menu{
	height: 480px;
	width: 40px;
	position: absolute;
	top: 92px; right: 0;
	text-align:right;
	/*right: -40px;*/
	right: 0px;
}
	.menu a{
		display: block;
	 	margin-bottom: 2px;
	}
	.menu a:hover{
	  background-position: -222px 0;
	  text-decoration: none
	}

/*** center ****/
.center{
	padding: 100px 20px 0 20px;
	margin:0;
	height: 880px;
	width: 480px;
}
/*** home ***/
#home{
	
}
.double{

	margin: auto;
}
	.double .l{
		float: left;
		width: 210px;
		padding-right: 5px;
	}
	.double .r{
		float: left;
		width: 210px;
		padding-right: 5px;
	}

.with-map{
	padding: 155px 0 0 0;
	background:url(../images/map.jpg) 100px 0 no-repeat;
}
	/***.with-map .r{
		margin-top: 20px;
	}***/

.right-border{
	border-right: 1px solid #ccc;
	padding-bottom: 15px;	
}
/*** delivery ***/
#delivery{

}
	#delivery .double{
		width: 480px;
	}
		#delivery .double .l{
			padding-right: 10px;
		}
	#delivery p{
		text-align: justify
	}
/*** services ***/
#services .center{
	width: 380px;
	margin:0;
	padding: 100px 25px 25px 70px;
	background: url(../images/t-click-pics.png) 20px 387px no-repeat;
}
	#services h1{
		margin-bottom: 15px;
	}
	#services .center .panel{
		border: 1px solid #c7e34f;
		width: 277px;
		overflow: hidden;
	}
/*** contact ***/
#contact .center{
	background: url(../images/contact-image.jpg) 50% bottom no-repeat;
	height: 690px;
	padding-left: 0;
	padding-right: 40px;
}
.with-bus{
	padding: 90px 0 20px 0;
	background: url(../images/bus.png) 50% 0px no-repeat;
}
h1.with-bus{
	text-align: center;
}


#contact .double{
	width: 450px;
	margin-left: 50px;
}
	#contact .double .r{
		width: 220px;
	}

.text-center{
	text-align: center;
}
/*** testimonies ***/
#testimonies .center{
	padding-left: 20px;

	text-align:justify;
}

#testimonies h1.text-center{
	width: 250px;
}

.sig{
	padding: 0 0 0 20px;
}
/*** carousel ***/
.carousel{
	width: 278px;
	height: 209px; overflow: hidden;
}
.car2{
	height: 240px;
}
.carousel-previous, .carousel-next, .center-wrap{
	display: none;
}

.carousel ul li{
	float: left;
	width: 279px;
	height: 209px;
	padding: 0;
	background: none;
}
.carousel .item{
	float: left;
	padding: 10px;
	width: 259px; height: 220px;
}

.car2 .item ul li{
	width:auto;height:auto;float:none;
}
/**/
.car2 .i1,.car2 .i2,.car2 .i3,.car2 .i4,.car2 .i5{
	background: url(../images/car-corner.png) 23px 3px no-repeat;
}
.car2 .i2{background-position: 78px 3px;}
.car2 .i3{background-position: 135px 3px;}
.car2 .i4{background-position: 192px 3px;}
.car2 .i5{background-position: 247px 3px;}

.spec-pager{
	position: relative;
	width: 280px;
	overflow: hidden;
	white-space:nowrap;
}
	.spec-pager .hint{
		position: absolute;
		top: 15px;
		left: -50px;
	}
	.spec-pager a{
		cursor: pointer;
		padding: 0;
		border: 2px solid #fff;
		float: left;
		margin: 0 0 0 3px;
		height: 50px; width: 49px;
	}

.spec-pager a.first{
	margin-left: 0;
}
.spec-pager a.active, .spec-pager a:hover{
	border-color: #d2c146;
}


/* +++++++++ QT hacks (http://realdev1.realise.com/rossa/rendertest/quicktime.html) +++++++++++++++ */
/* hides the second object from all versions of IE */
* html object.mov {display: none;}
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {display: inline;}
/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {display/**/: none;}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.cwrap
{
	overflow-y:scroll; 
	overflow-x:hidden;
	height:655px;
	padding-right:10px;
}
#services-swrap
{
	height:628px;
}
#swrap
{
	position:absolute;
}

#swrap .panel, 
#swrap .panel .carousel, 
#swrap .panel .carousel ul li,
#swrap .panel .carousel ul li img,
#swrap .panel .spec-pager
{
	width:382px !important;
}
#swrap .panel .carousel .item
{
	width:355px !important;
}
#swrap .panel .spec-pager a,
#swrap .panel .spec-pager img
{
	width:70px !important;
	height:71px !important;
}

#swrap .panel .car2
{
	height:231px  !important;
}
#swrap .panel .car2 .carousel-wrap
{
	overflow-y:scroll !important;
	overflow-x:hidden !important;
	height:231px !important;
}
