/*

*/

body {
	color: #153E65;
	font-family: Helevetica, Arial, sans-serif;
	font-size: 13px;
	line-height:1.7em;
	background-color: #FFFFFF;
	background-image: url(images/american_body.png);
	background-repeat: repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a, a:link, a:visited {
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #006699;
	text-decoration: underline;

}

p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #003366;
}

h1 {
	font-size: 34px;
	color: #003366;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
	padding: 0;
	color: #003366;
	text-align: left;
}
h3 {
	font-size: 18px;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	color: #000033;
}
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; }

h5 {
	font-size: 1.4em;
	padding: 0;
	color: #000033;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}



.splash{
	position:absolute;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	top: 25px;
	float: none;
	left: 52px;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.image_wrapper {
	padding: 8px;
	border: 1px solid #000000;
	background: #143037;
}
.fl_img {
	float: left;
	margin: 3px 30px 15px 0;
}
.fr_img {
	float: right;
	margin: 3px 0 15px 15px;
}

blockquote { font-style: italic; }
cite {
	font-weight: bold;
	text-align: right;
}
cite span { color: #fff; }

.american_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.american_list li {
	margin: 0 0 15px 15px;
	padding: 0 0 0 30px;
	background: url(images/american_list.png) top left no-repeat;
}

.american_list ul {
	margin: 0 0 15px 15px;
	padding: 0 0 0 30px;
	background: url(images/american_list.png) top left no-repeat;
}

.button a {
	width: 60px;
	padding: 4px 25px 4px 0;
	background: url(images/american_readmore.png) center right no-repeat;
	color: #12758e;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
}

.button a:hover {
	text-decoration: underline;
}

#american_wrapper {
	width: 1090px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(layout/american_content_top.png);
	background-repeat: repeat-y;
}

/* header */

#american_header {
	width: 1070px;
	height: 160px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(layout/american_header4.png);
	background-repeat: no-repeat;
	margin-left: 10px;
}

#american_header  #site_title {
	float: left;
	width: 460px;
	text-align: center;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#american_header  #site_title a {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#american_header  #site_title a span {
	display: block;
	text-align: right;
	font-size: 24px;
	color: #CC0000;
	font-weight: bold;
	letter-spacing: 2px;
}

/* end of header */

/* main */

#american_main {
	width: 1040px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 10px;
	background-image: url(layout/american_content_top.png);
	background-repeat: no-repeat;
}

/* sidebar */

#american_sidebar {
	float: left;
	width: 270px;
	padding-top: 5px;
}

/* menu */

#american_menu {
	margin-bottom: 50px;
}

#american_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#american_menu ul li {
	padding: 0px;
	margin: 0 0 5px 0;
}

#american_menu ul li a {
	display: block;
	height: 25px;
	padding: 11px 0 0 30px;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	outline: none;
	background: url(images/american_menu.png) no-repeat left bottom;
}

#american_menu li a:hover, #american_menu li .current {
	color: #003366;
	background: url(images/american_menu_hover.png) no-repeat left bottom;
}

/* end of menu */

/* sidebar box */

.sidebar_box {
	padding-left: 30px;
}

.news_box {
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #19343b;
}

.news_box:hover {
	background-color: #FFFFFF;
}

.news_box img {
	float: left;
	width: 80px;
	border: 1px solid #FFF;
	padding: 2px;
	height: 58px;
}

.news_box p {
	font-size: 12px;
	float: right;
	width: 140px;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* content */
#american_content {
	float: right;
	width: 720px;
	padding-top: 5px;
}

#american_content ul{
	list-style:none;

}

#american_content ul li{
	list-style:none;
}


#american_content p {
	text-align: left;
	margin-bottom: 2px;
}

.two_column {
	width: 280px;
}

.two_column_testimonial{
	width: 500px;
	float:right;
}

.post_box {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(images/hor_divider.jpg) bottom repeat-x;	
}

.post_box .post_content {
	clear: both;
	margin: 10px 0;
}
.post_content .right {
	float: right; 
	width: 300px;
}

.post_content .right img {
	width: 280px;
	height: 240px;
	border:1px solid #000;
	padding: 5px;
	background: #143037;
}

.post_content .left {
	float: left; 
	width: 280px;
}

.post_content h2 {
	margin-bottom: 5px;
}

.post_box p {
	padding-bottom: 5px;
	margin: 20px 0 10px 0;
}

.post_section .post_info{
	font-style: italic;
}

.post_box .comment_tab {
	padding: 10px 0;
	margin: 40px 0 20px 0;
	border-bottom: 1px dashed #666;
	font-size: 20px;
	font-weight: bold;
}


/* Features */

.feature{
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.minifeature{

	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.newsfeature{
	float: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}

.featureleft{
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 2px;
}

.featureright{
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}


.pdffeatureright{
	float: right;
	margin: 0px;
	padding: 0px;
}


.left {
	float: left;
}
.right {
	float: right;
}
/* gallery */

#gallery {
		width: 600px;
		padding: 40px 0;
	}

#gallery ul { list-style: none; margin: 0; padding: 0; }
	
#gallery ul li {
		float: left;
		display: block; 
		padding: 0;
		margin: 0;
		width: 245px;
		padding: 5px;
		background: #09161a;
		border: 1px solid #000;
		margin: 0 30px 30px 0;
	}
	
