@charset "UTF-8";
/* CSS Document */
/* Beginning of YUI CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}


table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}

ol,ul {
list-style: none;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}

q:before,q:after { content:�; }

abbr,acronym { border: 0; }

/* End YUI CSS Reset */
body {
background:url(../images/pg_bg.jpg) repeat-x;
background-color: #ffffff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #0b2941; 
text-align: center; /* for IE */
}

.Copyrights       {  font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; font-size: 10px; color: #999999}

strong, em, b, i {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h1 {
font-size: 24px;
color: #cd0000;
}

.formlabel{
font-size:12px;
font-weight:bold;
}

.forminput {
width:135px;
height:23px;
border: 1px solid #0b2941;
background-color: #ffffff; 
margin-bottom:5px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.submitbutton {
width:112px;
height:36px;
border: 0px;
}
 
div#wrap{
width:964px;
top:0px;
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
padding: 0px;
position:relative;
}

/*--- Header ---*/
div#topheaderleft{
background-image: url(../images/read_our_blog_bg.png);
width:250px;
margin:0px;
padding: 0px;
position:absolute;
top: 7px;
left: 0px;
height:34px;
}

div#topheaderleft p {
font-size: 14px;
padding-top:8px;
}

div#topheaderleft a {
color:#cd0000;
}

div#topheaderleft a:hover {
color:#cae0f0;
}

div#topheaderright{
width:220px;
margin:0px;
padding: 0px;
position:absolute;
top: 7px;
left: 744px;
height:34px;
}

div#headerstartnow{
width:180px;
margin:0px;
padding: 0px;
position:absolute;
top: 71px;
left: 764px;
height:105px;
}

div#headertopicalogo{
width:180px;
margin:0px;
padding: 0px;
position:absolute;
top: 90px;
left: 0px;
height:105px;
}

div#headertopicaman{
width:180px;
margin:0px;
padding: 0px;
position:absolute;
top: 40px;
left: 500px;
}

div#header{
background-image: url(../images/mainheader.jpg);
width:964px;
margin:0px;
padding: 0px;
position:absolute;
top: 0px;
left: 0px;
height:209px;
}

/*--- Navigation ---*/
div#navigation{
width:964px;
margin:0px;
padding: 0px;
position:absolute;
top: 209px;
left: 0px;
height:56px;
}

#navigation ul {
width: 964px; 
height: 56px;
position: absolute;
top: 0px; 
left: 0px; 
list-style: none;
margin: 0;
padding: 0;
}

#navigation li {
display: inline;
}

#navigation li a:link, #navigation li a:visited {
border: none;
width: 242px; 
height: 56px; 
display: block; 
position: absolute; 
top: 0;
}

#navigation li.features a:link, #navigation li.features a:visited { 
left: 0;
background:url(../images/btn_Features.jpg) no-repeat 0px 0px;
}

#navigation li.pricing a:link, #navigation li.pricing a:visited { 
left: 242px;
background:url(../images/btn_Pricing.jpg) no-repeat 0px 0px;
}

#navigation li.resources a:link, #navigation li.resources a:visited { 
left: 482px;
background:url(../images/btn_Resources.jpg) no-repeat 0px 0px;
}

#navigation li.community a:link, #navigation li.community a:visited { 
left: 722px;
background:url(../images/btn_Community.jpg) no-repeat 0px 0px;
}

#navigation li.features a:hover {
background: url(../images/btn_Features.jpg) no-repeat 0px -56px; 
}

#navigation li.pricing a:hover {
background: url(../images/btn_Pricing.jpg) no-repeat 0px -56px; 
}

#navigation li.resources a:hover {
background: url(../images/btn_Resources.jpg) no-repeat 0px -56px;
}

#navigation li.community a:hover {
background: url(../images/btn_Community.jpg) no-repeat 0px -56px;
}

#navigation li.featuresactive a:link, #navigation li.featuresactive a:visited { 
left: 0;
background:url(../images/btn_Features_active.jpg) no-repeat 0px 0px;
}

#navigation li.pricingactive  a:link, #navigation li.pricingactive a:visited { 
left: 242px;
background:url(../images/btn_Pricing_active.jpg) no-repeat 0px 0px;
}

#navigation li.resourcesactive  a:link, #navigation li.resourcesactive a:visited { 
left: 482px;
background:url(../images/btn_Resources_active.jpg) no-repeat 0px 0px;
}

#navigation li.communityactive a:link, #navigation li.communityactive a:visited { 
left: 722px;
background:url(../images/btn_Community_active.jpg) no-repeat 0px 0px;
}

/*--- CSS for the Topica form imported from  ---*/
div#topicaform {
font: 10px verdana, sans-serif;
}

div#topicaform td.label, div#topicaform td.subhead {
font: bold 10px verdana, sans-serif;
color: #000099;
}

