/*
Theme Name: IH Theme
Theme URI: http://www.imageholders.com 
Description: Bespoke Theme For ImageHOLDERS
Version: 1.0
Author: Jeremy Chow
Author URI: http://creativekarma.co.uk/
Tags: imageholders, horizontal menu, left sidebar
*/
* html #container {
height: 100%;
}

html, body {
background: url('images/bg.gif') repeat; /*sometihng*/
margin: 0;
padding: 0;
height: 100%;
}

#container {
position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:900px;
	background:#8e8e8e;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
}

hr {
display: none;
}

h1 {

color: #ffffff;
font-family: arial, verdana, helvetica;
text-transform: uppercase;
background: #285179;
width: 706px;
padding: 11px 0 0 8px;
height: 29px;
margin: 0 0 3px 0;
letter-spacing: 0px;
font-weight: 400;
font-size: 19px;
clear:both;
display: block;
}

h1 a:link, h1 a:visited {
font-weight: 400;
text-decoration: none;
}


h2 {

color: #ffffff;
font-family: arial, verdana, helvetica;
text-transform: uppercase;
background: #666666;
width: 706px;
padding: 9px 0 0 8px;
height: 26px;
margin: 0 0 3px 0;
letter-spacing: 0px;
font-weight: 400;
font-size: 17px;
clear:both;
display: block;
}

h2 a:link, h2 a:visited {
font-weight: 400;
text-decoration: none;
}

h2 a:hover{
text-decoration: underline;
}

h3 {

color: #ffffff;
font-family: arial, verdana, helvetica;
text-transform: uppercase;
width: 706px;
padding: 11px 0 0 8px;
height: 29px;
margin: 0 0 3px 0;
letter-spacing: 0px;
font-weight: 400;
font-size: 16px;
}

p {
font-size: 14px;
color: #ffffff;
font-family: arial;
.padding: 9px; /* IE Hack */
line-height: 150%;
.line-height: normal;
}

a:link, a:visited {
font-weight: bold;
color: #ffffff;
}

a:hover {
font-weight: bold;
color: #e1e1e1;
}


/*  Header  */

#contact-bar {
width: 900px;
height: 38px;
background: #333;
margin-left: auto;
margin-right: auto;
display: block;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
margin-top: 10px;
}

#contact-bar-content {
float: right;
height: 30px;
margin: 2px 20px 0 0;
}

#contact-bar-content p {
font-size: 10px;
color: #ffffff;
font-family: arial;
font-weight: 900;
text-transform: uppercase;
.padding: 9px; /* IE Hack */

}


#contact-telephone {
/*background: url('images/telephone-icon.gif') no-repeat left;*/
background: url('images/header_bar/call_us_button_headerbar.gif') no-repeat left;

margin-top: 10px;
.margin-top: 8px;
padding-left: 20px;
display: inline;
float: left;

}

#contact-telephone a img {
width: 142px;
height: 16px;
border: 0;
}

#contact-email {
/*background: url('images/email-icon.gif') no-repeat left;*/
background: url('images/header_bar/mail_us_headerbar.gif') no-repeat left;
width: 75px;
height: 16px;
margin-top: 10px;
padding-left: 10px;
display: inline;
float: left;
margin-left: 20px;
}

#contact-email a img {
width: 75px;
height: 16px;
border: 0;
}

#resellers-login {
/*background: url('images/email-icon.gif') no-repeat left;*/
background: url('images/header_bar/resellers_login_headerbar.gif') no-repeat left;
width: 118px;
height: 16px;
margin-top: 10px;
padding-left: 10px;
display: inline;
float: left;
margin-left: 30px;
}

#resellers-login a img {
width: 118px;
height: 16px;
border: 0;
}


#header {
width: 900px;
height: 386px;
margin-left: auto;
margin-right: auto;
background: #8e8e8e;
display: block;
}

#mast {
height: 344px;
width: 183px;
background: url('images/image-holders-mast-plain.png');
float: left;
margin: 3px 0 3px 0;
}

#mast-button {
height: 300px;
width: 183px;
padding: 0;
margin:0;
border:0;
}

#iso-icon {
margin: 10px 3px 10px 8px;
display: inline;
float: left;
.height: 32px; /* IE Hack */
}

#sdea-icon {
margin: 10px 3px 0px 5px;
display: inline;
float: left;
.height: 32px; /* IE Hack */
}

#acid-icon {
margin: 10px 3px 0px 2px;
display: inline;
float: left;
.height: 32px; /* IE Hack */
}


#masthead {
height: 344px;
width: 714px;
float: left;
margin: 3px 0 3px 3px;
}

#masthead #pikame li img.pikame-image {
height: 340px;
width: 700px;
float: left;
margin: 3px 0 3px 3px;
}

	
	/* Search / Call Me Back */

#search, #call-me-back {
height: 32px;
width: 183px;
background: #7E7E7E;
float: left;
margin-right: 3px;
}

