/* Basic stuff */



* {

	margin: 0;

	padding: 0;

}

body {

	font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;

	margin: 0;

	text-align: center;

	padding: 0;

	background: #eafaff;

	color: #2f2f2f;

}



/* App switch */



#apps {

	margin: 0;

	padding: 0;

	height: 31px;

	list-style: none;

	display: inline;

	overflow: hidden;

}

#apps li {

	margin: 0; 

	padding: 0;

    list-style: none;

	display: inline;

}

#apps a, #apps span {

	float: left;

	padding: 31px 0 0 0;

	overflow: hidden;

	height: 0px !important; 

	height /**/:31px; /* for IE5/Win only */

}	

#apps a:hover, #apps a:active, #apps a.selected {

	background-position: 0 -31px;

}

#cm a {

	width: 150px;

	height: 20px;

	background: url(../img/www/pfpl_logo.jpg) top left no-repeat;

}

#mb a {

	width: 75px;

	background: url(../images/logos/mb.gif) top left no-repeat;

}

#cm-top span {

	width: 403px;

	background: url(../images/promo/front-top.gif) top left no-repeat;

}

#cm-top-empty span {

	width: 403px;

}

#fv a {

	width: 107px;

	background: url(../images/logos/fv.gif) top left no-repeat;

}



/* Primary Navs */



#navCase {

	background: #e7f9ff;

	border-bottom: 1px solid #fff;

}

#navs {

	width: 742px;

	margin: 0 auto;

	height: 31px;

}

ul.primary {

	float: left;

}

ul.primary li {

	display: inline;

	list-style-type: none;

}

ul.primary li a, ul.primary li a:link, ul.primary li a:visited {

	font: bold 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;

	color: #113255;

	text-decoration: none;

	margin: 0 25px 5px 0;

	padding: 9px 0 10px 0;

	float: left;

}

ul.primary li a:hover, ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:active, ul.primary li.active a:visited {

	color: #4192e5;

}

ul.primary li.login {

	width: 0px;

}

ul.primary li.login a {

	float: right;

	margin-right: 13px;

}

#login {

	float: right;

	padding: 9px 12px 10px 0;

	font: bold 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;

}

#login a:link, #login a:active, #login a:visited {

	color: #113255;

	text-decoration: none;

}

#login a:hover, #login a.active {

	color: #4192e5;

	text-decoration: none;

}

#navFooter {

	border-top: 2px solid #bce1f4;

}



/* Front features and sidebar */



p.intro {

	font: 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	padding: 0 25px 25px 0;

	line-height: 18px;

}

p.intro span {

	background: #fff7cb;

	padding: 0 2px;

}

#thegist {

	width: 540px;

	float: left;

	padding-right: 10px;

}

#sidebar p.frontblog {

	font-size: 11px;

	margin: 0;

	padding: 4px 0;

	color: #666;

}

#sidebar p.frontblogon {

	font-size: 11px;

	margin: 0;

	padding: 4px 0;

	color: #666;

}

.frontscreen {

	float: left;

	width: 239px;

	padding: 0 30px 20px 0;

}

.frontscreenr {

	float: left;

	width: 239px;

	padding: 0 0 20px 0;

}

.frontscreen h3, .frontscreenr h3 {

	color: #1d66af;

	margin: 12px 0 5px 0;

	font-size: 12px;

	padding: 0;

}

.frontscreen p, .frontscreenr p {

	margin: 0;

	padding: 0;

	font-size: 11px;

}

#sidebar {

	width: 180px;

	float: left;

}

p#gallerypromo {

	background: url('../images/promo/gallery.gif') top right no-repeat;

	padding-right: 50px;

}

#sidebar p {

	color: #4f4f4f;

	font-size: 11px;

	margin-bottom: 10px;

}

#sidebar p.quoteme {

	margin: 0;

	color: #000;

}

#sidebar p span {

	display: block;

	padding: 4px 0 0 22px;

	line-height: 13px;

	color: #666;

	background: url('../img/www/quote.gif') 0 6px no-repeat;

}

#sidebar p.demo {

	margin: -12px 0 10px 0;

	padding: 0;

}

#sidebar p.demowithmb {

	margin: 0 0 10px 0;

	padding: 0;

}



/* Front header */



#head {

	width: 742px;

	height: 31px;

	position: relative;

	margin: 0 auto;

	padding-top: 18px;

}

.homescreen {

	background: url('../images/screentop.jpg') top right no-repeat;

}

#promocase {

	background: url('../img/www/bg1.gif') top left repeat-x;

}

#promo {

	width: 742px;

	margin: 0 auto;

	height: 200px;

	background: url('../images/promo/front-screen.gif') top right no-repeat;

	text-align: left;

	padding-top: 35px;

}

#promo h1 {

	background: url('../images/promo/cm.gif') top left no-repeat;

	width: 241px;

	height: 25px;

	margin-bottom: 22px;

	_margin-bottom: 10px;

	text-indent: -5000px;

}

