/*  
peekabooagencies.com stylesheet
Version: 1.0

Author: James Rowland - www.zoost.ie

Colours:

	

----------------- */

/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,f,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
img, h1, div, a, li{ behavior: url(/inc/iepngfix.htc) }

body {
	font:100%/1.231 arial,helvetica,clean,sans-serif;

}


p {
	color: #333333;
	margin: 0.7em 0 0.7em 0;
	line-height: 1.7em;
}

blockquote{
 font-family:Georgia, "Times New Roman", Times, serif;
 padding-top: 5px;
 font-size:116%;
 
}
/* base.css*/
h1 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:161.6%; 
}
h2 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:161.6%; 
}

#main-col h2 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:161.6%; 
}


h3 {
	/*19px via YUI Fonts CSS foundation*/
	font-size:146.5%;  
}

h4 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:93%;  
}
h1,h2 {
	/* top & bottom margin based on font size */
	margin:1.1em 0 0.2em 0;

}

h2.first-heading{
	margin:0.4em 0 0.2em 0;
}

h3 {
	/* top & bottom margin based on font size */
	margin:0.4em 0 0.2em 0;

}

h1,h2,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
	color: #333333;
}


a:link		{ color: #990033; text-decoration: none; font-weight:bold;}
a:visited	{ color: #990033; text-decoration: none; font-weight:bold;}
a:hover		{ color: #ff3366; text-decoration: none; font-weight:bold;}
a:active	{ color: #990033; text-decoration: none; font-weight:bold;}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

html, body{ 
 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: Arial, Verdana, 'Helvetica Neue', Helvetica,  sans-serif;
 background: #330000  url(../images/wood-bg-vertical.jpg) repeat fixed 0 0;
}

/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.ir {
 text-indent: -9999px;
}

.ir a {
display:block;
overflow:hidden;
}

#shadow{
 position:absolute;
 height: 300px;
 width: 100%;
 background: transparent url(../images/top-shadow.png) repeat-x scroll left top;
 top: 0; /*for IE*/
 left: 0; /*for IE*/
 
 }
 
#site-wrapper{ 
 width:960px;
 padding-top:10px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 min-height: 100%;
 height: auto !important;
 height: 100%; /*for IE 6 browsers that don't respect min-height.*/ 
 background: transparent  url(../images/main-bg-shadow.png) repeat-y;
 border: 1px solid #000;

} 

 .left-pad{
 margin-left:17px;
 }
 
#masthead {
 position:relative;
 height:112px;
 width:925px;
 margin-left:17px;
 z-index:21;
} 

#masthead h1 a{
 float: left;
 background:transparent url(../images/peekaboo-agencies-logo.png) no-repeat scroll left top;
 height:111px;
 width:253px;
 margin: 15px 0 0 15px;
 }
 
 ul#main-nav {
 float:right;
 width: 377px;
 height: 32px;
 margin: 55px 0 0 273px;
 }
 
 ul#main-nav li{
 display:inline;
 overflow:hidden;
 }
 
 ul#main-nav li a{ 
 height: 32px; 
 float: left;
 background: url(../images/main-nav.png) top left no-repeat;
 
 }

 ul#main-nav li#home a{ background-position: 0 0; width: 80px; }
 ul#main-nav li#collections a{ background-position: -80px 0; width: 105px; }
 ul#main-nav li#about a{ background-position: -180px 0; width: 105px; }
 ul#main-nav li#contact a{ background-position: -285px 0; width: 87px; }
	
 ul#main-nav li#home a:hover, ul#main-nav li#home a.active{ background-position: 0 -32px; }
 ul#main-nav li#collections a:hover, ul#main-nav li#collections a.active{ background-position: -80px -32px; }
 ul#main-nav li#about a:hover,  ul#main-nav li#about a.active{ background-position: -180px -32px; }
 ul#main-nav li#contact a:hover, ul#main-nav li#contact a.active{ background-position: -285px -32px; }

 #cta-wrapper{
 position: relative;
 background-color: #fff;  
 float: left; 
 display:inline; 
 width:925px; 
 border-left: 1px solid #000;
 border-right: 1px solid #000;

 }
  
 .left-column-2cl {
 float:left;
 width: 635px;
 margin: 10px 10px 5px 10px;
 z-index:20;
 }
 
 #call-to-action{
 width:637px;
 }
 
 .center{
 text-align: center;
 }
