/* @override http://www.display-connection.com/includes/site.css */

/* Display-Connection.com styles */
body {
	margin:0;
	padding:0;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:76%;/* font sizing in ems. if you want to change anything, just change this.*/
	/*at 75% and lower opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers.*/
	color:#000;
	background: url(/i/main-bg.gif) center top repeat-y;
	height:100%;
	min-height:100%;
}
		
/*typography*/
a {	}
a:link, a:visited, a:active, a:hover {font-size:1em;}
h1 {font-size:1.4em; font-weight:bold; margin-top:0px; margin-bottom:0em; line-height:1.2em; color:#444; clear:left;}
h2 {font-size:1.0em; font-weight:normal; color:#999; line-height:1.5em; margin:0; margin-bottom:12px;}
h3 {font-size:1.1em; font-weight:bold; color:#47a;}
h4 {font-size:1.2em; margin:1.2em 0em 1.2em 0em; font-weight:bold;}
h5 {font-size:1.0em; margin:1.2em 0em 1.2em 0em; font-weight:bold;}
h6 {font-size:0.8em; margin:1.2em 0em 1.2em 0em; font-weight:bold;}
img {border:0;}
ol, ul, li {font-size:1.0em; margin-top:0; margin-bottom:0;}
li {list-style-image:url(/i/bullet.gif); background-repeat:no-repeat; background-position:0 0.5em;}
p {font-size:1.0em; margin:0em 0em 1.2em 0em;}
li > p {margin-top:0.2em;}
pre {font-family:monospace; font-size:1.0em;}


/* General styles */
.wrapout {
/*
	background-image:url(/i/background.gif);
	background-repeat:repeat-y;
*/
}
.wrapin {width:770px;margin:0px auto;background:url(/i/background.gif) repeat-y; }

table.wrap {border:0; padding:0;}
table.wrap tr {}
table.wrap td {}
table.wrap td.header {
	width:770px; height:130px; 
	background-image:url(/i/header-bg-home.gif); background-repeat:no-repeat;
}
img.logo {float:left; margin:40px 0 0 20px; width:290px; height:36px;}
img.contact {float:right; margin:15px 50px 0 0; width:183px; height:39px;}
img.section {float:left; margin:0 0 24px 0; width:157px; height:24px;}
#intro {clear:left;}


/* left nav */
td.nav {padding:0; width:150px;}
div.nav {padding:0; margin-bottom:60px;}

/* content */
td.content {padding:0; width:620px;}

p.cat_breadcrumb {margin:0;}
p.art_name {margin:0;}
p.art_summary {margin:0; color:#666; font-size:11px;}
p.visit_website {margin:0;}
p.download_view {margin:0;}

div.row {margin-bottom:1em; margin-right:14px; float:left; width:280px; height:120px;}
div.row_summary {margin-bottom:1em; margin-right:14px; float:left; width:280px; height:70px;}
div.row_link {margin-bottom:1em; margin-right:14px; float:left; width:280px; height:70px;}
div.row_ufile {margin-bottom:1em; margin-right:14px; float:left; width:280px; height:70px;}

p.art_name {
	background-color:#60002b;
	display:block;
	float:left;
	padding:3px 10px 3px 3px;
}

div.about p.art_name	{background-color:#b89384;}
div.products p.art_name	{background-color:#aebeb6;}
div.services p.art_name	{background-color:#aeb585;}
div.quality p.art_name	{background-color:#c2be64;}
div.portfolio p.art_name{background-color:#9b96b4;}
div.contact p.art_name	{background-color:#b77430;}
div.home p.art_name		{background-color:#60002b;}

div.about div.row, div.about div.row_summary, div.about div.row_link, div.about div.row_ufile {border-top:1px solid #b89384;}
div.products div.row, div.products div.row_summary, div.products div.row_link, div.products div.row_ufile {border-top:1px solid #aebeb6;}
div.services div.row, div.services div.row_summary, div.services div.row_link, div.services div.row_ufile {border-top:1px solid #aeb585;}
div.quality div.row, div.quality div.row_summary, div.quality div.row_link, div.quality div.row_ufile {border-top:1px solid #c2be64;}
div.portfolio div.row, div.portfolio div.row_summary, div.portfolio div.row_link, div.portfolio div.row_ufile {border-top:1px solid #9b96b4;}
div.contact div.row, div.contact div.row_summary, div.contact div.row_link, div.contact div.row_ufile {border-top:1px solid #b77430;}
div.home div.row, div.home div.row_summary, div.home div.row_link, div.home div.row_ufile {border-top:1px solid #60002b;}

a.art_name:link, a.art_name:visited, a.art_name:hover, a.art_name:active {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
a.art_name:hover {
	text-decoration:underline;
}

p.art_summary {color:#444; width:240px; clear:left; margin-left:8px; margin-top:6px;}


/* HOME */

#home div.about div.row, #home div.about div.row_summary, #home div.about div.row_link, #home div.about div.row_ufile {border-top:1px solid #b89384;}
#home div.products div.row, #home div.products div.row_summary, #home div.products div.row_link, #home div.products div.row_ufile {border-top:1px solid #aebeb6;}
#home div.services div.row, #home div.services div.row_summary, #home div.services div.row_link, #home div.services div.row_ufile {border-top:1px solid #aeb585;}
#home div.quality div.row, #home div.quality div.row_summary, #home div.quality div.row_link, #home div.quality div.row_ufile {border-top:1px solid #c2be64;}
#home div.portfolio div.row, #home div.portfolio div.row_summary, #home div.portfolio div.row_link, #home div.portfolio div.row_ufile {border-top:1px solid #9b96b4;}
#home div.contact div.row, #home div.contact div.row_summary, #home div.contact div.row_link, #home div.contact div.row_ufile {border-top:1px solid #b77430;}
#home div.home div.row, #home div.home div.row_summary, #home div.home div.row_link, #home div.home div.row_ufile {border-top:1px solid #60002b;}

#home p.cat_breadcrumb {
	background-color:#60002b;
	display:block;
	float:left;
	padding:3px;
	width:100px;
}

#home div.about p.cat_breadcrumb {background-color:#b89384;}
#home div.products p.cat_breadcrumb {background-color:#aebeb6;}
#home div.services p.cat_breadcrumb {background-color:#aeb585;}
#home div.quality p.cat_breadcrumb {background-color:#c2be64;}
#home div.portfolio p.cat_breadcrumb {background-color:#9b96b4;}
#home div.contact p.cat_breadcrumb {background-color:#b77430;}
#home div.home p.cat_breadcrumb {background-color:#60002b;}

#home a.cat_breadcrumb:link, #home a.cat_breadcrumb:visited, #home a.cat_breadcrumb:hover, #home a.cat_breadcrumb:active {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#home a.cat_breadcrumb:hover {
	text-decoration:underline;
}

#home p.art_summary {width:240px; clear:left; margin-left:8px; margin-top:6px;}
#home div.quality p.art_summary {color:#444; width:260px; clear:left; margin-left:8px; margin-top:6px; font-size:11px;}
#home div.contact p.art_summary {color:#444; width:260px; clear:left; margin-left:8px; margin-top:6px; font-size:11px;}
/* SERVICES MAIN */

/* PRODUCTS MAIN */

/* QUALITY MAIN */
#quality div.quality p.art_name	{background-color:#c2be64;}
#quality p.art_summary {color:#000; width:540px; clear:left; margin-left:8px; margin-top:6px;}
#quality div.row {margin-bottom:1em; margin-left:14px; float:left; width:580px; height:70px;}
#quality div.row_summary {margin-bottom:1em; margin-left:14px; float:left; width:580px; height:70px;}
#quality div.row_link {margin-bottom:1em; margin-left:14px; float:left; width:580px; height:70px;}
#quality div.row_ufile {margin-bottom:1em; margin-left:14px; float:left; width:580px; height:70px;}





.article {width:430px; float:left;}
#portfolio .article {width:620px;}
div.img-caption {float:right; margin:8px;}
p.caption {font-size:9px; text-align:center;}

a.art_name:link, a.art_name:visited, a.art_name:hover, a.art_name:active {font-weight:bold;}

/*
#about a.art_name:link, #about a.art_name:visited, #about a.art_name:hover, #about a.art_name:active {color:#b89384;}
#products a.art_name:link, #products a.art_name:visited, #products a.art_name:hover, #products a.art_name:active {color:#aebeb6;}
#services a.art_name:link, #services a.art_name:visited, #services a.art_name:hover, #services a.art_name:active {color:#aeb585;}
#quality a.art_name:link, #quality a.art_name:visited, #quality a.art_name:hover, #quality a.art_name:active {color:#c2be64;}
#portfolio a.art_name:link, #portfolio a.art_name:visited, #portfolio a.art_name:hover, #portfolio a.art_name:active {color:#9b96b4;}
#contact a.art_name:link, #contact a.art_name:visited, #contact a.art_name:hover, #contact a.art_name:active {color:#b77430;}
#home a.art_name:link, #home a.art_name:visited, #home a.art_name:hover, #home a.art_name:active {color:#60002b;}
*/

#about a.art_name:link, #about a.art_name:visited, #about a.art_name:hover, #about a.art_name:active {color:#fff;}
#products a.art_name:link, #products a.art_name:visited, #products a.art_name:hover, #products a.art_name:active {color:#fff;}
#services a.art_name:link, #services a.art_name:visited, #services a.art_name:hover, #services a.art_name:active {color:#fff;}
#quality a.art_name:link, #quality a.art_name:visited, #quality a.art_name:hover, #quality a.art_name:active {color:#fff;}
#portfolio a.art_name:link, #portfolio a.art_name:visited, #portfolio a.art_name:hover, #portfolio a.art_name:active {color:#fff;}
#contact a.art_name:link, #contact a.art_name:visited, #contact a.art_name:hover, #contact a.art_name:active {color:#fff;}
#home a.art_name:link, #home a.art_name:visited, #home a.art_name:hover, #home a.art_name:active {color:#fff;}






/* footer */
#footer {width:770px; padding-top:0px; clear:left; clear:right; position:relative; /* Needed for Safari */}

/* Site Nav */
.sitenav {
	clear:right; clear:left;
	float:right;
	width:770px;
	padding-top:50px; /* height above swoosh so not cut off */
	padding-right:0px;
	text-align:right;
	background-image:url(/i/footer-bg-home.gif); background-repeat:no-repeat; background-position:bottom left;
}
.sitenav p, .sitenav a:link, .sitenav a:visited, .sitenav a:hover, .sitenav a:active {
	font-size:10px;
	color:#fff;
}

/* Address */
#footer .address {
	clear:left; clear:right;
	margin:0;
	font-size:0px;
	text-align:left;
	height:0px;
}

/* Address when along the bottom in footer */
/*
#footer .address {
	clear:left; clear:right;
	margin:0 0 5px 5px;
	font-size:10px;
	color:#fff;
	text-align:center;
}
*/

/* FOOTER */
.navlist {margin:0 0 10px 0; clear:left;}
.navlist a:link, .navlist a:visited, .navlist a:hover, .navlist a:active {
	color:#fff;
	text-transform:lowercase;
	font-size:10px;
}
.navlist li /* For simple horizontal text nav */
{display:inline;  padding-right:14px;}

.navlist li.current /* For simple horizontal text nav */
{display:inline;  padding-right:14px;}


/* Closing text */
.copyright {
	width:770px;
	background-color:#60002b;
	padding:8px 0 1px 0;
	text-align:right;
}
.copyright p {padding-right:14px;}
.copyright p, .copyright a:link, .copyright a:visited, .copyright a:hover, .copyright a:active {
	font-size:10px;
	color:#fff; /* was dfdbd2 */
}

.closing {
	width:770px;
	background-color:#60002b;
	padding:1px 0 8px 0;
	text-align:right;
}
.closing p, .closing a:link, .closing a:visited, .closing a:hover, .closing a:active {
	font-size:10px;
	color:#fff; /* was dfdbd2 */
	padding-right:14px;
}

img.examples {
	 width:616px;
	 height:90px;
	 margin-bottom:8px;
}

/* SPECIFIC STYLES */
/* HOME 60002b */

#home h1 {color:#000;}
#home h1 {
	margin-bottom:8px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}
#home h2 {color:#000;}
#home h2 {
	margin-top:8px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}


/* header */
#home table.wrap td.header {background-image:url(/i/header-bg-home.gif); background-repeat:no-repeat;}
/* footer */
#home .address {color:#60002b;}
#home .sitenav {background-image:url(/i/footer-bg-home.gif); background-repeat:no-repeat; background-position:bottom left;}
#home .copyright, #home .closing {background-color:#60002b;}


/* ABOUT b89384 */
#about #intro {border-top:1px solid #b89384;}
#about h1 {background-color:#b89384; color:#fff; padding:0px 10px 3px 10px; display:inline;}
#about .section h1 {clear:left; color:#444; background-color:#fff; font-size:1.0em; padding:0; margin:0; line-height:1.0em;}
#about h2 {clear:left; margin-top:10px;}
#about .section h2 {clear:left; margin-top:0px;}

/* header */
#about table.wrap td.header {background-image:url(/i/header-bg-about.gif); background-repeat:no-repeat;}
/* footer */
#about .address {color:#80665c;}
#about .sitenav {background-image:url(/i/footer-bg-about.gif); background-repeat:no-repeat; background-position:bottom left;}
#about .copyright, #about .closing {background-color:#b89384;}


/* CONTACT b77430 */
#contact #intro {border-top:1px solid #b77430;}
#contact h1 {background-color:#b77430; color:#fff; padding:0px 10px 3px 10px; display:inline;}
#contact .section h1 {clear:left; color:#444; background-color:#fff; font-size:1.0em; padding:0; margin:0; line-height:1.0em;}
#contact h2 {color:#b77430; font-weight:bold; clear:left; margin-top:10px;}
#contact .section h2 {clear:left; margin-top:0px;}
#contact h3 {color:#b77430;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px 4px;
}
#contact .article li {list-style-image:url(/i/bullet-contact.gif);}

/* header */
#contact table.wrap td.header {	background-image:url(/i/header-bg-contact.gif); background-repeat:no-repeat;}
/* footer */
#contact .address {color:#b77430;}
#contact .sitenav {background-image:url(/i/footer-bg-contact.gif); background-repeat:no-repeat; background-position:bottom left;}
#contact .copyright, #contact .closing {background-color:#b77430;}


/* PORTFOLIO 9b96b4 */
#portfolio #intro {border-top:1px solid #9b96b4;}
#portfolio h1 {background-color:#9b96b4; color:#fff; padding:0px 10px 3px 10px; display:inline;}
#portfolio .section h1 {clear:left; color:#444; background-color:#fff; font-size:1.0em; padding:0; margin:0; line-height:1.0em;}
#portfolio h2 {color:#9b96b4; font-weight:bold; clear:left; margin-top:10px;}
#portfolio .section h2 {clear:left; margin-top:0px;}

#portfolio .article {}
#portfolio .article ul {}
#portfolio .article li {list-style-type:none; list-style-image:url(/i/bullet-portfolio.gif); font-size:11px; line-height:1.3em; margin-bottom:4px;}

/* header */
#portfolio table.wrap td.header {background-image:url(/i/header-bg-portfolio.gif); background-repeat:no-repeat;}
/* footer */
#portfolio .address {color:#9b96b4;}
#portfolio .sitenav {background-image:url(/i/footer-bg-portfolio.gif); background-repeat:no-repeat; background-position:bottom left;}
#portfolio .copyright, #portfolio .closing {background-color:#9b96b4;}


/* PRODUCTS aebeb6 */
#products #intro {border-top:1px solid #aebeb6;}
#products h1 {background-color:#aebeb6; color:#fff; padding:0px 10px 3px 10px; display:inline;}
#products .section h1 {clear:left; color:#444; background-color:#fff; font-size:1.0em; padding:0; margin:0; line-height:1.0em;}
#products h2 {color:#77827d; font-weight:bold; clear:left; margin-top:10px;}
#products .section h2 {clear:left; margin-top:0px;}

#products .article li {list-style-image:url(/i/bullet-products.gif);}

/* header */
#products table.wrap td.header {background-image:url(/i/header-bg-products.gif); background-repeat:no-repeat;}
/* footer */
#products .address {color:#77827d;}
#products .sitenav {background-image:url(/i/footer-bg-products.gif); background-repeat:no-repeat; background-position:bottom left;}
#products .copyright, #products .closing {background-color:#aebeb6;}


/* SERVICES aeb585 */
#services #intro {border-top:1px solid #aeb585;}
#services h1 {background-color:#aeb585; color:#fff; padding:0px 10px 3px 10px; display:inline;}
#services .section h1 {clear:left; color:#444; background-color:#fff; font-size:1.0em; padding:0; margin:0; line-height:1.0em;}
#services h2 {color:#7e8360; font-weight:bold; clear:left; margin-top:10px;}
#services .section h2 {clear:left; margin-top:0px;}

#services .article li {list-style-image:url(/i/bullet-services.gif);}
#services .article img {margin:10px 20px 0px 10px;}

/* header */
#services table.wrap td.header {background-image:url(/i/header-bg-services.gif); background-repeat:no-repeat;}
/* footer */
#services .address {color:#7e8360;}
#services .sitenav {background-image:url(/i/footer-bg-services.gif); background-repeat:no-repeat; background-position:bottom left;}
#services .copyright, #services .closing {background-color:#aeb585;}


/* QUALITY c2be64 */
#quality #intro {border-top:1px solid #c2be64;}
#quality h1 {background-color:#c2be64; color:#fff; padding:0px 10px 3px 10px; display:inline;}
#quality .section h1 {clear:left; color:#444; background-color:#fff; font-size:1.0em; padding:0; margin:0; line-height:1.0em;}
#quality h2 {color:#817f42; font-weight:bold; clear:left; margin-top:10px;}
#quality .section h2 {clear:left; margin-top:0px;}

#quality .article li {list-style-image:url(/i/bullet-quality.gif);}

/* header */
#quality table.wrap td.header {background-image:url(/i/header-bg-quality.gif); background-repeat:no-repeat;}
/* footer */
#quality .address {color:#817f42;}
#quality .sitenav {background-image:url(/i/footer-bg-quality.gif); background-repeat:no-repeat; background-position:bottom left;}
#quality .copyright, #quality .closing {background-color:#c2be64;}


/* ALL SECTION PAGES */
#about .section #intro, #products .section #intro, #services .section #intro, #quality .section #intro, #portfolio .section #intro, #contact .section #intro {border-top:0 solid white;} /* erase top line border from h1 */




/* START FORM */

span.contact-l {font-weight:bold; width:80px; display:block; float:left; margin:0;}
span.contact-r {display:block; float:left; margin:0;}

form {
  width:600px;
  border:2px solid #ccc;
  padding:1em 0;
  margin:1em 0;
  font-size:12px;
}
form div {
  clear:both;
  margin-bottom:2px;
}
form label {
  display:block;
  float:left;
  width:80px;
  padding-left:22px;
  font-weight:bold;
}
form label.required {
  background-image:url(/i/form-required.gif);
  background-repeat:no-repeat;
  background-position:3px 0px;
}
form label.problem {
  background-image:url(/i/form-caution.gif);
  background-repeat:no-repeat;
  background-position:3px 0px;
}
form label.completed {
  background-image:url(/i/form-complete.gif);
  background-repeat:no-repeat;
  background-position:3px 0px;
}
div#submitdiv {
  margin-left:7em;
  padding-left:22px;
  padding-top:0.3em;
}
span.checkbox {
	display:block;
	float:left;
}
input#subject, textarea {
  width:460px;
}
input#email, input#phone {
  width:40%;
}
input, textarea {
  border:2px solid #ccc;
}
input:focus, textarea:focus {
  border:2px solid #000;
}
span.checkbox input {
  border:0;
}
/* END FORM */

/* Section subnav */
.subnav {float:right; width:180px; margin-right: 8px;}
.subnav_content {float:left;}
.subnav p.hed {text-align:center; font-weight:bold; font-size:14px; margin-bottom:6px;}
ul.rnav, #portfolio .article ul.rnav {margin-left:0; padding-left:0; margin-top:0; float:right;}
ul.rnav li, #portfolio .article ul.rnav li {width:173px; margin-bottom:5px; list-style-image:none; list-style-type:none;}
#about ul.rnav li		{background-color:#b89384; padding:3px;}
#contact ul.rnav li		{background-color:#b77430; padding:3px;}
#portfolio ul.rnav li	{background-color:#9b96b4; padding:3px;}
#products ul.rnav li	{background-color:#aebeb6; padding:3px;}
#services ul.rnav li	{background-color:#aeb585; padding:3px;}
#quality ul.rnav li		{background-color:#c2be64; padding:3px;}
#about .subnav p.hed		{color:#b89384;}
#contact .subnav p.hed		{color:#b77430;}
#portfolio .subnav p.hed	{color:#9b96b4;}
#products .subnav p.hed		{color:#aebeb6;}
#services .subnav p.hed		{color:#aeb585;}
#quality .subnav p.hed		{color:#c2be64;}
ul.rnav a:link, ul.rnav a:visited, ul.rnav a:hover, ul.rnav a:active {color:#fff; font-weight:bold; font-size:11px; text-decoration:none;}
ul.rnav a:hover, ul.rnav a:active {text-decoration:underline;}

div#preview {float:left;}
div.description {float:left; margin-bottom:30px;}
img.thumbnail {}
.description ul {}

#products img.thumbnail {padding:5px 0 0 40px;}

#sitemap h3 {margin:0; padding:0;}
#sitemap ul {margin-top:0; margin-bottom:10px;}
#sitemap li {line-height:1.3em;}

.client {width:430px; clear:left; float:left; display:block; margin-bottom:8px;}
.client .l { width:165px; display:inline; float:left;}
.client .r { width:230px; display:inline; float:left; padding-left:8px;}
/*.client img {background-color:#f2f5f7; padding:3px; float:left; display:inline;} */
.client p {margin:0; font-weight:bold; color:#6b6684; padding-top: 33px;}
.client ul {margin-top:0; margin-left:18px; padding-left:0;}
.client li {margin-left:0; background-position:0 0 0 0;}
.client li a:link, .client li a:visited, .client li a:hover, .client li a:active {font-size:9px;}

div.wdc {
	margin-top:30px;
	padding-bottom:10px;
}

div.wdc p {
	margin:0 0 0.2em 0;
	padding:0;
}

div.wdc img {
	float:left;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

div.wdc p.line1 {
	padding-top:0px;
	font-size:11px;
	text-align:left;
}

div.wdc p.line1 a:link, 
div.wdc p.line1 a:visited, 
div.wdc p.line1 a:hover, 
div.wdc p.line1 a:active
{
	font-size:1em;
	color:#7F0828;
}

div.wdc p.line2 {
	font-size:10px;
	color:#444;
	text-align:left;
}


#BannerRotatorFXDiv {
	margin-top: 22px;
}

#portfolio .row {
	height: 140px;
}
#portfolio .art_summary {
	padding: 10px 0px;
	margin-bottom: 10px;
}
#portfolio .art_summary img {
	margin-right: 5px;
}