body,img,p,div,h1,h2,h3,h4,h5,h6,form,ul {
	margin:0px;
	padding:0px;
	border:0 none;
}

a {
	margin:0px;
	padding:0px;
	border:0 none;
	cursor:pointer;
}

:focus {
	outline:none;
}

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#A9C5CD url(/images/bodynew.png) repeat-x top left;
}

.page {
	width:964px;
	margin:0 auto;
	text-align:left;
	xwidth:970px;
	position:relative;
     z-index:0;
}

.header,
.headerpic {
	width:957px;
	height:121px;
	position:relative;
	margin:0 5px 0 2px;
}

.headerpic {
	background:url(/images/header.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:0px;
}

.line {
	background:url(/images/line.png) no-repeat top left;
	height:4px;
	width:957px;
	position:absolute;
	top:84px;

}

.banercont {
	_width:484px;
	_height:71px;
	width:468px;
	height:67px;
	background:url(/images/banercont.png) no-repeat top left;
	position:absolute;
	left:368px;
	top:13px;
	padding:4px 12px 0 4px;
}

.logo {
	width:207px;
	height:59px;
	/*background:url(/images/logo.png) no-repeat top left;*/
	position:absolute;
	left:-8px;
	top:5px;
}

.mainmenu {
	width:957px;
	height:33px;
	position:absolute;
	top:88px;
	left:0px;
	background:url(/images/menu.png) no-repeat  top left;
}


.menu .home{
	float:left;
	display:inline;
	width:54px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -10px -9px;
	margin:9px 0 0 10px;
}

.menu #activehome{
	background:url(/images/menu.png) no-repeat  -10px -42px;
}

.menu .home:hover{
	background:url(/images/menu.png) no-repeat  -10px -42px;
}

.menu .webdesigners{
	float:left;
	display:inline;
	width:115px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -66px -9px;
	margin:9px 0 0 2px;
}
.menu #activeweb{
	background:url(/images/menu.png) no-repeat  -66px -42px;
}

.menu .webdesigners:hover{
	background:url(/images/menu.png) no-repeat  -66px -42px;
}

.menu .fonts{
	float:left;
	display:inline;
	width:86px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -182px -9px;
	margin:9px 0 0 0;
}
.menu #activefonts{
	background:url(/images/menu.png) no-repeat  -182px -42px;
}

.menu .fonts:hover{
	background:url(/images/menu.png) no-repeat  -182px -42px;
}

.menu .inspiration{
	float:left;
	display:inline;
	width:97px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -328px  -9px;
	margin:9px 0 0 0;
}
.menu #activeinsp{
	background:url(/images/menu.png) no-repeat  -328px -42px;
}

.menu .inspiration:hover{
	background:url(/images/menu.png) no-repeat  -328px  -42px;
}

.menu .tutorials{
	float:left;
	display:inline;
	width:83px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -425px -9px;
	margin:9px 0 0 0;
}
.menu #activetut{
	background:url(/images/menu.png) no-repeat  -425px -42px;
}

.menu .tutorials:hover{
	background:url(/images/menu.png) no-repeat  -425px  -42px;
}

.menu .news{
	float:left;
	display:inline;
	width:61px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -508px -9px;
	margin:9px 0 0 0;
}
.menu #activenews{
	background:url(/images/menu.png) no-repeat  -508px -42px;
}

.menu .news:hover{
	background:url(/images/menu.png) no-repeat  -508px  -42px;
}

.menu .submit{
	float:left;
	display:inline;
	width:100px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -569px  -9px;
	margin:9px 0 0 0;
}
.menu #activesubmit{
	background:url(/images/menu.png) no-repeat  -569px -42px;
}

.menu .submit:hover{
	background:url(/images/menu.png) no-repeat  -569px  -42px;
}

.menu .advertisemenu{
	float:left;
	display:inline;
	width:60px;
	height:23px;
	background:url(/images/menu.png) no-repeat  -268px   -9px;
	margin:9px 0 0 0;
}
.menu #activeadv{
	background:url(/images/menu.png) no-repeat  -268px -42px;
}

.menu .advertisemenu:hover{
	background:url(/images/menu.png) no-repeat  -268px    -42px;
}

.submit_directory{float:right;margin-right:15px;
margin-top:-26px;}


.leftshadow {
	background:url(/images/leftshadow.png) no-repeat top left;
	width:31px;
	height:35px;
	position:absolute;
	top:84px;
	left:-31px;
}

.rightshadow {
	background:url(/images/rightshadow.png) no-repeat top left;
	width:31px;
	height:35px;
	position:absolute;
	top:84px;
	right:-33px;
}

.content {
	width:964px;
	overflow:hidden;
	zoom:1;
	background:url(/images/maincontback1.png) repeat-y 3px top;
	margin:0 auto;
	padding:0;

}

.leftcontent {
	float:left;
	width:165px;
}

.maincontent {
	float:left;
	width:499px;
	padding:0 0 15px 15px;
	background:url(/images/maincontbottom.png) no-repeat bottom right;
}

.mainconttopp {
	background:url(/images/maincontent.png) no-repeat top left;
	width:514px;
	height:2px;
	font-size:1px;
	margin:0 0 0 -15px;
}

.maincontbackshadow {
	width:957px;
	height:7px;
	background:url(/images/maincontbackshadow.png) no-repeat top left;
	position:absolute;
	top:121px;
	left:2px;
	z-index:999;
}

.rightcontent {
	float:right;
	width:285px;
}

.leftpageshadow {
	position:absolute;
	background:url(/images/leftpageshadow.png) no-repeat top left;
	width:5px;
	height:514px;
	top:121px;
	left:-2px;
}

.rightpageshadow {
	position:absolute;
	background:url(/images/rightpageshadow.png) no-repeat top left;
	width:5px;
	height:514px;
	top:121px;
	right:1px;
}