#promo h2 {

	font: normal 18px "Lucida Grande", verdana, arial, helvetica, sans-serif;

	line-height: 22px;

	width: 270px;

	margin-bottom: 22px;

	color: #fff;

}



/* Inside header */



#insidepromocase {

	background: url('../img/www/bg.gif') top left repeat-x;

	border-bottom: 1px solid #fff;

}

#insidepromo {

	width: 742px;

	margin: 0 auto;

	height: 87px;

	text-align: left;

}

#insideblogpromo {

	width: 742px;

	margin: 0 auto;

	height: 25px;

	text-align: left;

}

#insidepromo h1 {

	font: normal 26px "Lucida Grande", verdana, arial, helvetica, sans-serif;

	padding: 17px 0 0 0;

	color: #fff;

}

#insidepromo h2 {

	font: normal 16px "Lucida Grande", verdana, arial, helvetica, sans-serif;

	padding: 0 0 10px 0;

	color: #9cc3ec;

}

#createaccount {

	width: 200px;

	float: right;

	text-align: right;

	padding-top: 29px;

}

.blogfeed {

	padding: 10px 88px 0 0;

}



/* General formatting */



#main {

	width: 100%;

	background: #fff;

}

#content {

	width: 742px;

	margin: 0 auto;

	text-align: left;

	padding: 27px 0 0 0;

}

#secondarynavs {	

	width: 180px;

	float: left;

	padding-right: 30px;

}

#insidecontent {

	width: 530px;

	float: left;

}

body#help #insidecontent {

	width: 500px;

}

#insideleftcontent {

	width: 380px;

	padding-right: 20px;

	float: left;

	border-right: 1px dotted #ccc;

}

#insiderightcontent {

	width: 310px;

	padding-left: 30px;

	float: left;

}

#insidefullcontent {

	width: 750px;

	float: left;

}

#insidehighlight {	

	width: 180px;

	float: left;

	padding: 1px 0 0 30px;

}

body#help #insidehighlight {

	width: 210px;

}

.hidden{

	display: none;

	visibility: hidden;

}

.insidescreen {

	float: left;

	width: 213px;

	padding-bottom: 20px;

}

.insidescreendesc {

	float: left;

	padding-left: 20px;

	width: 295px;

	padding-bottom: 20px;

}

#footerCase {

	background: #eafaff url('../images/bg/footer.gif') top left repeat-x;

	padding: 20px 0 0 0;

}

#footer {

	width: 750px;

	margin: 0 auto;

	text-align: left;

}

.joinme {

	width: 430px;

	float: left;

}

.joinme p {

	padding: 0;

	margin: 0 0 5px 0;

	font-size: 11px;

	color: #91b7de;

}

.boring {

	width: 300px;

	float: right;

	text-align: right;

	padding-top: 10px;

}

.boring p {

	padding: 0 0 6px 0;

	margin: 0 0 5px 0;

	font-size: 11px;

	color: #91b7de;

}

.boring p.divideme {

	border-bottom: 1px dotted #d3e4f5;

}

.demoflick {

	text-align: center;

}

#comments {

	background: #f7f7f7;

	padding: 18px;

}

.resourcePic {

	float: left;

	width: 210px;

	margin: 5px 20px 10px 20px;

	text-align: center;

}

.resourceChunk {

	padding: 15px 20px 10px 20px;

	background: #fff url('../img/www/res-gradient.gif') top left no-repeat;

	margin-bottom: 25px;

}

body#resources #insidecontent .resourceChunk h2 {

	color: #222222;

	font-size: 18px;

	font-weight: bold;

	border: none;

	margin: 0;

	padding: 2px 0 14px 0;

}

.resourceChunk .resourceLinks {

	padding-left: 25px;

}

.resourceChunk .resourceLinks p {

	padding: 0 0 5px 0;

	font-size: 11px;

	line-height: 15px;

}

body#resources #insidecontent .resourceChunk .resourceLinks ul {

	margin: 0 0 0 12px;

}

body#resources #insidecontent .resourceChunk .resourceLinks ul li {

	padding: 0 0 5px 0;

	font-size: 11px;

	line-height: 15px;

}

.resourceChunk #whyoffer {

	background: url('../images/icons/whyoffer.gif') top left no-repeat;

}

.resourceChunk #gettingstarted {

	background: url('../images/icons/gettingstarted.gif') top left no-repeat;

}

.resourceChunk #selling {

	background: url('../images/icons/selling.gif') top left no-repeat;

}

.resourceChunk #beforedesign {

	background: url('../images/icons/beforedesign.gif') top left no-repeat;

}

.resourceChunk #building {

	background: url('../images/icons/building.gif') top left no-repeat;

}

.resourceChunk #subscribers {

	background: url('../images/icons/subscribers.gif') top left no-repeat;

}

