@charset "utf-8";

/* 
==========================================================================================================================================

INDEX

1. BODY AND CONTAINERS
2. BANNERS & MENU
3. OTHER DIVS
4. TYPE

==========================================================================================================================================
*/


/*
==========================================================================================================================================
1. BODY AND CONTAINERS
------------------------------------------------------------------------------------------------------------------------------------------
*/


body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
	}

#container {
	position:relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

/*
==========================================================================================================================================
2. BANNER AND MENU
------------------------------------------------------------------------------------------------------------------------------------------
*/

#title {
	width:1000px;
	background:none;
	text-align:center;
	padding-top:10px;
	position:relative
}

#title h1{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#222}

#subHeading {
	padding:45px 250px 0 250px;
	text-align:center;
	height:130px
}


#menuBar {
	width:63px;
	background:none;
	padding:10px;
	position:absolute;
	top:0;
	left:10px;
	background-color:#000
}
#menuBar a:link {color:#fff;}
#menuBar a:visited {color:#eee;}
#menuBar a:hover {color:#FFC;}
#menuBar a:active {color:#FFC;}

#menuBar h4 {color:#FFF; margin:0; padding:5px 0 0 0}

.menuItem {
	text-align:center;
	padding:0 18px;
	float:left;
}

.blockBut {width:300px;  position:relative; float:left; cursor:pointer}
/*
==========================================================================================================================================
3. OTHER DIVS
------------------------------------------------------------------------------------------------------------------------------------------
*/

.content {
	width:980px;
	padding:0 10px
}

.product {
	width:480px;
	margin:5px;
	float:left;
}

.fltLt {float:left;}
.fltRt {float:right;}
.imgRt {
	float:right;
	width:300px;
	height:300px;
	background-image:url(../images/background/imageBacker346.PNG);
	padding:23px 23px 23px 23px;
	text-align:center;
	margin:5px;
	}
.imgLt {
	float:left;
	width:300px;
	height:300px;
	background-image:url(../images/background/imageBacker346.PNG);
	padding:23px 23px 23px 23px;
	text-align:center;
	margin:5px;
	}

.prodImg {
	float:left;
	width:182px;
	height:150px;
	background-image:url(../images/background/prodImgBack.PNG);
	padding-top:15px;
	text-align:center;
	margin:10px;
	}

.clr {clear:both}


/*
==========================================================================================================================================
4. TYPE 
------------------------------------------------------------------------------------------------------------------------------------------
*/

p {color:#222; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin:10px 0}
	
h1 {color:#222; font-family:Arial, Helvetica, sans-serif; font-size: 24px; font-weight:100; margin:0}
h2 {color:#222; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight:100; margin:8px 0;}
h3 {color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight:100; margin:0}
h4 {color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:100; margin:0}
h5 {color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:100; margin:0}
h6 {color:#222; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:100}


a:link {COLOR:#000099; text-decoration:none;}
a:visited {COLOR:#000099;text-decoration:none;}
a:hover {COLOR:#060; text-decoration:none;}
a:active {COLOR:#0066CC; text-decoration:none;}


.photoSub {color:#666; margin-top:15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px}
.prodPhotoSub {color:#666; margin-top:4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px}

.Title_main {
	color: #FFFFFF;
	font-family: "Bookman Old Style";
	font-size: 50px;}