.leftsearchcont {
	width:158px;
	height:31px;
	background:url(/images/leftsearchcont.png) no-repeat top left;
	margin:0 0 0 3px;
	padding:7px 0 0 4px;
}

.divsearchcont {
	background:url(/images/divsearchcont.png) no-repeat top left;
	height:25px;
	width:128px;
	float:left;
}

.leftsearch {
	border:0 none;
	height:16px;
	width:90px;
	margin:4px 0pt 0pt 35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#848585;
	font-size:12px;
	padding:2px 1px 0 1px;
	background:none;
}

.leftsubmit {
	width:15px;
	height:16px;
	background:url(/images/leftsubmit.png) no-repeat top left;
	border:0 none;
	float:left;
	margin:6px 0 0 5px;
	cursor: pointer;
}

.wresourcesback,
.dresourcesback {
	width:150px;
	height:24px;
	background:url(/images/wresourcesback.png) no-repeat top left;
	color:#304149;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	padding:5px 0 0 15px;
}

.dresourcesback {
	color:#eef6fc;
	background:url(/images/dresourcesback.png) no-repeat top left;
}

ul.heart,
ul.arrow {
	width:158px;
	margin:0 0 0 3px;
}

ul.heart li,
ul.arrow li {
	background:url(/images/liback.png) no-repeat top left;
	height:19px;
	line-height:19px;
	padding:0 0 0 5px;
}

ul.arrow li {
	padding:0;
}

ul.heart li a,
ul.heart li a.sel,
ul.arrow li a,
ul.arrow li a.sel {
	color:#4d606b;
	font-size:12px;
	text-decoration:none;
	padding:0 0 0 11px;

}

ul.arrow li a,
ul.arrow li a.sel {
	padding:0 0 0 16px;
}

ul.heart li a:hover,
ul.heart li a.sel{
	background:url(/images/heart.png) no-repeat left center;
}

ul.arrow li a:hover,
ul.arrow li a.sel{
	padding:0 0 0 16px;
	background:url(/images/darkarrow.png) no-repeat left center;
	font-weight:bold;
}

ul.arrow span{
	color:#548aaa;
	font-size:9px;
}

ul#relatedTutorials {
    margin:5px 0 0 8px;
}

ul#relatedTutorials li {
    margin:5px 0 0 0;
    list-style:none;
}

ul#relatedTutorials li p {
    margin:0 0 5px 15px
}

ul#relatedTutorials li p a:link, ul#relatedTutorials li p a:visited {
    color:#4D606B;
    text-decoration:none;
    font-size:12px;
}

ul#relatedTutorials li p a:hover {
    font-weight:bold;
    padding:0 0 0 16px;
    background:url(/images/darkarrow.png) no-repeat left center;
}

#color {
	height:41px;
	width:153px;
	padding:9px 0 0 12px;
}

#color a{
	margin:0 5px 3px 0;
}

.twiterback {
	width:279px;
	height:144px;
	background:url(/images/mytwiterback.png) no-repeat top left;
	position:relative;
}

.twitertext {
	position:absolute;
	color:#49626b;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	top:13px;
	left:158px;
	font-weight:bold;
	line-height:11px;
	display:block;
}

.twstatone {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	position:absolute;
	color:#676767;
	top:57px;
	left:25px;
	width:100px;
	text-align:center;
}

.twstattwo {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	position:absolute;
	color:#676767;
	top:57px;
	left:137px;
	width:119px;
	text-align:center;
}

.twstatthree {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	position:absolute;
	color:#676767;
	top:83px;
	left:18px;
	width:140px;
	text-align:center;
}

.twitadd {
	width:94px;
	height:22px;
	background:url(/images/twitadd.png) no-repeat top left;
	position:absolute;
	top:81px;
	left:166px;
	display:block;
	text-decoration:none;
	border:0 none;
	line-height:20px;
	color:#316889;
	font-size:11px;
	padding:0 0 0 10px;
}

.twitadd:hover {
	color:#173f57;
	background:url(/images/twitadd.png) no-repeat bottom left;
}

.twitbluetext {
	position:absolute;
	background:url(/images/twitbluetext.png) no-repeat top left;
	top:23px;
	left:216px;
	display:block;
	width:54px;
	height:18px;
}

.bird {
	width:47px;
	height:40px;
	background:url(/images/bird.png) no-repeat top left;
	display:block;
	position:absolute;
	top:110px;
	left:920px;
	z-index:1000;
}

.involve {
	width:285px;
	height:134px;
	position:relative;
}

.involvepic {
	position:absolute;
	width:285px;
	height:134px;
	background:url(/images/involve.png) no-repeat top left;
	top:0px;
	left:0px;
}

.ordiv {
	position:absolute;
	height:20px;
	top:97px;
	left:118px;
	width:165px;
	font-size:10px;
	color:#6c6a64;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.ordivtwo {
	clear:both;
	height:22px;
	width:250px;
	font-size:10px;
	color:#6c6a64;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	margin:0px 0 0px 7px;
	padding:10px 0 0 0;
}

.smallletterlink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#20516e;
	text-decoration:underline;
}

.smallletterlink:hover{
	color:#934769;
}

.bannercont {
	width:266px;
	overflow:hidden;
	zoom:1;
	background:url(/images/bannercont.png) repeat-x top left;
	margin:0 0 0 7px;
	padding:0 0 0 4px;
}

.bannerimage  {
	width:125px;
	xheight:130px;
	background:#afa998;
	float:left;
	margin:0 2px 2px 0;
	padding:3px;
}

.advertise {
	width:255px;
	height:20px;
	background:url(/images/advertise.png) no-repeat top left;
	margin:0 0 0 7px;
	text-align:right;
	padding:5px 15px 0 0;
}

