@charset "utf-8";
@font-face {
	font-family: 'GeosansLightRegular';
	src: url('geosanslight.eot');
	src: local('GeosansLight'), local('GeosansLight'), url('geosanslight.woff') format('woff'), url('geosanslight.otf') format('opentype');
}

@font-face {
	font-family: 'GeosansLightMediumItalic';
	src: url('geosanslightoblique.eot');
	src: local('GeosansLight'), local('GeosansLight-Oblique'), url('geosanslightoblique.woff') format('woff'), url('geosanslightoblique.otf') format('opentype');
}


#page { behavior: url(iepngfix.htc);}

body {
	background-color: #626262;
	margin: 0px auto;
}



.clear {
	clear: both;
}

#page {
	width: 900px;
	height: auto;
	padding: 0px 15px;
	background-image: url(../images/page_background.jpg);
	margin: 50px auto 0px auto;
		background-color: #626262;
}

#border{
		border: 1px #000 solid;
}

#navs {
	width: 900px;
	height: 58px;
	
}

#top {
	width: 900px;
	
}
.company {
	width: 388px;
	height: 48px;
	background-image: url(../images/nav_background.jpg);
	display: block;
	font-family: 'GeosansLightRegular', 'Gill Sans Light', 'Gill Sans MT', Tahoma, Arial;
	text-transform: uppercase;
	color: #626262;
	font-size: 40px;
	padding-left: 20px;
	float: left;
	padding-top:10px;
	letter-spacing:1px;
}
	
/* -------------- navs -------------------- */
a.home {
	display: block;
	float:left;
	width: 86px;
	height: 58px;
	background-image: url(../images/home_nav.jpg)
}

a.about {
	display: block;
	float:left;
	width: 110px;
	height: 58px;
	background-image: url(../images/aboutus_nav.jpg)
}

a.bags {
	display: block;
	float:left;
	width: 80px;
	height: 58px;
	background-image: url(../images/bags_nav.jpg)
}

a.details {
	display: block;
	float:left;
	width: 91px;
	height: 58px;
	background-image: url(../images/details_nav.jpg)
}

a.purchase {
	display: block;
	float:left;
	width: 123px;
	height: 58px;
	background-image: url(../images/purchase_nav.jpg)
}

a.home:hover, a.about:hover, a.bags:hover, a.details:hover, a.purchase:hover {
	background-position: 0px -58px;
}

/*content*/
#content_m {
	width:898px;
	background-color:#FFF;
	height: 480px;
}

#content_m p {
	color: #f49d79;
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 13px;
margin-left: 160px;
	margin-top: 10px;
	line-height: 20px;
	text-align:center;
	margin-right: 120px;
}

	.b_image {
		width: 778px;
		margin-top: 60px;
		float: left;
	}

.flash {
	width: 109px;
	height: 480px;
	float: left;
}

#content {
	width: auto;
	background-color:#FFF;
	height: auto;
	padding: 20px;
}

	#content h1 {
	font-family: 'GeosansLightRegular', "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 30px;
	color: #636363;
	font-weight: normal;
	margin: 0;
	text-transform:lowercase;
}

	#content h2{
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 12px;
	text-transform:uppercase;
	font-weight: normal;
	color: #8c8c8c;
	margin-bottom: 0;
}

	#content p{
	font-family: Tahoma, Arial;
	line-height: 20px;
	font-size: 11px;
	color: #636363;
	margin-top: 5px;
}

	#content p a{
	color: #636363;
	text-decoration: none;
}

	#content p a:hover {
		color: #a4a3a3;
		text-decoration: underline;
	}



#content ul li{
	font-family: Tahoma, Arial;
	line-height: 17px;
	font-size: 11px;
	color: #636363;
	margin-top: 5px;
	list-style-type:square;
	margin-bottom: 10px
}

	

	.emphasis {
	font-size: 14px;
	
}

.price {
	font-family:  "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 14px;
	color: #8c8c8c;
}

.image {
	border: 1px solid #8c8c8c;
}

	
#content_left {
	width: 400px;
	padding-left: 40px;
	padding-right: 40px;
	height: auto;
	float: left;
}


#content_right {
	width: 338px;
	padding-right: 40px;
	height: auto;
	float: left;
}

#content_rightb {
	width: 338px;
	padding-left: 40px;
	height: auto;
	float: left;
}

#content_bag {
	width: 778px;
	padding-left: 40px;
	padding-right: 40px;
	height: auto;
}

.bags2 {
	height: 100px;
	width: 100px;
	margin-right: 50px;
	text-align: center;
	float: left;
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 10px;
	color: #a2a2a2;
	text-transform:uppercase;
display: inline;
text-decoration: none;
margin-bottom: 50px;

}

.bag {
border: 1px solid #d8d7d7;

}

.bag:hover {
border: 1px solid #FFF;
}

.bag:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

.swatches {
	height: 100px;
	width: 100px;
	display: inline;
	margin-right: 50px;
	text-align: center;
	float: left;
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 10px;
	color: #a2a2a2;
	text-transform:uppercase;
}

.swatch {
		border: 1px solid #d8d7d7;
}

.available {
	height: 100px;
	width: 100px;
	display: inline;
	margin-right: 20px;
	text-align: center;
	float: left;
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 11px;
	color: #a2a2a2;
	text-transform:lowercase;
	margin-bottom: 30px;
	margin-top: 10px;
}

.available2 {
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 11px;
	color: #a2a2a2;
	text-transform:lowercase;
}

.available2 a{
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 11px;
	color: #a2a2a2;
	text-transform:lowercase;
}

.available2 a:hover{
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 11px;
	color:  #636363;
	text-transform:lowercase;
}

a.purchase_bag {
	display: block;
	width: 100px;
	height: 37px;
	background-image:url(../images/purchase.jpg);
	margin-bottom: 20px;
}

a.purchase_bag:hover {
	background-position: 0px -37px;
}

.space {
	margin-bottom: 10px;
}

.space2 {
	margin-top: 5px;
}

.paypal {
		font-family: Tahoma, Arial;
	font-size: 11px;
	line-height:20px;
	color: #505050;

}


.style{
	font-family: "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 13px;
	text-transform:uppercase;
	font-weight: normal;
	color: #8c8c8c;
	display: inline;
	margin-left: 5px; 
}

.label {
	color: #e6e5e5;
	font-family: 'GeosansLightRegular', "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 70px;
		
}



#footer { 
	width: 900px;
	margin: 0 auto;
	text-align: right;
	font-family:  "Gill Sans Light", "Gill Sans MT", Tahoma, Arial;
	font-size: 9px;
	color: #afafaf;
	background-image:url(../images/footer_background.png);
	background-repeat: repeat-x;
	background-color: #626262;
	padding-top: 10px;
	padding-left:15px;
	padding-right:15px;
	text-transform: uppercase;
	line-height: 16px;
	
}

	#footer a{
	color: #afafaf;
	text-decoration: none;
	}

	#footer a:visited {
		color: #afafaf;
		text-decoration: none;
	}
	
		#footer a:hover {
		color:#3f3f3f;
		text-decoration: underline;
	}

#details {
	width: 250px;
	height: 80px;
padding: 10px;
}

.details_b {
	width: 93px;
	float: left;
	height: 100%;
	margin-right: 10px;

}

.details_t {
	width: 147px;
	height: 100%;
	float: left;
}