/**** global styles   ****/
body{ background-color: #000044; font-family: verdana, helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000044; margin: 0px; padding: 0px; background-image: url('images/background_pattern.gif'); background-repeat: repeat-both; }
h1, h2, h3, h4, h5{ color: #000044; font-weight: normal; margin: 0px; padding: 0px; }
h1 { color: #ffffff; font-size: 10px; margin: 5px auto 10px auto; text-align: center;}
h1 a { color: #ffffff; font-weight: bold; text-decoration: none;}
h1 a:hover { color: #ffffff; text-decoration: underline; }
h1 a:visited { color: #ffffff; }
h2 { font-size: 26px; font-weight: normal; margin: 5px 0px 20px 0px; color: #000044;}
h3 { font-size: 16px; font-weight: normal; color: #000005; margin: 15px 0px 20px 0px; }
p{ }
br.both { clear: both; } 

div#container { width: 780px; margin: 0 auto; padding-bottom: 0px; }

/**** logo ****/
div#logo{ width: 780px; border-bottom: 1px solid #000044;}
div#logo img{ border: 0px; padding: 0px; margin: 0px; }
div#logo a{ border: 0px; }

/**** header image    ****/
div#headerimage{ width: 778px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #000044; }
div#headerimage img{ }

/**** horiz_links   ***/
ul#horiz_links { font-family: georgia, verdana, helvetica, sans-serif; font-weight: bold; background-color: #dedede;  width: 100%; list-style-type: none; float: left; border-top: 2px solid #ffffff; border-bottom: 1px solid #000044; margin: 0px; padding: 0px; background-image: url('images/top_nav_background.gif'); background-repeat: repeat-x; background-position: top right; }
ul#horiz_links li { float: left; margin: 0px; padding: 0px; }
ul#horiz_links li a { border-left: 1px solid #dedede; border-right: 1px solid #cccccc; display: block; color: #000044; text-decoration: none; padding: 5px 20px 5px 20px; }
ul#horiz_links li a:hover { border-left: 1px solid #888888; border-right: 1px solid #efefef; background-color: #cdcdcd; color: #000022; }
ul#horiz_links li a:visited { }

/**** content table   ****/
table#content{ background-color: #ffffff; width: 780px; vertical-align: top; margin-top: 0px; clear: both; }
td#left_col{ width: 200px; padding-top: 5px; padding-bottom: 40px; vertical-align: top; border-right: 1px solid #d0d0d0; background-image: url('images/gradient.jpg'); background-repeat: no-repeat; }
td#left_col ul{ list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px; line-height: normal; }
td#left_col li{ padding-left: 15px; background-image: url('images/grey_arrow.gif'); background-position: 0px 10px; background-repeat: no-repeat; }
td#left_col a{ color: #000044; display: block; padding: 5px; text-decoration: none; }
td#left_col a:hover{ color: #ffffff; background-color: #000044;  }
span#ml{ font-weight: bold; }
td#left_col img#k2 { margin-left: 15px; }

td#left_col div#locations{ margin: 20px 10px 0px 10px; }
td#left_col div#locations h3 { font-size: small; }
td#left_col div#locations p { font-size: x-small; line-height: 130%;}
td#left_col img { display: block; margin-left: auto; margin-right: auto; }


td#right_col{ width: 580px; vertical-align: top; padding: 10px 20px 40px 20px; background-image: url('images/background_logo.gif'); background-position: 0px 100px; background-repeat: no-repeat;  }
td#right_col a{ color: blue; font-weight: bold; text-decoration: none;  }
td#right_col a:visited{ color: blue;  }
td#right_col a:hover{ color: blue; text-decoration: underline; }
td#right_col img { padding: 2px; border: 1px solid #dddddd; } 


/* pullquotes */
td#right_col div.pullquote { float: right; width: 150px; margin: 0px; padding: 5px; border: 1px solid #aaaaaa; background-color: #c9eba4; }
td#right_col div.pullquote p{ color: #000044; }
td#right_col div.pullquote h1{ color: #000044; }
td#right_col div.pullquote h2{ color: #000044; }
td#right_col div.pullquote h3{ color: #000044; }
td#right_col div.pullquote h4{ color: #000044; }
td#right_col div.pullquote h5{ color: #000044; }
td#right_col div.pullquote a{ color: #000044; text-decoration: none;}
td#right_col div.pullquote a:hover{ color: #000044; text-decoration: underline;}
td#right_col div.pullquote a:visited{ color: #000044; text-decoration: none;}

/* blockquotes */
blockquote {  border: 1px solid #dddddd; background-image: url("images/left-quote.jpg"); background-repeat: no-repeat; background-position: left 5px; padding-left: 45px; font-style: italic; font-size: 14px; font-family: verdana, sans-serif;}
blockquote.right { float: right; width: 200px;  margin: 0px; }
blockquote.left { float: left; width: 200px;  margin: 0px; margin-right: 10px;  }
blockquote span { background-image: url("images/right-quote.gif"); background-repeat: no-repeat; background-position: right bottom; display: block; padding-right: 40px; padding-top: 10px; padding-bottom: 10px; }

table#contact_form_table{ background-image: url('images/inv_gradient.jpg'); background-repeat: repeat-x; background-position: bottom; width: 100%; }
div.image_gallery{ }
div.image_gallery img{ float: center; border: 0px; margin: 0px; }
div.thumb_text{ text-align: center; width: 110px; float: left; margin: 0px 20px 20px 0px; }

div#footer{ width: 100%; text-align: left; background-color: #252525; color: #d4d4d4; font-size: 10px; }
div#footer span { margin: 10px; } 
div#footer span.fl { float: left; } 
div#footer span.fr { float: right; } 
div#footer a{ color: #ffffff; text-decoration: none; }
div#footer a:hover{ color: #ffffff; text-decoration: underline; }
div#footer a:visited{ color: #ffffff; }

span.disclaimer {font-size: 10px; }
div.submitted { width: 400px;  border: 1px solid #d0d0d0; padding: 10px;  }
ul.sitemap { }

div.testimonial { margin-top: 20px; border: 1px solid #cccccc; background-image: url('images/leftquote.png'); background-position: top left; background-repeat: no-repeat; }
div.innertestimonial { background-image: url('images/rightquote.png'); background-position: bottom right; background-repeat: no-repeat; }
p.testimonial { padding: 10px 20px 0px 20px; text-align: justify; clear: both; }
p.testimonialfrom { margin: 0px 30px 10px 0px;  float: right; text-align: right; font-weight: bold; width: 200px; }

div#righthandfloat { float: right; margin: 10px; width: 210px; text-align: center; }
div#asseenontv { }
div#sunroominstallationguidediv { }
p#sunroominstallationguide { }