/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Bayset											-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			November 03, 2008								-
-																				-
---------------------------------------------------------------------------------- */


/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
			margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0; padding:0; background: #FFF url(../images/mainbg.jpg) repeat-x top center;
			color: #515151; font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			letter-spacing: 0; line-height: 16pt; font-weight: normal; text-align:center;
		}

		a {
			text-decoration: underline;
			}
		
		a:link, a:visited {
			color: #515151;
			}
		
		a:hover, a:active {
			text-decoration: none;
			}
		
		a img	{border: none;}


/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto; margin-right: auto; padding: 0 0 40px 0;
			width: 900px; text-align: left; 
		}


/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalHead {
			clear:both;	margin: 0; padding:0; height: 123px; width: 900px; position:relative;
			background: transparent url(../images/head_top.jpg) no-repeat top right;
		}
		
				
		#globalHead .topEmail {
			position: absolute; right: 0; top: 0;
		}		
		
		
		#globalHead .topPhone {
			position: absolute; right: 146px; top: 0;
		}	


/* ------------------------------------------------------------
		Branches
------------------------------------------------------------ */

		.branches {
			display: block;
			float: left;
		}

/* ------------------------------------------------------------
		FRONT LEFT COLUMN
------------------------------------------------------------ */

		#frontLeft {
				width: 240px; float: left; display:inline; margin: 2px 0 0 0; padding:0;
		}


		#frontLeft p {
				font-weight:normal;	font-size: 11px; line-height:12px; margin: 0; padding: 10px 0 10px 12px; 
				}


		#frontLeft a {
				font-weight:normal; font-size: 11px; color: #515151; text-decoration: none;
				}
					
		#frontLeft a:hover {
				font-weight:normal; color:#515151; text-decoration: underline;
				}

		#slider {
				margin: 0; padding: 0; width: 238px; height: 224px; display:block;
				background: #FFF url(../images/slider_bg.jpg) repeat-y top center;
				border-bottom: 1px solid #c0c0c0;
				}


		#slider .sliderHead {
				margin: 0; padding: 0; width: 238px; height: 30px; cursor:pointer;
				}


		#sliderContent {
				margin: 0; padding: 0; width: 238px; height: 73px; 
				}


		#sliderContent p {
				font-weight:normal;	font-size: 11px; line-height:13px; margin: 0; padding: 6px 0 0 23px; 
				}


		#memberLogos {
				margin: 0; padding: 0; width: 238px; float: left; /*height: 290px; display:block; */
				}
				

/* ------------------------------------------------------------
		MAIN HOME FLASH
------------------------------------------------------------ */

		#frontSplash {
			float: left; display:inline; margin: 0; padding:0; 	width: 660px; height: 490px;
		}