.resourceChunk #results {

	background: url('../images/icons/results.gif') top left no-repeat;

}

body#resources #insidecontent p {

	line-height: 18px;

}

body#resources #insidecontent p.insideIntro {

	line-height: 20px;

}

body#help #insidecontent p.insideIntro {

	line-height: 20px;

	margin-bottom: 0;

	padding-bottom: 0;

}

body#resources #insidecontent h3.noLine {

	border: none;

	margin: 5px 0 5px 0;

}

.screenBorder {

	border-bottom: 1px dotted #dedede;

	padding: 5px 0 25px 0;

	margin-bottom: 18px;

}

.screenNoBorder {

	padding: 5px 0 25px 0;

	margin-bottom: 18px;

}

.resourceScreen {

	float: left;

	margin-right: 15px;

	width: 256px;	

}

body#resources #insidecontent .resourceScreenDes h3 {

	border: none;

	margin: 5px 0 10px 0;

}

body#resources #insidecontent .resourceScreenDes p {

	font-size: 11px;

}

body#resources #insidecontent .resourceScreenDes p.large {

	font-size: 12px;

}

.helpsearch {

	border: 1px solid #e7e7e7;

	background: #f5f5f5;

	padding: 7px 10px 0 12px;

	margin-bottom: 20px;

}

#logos {

	margin: 5px 0 30px 0;

}

img.customerlogo {

	float: left;

	margin: 0 11px 11px 0;

}

p.frontcustomers {

	border-top: 1px solid #efefef;

	padding: 7px 0 0 22px;

}



/* Text formatting */



p {

	color: #222;

	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 12px 0;

	line-height: 16px;

}

p.smallIntro {

	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 20px 0;

	line-height: 17px;

}

p.insideIntro {

	font: 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 15px 0;

	line-height: 20px;

}

p.nopad {

	margin: 0;

	padding: 0;

}

p.dontpad {

	padding: 2px 0 5px 0;

}

p.toppad {

	padding-top: 10px;

}

p.bottompad {

	padding-bottom: 30px;

	font-size: 11px;

}

p.bottompadnormal {

	padding-bottom: 20px;

}

p.floatButton {

	text-align: center;

}

p.small {

	font-size: 11px;

}

p.midPad {

	margin-bottom: 12px;

}

p.helpSection {

	font-size: 11px;

	margin-bottom: 15px;

	border-top: 1px solid #f5f5f5;

	padding-top: 4px;

}

.insidescreendesc p, #insidehighlight p, #secondarynavs p {

	font-size: 11px;

}

#insidehighlight p.title {

	font-size: 12px;

	padding: 6px 0 4px 0;

}

#insidehighlight p.promoText {

	font-size: 11px;

	padding: 6px 0 4px 0;

}

#insidehighlight p.video {

	font-size: 12px;

	padding: 0 0 4px 0;

}

p.highlightmefront {

	border-top: 1px dotted #ffeb6a;

	border-bottom: 1px dotted #ffeb6a;

	background: #fffbe4;

	padding: 7px 0 9px 0;

	margin: 0 18px 5px 0;

	text-align: center;

}

p.highlightmefront span {

	font-size: 11px;

}

p.basicMBPromo {

	background: #fffbe4;

	padding: 4px 7px;

	margin-right: 28px;

}

p.strongMBPromo {

	background: #fffbe4;

	padding: 4px 8px;

	margin: -5px 12px 16px 0;

	color: #222;

	font: 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	line-height: 22px;

	border-top: 1px dotted #ffeb6a;

	border-bottom: 1px dotted #ffeb6a;

}

p.strongMBPromo span {

	font-weight: bold;

	font-size: 16px;

}

body#blog #insidecontent p.highlightmeblog {

	border-top: 1px dotted #ffeb6a;

	border-bottom: 1px dotted #ffeb6a;

	background: #fffbe4;

	padding: 15px 0 18px 0;

	margin: 0 0 25px 0;

	text-align: center;

	font-size: 14px;

}

h3 {

	font: bold 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0 0 10px 0;

}

h5 {

	font-size: 12px;

	font-weight: bold;

	color: #3f94cd;

	padding-bottom: 12px;

}

h3.highlight {

	font: bold 14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #3776a0;

	padding: 0;

	border-bottom: 1px solid #efefef;

	margin: 5px 0 17px 0;

}

#insidecontent h3.help {

	font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #1a5082;

	padding: 0;

	margin: 15px 0 17px 0;

}

#sidebar h3, #secondarynavs h3 {

	text-transform: uppercase;

	font: bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	border-top: 4px solid #8b8b8b;

	border-bottom: 1px dotted #8b8b8b;

	padding: 3px 0;

	margin: 5px 0 10px 0;

}

#sidebar h3 span {

	float: right;

}

#sidebar h3 a {

	color: #2f2f2f;

	text-decoration: none;

}