.right-column-2cl {
 position:relative;
 float:left;
 width: 256px;
 margin: 10px 2px 5px 2px;
 z-index: 20;
 }
 
 .template-collections .left-column-2cl h2{
 margin:0;
 text-indent: -9999px;
 background:transparent url(../images/collections-header.gif) no-repeat scroll left top;
 height:55px;
 width:637px;
 }
 .template-preview .left-column-2cl h2{
 margin:0;
 text-indent: -9999px;
 background:transparent url(../images/sneak-preview-header.gif) no-repeat scroll left top;
 height:55px;
 width:637px;
 }
 
 .template-mens-collections .left-column-2cl h2{
 margin:0;
 text-indent: -9999px;
 background:transparent url(../images/mens-collections-header.gif) no-repeat scroll left top;
 height:55px;
 width:637px;
 }
 
 .template-thanks .left-column-2cl h2{
 margin:0;
 text-indent: -9999px;
 background:transparent url(../images/thank-you-header.gif) no-repeat scroll left top;
 height:55px;
 width:637px;
 }
 
 .template-about .left-column-2cl h2{
 margin:0;
 text-indent: -9999px;
 background:transparent url(../images/about-us-header.gif) no-repeat scroll left top;
 height:55px;
 width:637px;
 }
 
 .template-wholesale .left-column-2cl h2{
 margin:0;
 text-indent: -9999px;
 background:transparent url(../images/wholesale-header.gif) no-repeat scroll left top;
 height:55px;
 width:637px;
 }
 
 .template-contact .left-column-2cl h2{
 margin:0;
 text-indent: -9999px;
 background:transparent url(../images/contact-header.gif) no-repeat scroll left top;
 height:55px;
 width:637px;
 }
 
 .template-about .left-column-2cl p, blockquote, .left-column-2clh3, .template-thanks .left-column-2cl p{
 margin-left: 10px;
 }
 .template-about .left-column-2cl h3, .template-thanks .left-column-2cl h3{
 color:#AD485A;
 font-size: 174%;
  padding: 10px 0 0 0;
  }
  
  .template-contact .left-column-2cl p, blockquote, .left-column-2cl h3{
 margin-left: 10px;
 }
 .template-contact .left-column-2cl h3{
 color:#AD485A;
 font-size: 174%;
 padding: 10px 0 0 0;
  }
 

 
 .left-column-2cl .collection-1 h3, .collection-2 h3, .collection-3 h3, .collection-olga h3, .collection-white-stuff h3{
 padding: 5px 0 0 10px;
 color:#ad485a;
 font-size: 197%;
 margin:0;
 }
 
 .left-column-2cl .collection-1 p, .collection-2 p, .collection-3 p, .collection-olga p, .collection-white-stuff p{

 float: left;
 width: 290px;
 margin-left:10px;
 color:#333333;
 
 }
 
 .left-column-2cl .collection-1 img, .collection-2 img, .collection-3 img, .collection-olga img {
 float:right;
 width: 317px;
 margin-top: -74px;
 }
 
.collection-1{
 position:relative;
 float:left;
 width:637px;
 margin-top:10px;

}

.collection-2{
 position:relative;
 float:left;
 width:637px;
 margin-top:10px;

}

.collection-3{
 position:relative;
 float:left;
 width:637px;
 margin: 10px 0 10px 0;

}

.collection-olga{
 position:relative;
 float:left;
 width:637px;
 margin-top:10px;
}

.collection-olga .long{
 position:relative;
 float:left;
 width:617px;
 margin:-3px 10px 10px 10px;
}

#map{
width: 100%; 
height: 300px; 
margin: 20px 0 0 0;
}

#blog-img{
float:left;
margin-top: 10px;
}

.blog-content{
 margin-left:10px;
}

#sub-nav-1{
 float:left;
 height: 111px;
 width: 122px;
 }

#sub-nav-2{
 float:left;
 height: 111px;
 width: 122px;
margin-left: 11px;
 }
 
 #special-offer{
  clear:both;
  float:left;
  background: url(../images/special-offer-img.gif) no-repeat;
  height: 194px;
  width: 256px;
  margin-top: 10px;

 }
 