div#topicaform td.required {
font: bold 10px verdana, sans-serif;
color: #FF0000;
}

div#topicaform td.value {
font: 10px verdana, sans-serif;
color: #000099;
}

div#topicaform td.note {
font: 10px verdana, sans-serif;
color: #666666;
}

/*--- Content ---*/
div#allcontent{
width:964px;
position:absolute;
top:276px;
left:0px;
}

div#footer1{
position:absolute;
bottom:-75px;
width:964px;
}

div#footer2{
position:absolute;
bottom:-75px;
width:964px;
left:-640px;
}

div#primarycontentcolumn {
width:620px;
position: absolute;
top: 0px;
left: 0px;
}

div#primarycontent {
width: 620px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 0px;
padding: 10px;
padding-bottom: 40px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
background:#e5e5e5;
margin-bottom:0;
}

div#primarycontent2 {
width: 610px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 0px;
padding-bottom:10px;
padding-top:10px;
padding-left: 10px;
padding-right: 0px;
background:#e5e5e5;
margin-top:20px;
margin-bottom:0;
text-align: justify;
}

div#primarycontentbox {
padding-left:40px
}

.ptext {
font-size: 14px;
line-height: 1.4;
color: #0b2941;
}

div#primarycontent a:link {
color: #146f9b;
}

div#primarycontent a:active {
color: #cd0000;
}

div#primarycontent a:visited {
color: #2b82ad;
}

div#primarycontent p {
font-size: 14px;
color: #0b2941;
padding-left:0px;
padding-right:40px;
padding-top:15px;
text-align:justify;
}

div#primarycontent ol {
list-style-type:none;
list-style-position:inside;
}

div#primarycontent ul {
list-style-type: disc;
list-style-position:inside;
}

div#primarycontent li {
padding-left: 20px; 
padding-top:30px;
padding-right: 40px;
color: #0b2941;
size:20px;
}

div#primarycontent ul.wl {
list-style-type: disc;
list-style-position:inside;
padding-left: 20px; 
padding-top:0px;
padding-right: 40px;
color: #0b2941;
font-size:14px;
font-style:italic;
}

div#webinarlist ul{
list-style-type: disc;
list-style-position:inside;
padding-top:10px;
}

div#webinarlist li{
list-style-type: disc;
list-style-position:inside;
padding-left: 20px; 
padding-top:0px;
padding-right: 40px;
color: #0b2941;
font-size:14px;
font-style:italic;
}

div#primarycontent h1 {
font-size: 24px;
color: #cd0000;
padding-right:20px;
padding-top:30px;
text-align:justify;
}

div#primarycontent h2 {
font-size: 18px;
color: #cd0000;
padding-right:20px;
padding-top:40px;
text-align:justify;
}

div#primarycontent h3 {
font-size: 16px;
color: #cd0000;
padding-right:20px;
text-align:justify;
}

div#primarycontent h3 a:link {
font-size: 12px;
}

div#primarycontent h3 a:visited {
font-size: 12px;
color: #2b82ad;
}

div#secondarycontentcolumn {
width:324px;
position: absolute;
top: 0px;
left: 640px;
}

div#secondarycontent1 p, div#secondarycontent2 p {
font-size: 12px;
color: #0b2941;
}

div#secondarycontent1 h1, div#secondarycontent2 h1{
padding-top:15px;
padding-bottom:0px;
padding-left:20px;
}

div#secondarycontent1 li, div#secondarycontent2 li{
font-size:14px;
padding-top:10px;
}

div#secondarycontent1 ul, div#secondarycontent2 ul{
list-style-type:disc;
list-style-position:inside;
padding-top:0px;
padding-left:20px;
padding-bottom:20px;
}

div#secondarycontent1 {
width: 324px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 0px;
font-size: 13px;
padding-bottom: 30px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
background-color:#cae0f0;
}

div#secondarycontent1 p {
padding-left:20px;
padding-right:20px;
padding-top:30px;
}

div#secondarycontent2 {
width: 324px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 0px;
margin-top:20px;
margin-bottom:-20px;
font-size: 13px;
padding-bottom:0px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
background-color:#cae0f0;
}

div#secondarycontent2 p {
padding-left:20px;
padding-right:20px;
padding-top:10px;
}

div#greencompany {
width: 324px;
top: 0px;
left: 634px;
margin-top:0px;
padding-bottom: 10px;
padding-top:10px;
padding-left: 0px;
padding-right: 0px;
}

div#footer {
position:absolute;
width:964px;
bottom:0; /* stick to bottom */
height:860px;
}

