/* Hilary Law Textile Design Styles
	Updated: Wed 05.21.08 @ 6:14 p.m.
	Author:     Gina Kamentsky
	----------------------------------------------------*/
	
	/* COLORS
	Main Text:             #992B06
	Main Text 70%          #B76A50
	Links:                 #58AD36
	Border, Headers:       #E67900
	Accent Box:            #EFFFC9
	*/
	
	
	
	/*
	----------------------------------------------------
	----------------------------------------------------
	----------------------------------------------------
	TABLE OF CONTENTS
	----------------------------------------------------
	----------------------------------------------------
	----------------------------------------------------
	
	01 ZERO ELEMENTS
	
	02 GLOBAL STYLES
	
	03 OUTER WRAPPER
	
	04 HEADER
	
	05 CONTENT WRAPPER
	
	06 MAIN NAV
	
	07 BREADCRUMBS
	
	08 LEFT COLUMN: a)home page news
		   b)bags page swatches
	
	09 CONTENT
	
	10 FOOTER
	
	11 DROPCAP
	
	12 BAG PAGE: a) Fold
		b) Portfolio
		
	13 SPECIAL PROJECTS: a) Fold
				b) Portfolio
	
	14 FLOORCLOTHS: Dynamic Gallery
	
	15 ITEM PAGES: a) SIDEBAR 
		  b) SIDEBAR menu 
		  c) SIDEBAR form elements
		  
	16 ITEM PAGES: a)CONTENT images
		  b)CONTENT swatches
		  c)CONTENT colorformsswatches
		  d)CONTENT tool tips
	
	17 LINKS PAGE
	
	18 CONTACT FORM
	
	
	
	
	*/
	
	
	/* 01 - ZERO ELEMENTS
	----------------------------------------------------*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border:0;
	/*outline:1px solid red;*/
	font-size: 100%;
	}
	
	
	/* 02 - GLOBAL STYLES
	----------------------------------------------------*/
	
	body {
	background-image:url(images/lawBgTile.jpg);
	background-repeat:repeat;
	color:#992B06;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 130%;
	margin: 0 0 0 0;  
	padding: 0 0 0 0;
	text-align: center; 
	}
	
	h1 {
	color: #E67900;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 200%;
	}
	
	h2 {
	color: #E67900;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 140%;
	}
	
	h3 {
	color: #992B06;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 140%;
	}
	
	a,  a:link {
	color:  #992B06;
	font-weight: bold;
	text-decoration:none;
	
	}
	
	a:visited {
	color: #992B06;
	font-weight: bold;
	text-decoration:none;
	}
	
	a:hover {
	color:  #992B06;
	text-decoration:underline;
	}
	
	a:focus {
	color:  #992B06;
	}
	
	a:active {
	color: #992B06;
	}
	
	
	
	/* 03 - OUTER WRAPPER
	----------------------------------------------------*/
	
	
	#outerWrapper {
	background-image:url(images/lawBorderMid.png);
	background-repeat:repeat-y;
	padding:1px 0 1px 0;/*stops margin from collapsing*/
	margin: 52px auto 50px auto; 
	text-align: left; 
	width: 844px;
	}
	
	#outerWrapper #top{
	background-image:url(images/lawBorderTop.png);
	background-repeat:no-repeat;
	width:844px;
	height:22px;
	position:absolute;
	top:30px;
	}
	
	#outerWrapper #bottom{
	background-image:url(images/lawBorderBot.png);
	background-repeat:no-repeat;
	width:844px;
	height:22px;
	position:relative;
	top:22px;
	}
	
	/* 04 - HEADER
	----------------------------------------------------*/
	
	
	#outerWrapper #header {
	
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	width: 770px;
	height:315px;
	margin:0 37px 0 37px;
	position:absolute;/*positions the header imaage outside of block*/
	top:0px;
	
	}
	
	
	
	#outerWrapper #header img{
	
	position:relative;
	top:70px;
	left:30px;
	
	
	}
	
	
	
	/* 05 - CONTENT WRAPPER
	----------------------------------------------------*/
	
	#contentWrapper {
	width: 770px;
	margin:263px 37px 0 37px;/*the top margin is needed since header is positioned out of document flow*/
	}
	
	
	
	/* 06 - MAIN NAV
	----------------------------------------------------*/
	
	#contentWrapper #mainNav{
	
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;/*centers the nav in the box*/
	height:40px;
	background-color:#EFFFC9;
	
	}
	
	#contentWrapper #mainNav li{
	
	display:inline;
	padding:0px 10px 0 10px;
	line-height:240%;
	
	}
	
	
	
	#contentWrapper #mainNav a{
	
	text-decoration:none;
	font-weight:bold;
	
	
	}
	
	#contentWrapper #mainNav a:hover{
	
	text-decoration:underline;
	
	
	}
	
	#contentWrapper #mainNav .here{
	
	color:#FFF;
	font-size:1em;
	background-color:#E67900;
	
	}
	
	#photoStrip{
	
	height:125px;
	background-image:url(images/photoStrip.jpg);
	background-repeat:no-repeat;
	}
	
	
	/* 07 - BREADCRUMBS
	----------------------------------------------------*/
	
	
	#bread {
	
	padding: 3px;
	margin-bottom: 25px;
	border-bottom:2px solid #EFFFC9;
	
	}
	
	#bread a{
	
	text-decoration:none;
	font-weight:normal;
	
	}
	
	#bread a:hover{
	
	text-decoration:underline;
	
	
	}	
	
	#bread ul {
	
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	
	} 
	
	#bread ul li {
	
	margin-left: 0;
	padding-left: 2px;
	list-style: none;
	display: inline;
	font-size:12px;
	
	}
	
	
	
	
	
	
	/* 08a - LEFT COLUMN - Home
	----------------------------------------------------*/
	
	
	#contentWrapper #leftColumn1 {
	float: left;
	width: 298px;
	padding:30px 10px 30px 10px;
	}
	
	
	#contentWrapper #leftColumn1 h3{
	border-top:#EFFFC9 solid 10px;
	padding-top:10px;
	}
	
	#contentWrapper #leftColumn1 a{
	
	font-weight:normal;
	text-decoration:underline;
	
	}
	
	
	#contentWrapper #leftColumn1 #news{
	height:300px;
	overflow:auto;
	font-size:.9em;
	padding-right:10px;
	margin-top:10px;
	}
	
	
	/* 08b - LEFT COLUMN - Bags
	----------------------------------------------------*/
	
	
	#contentWrapper #leftColumn1 #portfolioSwatch{
	
	list-style:none;
	margin:0px;
	padding:0px;
	
	}
	
	#contentWrapper #leftColumn1 #portfolioSwatch li{
	
	display:inline;
	margin:0px;
	
	
	}
	
	#contentWrapper #leftColumn1 #portfolioSwatch img{
	padding:0 10px 10px 0;
	}
	
	
	/* 09 - CONTENT
	----------------------------------------------------*/
	#contentWrapper #content {
	margin: 0 0 0 318px;
	padding:0px 10px 30px 15px;
	}
	
	#contentWrapper #content p a{
	
	text-decoration:none;
	color:#58AD36;
	
	}
	
	#contentWrapper #content p a:hover{
	
	text-decoration:underline;
	
	}
	
	
	#contentWrapper #content .dropcap{
	
	font-size:3em;
	line-height:normal;
	vertical-align:bottom;
	position:relative;
	top:6px;/*if lines are to be equal, vertical align is set to bootom and cap jumps up, use rel post to re-set*/
	
	}
	
	#contentWrapper #content ul{
	
	list-style:none;
	margin:0;
	padding:30px 0 0 0;
	
	}
	
	#contentWrapper #content ul a{
	
	text-decoration:none;
	font-weight:bold;
	
	}
	
	#contentWrapper #content ul a:hover{
	
	text-decoration:underline;
	
	
	}
	
	#contentWrapper #content li{
	
	padding:2px 0 2px 30px;
	
	}
	
	#contentWrapper #content .iconOne {
	
	background:transparent url(images/icon01.jpg) no-repeat left center;
	
	}
	
	
	#contentWrapper #content .iconTwo {
	
	background:transparent url(images/icon02.jpg) no-repeat left center;
	
	}
	
	#contentWrapper #content .iconThree {
	
	background:transparent url(images/icon03.jpg) no-repeat left center;
	
	}
	
	#contentWrapper #content .iconFour {
	
	background:transparent url(images/icon04.jpg) no-repeat left center;
	
	}
	
	#contentWrapper .clearFloat {
	
	clear: left;
	display: block;
	
	}
	
	#contentWrapper .clearFloatBar {
	
	clear: left;
	display: block;
	height:20px;
	background-color:#E67900;
	
	
	}
	
	
	/* 10 - FOOTER
	----------------------------------------------------*/  
	
	
	#footer #subNav{
	
	list-style:none;
	padding:0 0 0 20px;
	height:40px;
	background-color:#EFFFC9;
	
	}
	
	#footer #subNav li{
	
	display:inline;
	padding:0px 5px 0 5px;
	line-height:240%;
	
	}
	
	#footer #subNav a{
	
	font-size:.8em;
	
	} 
	
	#footer h4{
	
	margin-left:30px;
	font-weight:normal;
	font-size:1em;
	}
	
	#footer h4 a{
	
	
	font-weight:bold;
	
	}
	
	#footer p{
	
	font-size:11px;
	margin-left:30px;
	position:relative;
	top:-10px;
	}
	
	#footer a{
	
	text-decoration:none;
	font-weight:normal;
	
	}
	
	#footer a:hover{
	
	text-decoration:underline;
	
	}
	
	#footer{
	
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:220px;
	margin:30px;
	
	}
	
	#footer em{
	
	font-weight:bold;
	
	}
	
	#footer fieldset{
	
	width:300px;
	border:none;
	position:relative;
	top:-70px;
	right:-530px;
	
	}
	
	#footer legend{
	
	font-size:12px;
	
	}
	
	#footer #email{
	
	border:1px solid  #E67900;
	
	}
	
	#footer #submit{
	
	background-color:#E67900;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	font-weight:normal;
	margin-left:5px;
	border:none;
	
	
	}
	
	
	
	
	/* 11 - DROPCAP
	----------------------------------------------------*/
	
	
	
	#contentWrapper .dropcap{
	
	font-size:2em;
	color: #58AD36;
	line-height:normal;
	vertical-align:bottom;
	position:relative;
	top:2px;/*if lines are to be equal, vertical align is set to bootom and cap jumps up, use rel post to re-set*/
	padding-right:1px;
	
	}  
	
	
	/* 12a - BAG PAGE - Fold
	----------------------------------------------------*/
	
	#contentWrapper #foldBag{
	
	margin:10px 10px 20px 10px;
	height:340px;
	background-image:url(images/swatches/cfAllSwatchH.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	
	
	}
	
	
	#contentWrapper  #sidebarBag{
	
	width:318px;
	float:left;
	padding-right:20px;
	
	}
	
	#contentWrapper #foldBag dl.imageColorforms{
	
	text-align:center;
	float: left;
	margin-top:60px;
	
	}
	
	#contentWrapper #foldBag .imageColorforms dt{ 
	
	font-size:1em;
	
	
	}
	
	#contentWrapper #foldBag .imageColorforms dt img{
	
	padding:0 1px 0 1px;
	
	}
	
	
	/* 12b - BAG PAGE - Portfolio
	----------------------------------------------------*/
	
	
	#contentWrapper #portfolioBag{
	
	margin: 40px 0 0 318px;
	padding:0px 0px 0px 0px;
	
	}
	
	
	#contentWrapper #portfolioBag .thumbnail{
	
	width:131px;
	float:left;
	padding:5px 0 5px 18px;
	
	}
	
	#contentWrapper #portfolioBag .thumbnail h3{
	
	font-weight:normal;
	text-align:center;
	font-size:1em;
	
	
	}
	
	
	
	/* 00 - BANNERBAG PAGE - Fold
	----------------------------------------------------*/
	
	#contentWrapper #foldBannerBag{
	

	margin:10px 10px 40px 10px;
	

	}
	
	
	#contentWrapper  #sidebarBannerBag{
	
	width:330px;
	float:left;
	padding-right:30px;
	
	}
	

	

	#contentWrapper #foldBannerBag img{
	

    margin-top:60px;

	}
	
	
	#contentWrapper #portfolioBannerBag #bannerImages{
	
	margin: 30px 0 20px 0;
	width:368px;
	padding:2px;
	border:1px solid #E67900;
	float:left;
	
	}
	
	
	#contentWrapper #portfolioBannerBag img{
	
    padding-top:4px;
	
	}
	
	
	
	
	#contentWrapper #portfolioBannerBag h3{
	
	
	margin:0 0 0 400px;
	padding:30px 0 0 10px;
	
	
	}
	
	
	
	#contentWrapper #portfolioBannerBag p{
	
	
	margin:0 0 0 400px;
	padding:20px 10px 0 10px;
	
	
	}
	
	#contentWrapper #portfolioBannerBag p a{
	text-decoration:underline;
	font-weight:normal;
	
	
	
	
	
	}
	
	#contentWrapper #portfolioBannerBag .clearFloatBar{
	
	
	border-bottom:1px dashed #E67900;
	background-color:#FFFFFF;
	
	
	
	
	
	}

	
	
	
	
	/* 13a  SPECIAL PROJECTS - Fold
	----------------------------------------------------*/
	
	
	
	#contentWrapper #foldSpecial{
	
	margin:10px 10px 20px 10px;
	height:180px;
	background-image:none;
	
	
	}
	
	
	#contentWrapper  #sidebarSpecial{
	
	width:200px;
	float:left;
	
	}
	
	#contentWrapper #foldSpecial dl.imageSpecial{
	
	text-align:center;
	float: left;
	
	}
	
	#contentWrapper #foldSpecial .imageSpecial dt{ 
	
	font-size:1em;
	
	}
	
	#contentWrapper #foldSpecial .imageSpecial dt img{
	
	padding:0 5px 0 5px;
	
	}
	
	
	
	/* 13b  SPECIAL PROJECTS - Portfolio
	----------------------------------------------------*/
	
	
	#contentWrapper #portfolioSpecial img{
	
	margin: 30px 0 20px 0;
	padding:2px;
	border:1px solid #E67900;
	float:left;
	
	}
	
	#contentWrapper #portfolioSpecial h3{
	
	
	margin:0 0 0 400px;
	padding:30px 0 0 10px;
	
	
	}
	
	
	
	#contentWrapper #portfolioSpecial p{
	
	
	margin:0 0 0 400px;
	padding:20px 10px 0 10px;
	
	
	}
	
	#contentWrapper #portfolioSpecial p a{
	text-decoration:underline;
	font-weight:normal;
	
	
	
	
	
	}
	
	#contentWrapper #portfolioSpecial .clearFloatBar{
	
	
	border-bottom:1px dashed #E67900;
	background-color:#FFFFFF;
	
	
	
	
	
	}
	
	
	/*  14 - FLOORCLOTHS - Dynamic Gallery
	----------------------------------------------------*/	
	
	
	#contentWrapper #foldFloorcloth{
	
	margin:10px 20px 30px 20px;
	
	}
	
	
	#contentWrapper #foldFloorcloth .dropcap{
	
	font-size:2em;
	color: #58AD36;
	line-height:normal;
	vertical-align:bottom;
	position:relative;
	top:2px;/*if lines are to be equal, vertical align is set to bootom and cap jumps up, use rel post to re-set*/
	padding-right:1px;
	
	}  
	
	
	
	#contentWrapper  #portfolioFloorcloths{
	
	width:670px;
	margin:30px auto 0 auto;
	background-color:#000000;
	padding:10px 0 10px 0;
	
	
	
	}
	
	#contentWrapper  #portfolioFloorcloths div {
	
	margin:6px;
	width:120px;
	height:72px;
	float:left;
	
	}
	
	#contentWrapper  #portfolioFloorcloths div img{
	
	border:none;
	display:block;
	margin:0 auto;
	padding:2px;
	border: 1px dotted #CCCCCC
	
	}
	
