@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;
}