/*
h1 {
font-size: 36px;
color:#cccccc;
text-align:left;
}

h2 {
font-size: 18px;
color:#727271;
text-align:left;
}

#resume {
width:500px;
position: relative;
top: 30px;
left: 40px;
padding-bottom: 70px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
}

#resume p {
font-size:12px;
line-height: 17px;
color:#cccccc;
margin:0px;
padding:15px 0px 15px 0px;;
}

#resume ul {
padding:15px 0px 15px 0px;;
}

#resume li {
font-size:12px;
line-height: 17px;
color:#cccccc;
margin:0px;
}

.resumeCategory {
font-size: 36px;
line-height:42px;
color:#727271;
text-align:left;
}

.resumesubtitle {
font-size:16px;
line-height:22px;
font-weight:bold;
color:#727271;
letter-spacing: 1px;
}

.resumeSubcat {
color:#727271;
text-transform:uppercase;
letter-spacing: 1px;
}

#resumelink {
width: 170px;
position:absolute;
top: 172px;
left: 0px;
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 13px;
padding-bottom: 70px;
padding-top:20px;
padding-left: 15px;
padding-right: 15px;
background:url(../images/menubg.png);
background-color:#171112;
border-right: 1px solid #241d1e;
}

div#resumelink a {
color:#727271;
text-decoration: underline;
}

div#resumelink a:hover {
color:#cccccc;
text-decoration: underline;
}

#about {
width:405px;
position: relative;
top: 30px;
left: 40px;
padding-bottom: 70px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
}

#about p {
font-size:12px;
line-height: 17px;
}

div#about a {
color:#727271;
text-decoration: underline;
}

div#about a:hover {
color:#cccccc;
text-decoration: underline;
}

div#about h6 {
display: block;
font-size:13px;
color:#727271;
font-weight:bold;
margin:0px;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:2px;
border-bottom: 1px solid #727271;
}

div#wrap{
width:960px;
top:0px;
margin: 0px auto;
padding: 0px;
position:relative;
}

div#header{
width:960px;
margin:0px;
padding: 0px;
position:absolute;
top: 45px;
left: 0px;
height:171px;
}

div#headerlinks {
width: 119px;
position:absolute;
top: 30px;
left: 841px;
padding: 0px;
}

#headerlinks ul {
width: 119px; 
height: 60px;
position: absolute;
top: 0px; 
left: 0px; 
list-style: none;
margin: 0;
padding: 0;
}

#headerlinks li {
display: inline;
}

#headerlinks li a:link, #headerlinks li a:visited {
border: none;
width: 119px; 
height: 20px; 
display: block; 
position: absolute; 
top: 0;
}

#headerlinks li.about a:link, #headerlinks li.about a:visited { 
top: 0;
background:url(../images/images/HEADERMENUabout.png) no-repeat 0px 0px;
}

#headerlinks li.resume a:link, #headerlinks li.resume a:visited { 
top: 20px;
background:url(../images/images/HEADERMENUresume.png) no-repeat 0px 0px;
}

#headerlinks li.contact a:link, #headerlinks li.contact a:visited { 
top: 40px;
background:url(../images/images/HEADERMENUcontact.png) no-repeat 0px 0px;
}

#headerlinks li.about a:hover {
background: url(../images/images/HEADERMENUabout.png) no-repeat 0px -20px; 
}

#headerlinks li.resume a:hover {
background: url(../images/images/HEADERMENUresume.png) no-repeat 0px -20px; 
}

#headerlinks li.contact a:hover {
background: url(../images/images/HEADERMENUcontact.png) no-repeat 0px -20px;
}

div#navigation{
width:960px;
margin:0px;
padding: 0px;
position:absolute;
top: 120px;
left: 0px;
height:52px;
}

#navigation ul {
width: 960px; 
height: 46px;
position: absolute;
top: 0px; 
left: 0px; 
list-style: none;
margin: 0;
padding: 0;
}

#navigation li {
display: inline;
}

#navigation li a:link, #navigation li a:visited {
border: none;
width: 240px; 
height: 46px; 
display: block; 
position: absolute; 
top: 0;
}

#navigation li.commdes a:link, #navigation li.commdes a:visited { 
left: 0;
background:url(../images/images/BUTTON_commdes.png) no-repeat 0px 0px;
}

#navigation li.interaction a:link, #navigation li.interaction a:visited { 
left: 240px;
background:url(../images/images/BUTTON_inter.png) no-repeat 0px 0px;
}

#navigation li.photo a:link, #navigation li.photo a:visited { 
left: 480px;
background:url(../images/images/BUTTON_photo.png) no-repeat 0px 0px;
}

#navigation li.tradmedia a:link, #navigation li.tradmedia a:visited { 
left: 720px;
background:url(../images/images/BUTTON_trad.png) no-repeat 0px 0px;
}

#navigation li.commdes a:hover {
background: url(../images/images/BUTTON_commdes.png) no-repeat 0px -46px; 
}

#navigation li.interaction a:hover {
background: url(../images/images/BUTTON_inter.png) no-repeat 0px -46px; 
}

#navigation li.photo a:hover {
background: url(../images/images/BUTTON_photo.png) no-repeat 0px -46px;
}

#navigation li.tradmedia a:hover {
background: url(../images/images/BUTTON_trad.png) no-repeat 0px -46px;
}

div#indexcontent{
width:600px;
margin:0px;
padding-bottom: 70px;
position:absolute;
top:225px;
left:201px;
}

div#indexcontent h1 {
font-size: 36px;
color:#cccccc;
text-align:left;
}

div#contenttitleandimages {
width: 405px;
position: relative;
top: 30px;
left: 40px;
padding-bottom: 70px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
background:#302527;
}

div#content{
width:759px;
margin:0px;
padding:0px;
padding-bottom: 70px;
position:absolute;
top:172px;
left:201px;
background:#302527;
}

div#content p {
font-size:11px;
color:#cccccc;
margin:0px;
padding:15px 0px 15px 0px;;
}

div#content h1 {
font-size:36px;
font-weight:normal;
color:#cccccc;
text-align:left;
padding:0px;
margin:0px;
}

div#contenttitleandimages {
width: 405px;
position: relative;
top: 30px;
left: 40px;
padding-bottom: 70px;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
background:#302527;
}

div#contenttitleandimages h1 {
font-size:36px;
color:#cccccc;
text-align:left;
padding:0px;
margin:0px;
}

div#contenttitleandimages a {
font-size: 8pt;
color:#727271;
text-decoration: underline;
}

div#contenttitleandimages a:hover {
font-size: 8pt;
color:#cccccc;
text-decoration: underline;
}

div#contentdescription {
width: 230px;
position:relative;
float:right;
top: 80px;
padding-bottom: 70px;
padding-top:0px;
padding-left: 0px;
padding-right: 40px;
}

div#contentdescription p {
font-size:12px;
line-height: 17px;
color:#cccccc;
margin:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:10px;
}

div#contentdescription ul {
font-size:12px;
line-height: 17px;
color:#cccccc;
margin:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:10px;
}

div#contentdescription a {
color:#727271;
text-decoration: underline;
}

div#contentdescription a:hover {
color:#cccccc;
text-decoration: underline;
}

/*
/*  Communication Design Header */
div#contentdescription h4 {
display: block;
font-size:13px;
color:#1470cc;
font-weight:bold;
margin:0px;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:2px;
border-bottom: 1px solid #1470cc;
}

