body {
margin-top : 16px;
padding : 0;
font : 71%/1.5em Verdana, 'Trebuchet MS', Arial, Sans-serif;
background : #fff url(bg91.gif) repeat-x;
color : #6c6c6c;
text-align : center;
}
a {
background : inherit;
color : #366e9d;
text-decoration : none;
}
a:hover {
background : inherit;
background: transparent; color: #c00;
 text-decoration:underline;
}
h1, h2, h3 {
font : bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
color : #555;
}
h1 {
font-size : 1.2em;
}
h2 {
font-size : 1.3em;
}
h3 {
font-size : 1.2em;
text-transform : none;
}
h4 {
font : normal 1.4em Georgia, 'Trebuchet MS', Tahoma, Sans-serif;
color : #000;
}
#main h1, #rightbar h1 {
padding : 10px 0 5px 5px;
margin : 0 0 10px 10px;
color : #003366;
border-bottom : 1px solid #f2f2f2;
}
#sidebar h1 {
padding : 10px 0 5px 30px;
background : url(square_arrow.gif) no-repeat 2px 12px;
margin : 0;
}
p, h1, h2, h3, h4 {
margin : 10px 15px;
}
ul, ol {
margin : 10px 30px;
padding : 0 15px;
color : #3182c0;
}
ul span, ol span {
color : #666666;
}
img {
border : 2px solid #ccc;
}
img.float-right {
margin : 5px 0 5px 15px;
}
img.float-left {
margin : 5px 15px 5px 0;
}
a img {
border : 1px solid #3791D7;
}
a:hover img {
border : 1px solid #91b155!important ;
border : 1px solid #91b155;
}
code {
margin : 5px 0;
padding : 10px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em Georgia, Verdana, 'Trebuchet MS', Arial, Sans-serif;
color : #053c42;
background : #fcfcfc;
border-top: 1px solid #ffffff;
    border-right: 1px solid #c5bdb2;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #c5bdb2;
}
acronym {
cursor : help;
border-bottom : 1px solid #777;
}
blockquote {
margin : 15px;
padding : 0 0 0 32px;
background : #fafafa url(quote.gif) no-repeat 5px 10px !important ;
background-position : 8px 10px;
border : 1px solid #f2f2f2;
border-left : 3px solid #3182c0;
font-weight : bold;
}
form {
margin : 10px;
padding : 0;
border : 1px solid #f2f2f2;
background-color : #fafafa;
}
label {
display : block;
font-weight : bold;
margin : 5px 0;
}
input {
padding : 4px;
border : 1px solid #eee;
font : normal 1em/1.5em Verdana, sans-serif;
color : #777;
}
textarea {
width : 350px;
padding : 4px;
font : normal 1em/1.5em Verdana, sans-serif;
border : 1px solid #eee;
height : 100px;
display : block;
color : #777;
}
input.button {
margin : 0;
font : bold 1em Arial, Sans-serif;
border : 1px solid #ccc;
background : #fff;
padding : 2px 3px;
color : #333;
}
form.searchform {
background : transparent;
border : none;
margin : 0;
padding : 0;
}
form.searchform input.textbox {
margin : 0;
width : 120px;
border : 1px solid #ccc;
background : #fff;
color : #333;
vertical-align : top;
}
form.searchform input.button {
width : 55px;
vertical-align : top;
}
#wrap {
margin : 0 auto;
width : 900px;
text-align : left;
background : transparent;
}
#content-wrap {
clear : both;
margin : 0;
padding : 0;
width : 900px;
border-top : 7px solid #236b8e;
}
#header {
position : relative;
background : transparent url(images/02.gif);
background-position:center;
height : 124px;
}
#header h1#logo {
position : absolute;
margin : 0;
padding : 0;
font : bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing : -2px;
color : #ccc;
text-transform : lowercase;
top : 0;
left : 5px;
}
#header h2#slogan {
position : absolute;
margin : 0;
padding : 0;
font : bold 1em 'Trebuchet MS', Arial, Sans-serif;
text-transform : none;
color : #fff;
top : 48px;
left : 65px;
}
#header .searchform {
position : absolute;
top : 5px;
right : 3px;
}
#main {
font : normal 1.2em Georgia, Verdana, Arial, Helvetica, sans-serif;
color : #6c6c6c;
float : left;
margin : 0;
padding : 0;
width : 59%;
background : transparent;
}
#sidebar {
float : left;
width : 21%;
margin : 0;
padding : 0;
display : inline;
background :transparent ;
}
#sidebar ul.sidemenu {
list-style : none;
text-align : left;
margin : 0 0 8px 0;
padding-right : 0;
text-decoration : none;
}
#sidebar ul.sidemenu li {
border-bottom : 1px solid #eff0f1;
background : url(53.gif) no-repeat 2px 5px;
padding : 2px 5px 2px 20px;
}
* html body #sidebar ul.sidemenu li {
height : 1%;
}
#sidebar ul.sidemenu a {
font : normal 1.2em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
background : #fff;
text-decoration : none;
}
#sidebar ul li#current a {
color : #ff3300;
padding : 2px 5px 2px 20px;
border-bottom : 2px solid #38b0de;
}
#rightbar {
float : right;
width : 20%;
height : 200px;
padding : 0;
margin : 0;
background : transparent;
}
#footer {
clear : both;
background : #fff url(footerb.gif) repeat-x left top;
border-top : 2px solid #f2f2f2;
text-align : center;
height : 50px;
}
#footer a {
text-decoration : none;
font-weight : bold;
}
#menu {
clear : both;
margin : 0 ;
padding : 0;
}
#menu ul {
position : relative;
bottom : px;
margin : 0 0 0 40px;
padding : 0;
float : left;
font : bold 1.2em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
width : 850px;
border : 1px solid #808080;
border-width : 0 0 0 0;
list-style : none;
}
#menu ul li {
display : inline;
}
#menu ul li a {
position : relative;

