/* ------------------------------------------------------------------------
CSS sheet for Judi Laird German Fabrics.
Author: Tim Kadec
Date Created: 1/04/2007

All inquiries for this document should be directed to information@virtualtech.com.
--------------------------------------------------------------------------

/* ------------------------------------------------------------------------
MAIN DESIGN ELEMENTS
--------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
a {
	outline: none;
}
body {
	background: #D6B588 url(images/map.jpg) top center no-repeat;
	font-family: Georgia, serif;
}
#wrap{
	width: 1004px;
	margin: auto;
	text-align: left;
}
#main{
	width: 608px;
	float: left;
}
#main h1 {
	margin: 0px;
	width: 608px;
	height: 79px;
	background: #D6B588 url(images/logo.gif) top left no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}
#main .content {
	padding: 10px 10px 10px 10px;
	min-height: 402px;
	background: #F4EFE5;
}
	.content p {
		margin: 10px 0px;
		color: #463204;
	}
#main #flash {
	margin-right: 10px;
	float: left;
	display: block;
}
#footer {
	padding: 40px 10px 0px 10px;
	height: 130px;
	background: url(images/footer.png) top left repeat-x;
}
	#footer #footNav {
		float: left;
		list-style-type: none;
	}
	#footer #footNav li {
		float: left;
	}
	#footer #footNav li a {
		padding: 0px 10px;
	}
	#footer p {
		float: right;
		font: 12px/18px Georgia, serif;
		text-align: right;
	}
	#footer a {
	color: #463204;
	}
	
#main ul.cleartop {
	margin-left: 220px;
}
#main ul.clearflash {
	margin-left: 220px;
}



/* ------------------------------------------------------------------------
SIDE ELEMENTS
--------------------------------------------------------------------------*/
#side {
	margin-top: 20px;
	float: left;
	width: 297px;
}
ul.nav {
	position: relative;
	list-style-type: none;
	width: 297px;
	height: 104px;
	background: url(images/nav.gif) no-repeat;
}
ul.nav li {
	position: absolute;
}
ul.nav a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}
ul.nav li.home{
	top: 5px;
	left: 3px;
}
ul.nav li.home a{
	width: 75px;
	height: 38px;
}
ul.nav li.home a:hover{
	background: url(images/nav_ovr.gif) -3px -5px no-repeat;
}
ul.nav li.products{
	top: 5px;
	left: 82px;
}
ul.nav li.products a{
	width: 86px;
	height: 42px;
}
ul.nav li.products a:hover{
	background: url(images/nav_ovr.gif) -82px -5px no-repeat;
}
ul.nav li.services{
	top: 9px;
	left: 180px;
}
ul.nav li.services a{
	width: 86px;
	height: 37px;
}
ul.nav li.services a:hover{
	background: url(images/nav_ovr.gif) -180px -9px no-repeat;
}
.nav li.shop{
	top: 60px;
	left: 25px;
}
ul.nav li.shop a{
	width: 115px;
	height: 38px;
}
ul.nav li.shop a:hover{
	background: url(images/nav_ovr.gif) -25px -60px no-repeat;
}
ul.nav li.contact{
	top: 60px;
	left: 152px;
}
ul.nav li.contact a{
	width: 76px;
	height: 38px;
}
ul.nav li.contact a:hover{
	background: url(images/nav_ovr.gif) -152px -60px no-repeat;
}


/* -----------------------------------------------------------------------
ADDITIONAL
-------------------------------------------------------------------------*/
#additional{
	background: url(images/test.gif) no-repeat;
	width: 297px;
	/*display: block;
	clear: both;*/
	height: 529px;
	margin-top: 30px;
}
#additional a.shop{
	display: block;
	height: 121px;
	text-indent: -9999px;
	overflow: hidden;
}
#additional p {
	font: 12px/18px Georgia, serif;
	margin: 0px 40px 10px 25px;
}
#additional p.first {
	margin-top: 45px;
}

dl.hours{
	margin-left: 40px;
	overflow: hidden;
}
dl.hours dd{
	float: right;
	display: inline;
	margin-right: 70px;
}
dl.hours dt{
	clear: both;
	float: left;
}

/* -----------------------------------------------------------------------
CONTACT FORM 
-------------------------------------------------------------------------*/
form{
	float: right;
	font-family: Georgia, serif;
}
form ul{
	list-style-type: none;
	font-family: Georgia, serif;
}
form ul li{
	margin-bottom: 5px;
	clear: both;
	display: block;
	width: 314px;
	font-family: Georgia, serif;
}
form ul li label{
	width: 100px;
	float: left;
	display: block;
	font-family: Georgia, serif;
}
form #validationbox{
	display: none;
}

/* -----------------------------------------------------------------------
=Content Elements
-------------------------------------------------------------------------*/



ul, dl, span {
	font: 14px/1.5em Georgia, serif;
}

h2 {
	font: Georgia, serif;
}