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

	Jiggery Pokery Accessories - Holding page
	
	SCREEN - Core Stylesheet
	
	Web					: http://www.jiggerypokeryaccessories.co.uk
	Filename    		: css/holding.css
	Last Updated		: 28. 07. 2010
	Copyright			: (c) 2010 webteam.furness.net
	Author				: Chris Sharp - webteam.furness.net
	Web					: http://www.csharpdesign.co.uk | http://webteam.furness.net
	
--------------------------------------------------------------------------------------------------------------------*/

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

	Table of Contents
	
	01. -PNG Fix
	02. =General
	03. =Links
	04. =Headings
	04. =Header
	06. =Main Panel
	07. =Contact Form
	08. =Divider
	09. =Footer
 		
--------------------------------------------------------------------------------------------------------------------*/

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

	=PNG Fix
 		
--------------------------------------------------------------------------------------------------------------------*/

h2.signup, h3.contact-heading { behavior: url(../iepngfix.htc) }

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

	=General
 		
--------------------------------------------------------------------------------------------------------------------*/

body { 
	background: #fff url('../images/jig01_bg.jpg') repeat left top;
	color: #666;
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	font-size: 62.5%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

span.ampersand {
	color: #8F8D75;
	font-family: "Book Antiqua", "Goudy Old Style", "Times New Roman", serif;
}

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

	=Links
 		
--------------------------------------------------------------------------------------------------------------------*/

a {
	text-decoration: none;
}

a:link {
	color: #9E0E7A;
}

a:hover {
	color: #9E0E7A;
	text-decoration: underline;
}

a:visited {
	color: #5A0B46;
}

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

	=Headings
 		
--------------------------------------------------------------------------------------------------------------------*/

h1 {
	color: #3D505A;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 18px;
}

h2 {
	color: #B3C431;
	font-size: 2.4em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 6px;
}

h2.signup {
	background: url('../images/title_singup.png');
	height: 71px;
	margin-left: 188px;
	margin-bottom: 22px;
	text-align: center;
	text-indent: -9999px;
	width: 119px; 
}

h3 {
	color: #3D505A;
	font-family: Georgia, Palatino, "Times New Roman", serif;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 16px;
}

h3.contact-heading {
	width: 175px; 
	height: 30px;
	background: url('../images/title_contact.png');
	text-indent: -9999px;
}

h4 {
	color: #002D63;
	font-family: Cambria, Georgia, "Goudy Old Style", serif;
	font-size: 1.2em;
	letter-spacing: 3px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

h5 {
	color: #002C62;
	font-size: 1.4em;
	margin-bottom: 22px;
}


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

	=Header
 		
--------------------------------------------------------------------------------------------------------------------*/

div#pattern-top {
	background: url('../images/pattern_top.jpg') repeat-x left top;
	height: 34px;
	text-align: center;
	width: 100%;	
}

div#header {
	background: url('../images/bg_header_repeat.jpg') repeat-x left top;
	clear: both;
	height: 175px;
	text-align: center;
	width: 100%;
}

div.header-inner {
	background: url('../images/bg_header.jpg') no-repeat left top;
	height: 175px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 960px;
}

div.header-inner-holding {
	background: url('../images/site/bg_header_holding.jpg') no-repeat left top;
	height: 178px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 960px;	
}

div.tagline {
	border-bottom: 1px solid #E8E8E8;
	float: left;
	margin-top: 44px;
	margin-left: 118px;
	padding-bottom: 6px;
	text-align: center;
	width: 290px;
}

.tagline p.cherry {
	color: #B5C62F;
	font-family: Georgia, Cambria, "Goudy Old Style", serif;
	font-size: 2.0em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 6px;
}

.tagline p {
	color: #3D505A;
	font: italic 1.3em "Droid Serif", Cambria, Georgia, "Goudy Old Style", serif;
}

img.logo {
	float: left;
	margin-top: 30px;
}