#sub-cta-wrapper{
 position: relative;
 background-color: #fff;  
 float: left; 
 display:inline; 
 width:925px; 
 border-left: 1px solid #000;
 border-right: 1px solid #000;

 }
 

.first-column-4cl{
 float:left;
 height:127px;
 width: 206px;
 margin: 5px 0 0 10px;
 z-index:20;
 }

.second-column-4cl{
 float:left;
 height:127px;
 width: 206px;
margin: 5px 0 0 10px;
 z-index:20;
 }

.third-column-4cl{
 float:left;
 height:127px;
 width: 206px;
margin: 5px 0 0 10px;
 z-index:20;
 }
 
.forth-column-4cl{
 float:left;
 height:127px;
 width: 256px;
margin: 5px 0 0 10px;
 z-index:20;
 } 
 
 #content-wrapper{
 position: relative;
 background-color: #fff;  
 float: left; 
 display:inline; 
 width:925px; 
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 padding-bottom: 20px;
 }
 
 #content-wrapper h2, h3, h4{
 font-family:Georgia, "Times New Roman", Times, serif;
 }
 
 #content-wrapper .left-column-2cl{
 margin: 10px 0 0 20px;
 }

 #content-wrapper .right-column-2cl{
 margin: 10px 0 0 20px;
 width: 240px;
 }
 .sub-heading{
 color:#666666;
 }
 
 
#footer{
 height: 160px;
 width:925px;
 clear:both;
 position:relative;
 } 
 
#footer-content{
 margin: 0 auto;
 width:925px;
 margin-left: 30px;
 color: #fff;
 } 

#footer-content ul a{
	margin: 0.7em 0 0.7em 0;
	line-height: 1.7em;
 }

#footer-content ul a{
 color: #999999;
 font-weight:normal;
 }

#footer-content ul a:hover{
 color: #fff; 
 }
 
 #footer-content p a{
 color: #3399ff;
 }
 
 #footer-content p a:hover{
 color: #fff;
 }
 
 #footer-content h3{
 margin:0.7em 0 0.5em 0;
 }
 
 #footer-content p{
 color: #cccccc;
 }
 
 #footer-content .forth-column-4cl {
 padding-top: 40px;
 }

#site-info {
 position:relative;
 width: 100%;
 clear:both;

 }
 
 
#site-info p {
color: #999999;
font-size:85%;  
margin: 0.4em 0;
line-height: .7em;

}

#site-info a {
color: #999999;
font-weight:normal;
}

#site-info a:hover {
color: #fff;
font-weight:normal;
}

/*#site-info img {
position:absolute;
width: 277px;
height: 169px;
bottom:-17px;
right:0;
z-index: 1;
}*/

.center{
text-align:center;
}

.ar {
	position: absolute;
	z-index: 10;
}

.contact-form{
background:#fff none repeat scroll 0 0;
/*border-top:2px solid #000;
border-bottom:2px solid #000;*/
margin:15px 0;
padding:10px;
}
.contact-form label {
display:block;
float:left;
padding:3px 0;
width:160px;
}


em {
color:#AD485A;
font-size:85%;
font-style:normal;
}

.txt-box{

border:1px solid #666666;
color:#000;
display:block;
font-size:1em;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:15px 0 7px;

outline-style:none;
outline-width:medium;
padding:3px;
width:260px;
}

.contact-form .txt-field {

border:1px solid #666666;
color:#000;
display:block;
font-size:1em;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:15px 0 7px;

outline-style:none;
outline-width:medium;
padding:3px;
width:260px;
}

.required-email{
color:#000;
display:block;
font-size:1em;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:155px 0 7px 12px;

outline-style:none;
outline-width:medium;
padding:3px;
width:155px;
}

.email-form .txt-box {

color:#000;
display:block;
font-size:1em;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:155px 0 7px 12px;

outline-style:none;
outline-width:medium;
padding:3px;
width:155px;
}

#mc-embedded-subscribe-form .btn {

background:transparent url(../images/sign-up-btn.gif) no-repeat scroll 0 0;
border:medium none;
color:#000;
display:block;
font-family:Arial,Verdana,'Helvetica Neue',Helvetica,sans-serif;
font-size:93%;