#searchform, #call-me-back-form {
height: 15px;
text-align: left;
}

#call-me-back-form {
margin-top: 44px;
}

fieldset.search, fieldset.call-me-back-fieldset {
	border: none;
	width: 183px;
	background: none;
	height: 10px;
}
.search input, .search button, .call-me-back-fieldset input, .call-me-back-fieldset button {
	border: none;
	float: left;
}

input {
padding: 4px 0 0 0; 
}

.search input.box, .call-me-back-fieldset input.call-me-back-box {
	color: #333333;
	font-size: 11px;
	width: 130px;
	height: 18px;
	background: #ccc;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	float: left;
	.width: 150px; /* IE Hack */
	.margin-left: 5px; /* IE Hack */
}

.search input.box:focus, .call-me-back-fieldset input.call-me-back-box:focus {
	background: #616161;
	color: #ffffff;
	outline: none;
}
.search button.btn, .call-me-back-fieldset button.btn {
	width: 22px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
	background: #ccc url(images/search.gif) no-repeat center;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.call-me-back-fieldset button.btn {
	background: #ccc url(images/call-me-back-icon.gif) no-repeat center;
}


.search button.btn:hover, .call-me-back-fieldset button.btn:hover {
	
	}


/*  Navigation  */

#navigation {
height: 32px;
width: 714px;
background: #fff;
float: left;
}

#outside{


	}
	
/* Whole bar */

#navigation-1 {
	padding:0;
	margin:0px;
	list-style:none;
	width:100%;
	height:32px;
	font: 900 14px arial, helvetica;
	background: #a4a4a4;
}

/* Level 1 */

#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:118px;
	background:rgba(124, 164, 175, 0.1);

}

#navigation-1 li a:link, #navigation-1 li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#3C4142;
	width:118px;
	height:18px;
	padding: 7px 0;
	letter-spacing: -1px;
}

#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display:block;
	text-align:center;
	text-decoration:none;
	background:#7AA3AE;
	color:#ffffff;
	width:118px;
	height:18px;
	padding: 7px 0;

		letter-spacing: -1px;
}

/*  Popup box (Level 2) */

#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	bottom:29px;
	left:0px;
	border-top:none;
	font-size: 10px;

}

#navigation-1 li:hover ul.navigation-2 {

	display:block;
	
}
#navigation-1 li ul.navigation-2 li {

}

/* Popup links */

#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#7CA4AF;
	opacity:0.98;
	filter:alpha(opacity=98);
	padding:5px 0 15px 5px;
	border:none;
	position:relative;
	z-index:1000;
	text-align: left;
	color: #ffffff;
	letter-spacing: 0;
	margin-bottom: 1px;
	.margin-bottom: 1px;
	font-size: 10px;
}

#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#cccccc;
	opacity:0.8;
	filter:alpha(opacity=90);
	padding:5px 0 15px 5px;
	position:relative;
	z-index:1000;
	color: #000000;
	letter-spacing: 0;
	font-size: 10px;
}


#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:123px;
	top:-1px;
	padding:1px 1px 0 1px;
	z-index:900;
	
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
	
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#7CA4AF;
	color: #fff;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#cccccc;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}

/* Content */


#main-content {
width: 900px;
margin: 0 auto;
height: 100%;
}

#content {
width: 714px;
float: left;
background: #828282;
min-height: 623px;
.height: 100%;
overflow: none;
.padding: 0;
}

#content .entry_sidebar_on {
width: 500px;
float: left;

}

#content .entry_sidebar_off {
float: left;
width: 100%;
}

#content .entry_sidebar_on p, #content .entry_sidebar_on ol, #content .entry_sidebar_on ul, #content .entry_sidebar_off p, #content .entry_sidebar_off ol, #content .entry_sidebar_off ul, #content .entry p, #content .entry ol, #content .entry ul, ul, ol  {
font-family: arial, verdana, helvetica;
font-size: 14px;
color: #e1e1e1;
margin: 15px;
.margin: 10px;
.padding: 0;
line-height: 1.5;
}

#content .entry_sidebar_on ol, #content .entry_sidebar_on ul, #content .entry_sidebar_off ol, #content .entry_sidebar_off ul, #content .entry ol, #content .entry ul, #content ul, #content ol {
.list-style-type: disc;
.padding-left: 20px;
}



small {
font-family: arial, verdana, helvetica;
font-size: 11px;
color: #e1e1e1;
margin: 20px;
line-height: 1.5;
}

.iframe-wrapper {
float: right; 
border: 5px solid #f3f3f3;
margin: 20px;
text-align: center;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


/* Sidebar */

#left-sidebar {
background: #8e8e8e;
width: 183px;
float: left;
margin: 0 3px 3px 0;
}