img.coming-soon {
	display: block;
	float: right;
	margin-top: 22px;
}
/*-------------------------------------------------------------------------------------------------------------------

	=Main Panel
 		
--------------------------------------------------------------------------------------------------------------------*/

div#main {
	background: url('../images/site/bg_main.jpg') no-repeat left top;
	clear: both;
	height: 330px;
	margin: 0 auto;
	margin-top: 20px;
	height: 478px;
	overflow: hidden;
	text-align: left;
	width: 960px;
}

div.intro-container {
	float: left;
	margin-right: 20px;
	width: 390px;
}

.intro-container p {
	color: #666;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 18px;
}

.intro-container p span {
	color: #9EA82F;
	font-style: italic;
	font-weight: bold;	
}

p.signup-subheading {
	color: #3D505A;
	font: bold 1.2em Arial, "Trebuchet MS", sans-serif;
	letter-spacing: 1px;
	margin-bottom: 19px;
	text-transform: uppercase;
}

q:before, q:after { content: ""; }

p.like-minded {
	color: #979797;
	font-size: 1.4em;
	font-style: italic;
	margin-bottom: 46px;
}

p.sig {
	color: #666;
	font-size: 1.4em;
	font-style: italic;
}

img.divider {
	clear: both;
	float: left;
	margin-top: 8px;
	margin-bottom: 20px;
}

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

	=Contact Form
 		
--------------------------------------------------------------------------------------------------------------------*/

div#signup {
	background: url('../images/bg_signup.jpg') no-repeat center center;
	float: left;
	height: 437px;
	width: 550px;
}

div.form {
	margin: 0 auto;
	margin-top: 58px;
	overflow: hidden;
	text-align: center;
	width: 520px;
}

p.formTitles {
	font-size: 1.2em;
	color: #666666;
	margin: 0;
	padding-bottom: 12px;
}

p.submitP {
	margin: 0;
	padding: 0;
}

input, textarea {
	color: #666666;
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin: 0;
	margin-left: 4px;
}

input#submit.subscribeButton {
	background: url('../images/button_subscribe.jpg') no-repeat top left;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	height: 36px;
	letter-spacing: 1px;
	margin-top: 5px;
	padding: 6px 4px 5px 4px;
	text-transform: uppercase;
	width: 167px;
}

input:focus, textarea:focus{
	border: 1px solid #B3C431;
	background-color: #faf7f2;
}

input[type=text]:focus, input[type=password]:focus {
  outline: 0 none;
}

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

	=Divider
 		
--------------------------------------------------------------------------------------------------------------------*/

div#divider {
	clear: both;
	height: 8px;
	margin: 0 auto;
	margin-bottom: 10px;
	overflow: visible;
	text-align: center;
	width: 960px;	
}

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

	=Footer
 		
--------------------------------------------------------------------------------------------------------------------*/

div#footer {
	clear: both;
	height: 320px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 24px;
	width: 960px;
}

div.contact {
	float: left;
	margin-right: 20px;
	width: 390px;
}

img.polaroids {
	float: right;
	margin-left: 4px;
}

div.facebook {
	float: left;
	margin-right: 20px;
	width: 322px;
}

img.facebook-icon {
	float: right;	
	margin: 10px 0 0 4px;
}

.contact span {
	color: #413F3B;
	font-weight: bold;
}

#footer p {
	font-size: 1.2em;
	line-height: 1.7em;
	padding-top: 12px;
}

#footer p a {
	font-style: italic;
}

#footer p.seeyouthere {
	font-size: 1.4em;
	font-style: italic;
}

#footer p.name {
	color: #413F3B;
	font-size: 1.1em;
	font-style: italic;
	padding-top: 0;
}

img.footer-marquee {
	clear: both;
	margin-top: 20px;
}

p.copyright {
	color: #999999;
	font-style: italic;
}

p.siteby {
	color: #999999;
	font-style: italic;
	float: right;
}