.grayboxback {
	width:270px;
	background:url(/images/grayboxback.png) repeat-x bottom left;
	margin:0 0 0 7px;
	overflow: hidden;
	zoom:1;
	padding:0 0 10px 0;
}

.grayboxheader {
	height:34px;
	line-height:40px;
	background:url(/images/grayboxheader.png) no-repeat top left;
	font-weight:bold;
	font-size:17px;
	color:#4c626e;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 34px;
}

.shisbox {
	width:84px;
	height:110px;
	background:url(/images/shishborder.png) no-repeat top right;
	float:left;
	margin:0 0 10px 0;
}

.shisbox h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#be4a6e;
	font-size:11px;
	text-align:center;
	margin:2px 0 ;
}

.shisbox p{
	color:#535353;
	font-size:9px;
	text-align:center;
}

.shishpicture {
	width:51px;
	height:55px;
	background:url(/images/shishpicture.png) no-repeat top left;
	margin-top:6px;
    margin-left:12px;
	padding-top:4px;
    padding-left:6px;
}

.divbiglink {
	float:left;
	margin:4px 0 10px 10px;
	display:inline;
}

.bigletterlink{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#20516e;
	text-decoration:underline;
	display:inline;
}

.bigletterlink:hover{
	text-decoration:none;
}


.footer{
	background:url(/images/footerback.png) repeat-y top left;
}

.footertop {
	width:904px;
	height:24px;
	background:url(/images/footertop.png) no-repeat top left;
	color:#3d7c8e;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:17px;
	font-weight:bold;
	padding:22px 0 0 60px;
}

.footerbottom {
	width:931px;
	height:38px;
	background:url(/images/footerbottom.png) no-repeat top left;
	padding:10px 0 0 33px;
}

.footercont {
	width:890px;
	background:#f9f9f6 url(/images/footercont.png) no-repeat top left;
	margin:0 0 0 33px;
	overflow:hidden;
	zoom:1;
}

.footerdiv,
.footerbottomdiv {
	float:left;
	width:275px;
	margin:0 29px 0 0;
	display:inline;
}

.footerbottomdiv {
	padding:0 10px;
	width:255px;
}

.footerdiv .headeing {
	color:#3d7c8e;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	height:40px;
	margin:10px 0;
	line-height:48px;
	padding:0 0 0 32px;
}

.aboutdiv {
	background:#e8f2f5;
	border:1px solid #e3eaeb;
	width:860px;
	padding:20px;
	margin:0 auto;
	color:#535353;
}

.aboutdiv p {
	margin:0 0 5px 0;
}

.paper {
	color:#286386;
	font-style:italic;
	font-size:11px;
	text-decoration:underline;
	float:left;
	margin:1px 10px 0 0;
	padding:0;
}

/*
.paper:hover {
	text-decoration:underline;
}
*/

.paperArticles {
    color:#286386;
	font-style:italic;
	font-size:12px;
	text-decoration:underline;
	padding:0;
}

.paperArticles:hover {
    text-decoration:none;
}


.paperspan {
	background:url(/images/paper.png) no-repeat left center;
	height:14px;
	width:8px;
	float:left;
	margin:1px 4px 0 0;
	display:inline;
	font-size:1px;
}

.cloud {
	color:#286386;
	font-style:italic;
	font-size:11px;
	text-decoration:underline;
	padding:0;
}

/*
.cloud:hover {
	text-decoration:underline;
}
*/

.cloudspan {
	background:url(/images/cloud.png) no-repeat left center;
	height:14px;
	width:10px;
	float:left;
	margin:1px 4px 0 0;
	display:inline;
}

.tabscont {
	width:484px;
	margin:15px 0 0 0px;
	background:url(/images/righttabback.png) no-repeat top right;
}

ul.tabs {
	width:479px;
	height:30px;
	background:url(/images/ultabsback.png) repeat-x top left;
}

ul.tabs li,
ul.tabs li.sel {
	float:left;
	height:30px;
	margin:0 3px 0 0;
	list-style:none;
	background:url(/images/tabslia.png) no-repeat top left;
}

ul.tabs li.sel {
	background:url(/images/selectli.png) no-repeat top right;
}

ul.tabs a{
	float:left;
	height:30px;
	padding:0 15px;
	text-decoration:none;
	font-size:12px;
	color:#fcf5b5;
	line-height: 23px;
	display:block;
}

ul.tabs a:hover{
	color:#FFFFFF;
}

ul.tabs li a.first {
	background: url(/images/selecta.png) no-repeat left 25px;
}
ul.tabs .sel a{
	color:#706c6e;
	background: url(/images/selecta.png) no-repeat left bottom;
}
ul.tabs .sel a.first {
	background: url(/images/selecta.png) no-repeat left top;
}

.tabsdet {
	width:484px;
	background:url(/images/tabsdet.png) repeat-y top left;

}

.detbottom {
	width:484px;
	padding:0 0 20px 0;
	background:url(/images/detbottom.png) no-repeat bottom left;
}

.numtabsback {
	background:url(/images/numtabsback.png.png) repeat-y top left;
	margin:0px 0px 0 14px;
	width:453px;
	background:url(/images/numtabsback.png) repeat-y top right;
	border-bottom:1px solid #eae9ea;
	padding:5px 0;
}

.numtabsback p.tuttext, .innernumtabsback p.tuttext {
    margin:0;
    color:#4d4d4d;
}

.headingone,
.headingtwo {
	background:url(/images/papertwo.png) no-repeat center left;
	color:#286386;
	padding:0 0 0 30px;
	display:block;
	height:32px;
	position:relative;
	line-height:30px;
}

.headingtwo {
	margin:0 0 0 20px;
	line-height:15px;
	padding:0 0 0 35px;
	height:41px;
	line-height:17px;
}

.headingone .bigpaperlink {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#286386;
	text-decoration:underline;
}

.headingone .bigpaperlink:hover {
	text-decoration:none;
}

