body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:url(design11/body11.jpg) repeat-x center 0;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #444;
	
}

a {
outline: none;
}


.tradewinds #container { 
	width: 900px; 
	background:;
	margin: 0 auto; 
	border: 0;
	text-align: left; 
} 
.tradewinds #header { 
	background: url(design_tw/header_tw.jpg) no-repeat center; 
	padding: 0; width:900px;height:223px;
} 

.tradewinds #header2 { 
	background: url(design_tw/header_tw_new2b.jpg) no-repeat center; 
	padding: 0; width:900px;height:223px;
} 

.tradewinds #header3 { 
	background: url(design_tw/header_tw_new2c.jpg) no-repeat center; 
	padding: 0; width:900px;height:223px;
} 

.tradewinds #header4 { 
	background: url(design_tw/header_tw.jpg) no-repeat center; 
	padding: 0; width:900px;height:223px;
} 
.tradewinds h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 1.1em;
}

.tradewinds h2 {
	margin: 0;
	padding: 10px 0;
	font-size: .96em;
}

.tradewinds h3 {
	margin: 0;
	padding: 10px 0;
	font-size: .90em;
}

.tradewinds #sidebar1 {
	float: left; 
	width: 230px; 
	padding: 15px 0px 15px 40px;
	font-size: .7em;
}
.tradewinds #mainContent { 
	margin: 0 0 50px 285px; 
	padding: 0 0px 0px 20px;
	font-size: .7em;

} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px; border:1px solid #555;
}

/* _______________ TOP ________________ */

#contact a {display:block; width: 147px; height:223px; background:url(design_tw/header_tw_new_up/header_tw_r1_c2.jpg) top left no-repeat; float:left;}

#contact a:hover {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c2.jpg) top left no-repeat; float:left;}

#contact a:active {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c2.jpg) top left no-repeat top; float:left;}


#home a {display:block; width: 174px; height:89px; background:url(design_tw/header_tw_new_up/header_tw_r1_c3.jpg) top left no-repeat; float:left;}

#home a:hover {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c3.jpg) top left no-repeat; float:left;}

#home a:active {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c3.jpg) top left no-repeat; float:left;}


#advertising a {display:block; width: 150px; height:89px; background:url(design_tw/header_tw_new_up/header_tw_r1_c4.jpg) top left no-repeat; float:left;}

#advertising a:hover {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c4.jpg) top left no-repeat; float:left;}

#advertising a:active {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c4.jpg) top left no-repeat; float:left;}


#services a {display:block; width: 152px; height:89px; background:url(design_tw/header_tw_new_up/header_tw_r1_c5.jpg) top left no-repeat; float:left;}

#services a:hover {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c5.jpg) top left no-repeat; float:left;}

#services a:active {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c5.jpg) top left no-repeat; float:left;}


#about a {display:block; width: 155px; height:89px; background:url(design_tw/header_tw_new_up/header_tw_r1_c6.jpg) top left no-repeat; float:left;}

#about a:hover {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c6.jpg) top left no-repeat; float:left;}

#about a:active {background:url(design_tw/header_tw_new_over/header_tw_over_r1_c6.jpg) top left no-repeat; float:left;}


/* _______________ END TOP________________ */


.tradewinds #bottomband {height:30px; width:auto; background:url(http://www.tradewindsadvertising.com/design11/footer11_center.jpg) repeat-x center bottom; padding:2px;}

.contactpolicy {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none;color:#000000;}

a.contactpolicy:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px;}


.twlinks, a.twlinks:visited, a.twlinks:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none;color:#336DC1;}

a.twlinks:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline}

.tradewinds #footer { 
	padding:0; margin:0;
	text-align: center; width: auto; height: auto; 
} 


/* _______________ START 3 COLUMN ________________ */


#3column {width:900px; height: 300px; margin:0; padding:0;}
#3column1 {width:100px; height: 300px; margin:0; padding:0;}
#3column2 {width:100px; height: 300px; margin:0; padding:0;}
#3column3 {width:100px; height: 300px; margin:0; padding:0;}


/* _______________ END 3 COLUMN ________________ */


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}