img {
	border: 0;
}

body {
	text-align: center;
	margin: 0px auto;
	background: transparent url(img/bg_all3.png) repeat-x top center;
}

#outer {
	text-align: center;
	margin: 0px auto;
	width: 736px;/* good fix - change this width selectively to fix layout problem */

	}

#header {
	/* border: 1px solid red; */

	margin-top: 84px;
	text-align: left;
	padding: 0;
	height: 32px;
	vertical-align: bottom;/* padding-left: 21px; */

	/* can we left shift the bg for ie6 ? */

	}

#rightcol {
	float: left;
	width: 252px;
	margin-left: 484px;
	text-align: left;
	margin-top: 0;
	padding-bottom: 15px;
}

* html #rightcol {
	display: inline;
}

#rightcol h1 {
	margin: 15px 10px 6px 13px;
	padding: 0;
}
 #rightcol h1:not([class="xxx"]) {
margin-top: -8px;
}

#rightcol h1 a,
 #rightcol h1 a:visited {
	color: #3b88a8;
	font: bold 16px arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#rightcol h1 a:hover {
	color: #5ea7c6;
	font: bold 16px/17px arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#rightcol ul {
	margin: 0;
	padding-left: 40px;
	list-style-image: url(img/bull_rightcol.gif);
}

#rightcol ul li {
	background: transparent url(img/bull_rightcol_hr.jpg) left bottom no-repeat;
}

#rightcol ul li a,
 #rightcol ul li a:visited {
	font: 14px/170% arial, sans-serif;
	color: #092e3c;
	position: relative;
	top: -2px;
	text-decoration: none;
}

#rightcol ul li a:hover {
	font: 14/170%px arial, sans-serif;
	color: #3b88a8;
	position: relative;
	top: -2px;
	text-decoration: none;
}

#rightcol p {
	margin: 0px 10px 6px 13px;
	padding: 0;
	font: normal 12px arial, sans-serif;
}

#maincol {
	float: left;
	width: 484px;
	margin-left: -736px;
	text-align: left;
	margin-top: 0;
}

#maincol #topbox {
	width: 484px;
	height: 258px;
	margin-top: 8px;
	padding: 0;
	/* background: transparent url(img/topbox_doublehung.jpg) center center no-repeat; */

	vertical-align: top;
}

#maincol #topbox div {
	width: 144px;
	height: 250px;
	/* border: 1px solid red; */

	margin: 0px 4px 8px 10px;
	padding: 0;
	background-color: #d1e4ec;
}

#maincol #topbox div h1 {
	font: bold 18px/19px arial, sans-serif;
	color: #092e3c;
	margin: 6px 0 0 4px;
}

#maincol #topbox div p {
	font: normal 12px arial, sans-serif;
	color: #000;
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 6px;
	margin-bottom: 14px;
}

#maincol #topbox img {
	float: right;
	margin: 0x 0px 0 0;
	padding-right: 8px;
}

#content {
	padding: 4px 8px 0px 12px;
/**	width: 464px;**/
}

#content h1 {
	font: bold 24px arial, sans-serif;
	color: #164A61; /*  #1d627e; */
	margin: 0;
}

#content h2 {
	font: bold 16px arial, sans-serif;
	color: #5ea7c6;
	line-height: 140%;
	margin: 5px 0 0 0;
}

#content p {
	font: normal 13px/140% arial, sans-serif;
	margin-top: 8px;
}

#content ul {
	margin-top: 5px;
}

#content ul li {
	font: normal 13px/150% arial, sans-serif;
}

#pics {
	float: right;
	margin-left: 15px;
}

#pics img,
td img,
.picborder {
	border: 6px solid #eee;
	margin-bottom: 5px;
}

table {
	border: 0;
	width: 460px;
}

td {
	width: 33%;
	text-align: center;
	font: 10px arial, sans-serif;
	padding-bottom: 10px;
	vertical-align: top;
}

/* IE Win can be a bit out - you might need to adjust  

bottom value by -1px or as required */

.verticalalign {
	position: absolute;
	bottom: 20px;
}

#rightcol .verticalalign {
	width: 252px;
}

#maincol .verticalalign {
	width: 484px;
}



/* hack for Opera 7+ */

@media all and (min-width: 0px) {
 .verticalalign {
 width: 100% !important;
}



/* But Opera 9 does it right, so CSS3 hax to the max */

div[id^="wrapper"] #rightcol .verticalalign {
 width: 252px !important;
}
 div[id^="wrapper"] #maincol .verticalalign {
 width: 484px !important;
}
}

