/* CSS Document */
* { padding:0;}

body 	{
		font-size:100%; 
		color: #666666; 
		background:#333333 url(images/spread.jpg) fixed repeat 50% 0;
		margin:20px 0 20px 0;
}
body.print{
		font-size:100%; 
		color: #666666; 
		background:#ffffff; 
		margin:20px 0 0 0;
}

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

.main	{
		margin:0 auto; 
		text-align:left; 
		width:920px; 
		padding:0px; 
		background: #ffffff;
}

/*======= menu =======*/

.menu{
			width:900px; 
			overflow:hidden;
}
.menuslide {
		position: relative;            
		width:880px;
		background:url(images/menu-bar.jpg) no-repeat 0 0;
		overflow: hidden;
		color: #fff;
		margin:0px 0px 10px 20px; height:50px;
}
.menuslide li {
		float: left;
		list-style: none;
}
.menuslide li.back {
		background:url(images/menu-bar-hover.jpg) no-repeat 0 0;
		width: 9px;
		height: 40px;
		z-index: 8;
		position: absolute;
		color: #000;
}
.menuslide li a {
		font: bold 14px arial;
		text-decoration: none;
		color: #fff;
		outline: none;
		text-align: center;
		top: 10px;
		text-transform: uppercase;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		margin: auto 34px;
}
.menuslide li a:hover, .menuslide li a:active, .menuslide li a:visited {
		border: none;
}                    


.bottommenu	{
		width:920px;
		background:url(images/footer.jpg) no-repeat 0 0; 
		height:45px;
		color:#006600;
		font: normal 12px Arial, Sans-serif; line-height:1.5em;
		text-align:center;
		margin-top:20px
}
.bottom-container{
		padding-left:240px;
		text-align:center;
}
.bottommenu li {
		float: left;
		list-style: none;
		text-align: center;
		display: block;
		float: left;
		position: relative;
		margin: auto;
}
.bottommenu li a {
		font: normal 11px Arial, Sans-serif;
		text-decoration: none;
		color:#666;
		text-align: center;
		letter-spacing: 0;
		z-index: 10;
		display: block;
		float: left;
		position: relative;
		margin: auto 20px;
		text-transform: uppercase;
}
.bottommenu li a:hover{
		border: none;
		text-decoration: underline;
}                    



/*======= header =======*/
#header 	{height:90px;padding-top:10px }
#header .col1{ width:540px;}
#header .col2{ width:380px;}

/*layout*/
.col1, .col2, .col3, .blogimage, .video, .col1art { float:left}

div.container {	overflow:hidden; width: 100%;}

.content .col1{ width:180px;}
.content .col2{ width:400px;}
.content .col3{ width:320px;}
.content .col1art{ width:580px;}


.col1print{ width:350px;font: normal 12/16px Arial, Sans-serif;float:left; }
.col2print{ width:530px;font: normal 12px Arial, Sans-serif;float:left; padding-left:20px;padding-top:10px}


.row1		{padding:0px 0px 0px 20px}
.row2		{padding:0px 0px 0px 20px}
.row3		{padding:0px 0px 0px 20px}
.row4		{padding:10px 0px 0px 20px}
.row5		{padding:10px 0px 0px 0px}
.row2print	{padding:10px 0px 0px 20px}

/*content*/
.content	{ 
			font: normal 12px Arial, Sans-serif; 
			width: 100%;
			line-height:1.3em; 
			text-align:
			left;background: #ffffff
}

.content p	{ 
			margin:10px 0px 10px 0px;
}
.content h1	{
			color:#ffffff; 
			background: #fff url(images/hbackground.jpg) repeat;
			padding:6px 0px 5px 10px;
			font: bold 12px Arial, Sans-serif; 
			line-height:1em;
			margin:0px;
			text-transform: uppercase;
}
.content h2	{
			color:#000000; 
			font: bold 15px Arial, Sans-serif; 
			line-height:1.1em;
			margin:5px 0px 2px 0px;
}
.content h3	{
			color:#333333; 
			font: bold 12px Arial, Sans-serif; 
			line-height:1.2em;
			margin:0;
}

#resources	{
			color: #666666;
			padding: 10px 0px 10px 0px;
}
#resources a{
			color:#666666; 
			text-decoration:underline;
} 
#resources a:hover{
			color:#993300; 
			text-decoration:underline;
} 
.blog		{
			width:100%;
			overflow:hidden;
			padding: 0px 0px 10px 0px;
}
.blogimage	{ 
			padding: 0px 10px 0px 0px; 
			width:100px;
}
.video		{
			width:180px;
			padding: 10px 0px 0px 5px;
}
.videoimage	{ 
			padding: 0px; 
			width:180px
}
.photo		{padding: 0px 0px 20px 0px;}
.sky		{color: #666666;padding: 0px 0px 10px 50px;}


/*salessite*/
.salessite	{
			padding: 0px 0px 20px 20px;
			float:left;
			width:700px;
}
.sswrap		{
			padding: 0px 0px 0px 0px;
			float:left;
			width:520px;
}
.sswraphp	{
			padding: 0px 0px 0px 0px;
			float:left;
			width:680px;
}
.ssdescription{
			padding: 0px 0px 0px 10px;
			float:left;
			width:400px;
}
.ssdescriptionhp{
			padding: 0px 0px 0px 10px;
			float:left;
			width:560px;
}
.ssrate		{
			padding: 0px;
			float:left;
			width:100px; 
			text-align:center;
}
.sstitle 	{
			color:#000000; 
			font: bold 12px Arial, Sans-serif; 
			line-height:1.2em;
			margin: 10px 0px 2px 0px;
}

/* Print page styles */




/* Slideshow styles */
.slideshowcontainer{
			margin:0 auto; 
			width:880px; 
			overflow:hidden;				
}

#logo		{		
			float:left;
			width: 280px;
			height: 225px;
			float:left
}



/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px; 
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#slider {
	width:600px;
	height:225px;
	float:right;
	font: normal 11px Arial, Sans-serif;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	top:195px;	
	left:-200px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:25px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:20px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:37px;
	height:77px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-top:-20px
}
a.nivo-nextNav {
	background-position:-37px 0;
	right:0px;
}
a.nivo-prevNav {
	left:0px;
}