#secondarynavs h3.normal {

	text-transform: none;

	font: bold 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	padding: 30px 0 2px 0;

	border-top: none;

	border-bottom: 1px solid #e6e6e6;

	margin-bottom: 10px;

}

#secondarynavs p.normal {

	color: #666;

}

#secondarynavs h3.padme {

	margin: 30px 0 10px 0;

}

#insidecontent h1, #insidefullcontent h1 {

	font: bold 22px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #3766a0;

	padding: 3px 0;

	border-bottom: 1px solid #efefef;

	margin: 2px 0 17px 0;

}

#insidefullcontent h1.topPad {

	padding-top: 10px;

}

#insidecontent h2, #insidefullcontent h2 {

	font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #1d6db7;

	padding: 3px 0;

	border-bottom: 1px solid #efefef;

	margin: 8px 0 17px 0;

}

#insidecontent h2.top,  #insidefullcontent h2.top {

	margin: 15px 0 17px 0;

}

#insidecontent h2.help,  #insidefullcontent h2.help {

	border: none;

	font-size: 22px;

	margin-top: 30px;

}

#insidecontent h2.testing {

	border: none;

	font-size: 20px;

	margin: 25px 0 10px 0;

}

#insidecontent h2.testingTop {

	border: none;

	font-size: 20px;

	margin: 10px 0 10px 0;

}

#insideleftcontent h2, #insiderightcontent h2 {

	font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #1d6db7;

	margin: 2px 0 17px 0;

}

#insidecontent h3, #insidefullcontent h3 {

	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 2px 0 10px 0;

	color: #0e4273;

}

body#resources #insidecontent h3.topPad {

	padding-top: 10px;

}

body#resources #insidecontent {

	padding-right: 15px;

	width: 515px;

}

body#resources #insidecontent h3, #insidefullcontent h3 {

	font: bold 15px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #268bcf;

	padding: 3px 0;

	border-bottom: 1px solid #efefef;

	margin: 2px 0 17px 0;

}

body#resources #insidecontent h3.noline {

	border: none;

}

body#blog #insidecontent p {

	color: #222;

	font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 12px 0;

	line-height: 18px;

}

body#blog #insidecontent p.intro, body#resources #insidecontent p.intro {

	color: #222;

	font: 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	padding: 5px 0 20px 0;

	line-height: 22px;

}

body#blog #insidecontent h1 {

	font: bold 22px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #3776a0;

	margin: 15px 0 0 0;

	padding: 0;

	border: none;

}

body#blog #insidecontent h1 a {

	text-decoration: none;

}

body#blog #insidecontent h1 a:hover {

	text-decoration: underline;

}

body#blog #insidecontent h1.catTitle {

	font: normal 26px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #4895dd;

	margin-bottom: 25px;

	padding: 0 0 4px 0;

	border-bottom: 1px dotted #e6e6e6;

}

body#blog #insidecontent h2 {

	font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #3776a0;

	margin: 0;

	padding: 10px 0 15px 0;

	border: none;

}

body#blog #insidecontent h2.commentTop {

	font: bold 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #5887b8;

	margin: 15px 0 1px 0;

	padding: 6px 10px 5px 0;

	border-bottom: 1px solid #e6e6e6;

	text-align: right;

}

body#gallery #insidecontent h2.commentTop {

	font: bold 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #5887b8;

	margin: 0 0 1px 0;

	padding: 6px 10px 5px 0;

	border-bottom: 1px solid #e6e6e6;

	text-align: right;

}

body#blog #insidecontent h2.summary, body#gallery #insidecontent h2.summary {

	font: bold 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #4895dd;

	margin: 0 0 25px 0;

	padding: 0 0 5px 0;

}

body#blog #insidecontent h3 {

	font: bold 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #4895dd;

	margin: 0;

	padding: 7px 0 12px 0;

	border: none;

}

body#blog #insidecontent h3.catTitle {

	font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #4895dd;

	margin: 0;

	padding: 5px 0 0 0;

}

body#blog #insidecontent h4 {

	font: bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 12px 0;

}

body#blog #insidecontent h4.posted, body#gallery #insidecontent h4.posted {

	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	margin: 2px 0 6px 0;

	color: #666;

}

body#blog #insidecontent h4.withcomments, body#gallery #insidecontent h4.withcomments {

	background: url('../images/icons/comment.gif') 0 6px no-repeat;

	padding: 10px 0 3px 27px;

	border-top: 1px solid #efefef;

	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	margin: 10px 0 45px 0;

	color: #2f2f2f;

	height: 25px;

}

body#blog #insidecontent h4.withcomments span, body#gallery #insidecontent h4.withcomments span {

	display: block;

	float: right;

	font-weight: normal;

}