/* ------------------------------------------------------------
		CONTENT
------------------------------------------------------------ */

		.content {
			float: left; 
			display:inline; 
			margin: 0; 
			padding:16px 0 0 35px;
			width:625px;
			position: relative;
		}
		
		.content#our-company {
			background: transparent url(../images/bg-our-company.jpg) no-repeat top left;
			min-height:335px;
			height:auto !important;
			height:335px;
		}
		
		.content#generic {
			background: transparent url(../images/bg-generic.jpg) no-repeat top left;
			min-height:335px;
			height:auto !important;
			height:335px;
		}
		
		.content#promos {
			background: transparent url(../images/bg-generic.jpg) no-repeat top left;
			min-height:335px;
			height:auto !important;
			height:335px;
			padding: 17px 17px 17px 18px;
		}
		
		.content#oursuppliers {
			background: transparent url(../images/bg-generic.jpg) no-repeat top left;
			min-height:335px;
			height:auto !important;
			height:335px;
			padding: 17px 17px 17px 18px;
		}
		
		.content#contact {
			background: transparent url(../images/bg-generic.jpg) no-repeat top left;
			min-height:335px;
			height:auto !important;
			height:335px;
			padding:16px 0 0 15px;
			width:645px;
		}
		
		#page_title_promos {
			padding:0 0 30px 15px;
		}
		
		#page_title_suppliers {
			padding:0 0 30px 15px;
		}
		
		#page_title_contact {
			padding:0 0 30px 15px;
		}
		
		.text {
			padding:36px 0 0;
			width:388px;
			float: left;
			display: block;
		}
	
			.PDFline {
				background-color: #d3d3d3;
				float: left;
				height: 1px;
				margin: 0;
				width: 388px;
			}
			.pdfdownload {
				background: url("../images/img_pdf.png") no-repeat scroll 20px 10px #F0F0F0;
				color: #515151;
				float: left;
				height: 45px;
				margin: 1px 0 0 0;
				text-decoration: none;
				width: 388px;
				font-size:12px;
				font-weight:normal;
				cursor:pointer;
			}
			.pdfdownload:hover {
				background: url("../images/img_pdf.png") no-repeat scroll 20px 10px #E9E9E9;
				color: #333333;
				text-decoration: none;
			}
			.pdfdownload p {
				float: left;
				margin: 6px 0 0 63px;
			}
			.pdfdownload p span {
				margin: -2px 0 0 0;
				font-weight:normal;
			}	
		
		.text p {
			font-size: 12px;
			line-height:16px;
			padding-bottom:14px;
		}
		
		.text span, .promo span {
			color: #aa0024;
			font-weight: bold;
		}
		
		.text span.name, .promo span.name {
			text-transform: uppercase;
			font-size: 11px;
		}
		
		.people-image {
			float: left;
			display: block;
			margin:60px 0 0;
		}
		
/*============================================================
 Contact Slider
============================================================*/
		
		#slider-contact {
				margin: 0; padding: 0; width: 630px; display:block;
				}
				
		#slider-contact table {
				margin:10px 0 20px 25px;
				}
				
		#slider-contact table td {
				line-height:1.4em;
				}
				
		#slider-contact table a {
				color: #aa0024;
				}

		#slider-contact .sliderHead-contact {
				margin: 0; padding: 0; width: 630px; height: 64px; cursor:pointer; position: relative;
				background: #FFF url(../images/contact_slider_bg.jpg) no-repeat top left; border-bottom:1px solid white;
				}
				
		#slider-contact .sliderHead-contact span.title {
				position: absolute;
				top: 23px;
				left: 44px;
				font-weight:bold;
				text-transform:uppercase;
				}
				
		#slider-contact .sliderHead-contact span.address {
				position: absolute;
				top: 18px;
				left: 190px;
				line-height:1.4em;
				width:255px;
				}
				
		#slider-contact .sliderHead-contact span.single-address {
				position: absolute;
				top: 26px;
				left: 190px;
				line-height:1.4em;
				width:255px;
				}
				
		#slider-contact .sliderHead-contact span.numbers {
				position:absolute;
				left:490px;
				top:9px;
				line-height:1.4em;
				}
				
		#slider-contact .sliderHead-contact span.double-numbers {
				position:absolute;
				left:490px;
				top:18px;
				line-height:1.4em;
				}

		#sliderContent-contact {
				margin: 0; padding: 0;
				}


		#sliderContent-contact p {
				font-weight:normal;	font-size: 11px; line-height:13px; margin: 0; padding: 6px 0 0 23px; 
				}
		
/*============================================================
 Navigation
============================================================*/
		
		#suppliers {
			border: 1px solid #F3F3F3;
			display:block;
			width:630px;
		}
		
		#suppliers .thumb {
			float: left;
			display: block;
			width: 208px;
			height: 126px;
			background-color:#FFF;
			border: 1px solid #F3F3F3;
			position: relative;
		}
		
		#suppliers .thumb img {
			position: absolute;
		}
		
		#suppliers .thumb-over {
			position: absolute;
			width: 180px;
			height: 97px;
			background-color:#000;
			opacity: 0.9;
			color: white;
			line-height: 1.1em;
			padding: 15px;
		}
		
		.hidden {
			display: none;
		}
		
		#suppliers .thumb-over a {
			color: #FFF;
			font-weight: bold;
		}
		