/* hack for IEs of all persuasions before IE7 */

* html .verticalalign {
	width: 100% !important;
}

.verticalalign p {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #996666;
}

#wrapper {
	width: 736px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
}

#wrapper {
	float: left;
	float/**/: none;
}

/* easy clearing */

#wrapper:after {
	/* content: '[DO NOT LEAVE IT IS NOT REAL]';  */

	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrapper {
	display: inline-block;
}

/*\*/

#wrapper {
	display: block;
}

/* end easy clearing */





#footer {
	clear: both;
}

#header,
#footer {
	width: 736px;
}

#footer-outer {
	background: transparent url(img/bg_footer5.png) top center no-repeat;
	height: 230px;
	width: 100%;
}

#footer {
	text-align: left;
	padding: 12px 20px 0 25px;
}

#footer h3 {
	font: bold 16px arial, sans-serif;
	color: #FFFF99;
	margin: 5px 0 -19px 0;
}
 #footer h3:not([class="xxx"]) {
margin-bottom: -10px;
}

#footer-left {
	width: 265px;
}

#footer-left div {
	font: bold 12px arial, sans-serif;
	color: #ccc;
	margin: 0px 15px 4px 0px;
	text-align: right;
}

#footer-left div input {
	border: 1px solid #666;
	font: normal 12px arial, sans-serif;
	width: 140px;
	margin-left: 10px;
}

#footer-left p {
	font: normal 12px arial, sans-serif;
	color: #fff;
	margin-bottom: 8px;
}

#footer-center {
	float: right;
	width: 162px;
	margin-right: 20px;
	padding-top: 5px;
}

#footer-center p {
	font: normal 11px arial, sans-serif;
	color: #a7ccdc;
	margin: 13px 0;
}

/** NLB 
#footer-right {

	float: right; 

	width: 262px; 

	margin-top: 75px;

	}
**/


#footer-right p,
 #footer-right a,
 #footer-right a:visited {
	font: normal 12px arial, sans-serif;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0;
}

#footer-right div {
	margin-top: 7px;
}

#footer-links {
	margin-left: -45px;
	text-align: center;/* margin-top: -10px; */

	}

/* #footer-links:not([class="xxx"]) { margin-top: 0px; } */



#footer form {
	margin: 0;
}

#footer-links a,
 #footer-links a:visited,
 #footer-links a:hover {
	font: normal 12px arial, sans-serif;
	margin-right: 10px;
	color: #092e3c;
	text-decoration: none;
}

#footer-links a:hover {
	color: #3b88a8;
}

#copy {
	font: normal 10px arial, sans-serif;
	color: #3b88a8;
	text-align: right;
	margin-right: 45px;
	padding-top: 5px;
}

a,
a:visited {
	color: #3b88a8;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #5ea7c6;
}

legend {
	font: bold 12px arial, sans-serif;
	color: #092e3c;
}

.input-table {
	border: 0;
	width: 350px;
	text-align: left;
	margin-top: 20px;
}

.input-table td {
	padding: 1px;
}

td.input-left {
	text-align: right;
	padding-right: 16px;
	width: 130px;
	font: normal 12px arial, sans-serif;
}

td.input-right {
	text-align: left;
	width: 200px;
}

td.input-right input,
 td.input-right textarea {
	border: 1px solid #666;
	background-color: #efefef;
	font: normal 12px arial, sans-serif;
	width: 200px;
}

.app_input {
	border: 1px solid #666;
	background-color: #efefef;
	font: normal 12px arial, sans-serif;
}

.textbox,
.app_input {
	font-family : Arial, Sans-serif;
	font-size : 11px;
	text-align: left;
}

#content h3 {
	font: bold 16px arial, sans-serif;
	color: #5ea7c6;
	line-height: 140%;
	margin: 5px 0 0 0;
}

#content h4 {
	font: bold 16px arial, sans-serif;
	color: #000;
	margin: 5px 0 0 0;
}

.transOFF,
.transON {
	width: 466px;
	height: 98px;
	background: transparent url(img/home_swap_windows.jpg) left center no-repeat;
	padding-left: 160px;
}

.transOFF {
	opacity: .5;
	/* filter: alpha(opacity=50);  */

	cursor: hand;
}

.transON {
	opacity: 1.0;
	filter: alpha(opacity=100);
	cursor: hand;
}

