/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/


body {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	background: #ececec;
	text-align: center; /* for centering layout in IE 5.x */
}

#wrapper {
	width: 775px;
	margin: 0 auto;
	text-align: left; /* counter the centering in the body tag */
	background: #FFFFFF;
}

#headerBlock {
	height: 157px;
	width: 763px;
	padding: 23px 5px 4px 7px;
	background: url(../images/shared/headerBlock_bg.gif) repeat-x;
}

#contentBlock {
	width: 775px;
}

#footerBlock {
	clear: both;
	padding: 4px 15px;
	width: 745px;
	text-align: right;
	background: #832600;
}

.clear {
	clear: both;
	height: 30px;
}


/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK: LOGO / MAIN NAVIGATION   ---------------------------------------------------------------*/


#logo {
	padding: 5px 0 0 0;
	width: 125px;
	height: 104px;
	float: left;
}

#mainNav {
	float: right;
	width: 637px;
	min-height: 107px;
	height: 107px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
}

#mainNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainNav ul li{
	height: 107px;
	margin: 0;
	padding: 4px 0 0 10px;
	float: left;
	display: inline;
	background: url(../images/shared/mainNav_vertRule.gif) no-repeat;
}

#mainNav ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	height: 102px;
	display: block;
	text-indent: -5000px;
}

#mainNav a:link {
	text-decoration: none;
}
#mainNav a:visited {
	text-decoration: none;
}
#mainNav a:hover {
	text-decoration: none;
}
#mainNav a:active {
	text-decoration: none;
}


/* Basic Link Styles */

#mainNav a:link		{ color: #FFFFFF; text-decoration: none; }
#mainNav a:visited	{ color: #FFFFFF; text-decoration: none; }
#mainNav a:hover	{ color: #FFFFFF; text-decoration: none; }
#mainNav a:active	{ color: #FFFFFF; text-decoration: none; }
#mainNav a:focus	{ outline: 0; }

/* Nav Rollovers */

#mainNav .wardrobe a { background: url(../images/shared/nav_wardrobe.gif) no-repeat; width: 98px; margin-right: 21px; }
#mainNav .wardrobe a:hover  { background-position: -98px 0; }
#mainNav .wardrobe a:focus  { outline: 0; }
#mainNav .history a { background: url(../images/shared/nav_history.gif) no-repeat; width: 91px; margin-right: 28px; }
#mainNav .history a:hover  { background-position: -91px 0; }
#mainNav .history a:focus  { outline: 0; }
#mainNav .clients a { background: url(../images/shared/nav_clients.gif) no-repeat; width: 98px;  margin-right: 26px; }
#mainNav .clients a:hover  { background-position: -98px 0; }
#mainNav .clients a:focus  { outline: 0; }
#mainNav .order a { background: url(../images/shared/nav_order.gif) no-repeat; width: 86px; margin-right: 33px; }
#mainNav .order a:hover  { background-position: -86px 0; }
#mainNav .order a:focus  { outline: 0; }
#mainNav .contact a { background: url(../images/shared/nav_contact.gif) no-repeat; width: 76px; }
#mainNav .contact a:hover  { background-position: -76px 0; }
#mainNav .contact a:focus  { outline: 0; }


/* "Current Page" Highlight - Button Text */
#wardrobe #mainNav .wardrobe a	{ background-position: -196px 0; }
#history #mainNav .history a	{ background-position: -182px 0; }
#clients #mainNav .clients a	{ background-position: -196px 0; }
#order #mainNav .order a		{ background-position: -172px 0; }
#contact #mainNav .contact a	{ background-position: -152px 0; }



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE-SPECIFIC CSS (NOTE: wardrobe section has it's own additional .CSS fle  --------------------------*/


/* Intro page */
#intro #mainContent { margin: 13px 0 20px 96px; }

/* Home page */
#home #mainContent { margin: 86px 0 7px 28px; }

/* Clients page */
#clients #mainContent { margin: 0 0 0 0; }

/* Contact page */
#contact #mainContent { margin: 13px 0 25px 143px; }

/* History page */
#history #mainContent { margin: 13px 0 7px 143px; }
#history #mainContent #sideColumn { float: left; 
	width: 173px; 
	margin: 32px 0 0 0; 
}
#history #mainContent #mainColumn { 
	float: right;
	width: 412px;
	margin: 18px 0 0 0;
	padding: 14px 29px 0 0;
	background: url(../images/shared/horizRule.gif) no-repeat top right;
}
#history #mainContent #quote {
	clear: both;
	width: 729px;
	height: 80px;
	position: relative;
	margin-left: -115px;
}

/* Order page */
#order #mainContent {
	width: 319px;
	min-height: 436px;
	padding: 15px 0 0 27px;
	background: url(../images/order/decorative.gif) no-repeat 0 134px;
}

#order #mainContent #mainColumn {
	width: 412px;
	margin: 18px 0 0 307px;
	padding: 14px 29px 0 0;
	background: url(../images/shared/horizRule.gif) no-repeat top right;
}


/* ------------------------------------------------*/
/* All text styles for Main Text Block area -------*/


#mainContent h1 {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: .02em;
	margin: 0 0 4px 0;
	padding: 0;
	color: #835026;
}

#mainContent p {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 9px;
	line-height: 13px;
	color: #7c7c7c;
}

#mainContent a:link     { color: #260000; text-decoration: none; }
#mainContent a:visited  { color: #500000; text-decoration: none; }
#mainContent a:hover    { color: #500000; text-decoration: none; background: url(../images/shared/linkStyle.gif) bottom repeat-x; }
#mainContent a:active   { color: #500000; text-decoration: none; }


/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/

#footerBlock p {
	color: #FFFFFF;
	font-size: 8px;
	line-height: 10px;
}

#footerBlock a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footerBlock a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footerBlock a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footerBlock a:active {
	color: #FFFFFF;
	text-decoration: none;
}