/* SITE FRAMEWORK 
   =========================================================================================================        */

body {margin:0; padding:0; min-width:780px; font:70% Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:center; line-height:1.3em; background: #fff;}
div#container {position:relative; width:780px; margin:10px auto; padding:0; text-align:left; }

/* HEADER & MAIN MENU
   =========================================================================================================        */

div#header {float:left; width:780px; background:url(../images/header-flash.gif) no-repeat bottom left; height:125px; }
div#header h1 {float:left; margin:0 0 0 15px; padding:0; text-indent:-9999px; height:114px; width:136px; background:url(../images/colorco-logo.jpg) no-repeat; line-height:26px; }
div#header img {float:right; display:block; margin:30px 0 0 0;}

div#header ul {list-style:none; float:left; padding:0; margin:28px 0 0 95px; height:25px; }
div#header ul li {float:left; text-align:center; padding:0 4px 0 0; margin:0; height:25px; width:99px; line-height:25px;}
div#header ul li a { display:block; height:20px; width:99px; padding:0; margin:5px 0 0 0; text-decoration: none; border:0px; color:#fff; line-height:20px;}
div#header ul li a:hover,
body#home div#header ul li#navhome a,
body.copying div#header ul li#navcopying a,
body.printing div#header ul li#navprinting a,
body.promotional div#header ul li#navpromotional a,
body.replication div#header ul li#navreplication a { font-weight:bold; height:25px; margin:0; padding:0; line-height:25px;}

div#header ul li#navhome a {background-color:#ab3a8b}
div#header ul li#navcopying a {background-color:#f75c4d}
div#header ul li#navprinting a {background-color:#fd9642}
div#header ul li#navpromotional a {background-color:#ffd200}
div#header ul li#navreplication a {background-color:#9ac8b6}



/* MAIN CONTENT 
   =========================================================================================================        */

div#page {float:left; width:780px; margin:20px 0 0 0}
div#page div.service {float:left; width:185px; margin-right:10px; border:1px solid #f75c4d; background:#fddedb; color:#4f4e4e}
div#page div.service h2 {color:#fff; font-size:140%; background:#f75c4d; height:40px; line-height:40px; padding:0 0 0 10px; margin:0;}
div#page div.service p {padding:10px; }
div#page div.service ul { padding-left:0px; margin-left:0;}
html>body div#page div.service ul { padding-left:30px; }
div#page div.service ul li { padding:0 10px 0 0; }
div#page a.arrow { display:block; color:#fff; font-weight:bold; text-decoration:none; padding:5px 10px;}

div#page div.service ul {margin:0 0 15px 0; padding:0;}
div#page div.service ul li {margin:0; padding:0;}

div#page div#banner {margin-bottom:10px; }
div#page div#welcome {background:#eed8e8; border:1px solid #ab3a8b; padding:10px; margin:0 0 10px 0; }
div#page div#welcome h2 {color:#ab3a8b;}

body.colorco div#page div.service h2 {background:#ab3a8b;}
body.copying div#page div.service h2, div#page div#s_copying h2  {background:#f75c4d;}
body.printing div#page div.service h2, div#page div#s_printing h2  {background:#fd9642;}
body.promotional div#page div.service h2, div#page div#s_promotional h2  {background:#ffd200;}
body.replication div#page div.service h2, div#page div#s_replication h2  {background:#9ac8b6;}

body.colorco div#page div.service { border:1px solid #ab3a8b; background:#eed8e8; }
body.colorco div#page a.arrow {background:#ab3a8b url(../images/link-colorco.gif) no-repeat center right;}

div#page div#s_copying, body.copying div#page div.service { border-color:#f75c4d; background:#fddedb;}
body#home div#page div#s_copying ul { list-style-image:url(../images/bullet-copying.gif);  }
div#page a#a_copying, body.copying div#page a.arrow {background:#f75c4d url(../images/link-copying.gif) no-repeat center right;}

div#page div#s_printing, body.printing div#page div.service { border-color:#fd9642; background:#ffead9; margin-right:11px;}
body#home div#page div#s_printing ul { list-style-image:url(../images/bullet-printing.gif); }
div#page a#a_printing, body.printing div#page a.arrow {background:#fd9642 url(../images/link-printing.gif) no-repeat center right;}

div#page div#s_promotional, body.promotional div#page div.service { border-color:#ffd200; background:#fff6cc; margin-right:11px;}
body#home div#page div#s_promotional ul { list-style-image:url(../images/bullet-promotional.gif); }
div#page a#a_promotional, body.promotional div#page a.arrow {background:#ffd200 url(../images/link-promotional.gif) no-repeat center right;}

div#page div#s_replication, body.replication div#page div.service{ border-color:#9ac8b6; background:#ebf4f0; margin-right:0;}
body.replication div#page div.service {margin-right:11px;}
body#home div#page div#s_replication ul { list-style-image:url(../images/bullet-replication.gif); }
div#page a#a_replication, body.replication div#page a.arrow {background:#9ac8b6 url(../images/link-replication.gif) no-repeat center right;}

div#page div#s_canvas {width:778px; background:#eed8e8; border:1px solid #ab3a8b; margin-top:15px;} 
div#page div#s_canvas h2 {background:#ab3a8b;}
div#page div#s_canvas p {width:165px; float:left; }
div#page div#s_canvas div { float:left; border-left:1px solid #ab3a8b; background:#fff;}
div#page div#s_canvas div a img { border:none; }
div#page a#a_canvas {clear:left; width:758px; background:#ab3a8b url(../images/link-colorco.gif) no-repeat center right;}


/* home page service block doubles up as menu but we need to change the formatting somewhat */
body.copying div#page div.service ul,
body.colorco div#page div.service ul,
body.printing div#page div.service ul,
body.promotional div#page div.service ul,
body.replication div#page div.service ul {list-style:none; margin:0; padding:0; }

body.copying div#page div.service ul li { border-bottom:1px solid #f75c4d; }
body.colorco div#page div.service ul li { border-bottom:1px solid #ab3a8b; }
body.printing div#page div.service ul li { border-bottom:1px solid #fd9642; }
body.promotional div#page div.service ul li { border-bottom:1px solid #ffd200; }
body.replication div#page div.service ul li { border-bottom:1px solid #9ac8b6; }

div#page div.service ul li a { display:block; color:#666666; text-decoration:none; padding:5px 10px 5px 25px; }
body.copying div#page div.service ul li a { background:url(../images/bullet-copying.gif) no-repeat 10px center ; }
body.printing div#page div.service ul li a { background:url(../images/bullet-printing.gif) no-repeat 10px center ; }
body.promotional div#page div.service ul li a { background:url(../images/bullet-promotional.gif) no-repeat 10px center ; }
body.replication div#page div.service ul li a { background:url(../images/bullet-replication.gif) no-repeat 10px center ; }

div#page div.service ul li a:hover { text-decoration:underline; }


body#psub1 div#page div.service ul li#sub1,
body#psub2 div#page div.service ul li#sub2,
body#psub3 div#page div.service ul li#sub3,
body#psub4 div#page div.service ul li#sub4,
body#psub5 div#page div.service ul li#sub5,
body#psub6 div#page div.service ul li#sub6 {font-weight:bold;}


div#content {float:left; margin-left:50px; width:532px; }

div#content h3 { margin-top:15px; font-size:160%; font-weight:bold; border-bottom:2px solid #f75c4d; padding-bottom:10px;}
body.colorco div#content h3 {color:#ab3a8b; border-bottom-color: #ab3a8b; }
body.copying div#content h3 {color:#f73c2b; border-bottom-color: #f75c4d; }
body.printing div#content h3 {color:#fd9642; border-bottom-color: #fd9642; }
body.promotional div#content h3 {color:#ffd200; border-bottom-color: #ffd200; }
body.replication div#content h3 {color:#9ac8b6; border-bottom-color: #9ac8b6; }

body.colorco div#content ul {list-style-image:url(../images/bullet-colorco2.gif);}
body.copying div#content ul {list-style-image:url(../images/bullet-copying2.gif);}
body.printing div#content ul {list-style-image:url(../images/bullet-printing2.gif);}
body.promotional div#content ul {list-style-image:url(../images/bullet-promotional2.gif);}
body.replication div#content ul {list-style-image:url(../images/bullet-replication2.gif);}

body.colorco div#content a:link {color:#ab3a8b; text-decoration: underline; }     
body.colorco div#content a:visited {color:#ab3a8b; text-decoration: none;}  
body.colorco div#content a:hover {color:#ab3a8b; text-decoration: none;}   
body.colorco div#content a:active {color:#ab3a8b; text-decoration: underline;}

body.copying div#content a:link {color:#f73c2b; text-decoration: underline; }     
body.copying div#content a:visited {color:#f73c2b; text-decoration: none;}  
body.copying div#content a:hover {color:#f73c2b; text-decoration: none;}   
body.copying div#content a:active {color:#f73c2b; text-decoration: underline;}

body.printing div#content a:link {color:#fd9642; text-decoration: underline; }     
body.printing div#content a:visited {color:#fd9642; text-decoration: none;}  
body.printing div#content a:hover {color:#fd9642; text-decoration: none;}   
body.printing div#content a:active {color:#fd9642; text-decoration: underline;}

body.promotional div#content a:link {color:#333; text-decoration: underline; }     
body.promotional div#content a:visited {color:#333; text-decoration: underline;}  
body.promotional div#content a:hover {color:#333; text-decoration: none;}   
body.promotional div#content a:active {color:#333; text-decoration: underline;}

body.replication div#content a:link {color:#9ac8b6; text-decoration: underline; }     
body.replication div#content a:visited {color:#9ac8b6; text-decoration: none;}  
body.replication div#content a:hover {color:#9ac8b6; text-decoration: none;}   
body.replication div#content a:active {color:#9ac8b6; text-decoration: underline;}

div#content img.tile {border:1px solid; margin-right:7px;}
div#content img.last {margin-right:0;}
body.copying div#content img.tile {border-color:#f73c2b; }
body.promotional div#content img.tile {border-color:#ffd200; }
body.printing div#content img.tile {border-color:#fd9642; }
body.replication div#content img.tile {border-color:#9ac8b6; }

div.canvas {float:left; border:1px solid #ab3a8b; margin-top:20px; padding:10px;}

.right {float:right;}


/* FOOTER 
   =========================================================================================================        */

div#footer {float:left; font-size:90%; margin:20px 0 20px 0; padding:70px 0 0 0; width:780px; background:url(../images/footer.gif) no-repeat top left; width:780px; }
div#footer a:link {color: #333; text-decoration: none; }     
div#footer a:visited {color: #333; text-decoration: none;}  
div#footer a:hover {color: #333; text-decoration: underline;}   
div#footer a:active {color: #333; text-decoration: underline;} 

/* Promotional Page Images
   =========================================================================================================        */
   
a.image-links-l{
	border:0;
	float:left;
}

a.image-links-r{
	float:right;
}

a.image-links-l img, a.image-links-r img{
	border:0;
}
   
span.link-divider{
	display:none;
	visibility:hidden;
}