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

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

a{color:#669966; text-decoration:underline} 
a:hover{color:#66cc66; 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: 38px;
		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;
		color:#669966;
}                    



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

/*layout*/
.col1, .col2, .col3, .col4, .blogimage, .video, .col1art, .colsitemap, .color, .artimage, .descimage { float:left;}


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

.content .col1{ width:180px;}
.content .col2{ width:400px;}
.content .col3{ width:320px;}
.content .col4{ width:560px;}
.content .col1art{ width:580px;}
.content .colsitemap{ width:570px;}
.content .col1art{ width:550px;}


.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 a {
		text-decoration: none;
		color:#669966;
		
}

.content a:hover{
		color:#669966;
		text-decoration:underline;
} 
.content p	{ 
			margin:10px 0px 10px 0px;
}
.content h1	{
			color:#fff; 
			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 20px Arial, Sans-serif; 
			line-height:1.1em;
			margin:0;
}
.content h4	{
			color:#333333; 
			font: bold 12px Arial, Sans-serif;
			letter-spacing: -0.01em;
			margin:10px 0px 2px 0px;
}
.content h5	{
			color:#333333; 
			font: bold 13px Arial, Sans-serif; 
			line-height:1.2em;
			margin:0px; 
			display:inline;
}
.content h6	{
			color:#fff; 
			background: #fff url(images/hbackground.jpg) repeat;
			padding:6px 0px 5px 10px;
			font: bold 12px Arial, Sans-serif; 
			line-height:1em;
			text-transform: uppercase;
			margin:0px;
}

.content h1 a{color:#ffffff; text-decoration:none} 
.content h1 a:hover{color:#ffffff; text-decoration:underline}
.content h6 a{color:#ffffff; text-decoration:none} 
.content h6 a:hover{color:#ffffff; text-decoration:underline}
.content h2 a{color:#000000; text-decoration:none} 
.content h2 a:hover{color:#000000; text-decoration:underline}

.content .artimage{ width:260px;padding:3px 20px 10px 0px;border:0px;
}
.content .descimage{ width:100px;padding:3px 10px 10px 0px;border:0px;}
.preview{width:100%;overflow:hidden;padding:0px;}
/*local Image front style - like descimge (or not..) */
.article_list img {
	border:0px;
	padding:3px 10px 10px 0;
	width:100px;
	float :left;
}

.article_list span {
	display:block;
}

/*Image in article page */
.artimage img {
	border:0px;
	width:260px;
}

/* local story block - like 'preview' style above */
.article_list div {
	width:100%;
	overflow:hidden;
	padding:0px;
}



#resources	{
			color: #666666;
			padding: 10px 0px 10px 0px;
}
#resources a{
			color:#666666; 
			text-decoration:underline;
} 
#resources a:hover{
			color:#669966; 
			text-decoration:underline;
} 
.blog		{
			width:100%;
			overflow:hidden;
			padding: 0px 0px 10px 0px;
}
.blog img {}
.blog	a img { border: none; }
.video		{}
.blogimage	{ 
			padding: 0px 10px 0px 0px; 
			width:100px;
}
.blogimage img {}
.blogimage	a img { border: none;}
.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
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 890;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0px 10px 10px 10px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: normal; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


#gallery {
		width: 320px;
	}
	#gallery ul { list-style: none;margin:0 }
	#gallery ul li { display: inline; }
	#gallery ul img {}
	#gallery ul a:hover img {}
	




/* 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;
}