/*  Interaction Design Header */
/*div#contentdescription h5 {
display: block;
font-size:13px;
color:#e8007b;
font-weight:bold;
margin:0px;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:2px;
border-bottom: 1px solid #e8007b;
}

/*  Photography Header */
/*div#contentdescription h6 {
display: block;
font-size:13px;
color:#f96510;
font-weight:bold;
margin:0px;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:2px;
border-bottom: 1px solid #f96510;
}

/*  Traditional Media Header */
/*div#contentdescription h3 {
display: block;
font-size:13px;
color:#bbbc00;
font-weight:bold;
margin:0px;
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:2px;
border-bottom: 1px solid #bbbc00;
}

div#smallphotos img {
margin-right:12px;
margin-left: 0px;
margin-bottom:0px;
margin-top:0px;
}
*/
.topica-bottom-box{
color:#0b2941;
margin:10px 0px;
font-size:1.2em;
text-align:center;
text-decoration:none;
padding:10px;
background:#EFEFEF;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
 box-shadow: 0 2px 10px #666666;
    moz-box-shadow: 0 2px 10px #666666;
    webkit-box-shadow: 0 2px 10px #666666;
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow:  inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
A.topica-bottom-box:link, A.topica-bottom-box:visited{
text-decoration:none; !important;
color:#043479;font-weight:400;}
A.topica-bottom-box:hover, A.topica-bottom-box:active{text-decoration:none;background-color:rgba(38,98,184,1);color:#FFFFFF;}

.topica-top-box{
color:#0b2941;
margin:10px 0px;
font-size:1.2em;
text-align:center;
text-decoration:none;
padding:10px;
background:#EFEFEF;
border-top-left-radius:8px;
border-top-right-radius:8px;
 box-shadow: 0 2px 10px #666666;
    moz-box-shadow: 0 2px 10px #666666;
    webkit-box-shadow: 0 2px 10px #666666;
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow:  inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
A.topica-top-box:link, A.topica-top-box:visited{
text-decoration:none; !important;
color:#043479;font-weight:400;}
A.topica-top-box:hover, A.topica-top-box:active{text-decoration:none;background-color:rgba(38,98,184,1);color:#FFFFFF;}
span.gc-cs-link {
color:#0b2941;
text-decoration: none;
cursor: pointer;
}