/* -------------------------------------------------------------- 
 B Tailoring CSS by Alastair Taylor and The SIXFTSIX Web Design Co.
 http://www.sixftsix.com

   * Copyright (c) 2009-Present. 

   master.css
   * Sets styles for on screen pages.
   
-------------------------------------------------------------- */


/*-----typography----------*/

body {font-size: 62.5%; font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;}

div#column{font: normal 1.4em/1.2em Garamond, "Hoefler Text", "Times New Roman", Times, serif; color:#000;}

h1 {font: normal 1.3em/1.3em Garamond, "Hoefler Text", "Times New Roman", Times, serif; color:#000;}

p.bridge {font-style: italic;}

div#navigation{font: normal 1em/1em Garamond, "Hoefler Text", "Times New Roman", Times, serif; color:#000;;}

div#navigation ul{list-style-type:none;}

a {color:#333;}

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



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

div#content{margin-left:450px; margin-top:50px;}
	
div#content img#logo{ margin-bottom:40px;}	

body#home div#column { margin-top:40px;}

	
div#column{margin-left:100px;}	
	
div.section{border-top: 1px solid #000;
			width:395px;
			padding-bottom:10px;}

div.section p{ padding:10px 0 5px 0;}



div.section ul{ padding:0px 0 5px 0;  list-style-type:disc;}

div.section ul.ontop{ padding:10px 0 5px 0;}

div.section ul li{ padding:3px 0 3px 0;}



div#media {overflow:auto; height:150px; padding:10px 10px 0px 0px; width:385px;}

div#navigation{margin-top:20px; clear:both;}

div#navigation ul li{ margin:0px; padding:6px 0 6px 0;}

div#navigation ul#one {float:left; width:210px;}

div#navigation ul#two {margin-left:215px; margin-bottom:50px;}

img.media{ float:right; padding:20px 10px 10px 20px;}


/*----------layout tweaks----------*/

body#thecut div.section{width:400px;}

div.mediaspacer {clear:both; margin:10px 0px; border-bottom:1px solid #ddd;}

/*----------tables--------*/

table tr.firstcell td{padding-top:15px;}

td{padding:1px 10px 0 0;}


/*-----definition lists-------*/
dl{display:block; float:left; margin:25px 0; width:200px;}

dd{margin:0 0 0 50px;}

dt{display:block; float:left; font-size: 0.8em; width:40px;}

dl#address{width:140px;}


/*-------background images--------*/

body#home {background: #fff url(../images/backgrounds/home.jpg) no-repeat fixed top left;}

body#thecut {background: #fff url(../images/backgrounds/theenglishcut.jpg) no-repeat fixed top left;}

body#costs {background: #fff url(../images/backgrounds/costs.jpg) no-repeat fixed top left;}

body#loyalty {background: #fff url(../images/backgrounds/loyalty.jpg) no-repeat fixed top left}

body#contact {background: #fff url(../images/backgrounds/contact.jpg) no-repeat fixed top left;}


/*------------NAVIGATION BACKGROUND IMAGES------------*/

a {outline: none;}


div#navigation ul li a{text-indent:-1000em; display:block;}


div#navigation ul li#english a{background:url(../images/newnav/theenglishcut.gif) no-repeat top left; width:131px; height:21px;}
div#navigation ul li#howmuch a{background:url(../images/newnav/howmuch.gif) no-repeat top left; width:182px; height:21px;}
div#navigation ul li#loyalty a{background:url(../images/newnav/loyalty.gif) no-repeat top left; width:78px; height:21px;}

div#navigation ul li#what a{background:url(../images/newnav/whatcani.gif) no-repeat top left; width:198px; height:21px;}
div#navigation ul li#contact a{background:url(../images/newnav/contact.gif) no-repeat top left; width:84px; height:21px;}
div#navigation ul li#media a{background:url(../images/newnav/media.gif) no-repeat top left; width:73px; height:21px;}

div#navigation ul li#home a{background:url(../images/newnav/home.gif) no-repeat center left; width:72px; height:21px;}
div#navigation ul li#priceguide a{background:url(../images/newnav/priceguide.gif) no-repeat top left; width:108px; height:21px;}
div#navigation ul li#contactus a{background:url(../images/newnav/contactus.gif) no-repeat top left; width:100px; height:21px;}

div#navigation ul li#english a:link, div#navigation ul li#howmuch a:link, div#navigation ul li#loyalty a:link, div#navigation ul li#what a:link, div#navigation ul li#contact a:link, div#navigation ul li#media a:link, div#navigation ul li#home a:link, div#navigation ul li#priceguide a:link, div#navigation ul li#contactus a:link{background-position:center right; border:none; border-color:#fff;}


div#navigation ul li#english a:active, div#navigation ul li#howmuch a:active, div#navigation ul li#loyalty a:active, div#navigation ul li#what a:active, div#navigation ul li#contact a:active, div#navigation ul li#media a:active, div#navigation ul li#home a:active, div#navigation ul li#priceguide a:active, div#navigation ul li#contactus a:active{background-position:center right; border:none; border-color:#fff;}




/*---------flash logo------*/

object {display:block;}

.flashdimentions{width:476px; height:89px;}