.headingtwo .bigpaperlink {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#286386;
	text-decoration:underline;
}

.headingtwo .bigpaperlink:hover {
	text-decoration:none;
}

.numtabsback p {
	color:#535353;
	margin:2px 0;
}

.spanpink {
	color:#b53059;
	font-size:11px;
	font-style:italic;
}

.headingone span,
.headingtwo span{
	position:absolute;
	color:#7998a9;
	top:7px;
	left:0px;
	width:20px;
	line-height:10px;
	text-align:center;
	left:2px;
}

.headingtwo span {
	top:10px;
}

.papercont {
	width:274px;
	background:url(/images/numtabsback.png) repeat-y top left;
 }

 .submitarticle {
 	width:78px;
	height:20px;
	float:right;
	color:#fcf5b5;
	background:url(/images/submitarticle.png) no-repeat top left;
	display:block;
	line-height:20px;
	font-size:11px;
	font-style:italic;
	padding:3px 0 0 15px;
	text-decoration:none;
}

.submitarticle:hover {
	color:#FFFFFF;
}

.footerend {
	width:914px;
	height:20px;
	margin:0 0 30px 0;
	background:#A9C5CD;
	padding:10px 30px 0 20px;
	color:#FFFFFF;
}

.footerend div {
	float:right;
}

.footerend a {
	color:#16435e;
	text-decoration:underline;
}

.footerend a:hover {
	text-decoration:none;
}
#submitArticleHelpText a, #submitArticleHelpText a:visited {
     color:#16435e;
	text-decoration:underline;
}
#submitArticleHelpText a:hover {
	text-decoration:none;
}

.featured,
.featuredbig {
	float:left;
	width:245px;
	height:207px;
	background:url(/images/featuredback.png) no-repeat top left;
	margin:0px 4px 0 0;
	position:relative;
}

.heatmapInfo {
     position:relative;
	width:480px;
     height: 240px;
     margin-top:10px;
     background:url(/images/heatmap_info_back.png) bottom left no-repeat;
     
}
.heatmapDetail {
     position:relative;
     left:10px;
     top:20px;
     margin-bottom:20px;
	width:490px;
}

.heatmap {
     float:left;
	width:340px;
	height:227px;
	background:#fff url(/images/htmap_back.png) left top no-repeat;
	margin:0;
     padding:0;
	position:relative;
}

.heatmap img {
     border:1px solid #bfc8cb;
}

.siteHeatmap {
     margin:0;
     padding:8px 0 0 10px;
}

.bynameHeatmap {
     color:#be4a6e;
	font-size:11px;
	position:absolute;
	height:14px;
	width:313px;
	top:185px;
	left:13px;
	letter-spacing:0.5px;
}

.bynameHeatmap p {
	float:right;
	color:#535353;
}

.bynameHeatmap a {
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
	color:#be4a6e;
}

.bynameHeatmap a:hover {
	text-decoration:underline;
}

.rateHeatmap {
     margin-top:15px;
}

.rateHeatmap .ratingblock {
     margin:17px 0 0 10px;
     width:auto;
}

.rateHeatmap .comments {
	float:right;
	color:#588d9b;
	text-decoration:none;
	padding:0;
     margin:3px 20px 0 0;
     font-size:11px;
}

.rateHeatmap .comments:hover {
	text-decoration:underline;
}

.designerInfo {
     margin-top:10px;
}

.mapInfo {
     float:left;
     margin:80px 0 0 10px;
     padding:0;
     width:100px;
}

.hotColdScale {
     margin-top:15px;
}

.hotColdScaleDetail {
     position:relative;
     float:left;
     left:15px;
     top:209px;
}

.featuredbig {
	background:url(/images/featuredbig.png) no-repeat top left;
	height:213px;
}

.featuredsite {
	width:190px;
	height:130px;
	position:absolute;
	top:20px;
	left:25px;
}

.featuredline {
	width:84px;
	height:37px;
	background:url(/images/featuredline.png) no-repeat top left;
	position:absolute;
	top:4px;
	left:5px;
	z-index:1000;
}

.byname,
.rate,
.bynames,
.rates {
	color:#be4a6e;
	font-size:11px;
	position:absolute;
	height:14px;
	width:215px;
	top:162px;
	left:13px;
	letter-spacing:0.5px;
}

.bynames {
	top:17px;
	width:410px;
	left:20px;
}

.rate {
	top:178px;
	height:16px;
	line-height:16px;
}

.rates {
	top:35px;
	width:410px;
	height:16px;
	line-height:16px;
	left:20px;
}

.rate .comments,
.rates .comments {
	float:right;
	color:#588d9b;
	text-decoration:none;
	padding:0 0 0 12px;
}

.rate .comments:hover,
.rates .comments:hover {
	text-decoration:underline;
}

.commentspan {
	background:url(/images/orangeballon.png) no-repeat left center;
	height:14px;
	width:8px;
	float:left;
	margin:1px 4px 0 0;
	display:inline;
	font-size:1px;
}

.byname p,
.bynames p {
	float:right;
	color:#535353;
}

.byname a,
.bynames a {
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
	color:#be4a6e;
}

.byname a:hover,
.bynames a:hover {
	text-decoration:underline;
}

.featuredh1,
.latestentrh1,
.tutpinkhead {
	background:url(/images/featuredh1.png) no-repeat top left;
	color:#3d7c8e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	height:30px;
	line-height:31px;
	padding:0 0 0 25px;
	margin:15px 0 0 10px;
	width:300px;
}


.innerfed {
	margin:15px 0 10px 0px;
	border-bottom:1px solid #d7e3e6;
	width:455px;
}

.latestentrh1,
.tutpinkhead {
	background:url(/images/latestentr.png) no-repeat center left;
	color:#b04a78;
	line-height:21px;
	height:27px;
	margin:20px 0 0 10px;
}

