/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif ;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background: url('../images/bg_blank.jpg') no-repeat #87CEFA;
}
#header {
 width: 920px;
 padding: 0px;
 border: 0px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
 
}

#content { 
 width: 900px;
 color: #333;
 border: 1px solid #ccc;
 background:  #fff;

 padding: 10px;
 height: 570px;
 }
 #content1 { 
 width: 900px;
 color: #333;
 border: 1px solid #ccc;
 background:  #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
}
#tophead {
 width: 450px;
 padding: 10px 0px 0px 170px;
 border: 0px solid #ccc;
 height: 60px;
 margin: 0px 0px 0px 0px;
 }
 
 #frontcenter {
width: 800px;
 margin: 0px auto 0px;
 padding: 0px;
 height: 460px;

 }
#leftcolumn {
 width: 155px;
 float:left;
 padding: 0px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 }
 #centercolumn {
 width: 520px;
 float:left;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 25px 0px;

 }
 #contentcolumn {
 width: 450px;
 float:left;
 padding: 5px 0px 0px 170px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
  height: 320px;
overflow:none;
 }
 
 #rightcolumn {
 width: 275px;
 float:left;
 padding: 0px;
 border: opx solid #ccc;
 margin: 0px 0px 0px 0px;
 }
 
 #rightcolumn  a{border: 0px;
 text-decoration:none;
 color:#fff;
 }
#stockist { 
 width: 920px;
 height: 60px;
 border: 1px solid #ccc;
 padding: 5px 0px 0px 0px;
 background: #FFFFFF;
}
#stockist h4{
margin: 0px 5px;
float: left;
}
#stockist a{
font-size: 12px;
margin: 5px;
display: block;
float: left;
}
#footer { 
 width: 920px;
 height: 55px;
 border: 1px solid #ccc;
 background: url('../images/footer_bg1.jpg') repeat-x;
 margin: 0px 0px 10px 0px;

}
#footernav img{
border:0px;
display:block;
clear: left;
float: left;
margin: -2px 5px 0px 0px;

}

#logo { 
	position:relative; 
	width:100px; 
	height:0px;
	margin: 0px 0px 0px 5px;
	z-index:999;
	}
	
	#parallax { 
	position:relative; 
	overflow:hidden;
	width:970px; 
	height:100px; 
	margin: 0px 0px 0px 0px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
#gallery {
width: 800px;
 margin: 0px auto 0px;
 padding: 0px;
 height: 460px;

 }
 #galleryf {
width: 900px;
 margin: 0px 0px 0px 60px;
 padding: 0px;
 height: 460px;

 }
  #galleryfinner{
  width: 790px;
  padding: 0px;
  float:left;
  text-align: left;
  }
 #gallery_sub {
width: 760px;
 margin: 0px auto 5px;
 padding: 0px 0px 0px 0px;
 height: auto;


 }
 
  #gallery_sub img {border: 0px;
 text-decoration:none;
 color:#fff;
 }
 
/* Gallery page */
 .thumbnail1 {
background: #fff;
border: solid 0px;
height:180px;
width:160px;
float:left;
margin:10px 17px;
padding:1px;
text-align:center;
}
.thumbnail1 img {border: solid 0px; margin: 5px 0px 0px 0px;}
.thumbnail1  a :hover {color: #fff; opacity:0.4; filter:alpha(opacity=40);}
.thumbnail1  h6 :hover { text-decoration: none; color: #ccc}
.thumbnail1 h6 { font-weight: normal;}
  .m_thumbnail1 {
background: #fff;
border: solid 1px;
height:220px;
width:220px;
margin:10px 30px;
padding:2px;
text-align:center;
}

 .thumbnail {
background: #fff;
border: solid 0px;
height:130px;
width:110px;
float:left;
margin:10px 10px;
padding:1px;
text-align:center;
}

.thumbnail img {border: solid 0px; margin: 5px 0px 0px 0px;}
.thumbnail  a :hover {color: #fff; opacity:0.4; filter:alpha(opacity=40);}
.thumbnail  h6 :hover { text-decoration: none; color: #ccc}
.thumbnail h6 { font-weight: normal;}
  .m_thumbnail {
background: #fff;
border: solid 1px;
height:220px;
width:220px;
margin:10px 30px;
padding:2px;
text-align:center;
}