/*	
Title:		BrandX Latex - Global Stylesheet
Author:		Greg Girton / Yogirt, Inc.
Updated:	03.08.08
*/

@import url("menu.css");

/* ------- GLOBAL --------*/
*{
	margin: 0;
	padding: 0;
}
* body{
	font-size: x-small; /* For IE5/Win */
	f\ont-size: small; /* For other IE versions */
}

body{
    font: small/1.4em Verdana,Sans-serif;
	color: #bab7b7;
	margin: 20px 0;
	padding: 0;	
	text-align: center;
	background: url("../images/topbg.gif") no-repeat top right;
	background-color: #000;
}
img {
	border: none;
}
a{
	color: #b42c25;
	text-decoration: underline;
	outline: none;
}
a:hover{
}

a:active {
	outline: none;
}

#wrapper{
 margin:0 auto;
 text-align: left; 
 width: 960px;
 font-size:90%;

}
#container{
 margin: 15px 0 15px 0;
}
#container h2{
 font-size:146%;
}
#container p{
 padding: 10px 0 10px 0;
 margin: 0;
}
#logo{
 float: left;
 padding: 0 10px 0 0;
}
#facebook{
 float: right;
 padding: 10px 0 0 0;
}
.banner{
 padding: 0;
 margin: 0;
}
#footer{
 background: url("../images/footer.gif") no-repeat;
 height: 34px;
 padding: 7px 0 0 15px;
 color: #666;
}
.facebook{
 float: left;

}
.copyright{
 float: left;
 padding: 0 0 0 135px;
}
.clearfix:after {  
 content: ".";  
 display: block;  
 clear: both;  
 visibility: hidden;  
 line-height: 0;  
 height: 0;  
}
.clear{
 clear: both;
 height: 0;
 overflow: hidden;
}  

/* ------- HOME --------*/
#home-main{
 width: 550px;
 float: left;
 margin: 0 0 15px 0;
}
#home-sidebar{
 width: 370px;
 float: left;
 margin: 0 0 15px 40px;
}
.home p{
 padding: 5px 10px 5px 10px;
}
.header-550px{
 background: url("../images/header_550.gif") no-repeat top left;
 font-size: 14px;
 line-height: 35px;
 width: 550px;
 height: 36px;
 padding: 0 0 0 10px;
 margin: 0;
}
.bottom-550px{
 background: url("../images/bot_trim_550.gif") no-repeat;
 width: 550px;
 height: 8px;
}
#gallery{
 width: 548px;
 background-color: #1b1b1b;
 border: 1px solid #2e2e2e;
 border-top: none;
 border-bottom: none;
 height: 300px;
}
.back-link{
 padding: 5px 0 0 10px !important;
}
.thumbrow{
 margin: 0 0 0 5px;
}
.thumbrow img{
 width: 120px;
 height: 120px;
 border: 1px solid #fff;
 margin: 20px 0 0 10px;
}
#pop-products{
 width: 368px;
 background-color: #1b1b1b;
 border: 1px solid #2e2e2e;
 border-top: none;
 border-bottom: none;
 padding: 0;
 height: 300px;
}
.header-370px{
 background: url("../images/header_370.gif") no-repeat top left;
 font-size: 14px;
 line-height: 35px;
 width: 370px;
 height: 36px;
 padding: 0 0 0 10px;
 margin: 0;
}
.bottom-370px{
 background: url("../images/bot_trim_370.gif") no-repeat;
 width: 370px;
 height: 8px;
}
.home-product-offer{
 padding: 20px 10px 0 10px;
 margin: 0;
 }
.product-thumb{
 width: 83px;
 float: left;
 margin-left: auto;
 margin-right: auto;
}

.desc{
 float: left;
 width: 240px;
 padding: 0 0 0 10px;
}
.home-product-offer h3{
 font-size: 14px;
 font-weight: bold;
 padding: 0 0 5px 0;
 margin: 0;
}
.home-product-offer p{
 padding: 0;
 margin: 0;
}
/* ------- PRODUCTS --------*/

.header-960px{
 background: url("../images/header_960.gif") no-repeat top left;
 font-size: 14px !important;
 line-height: 35px;
 width: 960px;
 height: 36px;
 padding: 0 0 0 10px;
 margin: 0;
}
.bottom-960px{
 background: url("../images/bot_trim_960.gif") no-repeat;
 width: 960px;
 height: 8px;
}
#row1{
margin: 0 0 0 20px;
}
#row2{
margin: 0 0 0 20px;
}
#products{
 width: 958px;
 background-color: #1b1b1b;
 border: 1px solid #2e2e2e;
 border-top: none;
 border-bottom: none;
 padding: 0;
}
.product-offer{
 padding: 0 10px 0 10px;
 margin: 10px 0 10px 0;
 float: left;
 width: 160px;
 }
 #row2 .product-offer{
 width: 280px;
 padding: 0 10px 0 10px;
 margin: 0;
 
 }
#products h3{
 font-size: 14px;
 font-weight: bold;
 padding: 0;
 margin: 0;
 text-align: center;
}
#products .desc{
 padding: 0;
 margin: 0;
 text-align: center;
 width: auto !important;
}
.product-img{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.buynow{
 padding: 0;
 margin: 0;
}

/* ------- GALLERY --------*/
#gallerySet{
 background-color: #1b1b1b;
 border: 1px solid #2e2e2e;
 border-top: none;
 border-bottom: none;
 height: 225px;
}
#gallerySet.thumbrow{
 margin: 0 0 0 5px;
}
#gallerySet.thumbrow img{
 width: 120px;
 height: 120px;
 border: 1px solid #fff;
 margin: 20px 0 0 10px;
}

#gallerySet2{
 background-color: #1b1b1b;
 border: 1px solid #2e2e2e;
 border-top: none;
 border-bottom: none;
 height: 400px;
}
#gallerySet2.thumbrow{
 margin: 0 0 0 5px;
}
#gallerySet2.thumbrow img{
 width: 120px;
 height: 120px;
 border: 1px solid #fff;
 margin: 20px 0 0 10px;
}

#gallerySet3{
 background-color: #1b1b1b;
 border: 1px solid #2e2e2e;
 border-top: none;
 border-bottom: none;
 height: 500px;
}
#gallerySet3.thumbrow{
 margin: 0 0 0 5px;
}
#gallerySet3.thumbrow img{
 width: 120px;
 height: 120px;
 border: 1px solid #fff;
 margin: 20px 0 0 10px;
}

#gallerySet4{
 background-color: #1b1b1b;
 border: 1px solid #2e2e2e;
 border-top: none;
 border-bottom: none;
 height: 640px;
}
#gallerySet4.thumbrow{
 margin: 0 0 0 5px;
}
#gallerySet4.thumbrow img{
 width: 120px;
 height: 120px;
 border: 1px solid #fff;
 margin: 20px 0 0 10px;
}

.thumb-module{
 margin: 10px 10px 0 10px;
 float: left;
}
.thumb-module p{
 text-align: center;
 padding: 0;
 margin: 0;

}
.thumb-module img{
 width: 120px;
 height: 120px;
 border: 1px solid #fff;
 margin: 20px 0 0 10px;
}
/* ------- COMPANY --------*/

/* ------- FAQ --------*/