bottom : 0;
float : left;
color : #3182c0;
padding : 0 10px;
text-decoration : none;
background : transparent url(menudivide.gif) repeat-y right top;
}
#menu ul li a:hover {
color : #ff3300;
background-color : transparent;
}
#menu ul li#current a {
color : #ff3300;
font : normal 1em  Verdana, Arial, Helvetica, sans-serif;
background : transparent;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.align-center {
text-align : center;
}
.align-justify {
text-align : justify;
}
.clear {
clear : both;
}
.block {
display : block;
}
.hide {
display : none;
}
.blue {
color : #3791d7;
}
#menu a .showcase {
display : none;
}
#menu a:hover .showcase {
position : absolute;
top : -38px;
left : 195px;
display : block;
width : 240px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
#menu a .showcase1 {
display : none;
}
#menu a:hover .showcase1 {
position : absolute;
top : -38px;
left : 45px;
display : block;
width : 340px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
#menu a .showcase2 {
display : none;
}
#menu a:hover .showcase2 {
position : absolute;
top : -38px;
left : -50px;
display : block;
width : 350px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
#menu a .showcase3 {
display : none;
}
#menu a:hover .showcase3 {
position : absolute;
top : -38px;
left : -80px;
display : block;
width : 260px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
#menu a .showcase4 {
display : none;
}
#menu a:hover .showcase4 {
position : absolute;
top : -38px;
left : -105px;
display : block;
width : 210px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
#menu a .showcase5 {
display : none;
}
#menu a:hover .showcase5 {
position : absolute;
top : -38px;
left : -235px;
display : block;
width : 350px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
#menu a .showcase6 {
display : none;
}
#menu a:hover .showcase6 {
position : absolute;
top : -41px;
left : -355px;
display : block;
width : 410px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
#menu a .showcase7 {
display : none;
}
#menu a:hover .showcase7 {
position : absolute;
top : -38px;
left : -372px;
display : block;
width : 120px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;

color : #ac0339;
padding : -5px;
}
#menu a .showcase8 {
display : none;
}
#menu a:hover .showcase8 {
position : absolute;
top : -38px;
left : 347px;
display : block;
width : 85px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;

color : #ac0339;
padding : 5px;
}
p.c4 {
text-align : center;
margin : 5px;
}
#menu a .showcase9 {
display : none;
}
#menu a:hover .showcase9 {
position : absolute;
top : -38px;
left : -362px;
display : block;
width : 230px;
font : normal 0.9em Georgia, Verdana, Arial, Helvetica, sans-serif;
background : transparent;
border : px solid #2b20a1;
color : #ac0339;
padding : 5px;
}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #2b20a1; background:#fff; color:#ac0339;}
ul.sections {
margin : 10px 10px 0 10px;
}
ul.sections {
list-style : none;
padding : 0;
font-size : 95%;
}
.sections li {
border-color : #ccc #bbb #b6b6b6 #ccc;
margin : 0 0 3px 0;
}
.sections li {
background :  url(s-bg.gif) repeat-x top left;
}
.sections li a {
display : block;
}
.sections li a {
padding : 0.3em 3px 0.3em 37px;
text-decoration : none;
}
.sections a, .sections a:link, .sections a:visited {
background-position : 4px 50%;
background-repeat : no-repeat;
}
.sections a, .sections a:link, .sections a:visited {
color : #003366;
}
.sections a:hover, .sections a:active, .sections .on a {
background-position :;
background-repeat : no-repeat;
}
.sections a:hover, .sections a:active {
color : #003366;
text-decoration : none;
}
.s-basics a {
background : url(images/.png);
}
.s-process a {
background : url(images/.gif);
}
.s-opinion a {
background : url(images/.gif);
}
.s-business a {
background : url(images/.gif);
}
.s-goal-oriented-design a {
background : url(images/.gif);
}
.s-graphic-design a {
background : url(images/.gif);
}
.sections li a:hover  {
background-color : #fff;
color : #c00;
}