body#blog #insidecontent h4.comments, body#gallery #insidecontent h4.comments {

	border-top: 1px solid #efefef;

	padding: 10px 0 0 0;

	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	margin: 10px 0 45px 0;

	color: #2f2f2f;

}

body#blog #insidecontent #category h4.comments, body#gallery #insidecontent #category h4.comments {

	padding: 0;

	border: none;

	font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	margin: 10px 0 45px 0;

	color: #2f2f2f;

}

body#blog #insidecontent h4.comments span, body#gallery #insidecontent h4.comments span {

	display: block;

	float: right;

	font-weight: normal;

}

body#blog #insidecontent .testyleft, body#resources #insidecontent .testyleft {

	float: left;

	width: 200px;

	padding: 12px 20px;

	margin: 5px 25px 15px 0;

	border-top: 1px solid #e2f2ff;

	border-bottom: 1px solid #e2f2ff;

	background: #f7fbff;

}

body#blog #insidecontent .testyright, body#resources #insidecontent .testyright {

	float: right;

	width: 200px;

	padding: 12px 20px;

	margin: 5px 0 15px 25px;

	border-top: 1px solid #e2f2ff;

	border-bottom: 1px solid #e2f2ff;

	background: #f7fbff;

}

body#blog #insidecontent .testyright p, body#resources #insidecontent .testyright p, body#blog #insidecontent .testyleft p, body#resources #insidecontent .testyleft p {

	color: #48545f;

	font: italic 16px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	line-height: 24px;

	margin: 0;

	padding: 0;

}

div.casesamplel {

	float: left;

	margin: 5px 20px 10px 0;

}

div.casesampler {

	float: left;

	margin: 5px 0 10px 0;

}

#insidehighlight h3 {

	padding: 10px 0 2px 0;

	border-bottom: 1px solid #e6e6e6;

	margin-bottom: 10px;

}

#insidehighlight h3.lineLess {

	padding: 10px 0 2px 0;

	border-bottom: none;

	margin-bottom: 5px;

}

body#help #insidehighlight h3.noLine {

	padding: 15px 0 2px 0;

	margin-bottom: 5px;

	border: none;

}

#insidehighlight h3.fancy {

	text-transform: uppercase;

	font: bold 11px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	border-top: 4px solid #8b8b8b;

	border-bottom: 1px dotted #8b8b8b;

	padding: 3px 0;

	margin: 30px 0 10px 0;

}

#insidehighlight p {

	color: #555;

}

#insidefullcontent h2 span {

	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	float: right;

	padding: 0px!important;

	margin:0px;

	background: url(../images/icons/back.gif) no-repeat 0 10px;

}

p.highlightme {

	border-top: 1px dotted #ffeb6a;

	border-bottom: 1px dotted #ffeb6a;

	background: #fffbe4;

	padding: 3px 6px;

}

p.highlightmepad {

	border-top: 1px dotted #ffeb6a;

	border-bottom: 1px dotted #ffeb6a;

	background: #fffbe4;

	padding: 3px 6px;

	margin-bottom: 15px;

}

p.highlightmebig {

	border-top: 1px dotted #ffeb6a;

	border-bottom: 1px dotted #ffeb6a;

	background: #fffbe4;

	padding: 10px 12px;

	margin: 0 0 20px 0;

	font-size: 12px;

}

p.breadcrumb {

	font-size: 11px;

	border-top: 1px dotted #ffeb6a;

	border-bottom: 1px dotted #ffeb6a;

	background: #fffbe4;

	padding: 3px 6px;

	margin-bottom: 15px;

}

body#blog #insidecontent p.author, body#gallery #insidecontent p.author {

	padding: 6px 0 5px 27px;

	background: url('../images/icons/comment.gif') 0 3px no-repeat;

}

body#blog #insidecontent p.time, body#gallery #insidecontent p.time {

	color: #8c8c8c;

	font-size: 11px;

	padding-bottom: 8px;

}

blockquote {

	background: url(../images/bg/quote.gif) top left no-repeat;

	margin: 5px 0 15px 0;

	padding-left: 35px;

	color: #666;

}

body#blog #insidecontent blockquote {

	line-height: 17px;

}

body#blog #insidecontent blockquote p {

	color: #666;

}

body#blog #insidecontent #comments h3.sub, body#gallery #insidecontent #comments h3.sub {

	font: bold 15px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #4895dd;

	margin: 0;

	padding: 0 0 5px 0;

}

blockquote.smallquote {

	margin: 15px 0 5px 0;

	padding: 0 15px 10px 0;

	color: #555;

	font-size: 11px;

	line-height: 15px;

	border-bottom: 1px solid #f1f1f1;

	background: none;

}

blockquote.smallquote p {

	line-height: 15px;

	padding-bottom: 8px;

}

.commentFooter {

	border-top: 1px dotted #cfcfcf;

	padding: 0;

	margin: 10px 0 18px 0;

}

#content ul.arrow li h4 {

	padding: 0 0 2px 0;

	font-size: 12px;

}