hr {
	height: 0;
	border-bottom: 1px solid silver;
	width: 98%;
	margin: 10px 0;
}

p#options a {
	margin-right: 15px;
	font-size: 14px;
	font-weight: bold;
}

.high {
	color: #000;
}

span#cleveland-website-design {
	float: left;
	position: relative;
	left: -12px;
}

#cleveland-website-design,
 #cleveland-website-design a,
 #cleveland-website-design a:visited,
 #cleveland-website-design a:hover {
	color: #60a4c1;
}

#testimonials hr {
	border-top: 1px solid #dddddd;
	height: 0px;
	margin: 5px 0;
}

#testimonials p {
	margin: 0 0 10px 0;
}

/** --------------------------------------------------------------------- **/
/** --------------------------------- NLB ------------------------------ **/

#contact_me {
	clear: both;
}

#contact_me {
	width: 483px;
}

#contact_me-outer {
	background: transparent url(img/bg_contactme2.gif) no-repeat left top;
	height: 178px;
	width: 483px;
	margin-left: -13px;
}

#contact_me {
	text-align: left;
	padding: 12px 20px 0 25px;
}

#contact_me h3 {
	font: bold 16px arial, sans-serif;
	color: #FFFF99;
	margin: 5px 0 -9px;
}
 #contact_me h3:not([class="xxx"]) {
margin-bottom: -10px;
}

#contact_me-left {
	width: 265px;
}

#contact_me-left div {
	font: bold 12px arial, sans-serif;
	color: #ccc;
	margin: 0px 15px 4px 0px;
	text-align: right;
}

#contact_me-left div input {
	border: 1px solid #666;
	font: normal 12px arial, sans-serif;
	width: 140px;
	margin-left: 10px;
}

#contact_me-left p {
	font: normal 12px arial, sans-serif;
	color: #fff;
	margin-bottom: 8px;
}

#contact_me-center {
	float: right;
	width: 162px;
	margin-right: 20px;
	padding-top: 5px;
}

#contact_me-center p {
	font: normal 11px arial, sans-serif;
	color: #a7ccdc;
	margin: 13px 0;
}

#contact_me-right {
	float: right;
	width: 262px;
	margin-top: 75px;
}

#contact_me-right p,
 #contact_me-right a,
 #contact_me-right a:visited {
	font: normal 12px arial, sans-serif;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0;
}

#contact_me-right div {
	margin-top: 7px;
}

#contact_me-links {
	margin-left: -45px;
	text-align: center;/* margin-top: -10px; */
	}

/* #footer-links:not([class="xxx"]) { margin-top: 0px; } */

#contact_me form {
	margin: 0;
}

#contact_me-links a,
 #contact_me-links a:visited,
 #contact_me-links a:hover {
	font: normal 12px arial, sans-serif;
	margin-right: 10px;
	color: #092e3c;
	text-decoration: none;
}

#contact_me-links a:hover {
	color: #3b88a8;
}

/** ----------------------- NLB CONTENT_ADS --------------------- **/

#content_ads_1 {
	width:466px;
	height:98px;
	background-image: url(img/bkgd-topbox_ads.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
}

#content_ads_1 p {
	padding-bottom:5px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#content_ads_2 {
	width:466px;
	height:98px;
	background-image: url(img/bkgd-topbox_ads.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
}

#content_ads_2 p {
	padding-bottom:5px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#content_ads_3 {
	width:466px;
	height:98px;
	background-image: url(img/bkgd-topbox_ads.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
}

#content_ads_3 p {
	padding-bottom:5px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.content_ads {
	margin: -5px 0px 0px;
	padding: 0px;
}

.content_ads_h1 {
	font: bold 15px/16px arial, sans-serif;
	color: #164A61; /*  #1d627e; */
	margin: 0;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content_ads_body {
	font: normal 13px/14px arial, sans-serif;
	margin-top: 8px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/** ----------------------- NLB FOOTER --------------------- **/

#footer-outerNLB {
	background: transparent url(img/bg_footer5NLB.png) top center no-repeat;
	height: 230px;
	width: 100%;
}

#footerNLB {
	text-align: center;
	padding: 12px 10px 0 10px;
}

#footerNLB h3 {
	font: bold 16px arial, sans-serif;
	color: #FFFF99;
	margin: 5px 0 -19px 0;
}
 #footerNLB h3:not([class="xxx"]) {
margin-bottom: -10px;
}