.tutpinkhead {
	margin:10px 0 0 0;
	padding:0 0 0 25px;
	width:240px;
	float:left;
}

.container {
	overflow:hidden;
	zoom:1;
}

.headmenu {
	float:right;
	margin:0 40px 0 0;
	padding:5px 0 0 0;
	display:inline;
	overflow:hidden;
	zoom:1;
}

.headerdiv {
	float:right;
	width:97px;
	height:27px;
	margin:0 3px 0 0;
	position:relative;
}

.headerdivpic {
	position:absolute;
	background:url(/images/headerdiv.png) no-repeat top left;
	xbackground:#FF0000;
	top:0px;
	left:0px;
	width:97px;
	height:27px;
}

.headerdiv .inputs{
	position:relative;
	border:0 none;
	background:none;
	width:80px;
	height:17px;
	margin:4px 0 0 9px;
	color:#f4f8f9;
	padding:2px 0 0 0;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.headersubmit {
	float:right;
	background:url(/images/headersubmit.png) no-repeat top left;
	width:35px;
	height:23px;
	border:0 none;
	margin:2px 0 0 0;
	cursor:pointer;
}

.headersubmit:hover {
	background:url(/images/headersubmit.png) no-repeat bottom left;
}

.new {
	width:29px;
	height:15px;
	background:url(/images/new.png) no-repeat top left;
	position:absolute;
	top:84px;
	left:215px;
	text-align:center;
	line-height:15px;
	color:#FFFFFF;
	z-index:1000;
	font-size:9px;
}

.new:hover {
	color:#FCF5B5;
}

/**************************************************INNER PAGE *********************/

.inner {
	overflow:hidden;
	zoom:1;
}

.innerheight {
	height:38px;
	line-height:16px;
	padding:0 0 0 35px;
}

.tabsdettop {
	border-top:1px solid #d9d9d6;
	height:10px;
	width:480px;
}

.innerpiccont {
	float:left;
	width:122px;
	height:125px;
	position:relative;
	background:url(/images/innerpiccont.png) no-repeat top left;
	margin:0 0 0 4px;
	padding:1px 0 0 8px;
}

.innernumtabsback {
	float:left;
	width:320px;
}

.paginback {
	width:480px;
	overflow:hidden;
	zoom:1;
	background:url(/images/paginback.png) no-repeat bottom left;
	margin:0 0 5px 0;
	padding:0 0px 1px 0px;
}

.paginback span {
	color:#3d7c8e;
	margin-left:1px;
/*	padding-left:5px; */
}

.numcont {
	float:right;
	margin:0 10px 0 0;
	display:inline;
    font-size:11px;
}

.pagedef {
	width:15px;
	height:21px;
	background:url(/images/pag2edef.png) no-repeat top left; background-color:#E3D9CC;
    font-size:11px;
}

.pagedef,
.pagesel,
.pagedot,
.pageinactive{
	width:20px;
	height:21px;
	background:url(/images/pag2edef.png) no-repeat top left;background-color:#E3D9CC;
	float:left;
	line-height:21px;
	text-align:center;
	font-size:11px;
	color:#41799a;
	margin-left:1px;
}

.pagesel {
	background:url(/images/pag2edef.png) no-repeat top left;background-color:#E3D9CC;
	color:#20516e;
	font-weight:bold;
}

.pagedot {
	background:none;
}

.prevnext,
.prevbig,
.nextbig,
.inactive {
	width:28px;
	height:21px;
/*	background:url(/images/prevnext.png) no-repeat top left; */ background-color:#E3D9CC;
	float:left;
	line-height:21px;
	text-align:center;
	font-size:11px;
	color:#41799a;
	margin-left:1px;
}

.prevbig {
	background:url(/images/prevbig.png) no-repeat top left;
	width:71px;
}

.nextbig {
	background:url(/images/nextbig.png) no-repeat top left;
	width:44px;
}

.pagedef:hover,
.pagesel:hover,
.prevnext:hover,
.prevbig:hover,
.nextbig:hover {
	text-decoration:underline;
}
.pageinactive:hover {
    text-decoration:none;
}

/************************************************************************* inner tut ************************************/

.breedcrumb {
	float:left;
	margin:10px 0 10px 10px;
	display:inline;
}

.breedcrumb a {
	color:#3d7c8e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	font-weight:bold;
	text-decoration:underline;
	background:url(/images/bluearrow.png) no-repeat right top;
	padding:0 10px 0 0;
	margin:0 5px 0 0px;
}

.breedcrumb a:hover {
	text-decoration:none;
}

.tutcontainer {
	width:444px;
	margin:0 auto;
	background: url(/images/tutcontainerback.png) no-repeat right top;
}

.tut {
	float:left;
	background:none;
}

.yellowbox, .yellowboxProfile {
     position:relative;
	border:1px solid #e7e7bb;
	background:#f2f2da;
	padding:9px 0 10px 0px;
	overflow:hidden;
	zoom:1;
	margin:10px 0;
}
.yellowboxProfile {
     min-height:120px;
}

.aboutauthor {
	float:left;
	color:#535353;
	margin:10px 0 0 10px;
	font-size:11px;
	width:345px;
	background:url(/images/pencil.png) no-repeat right top;
}

.authortitle {
	color:#535353;
	font-weight:bold;
	font-size:11px;
}

.aboutauthor a {
	color:#be4a6e;
}

p.authortext {
	color:#535353;
	line-height:16px;
	margin:5px 0 0 0;
}

.tutcontainer p, .tutcontainer ul {
	line-height:16px;
	color:#535353;
	margin:0 0 0px 0 ;
	padding:0 0 0 5px;
}

.heatmapImage {
     width:426px;
	background:#f2f1ed;
	padding:1px;
	margin:10px 0 0 7px;
	position:relative;
     float:left;
}

.tutimage {
	width:426px;
	background:#f2f1ed;
	padding:1px;
	margin:10px 0 0 10px;
	position:relative;
}

.tutshadowleft {
	width:7px;
	background:url(/images/tutshadowleft.png) no-repeat top left;
	height:104px;
	top:0px;
	left:-7px;
	position:absolute;
}

.tutshadowbot {
	height:8px;
	background:url(/images/tutshadowbot.png) no-repeat top left;
	margin:0 0 15px 10px;
}

.leavecomment {
	margin:20px 0 0 0;
	border-top:1px solid #eae9ea;
	overflow:hidden;
	zoom:1;
}

.writecommlinkbox {
	 float:right;
	 overflow:hidden;
	 zoom:1;
	 margin:15px 0 0 0px;
}

.commentshow {
  position:relative;
	overflow:auto;
	zoom:1;
}

.commentbox {
	float:left;
	background:#f6f5f1;
	border:1px solid #d9d9d6;
	width:325px;
	position:relative;
	padding:15px 15px 5px 15px;
	margin:10px 0 0 0;
	color:#535353;
	overflow:hidden;
	zoom:1;
}

.commentboxborder {
	width:10px;
	height:15px;
	background:url(/images/commentboxborder.png) no-repeat top left;
	position:absolute;
	left:-10px;
	top:10px;
}

.formcomm {
	float:left;
	width:360px;
	margin:10px 0 0 0;

}

.inputstorage,
.textareabig,
.inputsubmit {
	width:360px;
	height:30px;
	background:url(/images/inputdiv.png) no-repeat top left;
	margin:0 0 5px 0;
	float:left;
}
.showErrors, showMesages {
  width: 90%;
  margin: 0 0 15px 25px;
  padding: 5px;
  font: normal 13px Georgia, 'Times Roman', serif;
}
.showErrors { color: #dd3300 }
.showMessages { color: #0099e8 }

.showErrors ul, .showMessages ul {
  list-style: none;
  margin:5px;
  padding-left: 25px
}

.inputsubmit {
	width:440px;
}

.textareabig {
	background:url(/images/textareabig.png) no-repeat top left;
	height:77px;
}

.input {
	border:0;
	height:18px;
	background:none;
	margin:3px 15px 0 15px;
	width:330px;
	color:#535353;
	font-size:12px;
	padding:4px 0 0 0;
}

.texarbig {
	width:328px;
	margin:10px 15px 0 15px;
	border:0 none;
	height:55px;
	background:none;
	color:#535353;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.submitcomm,
.submitsite,
.registernow,
.loginnow,
.forgotpass {
	width:98px;
	height:20px;
	background:url(/images/submitcomm.png) no-repeat top left;
	border:0 none;
	cursor:pointer;
	float:right;
}
.forgotpass {
    background:url(/images/submit.png) no-repeat top left;
}

.submitsite {
	background:url(/images/submitsite.png) no-repeat top left;
}

.registernow {
	background:url(/images/registernow.png) no-repeat top left;
}

.loginnow {
	background:url(/images/loginnow.png) no-repeat top left;
}

.browsedesigner {
	background:url(/images/paginback.png) no-repeat left bottom;
	padding:15px 0 2px 10px;
	color:#3d7c8e;
	font-weight:bold;
	font-size:11px;
}

.browsedesigner a{
	color:#3d7c8e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	font-size:14px;
}


.browsedesigner a:hover{
	text-decoration:none;
}

.innerfed span {
	color:#6093a1;
	font-size:14px;
	font-weight:normal;
}

.innerfed span a {
	color:#6093a1;
	font-size:14px;
	text-decoration:underline;
}

.innerfed span a:hover {
	text-decoration:none;
}

.somecont {
	width:484px;
}

.aboutdesigner {
	float:left;
	width:370px;
	margin:10px 0 0 25px;
	background:url(/images/aboutdesback.png) no-repeat top right;
}

.aboutdesigner div {
	width:370px;
	border-bottom:1px solid #e7e7bb;
	overflow:hidden;
	zoom:1;
	padding:5px 0;
}

.aboutdesigner .label {
	color:#5b8895;
	font-weight:bold;
	font-size:11px;
	width:80px;
	float:left;
}

.aboutdesigner p {
	float:left;
	color:#535353;
	font-size:11px;
	float:left;
	width:290px;
}

.designerlink {
	color:#be4a6e;
	text-decoration:none;
	font-size:11px;
}

.designerlink:hover {
	text-decoration:underline;
}

.deswork {
	overflow:hidden;
	zoom:1;
	background:url(/images/paginback.png) no-repeat left bottom;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.desworkleft {
	float:left;
	height:212px;
	width:244px;
	position:relative;
	overflow:hidden;
}

.desworkright {
	float:left;
	width:225px;
	margin:10px 0 0 15px;
}

.desworkright h1.title a{
	color:#286386;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.pick {
	width:67px;
	height:15px;
	background:url(/images/pick.png) no-repeat top left;
	display:block;
	margin:5px 0 15px 0;
}

.desworkright p {
	color:#535353;
	font-size:12px;
	line-height:17px;
	margin:10px 0 0 0;
}

.designed {
	color:#535353;
	font-size:12px;
	margin:20px 0 0 0;
}

.twiterbacktwo {
	position:relative;
	width:277px;
	height:96px;
	background:url(/images/twiterbacktwo.png) no-repeat top left;
}

.heighttwo {
	top:57px;
}

.heightthree{
	top:82numpx;
}

.usernum {
	position:absolute;
	width:250px;
	height:25px;
	top:115px;
	left:18px;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#f6f5f1;
	text-align:center;
}

.othermember {
	width:258px;
	margin:0 0 0 13px;
	padding:10px 0;
}


.othermembertitle {
	color:#4c626e;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	background:url(/images/othermembertitle.png) no-repeat left bottom;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

.othermembertitleBtm {
	color:#4c626e;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	background:url(/images/othermembertitle.png) no-repeat left bottom;
	padding:0 0 5px 0;
	margin:20px 0 5px 0;
}

.othermembertitle a{
	color:#4d8291;
	text-decoration:none;
}

.othermembertitle a:hover{
	text-decoration:underline;
}

.otherdesinfoLeft, .otherdesinfoRight {
    width:117px;
    float:left;
	overflow:hidden;
	zoom:1;
	border-bottom:1px solid #f3f1ec;
	padding:4px 4px;
}

.otherdesinfoRight {
    float:right;
    /*margin-left:7px;*/
}


.dessearch {
	padding:2px 0 5px 7px;
	width:153px;
}

.dessearch p {
	color: #676666;
	font-size:11px;
	margin:2px 3px 4px 4px;
}

.selectbox {
	width:150px;
	height:20px;
  background-color:#f6f5f1;
	border:1px solid #cbc5b2;
	cursor:pointer;
}
.selectbox-wrapper {
	background:#FF0000;
	position:absolute;
	top:25px;
	margin:-1px 0 0 0;
}

.infopicsmall {
	float:left;
	width:19px;
	height:21px;
	background:url(/images/infopicsmall.png) no-repeat top left;
	padding:1px 0 0 2px
}

.infodesbox {
	float:left;
	font-size:11px;
	color:#4c626e;
	margin:3px 0 0 4px;
}

/************************************************************************* inner 4 **************************************/

.designerrate {
	background:url(/images/designerrate.png) no-repeat top left;
	position:relative;
	width:447px;
	height: 64px;
	margin:10px 0 10px 10px;
}

.designercomment {
	color:#535353;
	line-height:16px;
	font-size:12px;
	margin:15px 0 15px 30px;
	width:400px;
}
.designercomment a  {
     color:#be4a6e;
}

.colorboxdiv {
	width:115px;
	height:20px;
	float:right;
	margin:25px 15px 0 0 ;
}

.colorbox {
	width:8px;
	height:8px;
	/*background:url(/images/colorbox.png) no-repeat top left;*/
	padding:3px;
	display:block;
	float:right;
	margin-left:3px;
}

.colorbox div{
	width:8px;
	height:8px;
}

.pinklabel {
	float:left;
	color:#ac5077;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:7px 0 0 0;
	width:80px;
}

.capcha {
  position:relative;
	width:324px;
	height:122px;
	margin:10px 0 10px 80px;
	clear:both;
}

.tutcontainerleft {
	float:left;
	width:200px;
}

.tutcontainerright {
	float:right;
	width:240px;
}

.tuthtitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#286386;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:16px;
}

.yellowheart {
	background:url(/images/yellowheart.png) no-repeat center left;
	color:#535353;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 0 0 12px;
	margin:0 0 3px 5px;
	display:block;
}

.yellowheart:hover {
	text-decoration:underline;
}

.checking {
	float:left;
}

.pinklabelcheck {
	color:#AC5077;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0px 0 0 5px;
	width:200px;
	float:left;
}

.checkcont {
	margin:5px 0;
	padding:0 0 0 80px;
}

.checkcont img {
	float:left;
	margin:1px 0 0 0;
}

#editProfileArea {
  position:absolute;
  left: 17px;
  top:80px;
}

#submitSiteArea {
  position:absolute;
  left: 17px;
  top:115px;
}

#changeAvatarArea {
  position:absolute;
  left: 17px;
  top:95px;
}

.friends_ul{
float:left;
font-size:11px;
margin-left:0;
margin-top:10px;
width:135px;
}

.friends_ul li{
line-height:1.1em;
margin-top:11px;
width:130px;
list-style-type:none;
margin-bottom:3px;
margin-left:10px;
}
.friends_ul li a {
  font-size:11px;
}
.fieldError {
  border: 1px dashed #d00
}
p.noFieldError {
  display:none;
}
p.fieldErrorNotify {
  clear:left;
  position:relative;
  left:90px;
  width:315px;
  height:25px;
  padding-left: 15px;
  background: url(/images/arrowError02.gif) left center no-repeat;
  color: #d00 !important;
}
#errors p {
  color: #d00;
  width: 90%;
  margin: 0 0 15px 25px;
  padding: 5px;
  font: normal 12px Georgia, 'Times New Roman', serif;
}
#messages p {
  color: #47a303;
  width: 90%;
  margin: 0 0 15px 25px;
  padding: 5px;
  font: normal 12px Georgia, 'Times New Roman', serif;
}
#working {
  position:absolute;
  left:450px;
  top:450px;
  padding:15px;
  border:5px solid #a7c8d4;
  z-index: 100;
  text-align:center;
  background-color:#fff;
  color: #80a9b8;
  display:none;
}
#workingComment {
  position:absolute;
  left:15px;
  top:25px;
  padding:15px;
  border:5px solid #a7c8d4;
  z-index: 1000;
  text-align:center;
  background-color:#fff;
  color: #80a9b8;
  display:none;
}
.memberalphasearch {
	width:484px;
	padding:19px 0 20px 0;
	background:url(/images/memberalphaback.jpg) no-repeat bottom left;
}
.memberalphatop {
	height:3px;
	width:484px;
    padding:0;
    margin:0;
    background: url(/images/memberalphatop.jpg) left top no-repeat;
}
.memberssearchtitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#286386;
	font-weight:bold;
	margin:0 0 0px 0;
}
p#alphaLinks {
    font: normal 11px Arial;
    padding:0;
    color:#216a8d;
}
p#alphaLinks a:link {
    color:#216a8d;
    text-decoration:none;
}
p#alphaLinks a:visited {
    color:#007700;
    text-decoration:none;
}
p#alphaLinks a:hover {
    color:#ac5077;
    text-decoration:none;
}
#membersCountries {
    width:480px;
    border-left: 1px solid #d9d9d6;
    border-right: 1px solid #d9d9d6;
    border-top: 1px solid #ececea;
    background: #fafaf9 url(/images/membercountryback.jpg) top right no-repeat;
    *padding-bottom:40px;
}
#membersCountriesEnd {
    clear:left;
    width:483px;
    height:45px;
    background: url(/images/membercountrybottom.jpg) bottom right no-repeat;
    *position:absolute;
}
.countriesContainer {
    float:left;
    width:160px;
}
h1.searchMembers {
    color:#ac5077;
    background:transparent;
    font-size:13px;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin:20px;
}
.country {
    padding: 1px 10px;
}
.countryImage {
    width:16px;
    height:20px;
    float:left;
}
a.countryName {
    display:block;
    float:left;
    width:110px;
    padding-left:5px;
    color: #3c6d8e;
    text-decoration:none;
}
.memberOuterBorder {
    width:460px;
    height:90px;
    margin-left:10px;
    border-top: 1px solid #d4d9da;
    border-bottom:1px solid #d4d9da;
    padding: 1px 0;
}
.memberInnerBlue {
    position:relative;
    width:460px;
    height:89px;
    background-color:#e8f2f5;
    text-align:left;
    vertical-align:top;
}
.memberOuter {
    width:460px;
    height:90px;
    margin-left:10px;
    padding: 1px 0;
}
.memberInner {
    position:relative;
    width:460px;
    height:89px;
    text-align:left;
    vertical-align:top;
}
img.memberAvatar {
    position:absolute;
    left:15px;
    top:15px;
    padding:5px 6px;
    margin-top:10px;
    background:url(/images/shishpicture.png) left top no-repeat;
    margin-top:-5px;
}
.memberAbout {
    position:absolute;
    top:10px;
    left:75px;
    margin-left:10px;
}
p.memberData {
    width:370px;
    position:relative;
    padding-bottom:2px;
    margin-top:2px;
    border-bottom:1px solid #d7e3e6;
}
label.memberDataName {
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#5b8895;
    width:50px;
}
p.memberData a {
    color:#216a8d;
    text-decoration:underline;
}
span.memberRating {
    color:#ac5077;
    font-weight:bold;
}