#blog code {

	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;

	color: #c30;

}

code {

	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;

}

pre {

	background: #ededed;

	padding: 5px;

	margin: 0 0 20px 0;

	color: #c61010;

}

pre span {

	color: #000;

}

.resourcePic span {

	font-size: 11px;

	line-height: 14px;

	display: block;

	margin: 6px 0 10px 0;

}

.resourcePic h4 {

	margin-top: 14px;

	font-size: 12px;

}

span.lighter {

	color: #a3a3a3;

	font-size: 10px;

}

div.populartopics {

	background: #fffff4;

	padding: 12px 20px 0 20px;

	border: 3px solid #fffbe4;

	margin: 10px 0 20px 0;

}

#insidecontent div.populartopics h3 {

	margin-top: 5px;

}

#insidecontent div.populartopics ul.help {

	margin: 0 0 20px 0;

	padding-left: 0;

}

.demoFlicks {

	padding: 25px 0;

	border-bottom: 1px solid #e6e6e6;

}

.demoFlicksTop {

	padding: 15px 0 25px 0;

	border-bottom: 1px solid #e6e6e6;

}

.demoFlicksBottom {

	padding: 25px 0;

}

.demoFlicks p, .demoFlicksBottom p, .demoFlicksTop p {

	font-size: 12px;

	line-height: 17px;

}

img.moviescreen {

	float: left;

	padding-right: 30px;

}

.pagingFoot {

	text-align: right;

	border-top: 1px solid #e6e6e6;

	margin-top: 15px;

	padding: 10px;

	background: #f5f5f5;

}

.pagingFootLeft {

	border-top: 1px solid #e6e6e6;

	margin-top: 15px;

	padding: 10px;

	background: #f5f5f5;

}

#intromovie {

	margin-bottom: 25px;

}





/* Lists */



#content ul, #content ol {

	margin: 0 0 15px 25px;

}

#content ul li, #content ol li {

	font-size: 12px;

	line-height: 17px;

	padding: 3px 0 5px 3px;

}

#content ul.small li, #content ol.small li {

	font-size: 11px;

}

#content ul.arrow, #content ul.bigtick, #content ul.bigcross {

	margin: 0 0 15px 10px;

	list-style: none;

}

#content ul.arrow li {

	padding: 0 0 4px 20px;

	line-height: 1.4em;

	background: url(../images/icons/bluepoint.gif) no-repeat 0 3px;

}

#content ul.bigtick li {

	padding: 0 0 4px 20px;

	line-height: 1.4em;

	background: url(../images/icons/tick.gif) no-repeat 0 3px;

}

#content ul.bigcross li {

	padding: 0 0 4px 20px;

	line-height: 1.4em;

	background: url(../images/icons/cross.gif) no-repeat 0 3px;

}

#content ul.arrow li span, #content ul.bigtick li span, #content ul.bigcross li span  {

	font-size: 11px;

	line-height: 14px;

	display: block;

	margin: 3px 0 10px 0;

}

#content ul.secondary {

	margin: 0 0 20px 0px;

}

#content div.errorMessage ul, #content ul.tick {

	margin: 0 0 10px 0px;

}

#content ul.tick li {

	font-size: 11px;

	background: url(../images/icons/tick.gif) no-repeat 0 3px;

	margin:0;

	padding: 1px 0 6px 18px;

	display:block;

	list-style-type:none;

}

#blog ul.tick li {

	font-size: 12px;

	background: url(../images/icons/tick.gif) no-repeat 0 3px;

	margin:0 0 0 15px;

	padding: 1px 0 6px 18px;

	display:block;

	list-style-type:none;

}

#resources #insidehighlight ul.tick li {

	font-size: 12px;

	background: url(../images/icons/tick.gif) no-repeat 0 3px;

	margin:0 0 0 3px;

	padding: 1px 0 3px 18px;

	display:block;

	list-style-type:none;

	color: #414141;

}

#content ul.tick li.learn {

	background: none;

	padding-top: 3px;

}

#insidecontent ul.help, #insidehighlight ul.help {

	margin: 0 0 10px 0;

	padding-left: 0;

}

#sidebar ul.help {

	margin: 0 0 35px 0;

	padding-left: 0;

}

#insidecontent ul.help li {

	margin-left: 0;

	padding: 2px 0px 5px 22px;

	display: block;

	list-style-type: none;

	background:url("../img/www/doc.gif") no-repeat 2px 4px;

	font-size: 12px;

	line-height: 16px;

}

#insidehighlight ul.help li {

	margin-left: 0;

	padding: 2px 0px 5px 22px;

	display: block;

	list-style-type: none;

	background:url("../img/www/doc.gif") no-repeat 2px 4px;

	font-size: 11px;

	line-height: 16px;

}