#footer-rightNLB {
	width: 689px;
	margin-top: 55px;
	margin-bottom: 20px;
	text-align: center;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#footer-rightNLB p,
 #footer-rightNLB a,
 #footer-rightNLB a:visited {
	font: normal 12px arial, sans-serif;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0;
}

#footer-rightNLB div {
	margin-top: 7px;
}

#footer-rightNLB {
	margin-left: 0px;
	text-align: center;/* margin-top: -10px; */
}

/* #footer-links:not([class="xxx"]) { margin-top: 0px; } */


#footer form {
	margin: 0;
}

#footer-linksNLB {
	width:100%;
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: center;
}

#footer-linksNLB a,
 #footer-linksNLB a:visited,
 #footer-linksNLB a:hover {
	font: normal 12px arial, sans-serif;
	margin-right: 10px;
	color: #092e3c;
	text-decoration: none;
}

#footer-linksNLB a:hover {
	color: #3b88a8;
}

#copyNLB {
	width:689px;
	font: normal 10px arial, sans-serif;
	color: #3b88a8;
	text-align: right;
	margin-right: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/** ----------------------- NLB RIGHTCOL --------------------- **/

#rightcolNLB {
	float: left;
	width: 252px;
	margin-left: 484px;
	text-align: left;
	margin-top: 0;
	padding-bottom: 15px;
}

* html #rightcolNLB {
	display: inline;
}

#rightcolNLB h1 {
	margin: 15px 10px 6px 13px;
	padding: 0;
}
 #rightcolNLB h1:not([class="xxx"]) {
margin-top: -8px;
}

#rightcolNLB h1 a,
#rightcolNLB h1 a:visited {
	color: #3b88a8;
	font: bold 16px/17px arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#rightcolNLB h1 a:hover {
	color: #5ea7c6;
	font: bold 16px/17px arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#rightcolNLB ul {
	margin: 0;
	padding-left: 40px;
	list-style-image: url(img/bull_rightcol.gif);
}

#rightcolNLB ul li {
	background: transparent url(img/bull_rightcol_hr.jpg) left bottom no-repeat;
}

#rightcolNLB ul li a,
 #rightcolNLB ul li a:visited {
	font: 14px/170% arial, sans-serif;
	color: #092e3c;
	position: relative;
	top: -2px;
	text-decoration: none;
}

#rightcolNLB ul li a:hover {
	font: 14/15px arial, sans-serif;
	color: #3b88a8;
	position: relative;
	top: -2px;
	text-decoration: none;
}

#rightcolNLB p {
	margin: 0px 10px 0px 13px;
	padding: 0;
	font: normal 12px arial, sans-serif;
}

#rightcolNLB h1{
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
	padding: 20px 13px 0px 10px;
}



.clear {
	clear:both;
}

/* ------------------------------------------------------------------------------------------------- TABLE WINDOW */

#table_window{
}
.table_window{
	margin-bottom: 10px;
/**	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #a3a3a3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b9b9b9;
	background-image: url(../../images/bkgd-chart-head.jpg);
	background-repeat: repeat-y;
	background-position: -3px -3px;**/
}
.table_window_head{
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #164A61;
	padding: 0px 0px 0px 3px;
	background-color: #164A61;
	width: 500px;
	background-image: url(../../images/bkgd-news-head.jpg);
	background-repeat: repeat-y;
	background-position: -3px -3px;
	text-transform: uppercase;
}
#table_window_head{
	height: 20px;
}
#table_window_head2{
	height: 20px;
}
.table_window_head_sub{
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #164A61;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.table_window_body{
	font-size: 11px;
	line-height: 12px;
	color: #444;
	padding: 0px 2px 0px 2px;
	margin: 0px;
}
#table_window table{
	border-right: 1px solid #6BA7C1;
	border-bottom: 1px solid #6BA7C1;
}
#table_window td{
	border-top: 1px solid #6BA7C1;
	border-left: 1px solid #6BA7C1;
}
#table_window th{
	border: 1px solid #6BA7C1;
}

.table_window table{
	border-right: 1px solid #6BA7C1;
	border-bottom: 1px solid #6BA7C1;
}
.table_window td{
	border-top: 1px solid #6BA7C1;
	border-left: 1px solid #6BA7C1;
	font-size: 11px;
	line-height: 12px;
	color: #444;
	padding: 2px 0px 3px;
}
.table_window th{
	border: 1px solid #6BA7C1;
	font-size: 11px;
	line-height: 12px;
	color: #444;
	padding: 0px;
}
.table_window p{
	margin-top: 0px;
}  
/*********************/