p.tuttext {
    color:#4d4d4d;
}

p.tuttext, h3.subtitl {
    margin-top:20px;
}

h3.subtitl {
    width:100%;
    text-align:center;
    color:#3d7c8e;
    font-size:13px;
}
p.tuttext span {
    color:#efefef;
}

p.tuttext span.path {
     color: #b760d7;
}

p.tuttext span.option {
     color: #36827f;
}

p.tuttext span.item, ul.tutorialUL span.item {
     color:#4d4d4d;
     font-weight:600;
}
dl.tutorialDL {
     color: #4d4d4d;
}

dl.tutorialDL dt {
     font-size: 12px;
     font-style:italic;
     color:#6d6d6d;
     margin-top:5px;
}

ol.tutorialOL {
     list-style:decimal;
     color:#6d6d6d;
}
ol.tutorialOL li {
     margin:2px 0;
}

ul.tutorialUL {
     margin:10px 0 0 25px;
}

h2.step {
    margin-top:20px;
    color:#8f8f8f;
    padding-bottom:3px;
    font:bold 14px Georgia, "Times New Roman", serif;
    border-bottom:1px solid #eae9ea;
}
#profileOrLogout {
    position:absolute;
    left:711px;
    top:-9px;
    width:220px;
    height:33px;
}
#profileOrLogout #myProfile {
    width:105px;
	height:33px;
    float:left;
	display:inline;
	background:url(/images/menu02.png) no-repeat 0px 0px;
	margin:9px 0 0 0;
}
#profileOrLogout #iLogout {
    width:86px;
	height:33px;
    float:left;
	display:inline;
	background:url(/images/menu02.png) no-repeat -106px 0px;
	margin:9px 0 0 0;
}
#profileOrLogout #myProfile:hover {
    background:url(/images/menu02.png) no-repeat 0px -33px;
}
#profileOrLogout #iLogout:hover {
    background:url(/images/menu02.png) no-repeat -106px -33px;
}

