#about { background:url(http://www.violetdesign.ca/images/top-bar-about.gif) top left repeat-x; }
#what-we-do { background:url(http://www.violetdesign.ca/images/top-bar-what-we-do.jpg) top left no-repeat; }
#collaborators { background:url(http://www.violetdesign.ca/images/top-bar-collaborators.gif) top left repeat-x; }
#network { background:url(http://www.violetdesign.ca/images/top-bar-network.jpg) top left repeat-x; }
#contact { background:url(http://www.violetdesign.ca/images/top-bar-contact.png) top left repeat-x; }
/* Reset CSS By Eric Meyer. http://meyerweb.com/eric/tools/css/reset/index.html */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
body { color:#4a4a4a; background-color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; }
h1 { color:#000; font-size:30px; font-weight:normal; font-style:italic; }
#container { width:1449px; }
#nav { position:absolute; z-index:50; left:335px; top:15px; width:700px; }
#nav a { color:#cbcbcb; font-style:italic; font-weight:bold; text-decoration:none; }
#logo { position:absolute; z-index:45; top:62px; left:23px; width:267px; height:133px; }
#punch { width:650px; color:#fff; font-size:30px; position:absolute; z-index:40; top:102px; left:333px; line-height:32px; }
#punch strong { color:#fff; font-weight:normal; font-style:italic; }
#col-left { position:absolute; z-index:30; left:49px; top:238px; width:230px; height:350px; text-align:left; }
#col-middle { position:absolute; z-index:20; left:333px; top:238px; width:642px; height:350px; text-align:left; }
#col-middle p, #col-right p { padding-bottom:20px; line-height:16px; }
#col-middle strong { color:#010101; font-style:italic; font-weight:normal; }
#col-right { color:#010101; position:absolute; z-index:25; left:745px; top:238px; width:238px; height:350px; text-align:left; font-style:italic; letter-spacing:-0.1px  }
#col-right a { color:#4a4a4a; font-weight:bold; font-style:italic; text-decoration:none; letter-spacing:-1.2px; line-height:18px; }
.footer-clear { background:url(/images/bottom-line.png) top left no-repeat; width:642px; height:112px; clear:both; padding-bottom:20px; }
.slash { padding:0px 9px 0px 10px; font-weight:bold; font-style:italic; }
.push { padding-left:199px; }
.ital { font-style:italic; }
.slidetext, .slidetext p, .slidetext p a { line-height:18px; font-style:normal; font-size:13px; color:#4a4a4a; }
.slidetext p a { text-decoration:none; font-style:normal; font-weight:normal; }
/* about */
#about #nav a strong, #about #nav a:hover { color:#5d048b; }
#about #col-left { background:url(http://www.violetdesign.ca/images/background-us.png) top left no-repeat; }
.emph { padding-top:18px; line-height:18px; font-style:italic; }
.emph-ul { padding-top:36px; line-height:18px; font-style:italic; }
.emph-ul a { color:#4a4a4a; text-decoration:none; }
#about #plus1, #about #plus2 { display:block; float:left; font-family:"Courier New", Courier, monospace; }
#about #minus1, #about #minus2 { display:none; float:left; font-family:"Courier New", Courier, monospace; }
#about #flowers { background:url(/images/flowers-about.png) no-repeat 100% 0; float:left; min-width:100%; height:290px; }
/* what-we-do */
#what-we-do .pages { height:13px; }
#what-we-do .pages, #what-we-do .pages a { letter-spacing:3px; color:#bbb; font-style:italic; text-decoration:none; font-weight:bold; }
#what-we-do .pages strong { color:#1c1f22; }
#what-we-do #nav a strong, #what-we-do #nav a:hover { color:#000; }
#what-we-do #col-left { color:#bbb; font-weight:bold; font-style:italic; font-size:13px; line-height:22px; height:auto; }
#what-we-do #col-left strong { color:#4a4a4a; }
#what-we-do #col-left a { color:#bbb; text-decoration:none; }
#what-we-do #col-left a:hover { color:#4a4a4a; }
#what-we-do #col-left h1 { padding-bottom:1px; }
.content { width:390px; }
#what-we-do #col-middle { background:url(http://www.violetdesign.ca/images/background-yours.gif) top left no-repeat; height:522px; width:642px; }
#what-we-do #col-middle p { padding-bottom:20px; line-height:18px; }
#what-we-do #col-middle p strong { color:#4a4a4a; font-style:italic; font-weight:normal; }
#what-we-do #flowers { background:url(/images/flowers-what-we-do.png) no-repeat 100% 0; float:left; min-width:100%; height:290px; }
.col-middle-blend-short, .col-middle-blend-wide { position:absolute; z-index:20; left:333px; top:238px; width:650px; text-align:left; }
.col-middle-blend-wide { width:650px; }
.col-middle-blend-wide p, .col-middle-blend-short p { line-height:18px; letter-spacing:-0.1px; }
.col-middle-blend-wide .desc { padding: 20px 0px 20px 3px; }
.col-middle-blend-wide .desc strong { font-style:italic; }
.col-middle-blend-wide a { color:#662d91; text-decoration:none; }
.col-middle-blend-wide strong { font-style:italic; }
.col-right-blend { color:#010101; position:absolute; z-index:25; left:745px; top:238px; width:238px; height:350px; text-align:left; letter-spacing:-0.1px; padding-top:25px;  }
.col-right-blend a { color:#4a4a4a; font-weight:bold; font-style:italic; text-decoration:none; letter-spacing:-0.8px }
.col-right-blend p { padding-bottom:20px; line-height:18px; }
.col-right-blend strong { font-style:italic; }
.sub-text { color:#4a4a4a; }
/* collaborators */
#collaborators #nav a strong, #collaborators #nav a:hover { color:#8f1676; }
#collaborators #col-left { width:235px }
#collaborators #col-middle h1 { color:#5a5a5a; }
#collaborators #col-middle p { color:#000; line-height:16px; letter-spacing:-0.1px; }
#collaborators #col-middle p strong { color:#5a5a5a; }
#collaborators #flowers { background:url(/images/flowers-collaborators.png) no-repeat 100% 0; float:left; min-width:100%; height:290px; }
/* network */
#network #nav a strong, #network #nav a:hover { color:#000; }
#network #col-middle p { color:#000; line-height:16px; }
#network #col-middle strong { color:#000; font-weight:bold; font-style:normal; }
#network #col-middle a { color:#000; }
#network #flowers { background:url(/images/flowers-network.png) no-repeat 100% 0; float:left; min-width:100%; height:290px; }
/* contact */
#contact #nav a strong, #contact #nav a:hover { color:#2f1095; }
#contact #col-middle p { color:#000; line-height:18px; letter-spacing:-0.1px }
#contact #col-middle a { color:#000; text-decoration:none; }
#contact #col-middle strong { font-style:normal; font-weight: bold; }
#contact #flowers { background:url(/images/flowers-contact.png) no-repeat 100% 0; float:left; min-width:100%; height:290px; }