font-style:normal;
font-variant:normal;
font-weight:bold;
height:26px;
line-height:normal;
margin:-31px 0 0 180px;
padding-bottom:5px;
text-align:center;
width:55px;
cursor: pointer;
}

.contact-form .send {

background:transparent url(../images/submit-btn.gif) no-repeat scroll 0 0;
border:medium none;
color:#AD485A;
display:block;
font-family: Arial, Verdana, 'Helvetica Neue', Helvetica,  sans-serif;
font-size:1em;
font-style:normal;

font-weight:bold;
height:29px;
line-height:normal;
margin:15px 0 0 360px;
padding-bottom:5px;
text-align:center;
width:77px;
}

.email-form .send {
background:transparent url(../images/sign-up-btn.gif) no-repeat scroll 0 0;
border:medium none;
color:#000;
display:block;
font-family:Arial,Verdana,'Helvetica Neue',Helvetica,sans-serif;
font-size:93%;

font-style:normal;
font-variant:normal;
font-weight:bold;
height:23px;
line-height:normal;
margin:-31px 0 0 180px;
padding-bottom:5px;
text-align:center;
width:55px;
cursor: pointer;
}

 p#bademail, p#badserver, p#badname, p#badphone, p#badmessage{
 color:#ff3366;
 margin-bottom: 10px;
 }
 .contact-form .send:hover {
 color:#ff3366;
 cursor:pointer;
 }

 #gallery {
 float:left;
 background-color: #210e0e;
 padding: 10px;
 width: 617px;
 margin: 7px 0 10px 0;
 }
 #gallery h3{
 padding: 5px 0 10px 0;
 color:#ad485a;
 font-family: Arial, Verdana, 'Helvetica Neue', Helvetica,  sans-serif;
 font-size: 174%;
 margin:0;

}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #AD485A;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #AD485A; }

/* IE6 css fixer v0.3: Thu, 30 Apr 2009 12:06:15 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html #masthead h1 a,
* html ul#main-nav,
* html ul#main-nav li a,
* html .left-column-2cl,
* html .right-column-2cl,
* html .left-column-2cl .collection-1 p, * html .collection-2 p, * html .collection-3 p, * html .collection-olga p,
* html .left-column-2cl .collection-1 img, * html .collection-2 img, * html .collection-3 img, * html .collection-olga img,
* html .collection-3,
* html .collection-olga .long,
* html #blog-img,
* html #sub-nav-1,
* html #sub-nav-2,
* html #special-offer,
* html .forth-column-4cl,
* html #content-wrapper,
* html .contact-form label,
* html #gallery,
* html #cta-wrapper, * html #sub-cta-wrapper,
* html .collection-1, * html .collection-2, * html .collection-olga,
* html .first-column-4cl, * html .second-column-4cl, * html .third-column-4cl {display:inline;}

/* convert min height values */
* html #site-wrapper {height:100%;}


/* add zoom:1 to overflow:hidden */
* html #masthead h1 a,
* html ul#main-nav,
* html ul#main-nav li a,
* html .left-column-2cl,
* html .right-column-2cl,
* html .left-column-2cl .collection-1 p, * html .collection-2 p, * html .collection-3 p, * html .collection-olga p,
* html .left-column-2cl .collection-1 img, * html .collection-2 img, * html .collection-3 img, * html .collection-olga img,
* html .collection-3,
* html .collection-olga .long,
* html #blog-img,
* html #sub-nav-1,
* html #sub-nav-2,
* html #special-offer,
* html .forth-column-4cl,
* html #content-wrapper,
* html .contact-form label,
* html #gallery,
* html #cta-wrapper, * html #sub-cta-wrapper,
* html .collection-1, * html .collection-2, * html .collection-olga,
* html .first-column-4cl, * html .second-column-4cl, * html .third-column-4cl {zoom:1;}

/* fix negative margins */
* html .left-column-2cl .collection-1 img, * html .collection-2 img, * html .collection-3 img, * html .collection-olga img,
* html .collection-olga .long,
* html .email-form .send {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
* html #masthead,
* html .right-column-2cl,
* html .collection-3,
* html .collection-olga .long,
* html #content-wrapper,
* html #footer,
* html #site-info,
* html #cta-wrapper, * html #sub-cta-wrapper,
* html .collection-1, * html .collection-2, * html .collection-olga {zoom:1;}