#usLinksContainerLeft {
    margin:30px 0 0 55px;
    float:left
}
#usLinksContainerRight {
    margin:30px 0 0 85px;
    float:left
}
.linkSubtitle {
    color:#be4a6e;
    font-weight:bold;
    margin-top:15px;
}
ul.usLinks {
    list-style:none;
    margin:0;
}
ul.usLinks a:link, ul.usLinks a:visited {
    text-decoration:underline;
    color:#286386;
}
ul.usLinks a:hover {
    text-decoration:none;
}
h3 a {
     color: #be4a6e;
}
.dnlfontfile {
     font-weight:bold;
	font-size:11px;
	text-decoration:underline;
	color:#be4a6e;
}
.hidden {
     position:absolute;
     left:0px;
     top:-5000px;
     width:1px;
     height:1px;
     overflow:hidden;
}
a#csscremeContest {
    display:block;
    width:188px;
    height:115px;
    position:absolute;
    top:10px;
}
a#submitArticle {
    display:inline;
    float:none;
    width:100%;
    height:115px;
    position:absolute;
    left:0px;
    top:10px;
}
.paidcateg{margin-top:170px;color:#535353;}
.fb_share_count_wrapper {
float:left;
position:relative;margin:0 10px 0 0;display:inline
}

.inputsubmit .submit{
background:url(/images/menu.png) no-repeat -576px -9px;
display:inline;
float:left;
height:23px;
margin-top:10px;
width:56px;
}

#topadvlinks a{color:#4A6386;
font-weight:normal;
text-decoration:underline;
white-space:nowrap;
}
#topadvlinks a:hover{text-decoration:none;}