#call-me-back {
background: url('images/call-me-back.gif') no-repeat;
height: 77px;
width: 183px;
display: block;
clear: both;
margin-bottom: 3px;
.margin-bottom: 0px;
}

#green-credentials, #ih-sketcher, #iso-certification, #store, #sidebar-filler {
display: block;
margin: 3px 0 0 0;
padding: 0;
height: 40px;
clear: both;
display: block;
}

#sidebar-filler {
background: url('images/filler.jpg') no-repeat;
width: 183px;

min-height: 371px;
.margin: 3px 0 0 0;
.height: 371px;
}



/* Index Page */

#content ul.front-content {
  .margin: 0;
.padding: 0;
}


ul.front-content {
  list-style-type: none;
  padding: 0;
  margin: 0 0 3px 0;
}
ul.front-content li {
  float: left;
  margin: 0 4px 3px 0;
  background: #234235;
}
ul.front-content li a {
  text-decoration: none;
  font-family: arial, verdana, helvetica;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
}
ul.front-content li a:hover {
  text-decoration: underline;
  background: #555555;
}


ul.front-content li a:link, ul.front-content li a:active, ul.front-content li a:visited {
	opacity:0.8;
	filter:alpha(opacity=90);
  display: block;
  margin: 179px 0 0 38px;
  width: 127px;
  height: 88px;
  text-decoration: none;
  padding: 5px;
}

ul.front-content li#promo1 {
background: url('images/landingpage/landing_modular_system.jpg') no-repeat;
}

ul.front-content li#promo1 a:link, ul.front-content li#promo1 a:active, ul.front-content li#promo1 a:visited {
background: #99996B;
}

ul.front-content li#promo2 {
background: url('images/landingpage/landing_green_credentials.jpg') no-repeat;
}

ul.front-content li#promo2 a:link, ul.front-content li#promo2 a:active, ul.front-content li#promo2 a:visited {
background: #669966;
}

ul.front-content li#promo3 {
background: url('images/landingpage/landing_bestsellers.jpg') no-repeat;
}

ul.front-content li#promo3 a:link, ul.front-content li#promo3 a:active, ul.front-content li#promo3 a:visited {
background: #b25900;
}

ul.front-content li#promo4 {
background: url('images/landingpage/landing_money_back.jpg') no-repeat;
margin-right: 0;
width: 177px;
}

ul.front-content li#promo4 a:link, ul.front-content li#promo4 a:active, ul.front-content li#promo4 a:visited {
background: #126173;
width: 129px;
}

ul.front-content li#promo1 a:hover, ul.front-content li#promo2 a:hover, ul.front-content li#promo3 a:hover, ul.front-content li#promo4 a:hover {
background: #000000;
}

#front-about-content {
background: #777777;
/*width: 500px;*/
width: 474px;
height: 489px;
float: left;
}

#front-about-content p {
margin: 10px;
}


#front-bottom-right {
background: #777777;
/*width: 210px;*/
width: 236px;
height: 489px;
.height: 488px;
float: left;
margin-left: 3px;
}


#front-bottom-right a
{
text-decoration: none;
} 

#front-bottom-right img
{
border: none;
margin: 0px 0px 3px 1px;  
.margin-bottom: -1px;
} 



/* Footer */

#footer {
margin: 0 auto;
width: 900px;
height: 38px;
background: #333333;
-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	clear: both;
	display: block;
}

#copyright {
padding: 9px;

}

/* Captions */

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;

/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0 0 5px 0;
padding: 0;
border: 0 none;
}

#content .entry_sidebar_on .wp-caption p.wp-caption-text, #content .entry_sidebar_off .wp-caption p.wp-caption-text, #content .entry .wp-caption p.wp-caption-text {
font: 900 9px arial;
line-height: 17px;
padding: 0 4px 4px;
margin: 0;
color: #000000;
text-transform: uppercase;
text-align:right;
}

.alignnone {
float: left;
margin: 10px;
}

.alignright {
float: right;
margin: 10px;
}

.alignleft {
float: left;
margin: 10px;
}

.margin10 {
margin: 10px;
}

.margin15 {
margin: 15px;
}

.margin20 {
margin: 20px;
}

.aligncenter {
margin-left: auto;
margin-right: auto;
}




/*  Content Sidebar */

#content_sidebar_on {
float: left; 
width: 200px; 
margin-left: 14px; 
margin-top: 0px; 
background:#8E8E8E none repeat scroll 0 0;
height: 200px;
}

#content_sidebar_on img {

width: 200px; 
margin:0;
padding:0;
display:block;
}


#content_sidebar_off {
display:none;
}

#content-sidebar img {
margin: 0 0 3px 0;
padding: 0;
}

#sidebar-filler-right {
background: url('images/filler-sidebar-right.jpg') no-repeat;
width: 200px;
min-height: 246px;
.margin: 0 0 0 0;
.height: 246px;
}

.wpcf7-response-output {
color: #ffffff;
font-family: arial;
}