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

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

a{color:#336600; text-decoration:underline} 
a:hover{color:#669900; text-decoration:underline}

.main{margin:0 auto; text-align:left; width:920px; padding:0px; background: #ffffff;border: solid; border-width:2px; border-color: #ffffff;}
.flashcontent{margin:0 auto; width:880px; padding:0px; }

/*======= menu =======*/
.bottommenu{margin:0 auto; width:920px; padding:5px 0px 5px 0px; background:#336600 url(images/bottom-menu-bar.jpg) repeat 0 0;color:#ffffff;font: normal 12px Arial, Sans-serif; line-height:1.3em; text-align:center;}
.bottommenu a {color:#ffffff; text-decoration:none;padding:5px;margin-right:15px;}  
.bottommenu a:hover {color:#999999; text-decoration:none;background: #ffffff; }




.menu{
	width:880px;background:url(images/menu-bar.jpg) no-repeat 0 0;margin:0px 0px 0px 20px; height:55px}
.menu a {
	display:inline-block;
	background:url(images/menu-bar-link.jpg) no-repeat 0 0;
	color:#fff; 
	font: normal 17px Arial, Sans-serif; 
	text-decoration:none;
	margin:3px 0px 0px 10px;
	padding-top:8px;
	padding-left:20px;
	padding-right:0px;
}  
.menu a:hover {
	color:#ffcc33; 
	background:url(images/menu-bar-hover.jpg) no-repeat 0 0;
	text-decoration:none;
}



/*======= header =======*/
#header {height:80px; }
#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;}


.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}

/*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: #663300 url(images/hbackground.jpg) repeat;text-transform: uppercase;padding:5px 0px 5px 10px;font: bold 12px Arial, Sans-serif; line-height:1em;margin:0px}
#content h2	{color:#000000; font: bold 15px Arial, Sans-serif; line-height:1.1em;margin:15px 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:#996600; 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: 10px 0px 10px 50px;}


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

/* Print page styles */
.salessitea{padding: 20px 0px 20px 0px;float:left;width:560px}
.salessitea .sswrap{padding: 0px 0px 0px 0px;float:left;width:560px}
.salessitea .ssdescription{padding: 0px 0px 0px 20px;float:left;width:370px}