#gallery ul li h5 {
		margin-bottom: 15px;
	}
	 
#gallery ul img {
		width: 245px;
		height: 130px;
		border: none;
		margin-bottom: 10px;
	}
/* end of gallery */



/* Bullets */
.smallbullets{
	font-size:12px;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding: 0px;

}

.smallbullets ul{
	list-style-position: outside;
	list-style-image: url(images/smallbullets.jpg);
	list-style-type: none;
}

.smallbullets ul li{
	list-style-position: inside;
	list-style-image: url(images/smallbullets.jpg);
	list-style-type: none;
	margin-bottom: 2px;
	height: 0px;
	padding-bottom: 3px;
}


.indexsmallbullets{
	font-size:14px;
	line-height: 30px;
	text-align: left;
	float: left;


}

.indexsmallbullets ul{
	padding-bottom: 10px;
}

.indexsmallbullets ul li{
	font-size:12px;
	list-style-position: inside;
	list-style-image: url(layout/smallbullets.jpg);
	padding-left: 10px;
	line-height: 25px;
	padding-top: 2px;


}

.indexlargebullets{
	font-size:11px;
	line-height: 30px;


}

.indexlargebullets ul{
	padding-bottom: 10px;
}

.indexlargebullets ul li{
	font-size:11px;
	list-style-position: inside;
	list-style-image: url(layout/bullet.jpg);
	padding-left: 10px;
	line-height: 30px;
	padding-top: 2px;
	font-weight: bold;


}





.notsodent{
	font-size:14px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding: 0px;

}

.notsodent ul{
	list-style-position: outside;
	list-style-image: url(images/bullet.jpg);
	list-style-type: none;
}

.notsodent ul li{
	list-style-position: inside;
	list-style-image: url(images/bullet.jpg);
	list-style-type: none;
	margin-bottom: 2px;
	height: 0px;
	padding-bottom: 3px;
}

.indent{
	font-size:14px;
	font-weight: bold;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-image: url(images/bullet.jpg);
	list-style-type: none;
}

.indent ul{
	list-style-position: outside;
	list-style-image: url(images/bullet.jpg);
	list-style-type: none;
}

.indent ul li{
	list-style-position: outside;
	list-style-image: url(images/bullet.jpg);
	list-style-type: none;
	line-height: 30px;
}




/* Product Table */

.producttable{
	text-align: center;
	font-size: 1.2em;
	margin-left: 0px;
	padding-top: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;

}
.producttable p{
	text-align: center;

	font-size: 1.2em;
	color:#5C2873;


}
.producttable p a{
	color:#660066;
	text-align: center;

}
.producttable p a:visited{
	text-decoration:underline
	text-align: center;
}
.producttable p a:hover{
	text-decoration:underline
	text-align: center;
}

.productleft{
	text-align: left;
	font-size: 1em;
	margin-left: 0px;
	padding-top: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;

}
.productleft p{
	text-align: left;

	font-size: 1.2em;
	color:#5C2873;


}

.productleft p a{
	color:#660066;
	text-align: left;

}
.productleft p a:visited{
	text-decoration:underline
	text-align: left;
}
.productleft p a:hover{
	text-decoration:underline
	text-align: left;
}

.priceleft{
	text-align: left;
	float: left;
	font-size: 3em;
	color:#5C2873;
}
.priceleft p{

}

/* Table */

.table{
	text-align: center;
	font-size:14px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}





/*--------------- Footer  ---------------*/

#american_footer {
	width: 1070px;
	height: 100px;
	text-align: center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
	background-image: url(layout/american_footer.jpg);
	background-repeat: no-repeat;
}

#american_footer p {
	color: #FFFFFF;
}

#american_footer a {
	color: #000033;
}

#american_footer a:hover {
	color: #003366;
}


/* Table */

.table{
	text-align: center;
	font-size:14px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.newtable{
	margin: 0px;
	padding: 2px;

}

.newtable{
	margin: 0px;
	padding: 2px;
	text-align: left;

}

.newtable ul{

	text-align: left;

}

.newtable li{

	text-align: left;

}


/*--------------- Harbor Web Design ---------------*/

#harborwebdesign {
	clear: both;
	width: 280px;
	height: 50px;
	margin: 0 auto;
	padding-top: 0px;
	padding-right: 400px;
	padding-left: 0px;
	padding-bottom: 0px;

}

.harborwebdesigntext {
	font-size: 1.1em;
}


.harborwebdesign{
	color: #006699;
	line-height: 25px;
	font-size: .8em;
	letter-spacing: 0.025em;
	top: 15px;
	text-align: right;
	float: right;
	margin-top: 2px;
	margin-right: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(images/harborwebdesign.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	font-family: "Lucida Calligraphy", "Lucida Handwriting", "Lucida Sans";
	height: 30px;
	width: 300px;
}

.harborwebdesign a {
	color: #000033;
}

.harborwebdesign a:hover {
	color: #FF6600;
}
