/*Designed by Matthew Dirks - skylogic.ca
Original base template done by sitecreative.net */

/*defaults*/
body {
	background:#B6A37D url('../images/BG.jpg') no-repeat 0 0;
	color:#E1CDA4; /*#B6A37D; */
	margin:0px 0; 
	padding:0; 
	font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; 
	font-size:90%;
}

p		{margin:0; padding:0 0 15px 0; }
a		{color:#EBE0CB; text-decoration:underline; }
a:hover	{color:#FFFFFF; text-decoration:none;}
img		{border: 0px solid;}

#content small a {
	color:#EBE0CB;
}
#content small a:hover {
	color:#FFFFFF;
} 

#logo a
{
	background: url('../images/logo.png') no-repeat 0 0;
    width: 367px;
	height: 109px;

    position: absolute;
    top: 30px;
    left: 30px;
	text-decoration: none;
}

/* PAGE */
#container {
	position:relative;
	top: 158px;

	min-width: 780px;
	max-width: 1260px;
	margin: 0px auto;
	width:95%;
}
#holder	{
	padding:15px 20px 5px 20px; /*pads the text area within the white box */
	background:#333;
	text-align:left;
	
}

/* CONTENT */
#contentBesideNews	{float:left; width:63%; padding:20px 10px 0 0; line-height:160%; }
#content	{float:left; width:100%; padding:20px 10px 0 0; line-height:160%; }

/* Titles (Products, Clients, Info, etc) */
#content h1, #contentBesideNews h1
{
	font-size:200%; 
	font-weight:bold;
	line-height:130%; 
	margin:0; 
	padding:0 0 20px 0;
	
	color: #FFFFFF;
}
#content h2, #contentBesideNews h2
{
	font-size:120%;
	font-weight:normal; 
	color: #FFF5E2;
}

/* NEWS */
#news		{
	float:right;
	width:250px;
	padding:20px 0;
	line-height:140%;
	text-align:justify;
}
.newsItem	{
	padding:20px 20px 5px 20px;
	background:#444444;
	border:1px solid #FFFFFF;
	font-size:90%;
	margin-bottom:20px;
	text-align: center;
}
.newsItem h1	{
	color:#FFFFFF;
	margin:0 0 10px 0;
	padding:0;
	font-size:130%;
	font-weight:normal;
}

/* FOOTER */
#footer {
	float:right;
	clear:both; 
	font-size:8pt; 
	color: #333333;
}

/*MISC*/
/*Browser Compatibility*/
/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
* html .clearfix {height:1%; }
.clearfix {display:block; }

/* Specific to suppliers.php: */
#suppliers tr {
	background-color: #FFFFFF;
}

/*Specific to gallery.php */
.gallery table tr td img {
	display: block;
	position: relative;
	background-color: #222222;
	border: 3px solid #222222;
	margin: -6px 6px 4px -6px;
	padding: 4px; 
}
.gallery table tr td img:hover {
	background-color: #FFFFFF;
	border: 3px solid #FFFFFF;
}

#galleryBtn {
	position: relative;
	text-align: right;
	top: 0;
}