/*	#contentWrapper  #bigDynPic{
	
	position:absolute;
	padding:5px;
	margin-left:440px;
	margin-top:40px;
	
	
	}
	
	#contentWrapper #bigDynPic img{
	
	padding:2px;
	border:1px solid #E67900;
	
	}*/
	
	
/* 18 - THICK BOX
----------------------------------------------------*/ 


#TB_window {
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #992B06;
}

#TB_secondLine {
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#992B06;
}

#TB_window a:link {color: #58AD36;}
#TB_window a:visited {color: #58AD36;}
#TB_window a:hover {color: #58AD36;
text-decoration:underline;}
#TB_window a:active {color: #58AD36;}
#TB_window a:focus{color: #58AD36;}


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#992B06;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

	
	
	
	
	
	/*  15a - ITEM PAGES - ITEM SIDEBAR
	----------------------------------------------------*/
	
	#contentWrapper #itemSidebar{
	
	width:170px;
	float:left;
	margin-top:10px;
	
	
	} 
	
	
	/*  15b - ITEM PAGES - ITEM SIDEBAR - Menu
	----------------------------------------------------*/ 
	
	
	#contentWrapper #itemSidebar h3{
	
	font-weight:normal;
	font-size:1.1em;
	line-height:170%;
	padding-left:10px;  
	
	
	}
	
	#contentWrapper #itemSidebar h3 a{
	
	font-weight:normal;
	color: #992B06;
	
	}
	
	#contentWrapper #itemSidebar .here a{
	
	color:#FFF;
	font-size:1em;
	background-color:#E67900;
	padding:2px;
	
	}
	
	
	#contentWrapper #itemSidebar .current{
	
	font-weight:bold;
	list-style-image:url(images/currentIcon.gif);
	
	
	
	}
	
	#contentWrapper #itemSidebar ul{
	margin: 10px 0 0 25px;
	padding:0;
	line-height:160%;  
	
	
	
	}
	
	#contentWrapper #itemSidebar li{
	
	list-style:none;
	margin-left:0;
	padding-left:0;
	
	
	}
	
	
	#contentWrapper #itemSidebar a{
	
	color:#B76A50;
	text-decoration:none;
	
	}
	
	#contentWrapper #itemSidebar a:hover{
	
	text-decoration:underline;
	
	}
	
	/*  15c - ITEM PAGES - ITEM SIDEBAR - Form Elements
	----------------------------------------------------*/ 
	
	#contentWrapper #itemSidebar #buyForm{
	
	margin:15px 0 15px 0;
	
	} 
	
	#contentWrapper #itemSidebar #buySubmit{
	
	margin:15px 0 15px 0;
	background-color:#E67900;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	border:none;
	
	
	}
	
	#contentWrapper #itemSidebar fieldset{
	
	border:none;
	}
	
	
	
	
	
	
	/* 16a - ITEM PAGES - ITEM CONTENT - Image
	----------------------------------------------------*/  
	
	
	
	#contentWrapper #itemContent{
	
	margin:30px 10px 0 200px;
	
	}  
	
	
	#contentWrapper #itemContent img{
	
	padding:2px;
	margin:0 0 10px 0;
	border:1px solid #E67900;
	
	} 
	
	#contentWrapper #itemContent p{
	
	font-size:.9em;
	padding:0 0 20px 0;
	
	
	}
	
	
	/* 16b - ITEM PAGES - ITEM CONTENT - Swatches
	----------------------------------------------------*/ 
	
	
	#contentWrapper #itemContent dl.swatch{
	
	
	width:60px;
	text-align:center;
	float: left;
	
	
	}
	
	
	#contentWrapper #itemContent .swatch dt{ 
	
	font-size:.9em
	
	}
	
	
	#contentWrapper #itemContent .swatch dt img{
	
	width: 50px;
	height: 50px;
	
	
	}
	
	/* 16c - ITEM PAGES - ITEM CONTENT - Colorforms Swatches
	----------------------------------------------------*/ 
	
	
	#contentWrapper #itemContent dl.swatchCf{
	
	
	width:110px;
	height:90px;
	text-align:center;
	float: left;
	
	
	}
	
	
	#contentWrapper #itemContent .swatchCf dt{ 
	
	font-size:.9em;
	line-height:100%;
	
	}
	
	
	#contentWrapper #itemContent .swatchCf dt img{
	
	width: 100px;
	height: 50px;
	
	
	}
	
	#contentWrapper #itemContent .swatchDivider{
	
	height:10px;
	background-color:#EFFFC9;
	clear:left;
	
	}
	
	
	/* 16d - ITEM PAGES - ITEM CONTENT - Tool Tips
	----------------------------------------------------*/ 
	
	
	a.info{
	
	position:relative; 
	z-index:24; 
	background-color:#fff;
	text-decoration:none
	
	}
	
	a.info:hover{
	
	z-index:25; 
	background-color:#fff
	
	}
	
	a.info span{
	
	display: none;
	
	}
	
	a.info:hover span{
	
	display:block;
	position:absolute;
	top:-85px; left:25px; width:8em;
	color:#E67900;
	border-left:2px dotted #E67900;
	padding:0  0 5px 5px;
	text-align: left;
	font-weight:normal;
	
	}
	
	.valid{
	
	margin:0 0 0 40px;
	line-height:50%;
	
	}


    /* 17 - LINKS PAGE
	----------------------------------------------------*/ 

    #contentWrapper #leftColumnLinks {
	float: left;
	width: 298px;
	height:900px;
	padding:30px 10px 30px 10px;
	background-image:url(images/linkBg.jpg);
	background-repeat:no-repeat;
	}
	
	
	 /* 18 - CONTACT FORM
	----------------------------------------------------*/ 
	
	
	#contactForm {
	
	margin:0 40px 0 40px;
	
	}
	
	
	#contactForm #submit{
	
	background-color:#E67900;
	color:#fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	font-weight:normal;
	margin-left:5px;
	padding:3px;
	border:none;
	
	
	}
	
	#contactForm form{
	
	margin:0;
	padding:0;/*set form elements to zero*/
	
	}
	
	#contactForm input, textarea{
	
	border:3px double #E67900;
	
	}
	
	#contactForm #feedback{
	
	width:50%;
	
	}
	
	#contactForm label{	
	
	font-weight: bold;
	
	
	}
	.warning{
	
	color:#2CBF7B;
	
	}