#insidecontent ul.help li.more {

	background:url("../images/bg/yellowgrad.gif") repeat-y;

	list-style-type: none;

	margin: 8px 0 10px -16px;

}

ul.help li.more span {

	font-weight: bold;

	font-style: italic;

}

ul.secondary {

	margin-bottom: 20px;

}

#content ul.secondary li {

	font-size: 11px;

	margin: 0 0 3px 0;

	padding: 2px 0 0 0;

	display:block;

	list-style-type:none;

}

#content ul.smallList {

	margin: 5px 0 15px 0;

}

#content ul.smallList li {

	background: url(../images/icons/smallPoint.gif) no-repeat top left;

	font-size: 11px;

	margin: 0 0 3px 0;

	padding: 1px 0 1px 15px;

	display:block;

	list-style-type:none;

}

ul.secondary li a {

	text-decoration: none;

	color: #486f93;

	padding: 2px;

}

ul.secondary li.active a, ul.secondary li a:hover {

	color: #4f8bc4;

	background: #ffeb6a;

}

dl {

	padding-bottom: 15px;

}

dt {

	padding: 5px 5px 5px 0;

	font-weight: bold;

}

dd {

	padding: 0 5px 7px 0;

}

dt code {

	color: #c61010;

}



/* Links */



a:link, a:hover, a:active {

	text-decoration:underline;

	color: #0e5ca5;

}

a:visited { color:#0e5ca5; }

a:hover { text-decoration:none; }

.boring a, .boring a:hover {

	color: #588ec4;

}





/* Forms */



input { 

	padding: 2px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

}

select { 

	font: 11px Verdana, Arial, Helvetica, sans-serif;

}

select option {

	padding-right: 4px;

}

form.subscribe {

	margin-bottom: 15px;

}

form.subscribe input {

	float: left;

}

form.subscribe input.button {

	padding-left: 5px;

	margin-top: -2px;

}

#subscribe-text {

	width: 75px;

}

fieldset {

	margin: 0 0 20px;

	padding: 11px 11px 15px 11px;

	font-size: 12px;

	border: 1px solid #add5e9;

	border-bottom: 2px solid #ffeb6a;

}

legend {

	margin: 0;

	padding:2px 7px 0 7px;

	background: #fff;

	font: bold 18px "Trebuchet MS", verdana, arial, helvetica, sans-serif;

	color: #3776a0;

}

fieldset input.big {

	font-size: 14px;

}

fieldset label {

	font-size: 11px;

}

fieldset .checkbox {

	margin-left: 4px;

}

fieldset p.submit {

	padding: 16px 0 0 0;

}

fieldset p.formDesc {

	margin: 0;

	padding-bottom: 12px;

	font-size: 11px;

}

fieldset p.formLabel {

	font-size: 14px;

	font-weight: bold;

}

fieldset table {

	width: 476px;

}

fieldset th {

	margin: 0;

	padding: 3px 6px 3px 0;

	width: 124px;

	font-weight: normal;

	text-align: right;

	font-size: 11px;

}

fieldset td {

	margin: 0;

	padding: 3px 0;

}

table.logmein td {

	padding: 3px 0;

}

table.logmein td label {

	font-size: 11px;

	padding-left: 3px;

}

table.formstuff, #blog #comments table.formstuff {

	width: 495px;

}

table.formstuff td, #blog #comments table.formstuff td {

	padding: 1px 0;

}

table.formstuff td p, #blog #comments table.formstuff td p {

	margin: 0;

	padding: 5px 0 2px 0;

	font-weight: normal;

	font-size: 11px;

}

table.formstuff td label, #blog #comments table.formstuff td label {

	font-size: 11px;

}

textarea.full {

	width: 99%;

	font: 11px verdana, arial, helvetica, sans-serif;

	padding: 2px;

}

body#gallery textarea.full {

	width: 96%;

	font: 11px verdana, arial, helvetica, sans-serif;

	padding: 2px;

}

td.light {

	font-size: 11px;

	color: #666;

}

input.subscribeButton {

	vertical-align: middle;

	padding-left: 5px;

	margin-top: -4px;

}





/* Errors */



#insidecontent h3.error {

	color: #fff;

	background: #c12f2f;

	margin: 0;

	padding: 5px 10px;

	font: bold 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;

}

div.errorMessage {

	border: 1px solid #dc5858;

	margin-bottom: 15px;

	padding: 15px 15px 0 15px;

}

div.errorMessage p {

	margin: 10px 0 5px 0;

	font-size: 11px;

}

#insidecontent div.errorMessage ul li {

	margin-left: 12px;

	padding: 2px 0px 2px 10px;

	display: block;

	list-style-type: none;

	background:url("../images/icons/breadArrow.gif") no-repeat 0 2px;

	font-size: 11px;

}

input.errorInput {

	border: 1px solid #c12f2f;

}

select.errorSelect {

	background: #ffefef;

	border: 1px solid #c12f2f;

}