/*============================================================
Promos
============================================================*/
		
		#promo-holder {
			display:block;
			float: left;
			width:630px;
		}
		
		.promo {
			display: block;
			float: left;
			padding:15px;
		}
		
		.promo#alt {
			background-color: #f5f5f5;
		}
		
		.promo img {
			float: right;
			display: block;
			margin:20px 0 0;
		}
		
		.promo p {
			font-size: 12px;
			line-height:16px;
			padding-bottom:14px;
			width: 380px;
			float: left;
		}
		
/*============================================================
 Navigation
============================================================*/
	
#primary-nav {
	display: block;
	list-style: none;
	height:29px;
	}
	
#primary-nav li {
	margin: 0;
	padding: 0;
	height: 29px;
	float: left;
	position: relative;
}

#primary-nav li#home a.mainlink {width: 67px; background: transparent url(../images/nav-home.jpg) no-repeat; }
#primary-nav li#company a.mainlink {width: 74px; background: transparent url(../images/nav-company.jpg) no-repeat;}
#primary-nav li#whatwedo a.mainlink {width: 97px; background: transparent url(../images/nav-whatwedo.jpg) no-repeat;}
#primary-nav li#oursuppliers a.mainlink {width: 99px; background: transparent url(../images/nav-oursuppliers.jpg) no-repeat;}
#primary-nav li#ourpeople a.mainlink {width: 89px; background: transparent url(../images/nav-ourpeople.jpg) no-repeat;}
#primary-nav li#monthlypromotions a.mainlink {width: 144px; background: transparent url(../images/nav-promos.jpg) no-repeat;}
#primary-nav li#contactus a.mainlink {width: 90px; background: transparent url(../images/nav-contact.jpg) no-repeat;}

/* on */
#primary-nav li#home-on a.mainlink {width: 67px; background: transparent url(../images/nav-home.jpg) no-repeat 0 -29px; }
#primary-nav li#company-on a.mainlink {width: 74px; background: transparent url(../images/nav-company.jpg) no-repeat 0 -29px;}
#primary-nav li#whatwedo-on a.mainlink {width: 97px; background: transparent url(../images/nav-whatwedo.jpg) no-repeat 0 -29px;}
#primary-nav li#oursuppliers-on a.mainlink {width: 99px; background: transparent url(../images/nav-oursuppliers.jpg) no-repeat 0 -29px;}
#primary-nav li#ourpeople-on a.mainlink {width: 89px; background: transparent url(../images/nav-ourpeople.jpg) no-repeat 0 -29px;}
#primary-nav li#monthlypromotions-on a.mainlink {width: 144px; background: transparent url(../images/nav-promos.jpg) no-repeat 0 -29px;}
#primary-nav li#contactus-on a.mainlink {width: 90px; background: transparent url(../images/nav-contact.jpg) no-repeat 0 -29px;}

/* over */
#primary-nav li#home a.mainlink:hover, #primary-nav li#company a.mainlink:hover, #primary-nav li#whatwedo a.mainlink:hover, #primary-nav li#oursuppliers a.mainlink:hover, #primary-nav li#ourpeople a.mainlink:hover, #primary-nav li#monthlypromotions a.mainlink:hover, #primary-nav li#contactus a.mainlink:hover {background-position: 0 -29px;}

#primary-nav li#company-on a.mainlink {width: 74px; background: transparent url(../images/nav-company.jpg) no-repeat 0 -29px;}

#primary-nav li a.mainlink {
	display: block;
	height: 29px;
	width: auto;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#primary-nav li strong {
	display: none;
}



/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				margin: 0; padding: 0; float:left; clear:both; width: 900px; height: 39px;
				color: #838484;	font-size: 11px; line-height: 18px; font-weight: normal;
				}


		#footer p {
				font-weight:normal;	font-size: 11px;  text-align:center;
				margin: 20px 0 0 240px; padding: 0; float:left; display:inline; width: 660px;
				}


		#footer a {
				font-weight:bold; font-size: 11px; color: #b2b2b2; text-decoration: none;
				}
					
		#footer a:hover {
				font-weight:bold; color:#838484; text-decoration: none;
				}


/*============================================================
 Fixes
============================================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */