/* -- [ template one - snippets left-aligned ] ---*/
    #template-one-wrap { width:620px; margin:0; padding:0; border-top:solid 1px #fff; }
    #template-one-wrap .template-one-left {width:225px; margin:0; float:left; text-align:left; font-size:85%; font-weight:bold;}
    #template-one-wrap .template-one-right {width:385px; margin:0; float:right; text-align:left;}

/* -- [ template two - snippets right-aligned ] ---*/
    #template-two-wrap { width:620px; margin:0; padding:0; border-top:solid 1px #fff; }
    #template-two-wrap .template-two-left { width:380px; margin:0; float:left; text-align:left; border:solid 0px #f00;}
    #template-two-wrap .template-two-right {width:225px; margin:0; float:right; text-align:left; font-size:85%; font-weight:bold;}

/* -- [ courses/training  ] -----------------------*/
    #courses-wrap { width:620px; margin:0; padding:0; border-top:solid 1px #fff; }
    #courses-wrap .courses-left {width:225px; margin:0; float:left; text-align:left; font-size:85%; font-weight:bold;}
    #courses-wrap .courses-right {width:385px; margin:0; float:right; text-align:left;}
    
    .did-you-know { background:#fff; border:solid 1px #39c; color:#000;}
    .did-you-know h2 { padding:5px; font-weight:bold; font-size:120%; color:#39c; border-bottom:0px solid #39c; }
    .did-you-know a, .snippet2 a:visited {color:#000; text-decoration:none;}
    .did-you-know a:hover, .snippet2 a:active {color:#000; text-decoration:underline;}

/* -- [ snippets for templates above ] ------------*/
    .snippet {width:225px; margin:0 0 10px 0;}
    .snippet p {margin:10px;}
    .snippet p em {font-weight:normal;}
    .snippet1 {background:#fff; color:#000;}
    .snippet1 a, .snippet1 a:visited {color:#930; text-decoration:none;}
    .snippet1 a:hover, .snippet1 a:active {color:#930; text-decoration:underline;}
    .snippet2 { background:#dae7f6 url('../images/2007/snippets/snip1.gif') top left no-repeat; border:solid 1px #ccc; color:#000;}
    .snippet2 a, .snippet2 a:visited {color:#000; text-decoration:none;}
    .snippet2 a:hover, .snippet2 a:active {color:#000; text-decoration:underline;}
    .snippet3 { background:#fcd7a6 url('../images/2007/snippets/snip2.gif') top left no-repeat; border:solid 1px #f90; color:#630;}
    .snippet3 a, .snippet3 a:visited {color:#630; text-decoration:none;}
    .snippet3 a:hover, .snippet3 a:active {color:#630; text-decoration:underline;}
    .snippet4 { background:#5ca574 url('../images/2007/snippets/snip3.gif') top left no-repeat; border:solid 1px #030; color:#fff;} /*was #76a376*/
    .snippet4 a, .snippet4 a:visited {color:#fff; text-decoration:none;}
    .snippet4 a:hover, .snippet4 a:active {color:#fff; text-decoration:underline;}
    .snippet5 { background:#eee url('../images/2007/snippets/snip4.gif') top left no-repeat; border:solid 1px #999; color:#333;}
    .snippet5 a, .snippet5 a:visited {color:#666; text-decoration:none;}
    .snippet5 a:hover, .snippet5 a:active {color:#666; text-decoration:underline;}
    .snippet6 { background:#fff; border:solid 1px #f90; color:#930;}
    .snippet6 a, .snippet6 a:visited {color:#930; text-decoration:none;}
    .snippet6 a:hover, .snippet6 a:active {color:#930; text-decoration:underline;}

/* -- [ template case study 1 - 1 large image, 5 small images, grey and orange boxes ] ---*/
    #template-case01-wrap { width:620px; margin:0; padding:0; border-top:solid 1px #fff; }
    #template-case01-wrap .template-case01-left {width:225px; margin:0; float:left; text-align:left; font-size:8pt; font-weight:bold;}
    #template-case01-wrap .template-case01-right {width:385px; margin:0; float:right; text-align:left;}
    #template-case01-wrap .snippet1 {width:225px; margin:0 0 10px 0; background:#fff; color:#000}
    #template-case01-wrap .snippet1 p {margin:10px;}
    #template-case01-wrap .snippet1 p em {font-weight:normal;}
    #template-case01-wrap .snippet1 a, .snippet1 a:visited {color:#fff; text-decoration:none;}
    #template-case01-wrap .snippet1 a:hover, .snippet1 a:active {color:#fff; text-decoration:underline;}
    #template-case01-wrap .template-case01-small-wrap {width:225px; margin:0;}
    #template-case01-wrap .template-case01-small-wrap img {width:110px; margin:3px 0;}
    #template-case01-wrap .snippet3 {width:225px; margin:0 0 10px 0; background:#dae7f6 url('../images/2007/blue-fade-background.jpg') top left repeat-x; border:solid 1px #ccc; color:#000; }
    #template-case01-wrap .snippet2 p {margin:10px;}
    #template-case01-wrap .snippet2 p em {font-weight:normal;}
    #template-case01-wrap .snippet2 a, #template-case01-wrap .snippet1 a:visited {color:#000; text-decoration:none;}
    #template-case01-wrap .snippet2 a:hover, #template-case01-wrap .snippet1 a:active {color:#000; text-decoration:underline;}
    #template-case01-wrap .snippet3 {width:225px; margin:0 0 10px 0; background:#f93 url('../images/2007/orange-fade-background.jpg') center left repeat-x; border:solid 1px #c30; color:#630; }
    #template-case01-wrap .snippet3 p {margin:10px;}
    #template-case01-wrap .snippet3 p em {font-weight:normal;}
    #template-case01-wrap .snippet3 a, #template-case01-wrap .snippet1 a:visited {color:#630; text-decoration:none; }
    #template-case01-wrap .snippet3 a:hover, #template-case01-wrap .snippet1 a:active {color:#630; text-decoration:underline;}

/* -- [ Wide Image Page ] ---*/
	#home-page-01 { width:620px; margin:0; padding:0; }
	#home-page-01 .main-image {display:block; width:620px; margin:0 0 10px 0; border:solid 1px #ccc;}
	#home-page-01 .main-image img { width:620px; height:200px;}
    #home-page-01 .text-area {width:620px; margin:10px 10px 0 0;}
    #home-page-01 .text-area-left {width:190px; margin:0 5px 0 0; font-size:85%; font-weight:bold; float:left; }
    #home-page-01 .text-area-right {width:410px; float:right; text-align:left;}
    #home-page-01 .snippet2 {width:180px; padding:5px; }
    #home-page-01 .snippet3 {width:180px; padding:5px; }
    #home-page-01 .snippet4 {width:180px; padding:5px; }
    #home-page-01 .snippet5 {width:180px; padding:5px; }
    #home-page-01 .snippet6 {width:180px; padding:5px; }
    
/* -- [ new look 1 - 1 large image, 5 small images, grey and orange boxes ] ---*/
    #newlook-wrap { width:620px; margin:0; padding:0; border-top:solid 1px #fff;}
    #newlook-wrap .newlook-left {width:225px; margin:0; float:left; text-align:left; font-size:8pt; font-weight:bold;}
    #newlook-wrap .newlook-right {width:385px; margin:0; float:right; text-align:left;}
    #newlook-wrap .snippet1-top {width:225px; margin:0 0 10px 0; background:#fff; color:#000}
    #newlook-wrap .snippet1 {width:225px; margin:0 0 10px 0; background:#fff; color:#000}
	#newlook-wrap .snippet1-bottom {width:225px; margin:0 0 10px 0; background:#fff; color:#000}
    #newlook-wrap .snippet1 p {margin:10px;}
    #newlook-wrap .snippet1 p em {font-weight:normal;}
    #newlook-wrap .snippet1 a, .snippet1 a:visited {color:#fff; text-decoration:none;}
    #newlook-wrap .snippet1 a:hover, .snippet1 a:active {color:#fff; text-decoration:underline;}
    #newlook-wrap .newlook-small-wrap {width:225px; margin:0;}
    #newlook-wrap .newlook-small-wrap img {width:110px; margin:3px 0;}
    #newlook-wrap .snippet2 {width:225px; margin:0 0 10px 0; background:#dae7f6; border-left:solid 1px #ccc; border-right:solid 1px #ccc; color:#000; }
    #newlook-wrap .snippet2 p {margin:10px;}
    #newlook-wrap .snippet2 p em {font-weight:normal;}
    #newlook-wrap .snippet2 a, #newlook-wrap .snippet1 a:visited {color:#000; text-decoration:none;}
    #newlook-wrap .snippet2 a:hover, #newlook-wrap .snippet1 a:active {color:#000; text-decoration:underline;}
    #newlook-wrap .snippet3 {width:225px; margin:0 0 10px 0; background:#f93; border-left:solid 1px #c30; border-right:solid 1px #c30; color:#630; }
    #newlook-wrap .snippet3 p {margin:10px;}
    #newlook-wrap .snippet3 p em {font-weight:normal;}
    #newlook-wrap .snippet3 a, #newlook-wrap .snippet1 a:visited {color:#630; text-decoration:none; }
    #newlook-wrap .snippet3 a:hover, #newlook-wrap .snippet3 a:active {color:#000; text-decoration:underline;}