p.error {

	color: #b41010;

}

p.success {

	color: #0b7a10;

}



/* Images and other handy stuff */



.clear {

	clear: both;

	margin: 0;

	padding: 0;

}

.clearFoot {

	background: #fff;

	height: 25px;

}

img { 

	border: 0;

	margin: 0;

	padding: 0;

}

img.priceguide {

	float: left;

	margin: 0 15px 10px 0;

}

img.right {

	float: right;

}

img.left {

	float: left;

}

img.leftPad {

	float: left;

	padding-right: 20px;

}

a.imgfocus img {

	border: 2px solid #ebebeb;

}

a.imgfocus:hover img {

	border: 2px solid #bfe0ff;

}

img.largeScreen {

	border: 2px solid #ebebeb;

}

img.middleme {

	vertical-align: middle;

	margin-right: 3px;

}

img.middlemesmall {

	vertical-align: middle;

}



/* Blog stuff */



tr.rowOnBlue { 

	background-color: #F9FCFF;

}

tr.rowHighlight {

	border-bottom: 1px solid #CADBE5;

	font-size: 11px;

	padding-left: 5px;

	background-color: #FFFDE9;

}

.dataTable td, th {

	font-size: 11px;

	text-align: center;

	padding: 5px;

}

.dataTable td {

	border-bottom: 1px solid #CADBE5;

	font-size: 11px;

	padding: 3px 5px;

}

.dataTable th.titleCell {

	background: #0d4fb0;

	color: #fff;

	font-size: 14px;

	padding: 8px;

}

.dataTable th.subTitleCell {

	background: #4492dc;

	color: #fff;

}

.dataTable th.subTitleCellLeft {

	background: #4492dc;

	color: #fff;

	text-align: left;

	padding-left: 5px;

}

.dataTable .leftCell {

	text-align: left;

}

.dataTable {

	margin-bottom: 10px

}

.dataTable tr.rowHighlight {

	background-color: #FFFDE9;

}

.titleCell code { color: #fff; }

td.light { color: #666; }

.blogNote { 

	background: #fffeef;

	border-top: 1px dotted #dadada;

	border-bottom: 1px dotted #dadada;

	padding: 10px;

	margin-bottom: 20px;

	margin-top: 5px;

	line-height: 18px;

}

.blogNoteImage { 

	background: #fffeef;

	border-top: 1px dotted #dadada;

	border-bottom: 1px dotted #dadada;

	padding: 10px;

	margin-bottom: 20px;

	margin-top: 0;

	line-height: 18px;

}

.blogNoteZip { 

	background: #fffeef;

	border-top: 1px dotted #dadada;

	border-bottom: 1px dotted #dadada;

	padding: 10px;

	margin-bottom: 20px;

	margin-top: 5px;

	line-height: 18px;

}

.helpAttachment { 

	float: right;

	width: 180px;

	font-size: 11px;

	padding: 10px;

	margin: 0 0 20px 30px;

	background: #F2F8FF;

	border: 1px solid #D6E7FA;

}

table.login td {

	padding: 3px;

}

small.Caption {

	line-height: 250%;

	color: #666;

	background: #fff;

	font-weight: bold;

}

li.IconBad span {

	padding: 2px 22px 2px 0px;

	background: url("../blog/images/makeover/iconBad.gif") no-repeat right center;

}

li.IconGood span {

	padding: 2px 22px 2px 0px;

	background: url("../blog/images/makeover/iconGood.gif") no-repeat right center;

}



/* Errors */



div.galleryPost {

	

}

div.galleryPost img {

	border:5px solid #ededed;

}

div.galleryPost a.thumb {

	margin:0px 8px 10px 0px;

}

div.galleryPost p {

	margin:10px 0px 5px 0px;

}



/* Template Gallery */



.grid {

	float: left;

	padding: 0 15px 5px 0;

}

.gridright {

	float: left;

	padding: 0 0 5px 0;

}

.grid p, .gridright p {

	font-size: 10px;

	color: #494844;

	text-align: center;

	line-height: 14px;

	margin-top: 8px;

}

.grid a, .gridright a {

	color: #494844;

}

img.save {

	vertical-align: middle;

	padding-left: 5px;

}

#downloadtemplates {

	margin-top: 30px;

	border-top: 1px solid #e6e6e6;

	padding-top: 15px;

}

#downloadtemplates img {

	float: left;

	padding-right: 15px;

}

#downloadtemplates span {

	margin-top: 20px;

	font-size: 12px;

	color: #999;

}
/* для списков */
	ul{
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 16px;
		line-height: 1;
	}
	ul.marker li {
		list-style-image: url(marker.gif);
		margin-left: 0px;
	}
/* для галереи */
.gallery {text-align: center; padding: 5px}
.gallery img{
	border: none;
	width: 100px;
	height: 80px;
	border: 1px solid #777;
}