/* === === === === === === === === === === === === ===
Premier Marques Limited
Copyright 2009
Styled for http://www.premier-marques.com

Swatch Colours aka Pallet
~~~~~~~~~~~~~~~~~~~~~~~~~


Cream			#FAF1B6
Cream 2			#E0D8A4
Brown Cream		#A38A5F

Yellow Brown	#CCA65A
Gold brown		#947C4B
Steel Brown		#594D36
Dark Brown		#261E0E

Deep Red		#921300
Dark Blue		#062329
Black			#000B07  


=== === === === === === === === === === === === === */


/* === === === === === === === === === === === === ===
Base Styles
=== === === === === === === === === === === === === */

html {
 height: 100%;
}
body {
 background: #FFF;
 line-height: 1.5em;
 height: 100%;
 font: 14px Helvetica, Arial, sans-serif;
}

/* === === === === === === === === === === === === ===
Useful
=== === === === === === === === === === === === === */

.transparent {
	filter:alpha(opacity=75); /* IE's proprietary filter for transparency  */
	-moz-opacity:0.75; /* For use with older Mozilla browsers like Netscape Navigator */
	-khtml-opacity: 0.75; /* Used for old versions of Safari */
    opacity: 0.75; /* The current standard. Supported by Firefox, Safari, and Opera */

}

.transprentText {
 color: rgba(255, 255, 255, 0.5);
}

.transprentBack {
 background: rgba(255, 255, 255, 0.5);
}

a:hover {opacity: 0.75;}

/* === === === === === === === === === === === === ===
Typography
=== === === === === === === === === === === === === */

h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.0em;}

#intro h2 {
 font-size: 2.5em;
}


#footer h2,
#footer h3 {
 font-size: 1.2em;
}

/* === === === === === === === === === === === === ===
Header styling
=== === === === === === === === === === === === === */

h2 {  margin: 0px 0px 15px 0px;  }
h3 {  margin-bottom: 10px; }
h4 {  margin: 15px 0px 15px 0px; 
      border-bottom: solid 1px #22BF0D;
      padding-bottom: 3px;
   }
h1          { color: #261E0E; }
h2 	    { color: #594D36; }
h3 	    { color: #947C4B; }

#intro h2 {
  margin: 0px 0px 25px 0px;  
}

#footer h2,
#footer h3 {
 color: #FFFFFF;
 margin: 15px 0px 15px 0px; 
 padding-bottom: 3px;
}

/* === === === === === === === === === === === === ===
Logos
=== === === === === === === === === === === === === */

.logo {
 background: url(../images/p-m_logo.png) no-repeat left center;
 color: #999999;
 display: block;
 height: 90px;
 margin: 20px auto;
 padding:0;
 text-decoration: none;
 text-indent: -5000em;
 width: 251px;
}

.footer_pmlogo {
 background: url(../images/p-m_altlogo_nourl_white.png) no-repeat left center;
 color: #999999;
 display: block;
 height: 35px;
 padding:0;
 text-decoration: none;
 text-indent: -5000em;
 width: 100%;
}

.footer_vtglogo {
 background: url(../images/vtg_text_white.png) no-repeat left center;
 color: #999999;
 display: block;
 height: 35px;
 padding:0;
 text-decoration: none;
 text-indent: -5000em;
 width: 91px;
}


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

#header {
 text-align:center;
}

/* === === === === === === === === === === === === ===
Intro
=== === === === === === === === === === === === === */


#intro h2 {
 text-align:center;
}

#intro p {
 color: #261E0E;
 font-size: 1.1em;
 font-weight: bold;
}


/* === === === === === === === === === === === === ===
Brand List
=== === === === === === === === === === === === === */

ul.brand_list {
 font-size: 0.9em;
 list-style: none;
 margin: 0;
 padding: 0;
 text-align:left;
}

ul.brand_list li {
 display:block;
 float:left;
 margin:0;
 _display:inline;
 _float:none;
}

/* ul.brand_list li:before { content: ", ";   white-space:pre;} */

ul.brand_list li:after { content: ", ";   white-space:pre;}
ul.brand_list li:first-child:before { content: ""; } 
ul.brand_list li:last-child:before { content: " and ";   white-space:pre;}
ul.brand_list li:last-child:after { content: "."; } 

ul.brand_list li a {
 color:#000B07;
 text-decoration:none;
}

ul.brand_list li a:hover {
 color:#261E0E;
 border-bottom: solid 1px #261E0E;
}


/* === === === === === === === === === === === === ===
Contact
=== === === === === === === === === === === === === */

#contact_wrapper {
 background-color: #A38A5F;
 border-bottom: solid 4px #E0D8A4;
 border-top: solid 2px #FAF1B6;
 margin: 15px 0px 25px 0px;
}

#contact {
 color: #FAF1B6;
 display: block;
 height: 143px;
 font-size: 1.3em;
 line-height: 24px;
 margin: 10px auto 0 auto;
 text-align:center;
}

#contact a {
 color:#000B07;
 text-decoration: none;
}

#contact a:hover {
 border-bottom: solid 1px #E0D8A4;
}
/* Contact Form */

.mailWrap {
 font-weight: bold;
 text-align:center;
}

.newsletterInput {
 border: #E0D8A4 solid 1px;
 padding: 4px;
 color: #000000;
 font-size:16px;
 width: 300px;
}

.newsletterButton {
 font-size:16px;
 margin: 3px 0 0 187px;
}

/* Contact Form ~~ focus field styling */

.focusField{
 border:solid 2px #73A6FF;
 background:#EFF5FF;
 color:#000;
}

.idleField{
 background:#EEE;
 color: #6F6F6F;
 border: solid 2px #DFDFDF;
}




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

#footer_wrapper {
 background: #261E0E url(/images/css/patt4.jpg);
 border-top: solid 3px #261E0E; 000B07;
 margin: 25px 0px 0px 0px;
 padding: 20px 0px 20px 0px;
}

#footer {
 color:#E0D8A4;
 display:block;
 font-size: 0.9em;
 font-weight: normal;
 height: 145px;
}

#footer a {
 color:#E0D8A4;
 font-size: 0.9em;
 font-weight: bold;
 text-decoration:none;
}
#footer a:hover{color:#22BF0D;}			


#footer_pm {
 text-align:left;
}


#baseline_wrapper {
 background:#22BF0D url(/images/css/patt3.jpg);
}

#baseline {
 color:#333333;
 font-size: 0.9em;
 font-weight: normal;
 padding: 10px;
 text-align:center;
}

#baseline a {
 color:#333333;
 text-decoration:none;
}