@charset "UTF-8";
/* CSS Document */


/*------------------ PureManager CSS-------------------*/

/*------------------ Content Manager CSS-------------------*/
.PureManagerAdmin_mainMenu	{background-color:#eeeeee; padding:2px;}
.PureManagerAdmin_mainMenu a	{color:#006;}
.PureManagerAdmin_mainMenu a:hover	{color:#000;}

#displayOptions		{position:fixed; top:0px; left:0px; width:100%;}

/*--------------Site Map CSS--------------------*/
#siteMap		{}
#siteMap li		{list-style-type:circle; margin-left:10px;}
#siteMap .siteMapSec	{margin-left:15px;}
#siteMap .siteMapSec li	{list-style:none;}

*		{padding:0px; margin:0px;}

*	{
	margin:0px;
	padding:0px;
}

img, div, a, input, h1, ul, li, p { behavior: url(images/iepngfix.htc) }

body,td,th {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
}
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	background-color: #9d252a;
}
p {margin-bottom:10px;}
a img {border:none;}


/******* ULs LIs *****/
#mid-col ul {margin:0 0 15px 0; padding:0;}
#mid-col li {margin:4px 0 0 20px; padding:0;}


a:link {color:#fff; text-decoration:none;}
a:visited {color:#fff; text-decoration:none;}
a:hover {color:#a4d9fc; text-decoration:none;}
a:active {color:#fff; text-decoration:none;}

#mid-col a {color:#333; text-decoration:underline;}

/********* Logo in header **********/
h1 a	{
	background:url(../images/logo-jjjardina.png) no-repeat;
	width:390px;
	height:77px;
	display:block;
	outline:none;
	text-indent:-900em;
	position:absolute;
	top:10px; 
	left:10px;
}

/********** Headings **********/
h2 {font-size:20px; margin:0 0 15px 0;}

/********** Divs **********/
#wrapper {width:940px; margin:0 auto;}
#content-bg {background:url(../images/bg-main.png) repeat-y;}
#content-wrapper {background:#e5e5e5 url(../images/bg-content.jpg) top left repeat-y; width:920px; margin:0 auto;}
#header {height:110px; position:relative;}
#content-container {width:880px; margin:0 auto; border:solid #dac2c2 1px; background-color:#fff;}
#home-right-col {width:644px; float:left; margin:30px auto;}
#slide-container {width:640px; height:254px; border:solid #dac2c2 1px; margin-bottom:15px; background:url(../slide/content/images/img-1.jpg) no-repeat;}
#mid-col {width:440px; float:left; margin:30px 0 0 0; overflow:hidden;}
#footer {width:920px; margin:0 auto; color:#fff; font-size:12px;}



/********** <p> id's **********/
#phone {width:398px; height:69px; position:absolute; top:0; left:522px; display:block; background:url(../images/number.png) top left no-repeat; text-indent:-900em;}

/********** Side Navigation **********/
#nav-main ul
{list-style: none; padding: 0; margin: 0;}

#nav-main li
{margin:0; list-style:none;}

#nav-welcome
{background: url(../images/nav-welcome.jpg) left top no-repeat;
width:187px;
height:38px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-welcome:hover
{
background: url(../images/nav-welcome.jpg) left bottom no-repeat;
width:187px;
height:38px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-history
{
background: url(../images/nav-history.jpg) left top no-repeat;
width:187px;
height:36px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-history:hover
{
background: url(../images/nav-history.jpg) left bottom no-repeat;
width:187px;
height:36px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-contact
{
background: url(../images/nav-contact-us.jpg) left top no-repeat;
width:187px;
height:36px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-contact:hover
{
background: url(../images/nav-contact-us.jpg) left bottom no-repeat;
width:187px;
height:36px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#sub-nav-bios
{
background: url(../images/sub-nav-bios.jpg) left top no-repeat;
width:187px;
height:36px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#sub-nav-bios:hover
{
background: url(../images/sub-nav-bios.jpg) left bottom no-repeat;
width:187px;
height:36px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-product
{
background:#971717 url(../images/nav-product-offering.jpg) left top no-repeat;
width:187px;
height:38px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-product:hover
{
background:#971717 url(../images/nav-product-offering.jpg) left -38px no-repeat;
width:187px;
height:38px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-services
{
background:#971717 url(../images/nav-services.jpg) left top no-repeat;
width:187px;
height:43px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-services:hover
{
background:#971717 url(../images/nav-services.jpg) left -38px no-repeat;
width:187px;
height:43px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-wholesale
{
background: url(../images/nav-wholesale.jpg) left top no-repeat;
width:187px;
height:42px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-wholesale:hover
{
background: url(../images/nav-wholesale.jpg) left bottom no-repeat;
width:187px;
height:42px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-retail
{
background: url(../images/nav-retail.jpg) left top no-repeat;
width:187px;
height:47px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#nav-retail:hover
{
background:#18303a url(../images/nav-retail.jpg) left -42px no-repeat;
width:187px;
height:47px;
display: block;
color: #0d2474;
text-indent:-900em;
}

#main-nav-separator {height:14px;}

#nav-main
{
width:187px;
margin:30px 15px;
float:left;
} 



/********** Bottom Navigation *********/
#nav-bottom ul
{list-style: none; padding: 0; margin: 0;}

#nav-bottom li
{float: left; margin: 0 0.15em; list-style:none; color:#ccc;}

#nav-bottom li a
{float: left; display: block; color: #fff; text-decoration: none; text-align: left;}

#nav-bottom li a:hover
{float: left; display: block; color: #a4d9fc; text-decoration: none; text-align: left;}

/* Hide from IE5-Mac \*/
#nav-bottom li a
{float: none}
/* End hide */

#nav-bottom
{width:75em;} 


/************ Misc. Classes ************/
.clear {clear:both;}
.top-png {height:25px; background:url(../images/top.png) left top no-repeat;}
.img-right-p {margin:30px 15px 15px 0; float:right; width:200px;}
.img-right {margin:0 0 15px 0;}