body {
    	background-color:#E0E0DA;
	font-family: 'Trebuchet MS',tahoma,arial,sans-serif;
	font-weight:normal;
	font-size: 11px;
	margin:0px;
	line-height:15px;
	color:#555;

}

a, a:link, a:visited {
	color:#FF3366;
	font-weight:normal;
	text-decoration:none;
}

a:hover, a:active {
	color:#FF3366; 
	text-decoration:underline;
}
.c {
	float: left;
}
.cr {
	clear: left;
}

h1 {
	font-size: 15px;
	margin: 5px 0 5px 0;

}

h2 {
	font-weight: bold; 
	font-size: 10px;
	color: #FF3366; 
	margin:0px; 
	padding-left:10px; 
	background: url(../images/bullet-arrow.gif) no-repeat left; 
	text-transform: uppercase;
}



h3 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 12px;
	padding: 0;

}
h4 {
	font-weight: bold; 
	font-size: 10px;
	color: #DFDCD3; 
	margin:0px; 
	text-transform: uppercase;
}
h4 a:link, h4 a:visited { 
	font-size: 10px;
	color: #DFDCD3; 
	text-decoration: none; 
}
h4 a:hover, h4 a:active { 
	color: #DFDCD3; 
	text-decoration: underline;
}

h6 {
	text-transform: uppercase;
	color: #666;
	font-size: 12px;
	padding: 0;

}
h5 {
	font-weight: bold; 
	font-size: 12px;
	color: #93BC0F; 
	margin:0px; 
	padding-top:13px; 
	padding-bottom:13px; 
	text-transform: uppercase;
}
.p {
	margin:0px;
	padding:0px;
}

#descr {
	padding: 0px;
	margin: 0 0 5px 0;
}

td.err {
	padding: 3px;
	color: #F9FFF8;
	background: #FF3366;
	border: 1px solid #FF99CC;
	text-align: left;
}
td.msg {
	padding: 3px;
	color: #FFFFFF;
	background: #FF6633;
	border: 1px solid #FFB0CF;
	text-align: left;
}
.msg a:link, .msg a:visited { 
	color: #FF6633; 
	background: #FFFFFF;
	text-decoration: none; 
}
.msg a:hover, .msg a:active { 
	color: #FFFFFF; 
	background: #FF6633;
	text-decoration: underline;
}


.count {
	color: #6f6f6f;
	font-size: 8pt;
	font-weight: normal;
}
.subcount {
	color: #A6A6A6;
	font-size: 9px;
	font-weight: normal;
}

#site-wrapper {
	margin: 0px;
	width: 100%;
}
#logo {
	position: absolute;
	left: 0px;
	top:10px;
	height: 20px;
	width: 104px;
	float: left;
z-index: 1000;
}
#directory-web {
	height: 45px;
	width: 180px;
	margin-left: 0px;
text-align:left;
	color:#FFF;
	vertical-align:middle;
padding-top:12px;background:#AEACA5;
	position: absolute;
	
}

.sitename{
background:#000000;
color:#FFF;
padding-left:12px;
padding-right:12px;
padding-top:1px;
padding-bottom:2px;
}



#table-container {
	background-color: #FFFFFF;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 0px;
	bottom: 0px;
	position: relative;
	display: block;
}
#header {
	background: url(../images/web-bg.gif) repeat-x;background-position:center top;background-color:#000;
position: relative;
	margin-top: 0px;
	width: 980px;
float: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#header-wrap {
	background: url(../images/rotate/designwebsite.jpg) repeat-x;background-position:center top;background-color:#000;
	height: 221px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#topnav {
	position: relative;
	top: 0px;
	height: 90px;
	left: 0px;
	display: block;
	background-color: #FFFFFF;
	background-image: url(../images/topline.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 980px;
}

#mainnav {
	vertical-align: right;
	width: 900px;
	position: absolute;
	right: 0px;
	left: 76px;
	top: 53px;
	height: 17px;
	font-size: 11px;
	background-color: #000;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;	
}
#mainnav a:link, #mainnav a:visited {
	float:right;
	color:#FFF; 
	text-decoration:none;
	padding: 1px 5px 3px 50px;
	background-color: #474747;	
	margin-left:2px

}
#mainnav a:hover, #mainnav a:active {
	color:#FFF; 
	text-decoration:none;
background-color: #FF6699;
}


#design-resources {
	bottom: 0px;
	position: absolute;
	height: 90px;
	width: 47px;
	left: 811px;
}

#resource-nav {
	position: absolute;
	left: 858px;
	height: 76px;
	width: 106px;
	bottom: 0px;
}
#resource-more {
	position: absolute;
	bottom: 0px;
	height: 90px;
	width: 16px;
	right: 0px;
}
.search {

	vertical-align: center;
	height: 45px;
padding-top: 10px;
padding-left: 10px;
margin-bottom: 0px;
	position: absolute;
	width:213px;
	right:0px;


background:#AEACA5;
}
#breadcrumb-trail {
	height: 45px;
	display: block;
	left: 180px;
	width: 587px;
	margin-left: 0px;
	margin-bottom: 6px;
	border-bottom: 6px solid #FFFFFF;
	position: absolute;
	text-align: left;
	color:#FFFFFF; 
	text-decoration:none;
	background:#80807D;

}

.bannerleft {
	width: 212px;
	margin-left: 0px;
text-align:center;
	color:#CCCCCC;


}
.navleft {
	text-align:left;
	color:#999;

}

.navleft a:link, .navleft  a:visited {
	color:#FFFFFF; 
	text-decoration:none;
background:#999;
padding-top: 2px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 2px;

	line-height:25px;
}

.navleft a:hover {
	color:#FFFFFF; 
	text-decoration:none;
background:#FF3366;
}

#breadcrumb-trail a:link, #breadcrumb-trail a:link, #breadcrumb-trail a:visited {
	color:#FFFFFF; 
	text-decoration:underline;
}
#breadcrumb-trail a:hover, #breadcrumb-trail a:active {
	color:#FFFFFF; 
	text-decoration:none;
}
#login-menu {
float:right;
position: relative;

top: 19px;
	font-size: 9px; 
	color:#FFF;
}
#login-menu a:link, #login-menu a:visited {
	color:#FF3366; 
	font-size: 9px; 
	text-decoration:none;
	text-transform: uppercase;
}
 
#login-menu a:hover, #login-menu a:active {
	text-decoration:underline;

}
#headbanner {
float:right;
position: relative;
margin-right: 0px;
top: 89px;
height:60px;
width: 468px;
background:#000;
}


#page {
	background: url(../images/directory-bg.gif) repeat-y;background-position:left top;
	position: relative;
	left: 0px;
width: 980px;
	right: 0px;
	bottom: 0px;
}
#page-subcat {
	position: relative;
	background: url(../images/directory-subbg.gif) repeat-y;background-position:left top;
	left: 0px;
width: 980px;
	right: 0px;
	bottom: 0px;
}


#website-text1 {
	padding-top: 8px;
	height:30;
	width: 980px;
	position: absolute;
	top: 170px;

}



#column-left {
	width: 180px;
	left: 0px;
	float: left;
	z-index: 1000;
background: url(../images/left-bg.gif) no-repeat;background-position:right top;
}
#column-center {
	position: relative;
	
	width: 567px;
	float: left;
	left: 10px;

	margin-top:0px;
}
#subcolumn-center {
	position: relative;
	top: 0px;
	width: 555px;
	float: left;
	left: 6px;
	margin:6px;

}
#terms {
	background:#FFFFFF;
	padding:6px;
}
#column-right {
	top: 0px;
	width: 218px;
	position: relative;
	float: right;right: 0px;
}
.web-text2 {
	color:#666666; 
	font-size: 11px;
	text-decoration:none;

}
.web-text2 a:link, .web-text2 a:visited {
	color:#333; 
	font-size: 11px;
	text-decoration:underline;
font-weight:bold;
}
.web-text2 a:hover, .web-text2 a:active {
	color:#999999;  
	text-decoration: underline;
}

#website-sponsor2 {
	text-align: center;
	clear: both;
	background-color: #FFFFFF;

	border-bottom: 1px dotted #B8B7B4;
	border-top: 1px dotted #B8B7B4;
margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.subcatnav {
	width: 182px;
	padding-left: 2px;
	display: block;
	margin: 0px;
	padding-right: 2px;
}
#listings {
	width: 360px;
	float: right;
	position: relative;
	top: 0px;
}


p.subcats {
	color:#999999;
	margin: 0px 0px 7px 0px;
	padding-left: 13px;
	font-family: arial,sans-serif;
	font-weight:normal;
	font-size: 11px;
	line-height:145%;

	}
.subcats a:link, .subcats a:visited {
	color:#555; 
	font-size:11px; 
	text-decoration:none;}
.subcats a:hover, .subcats a:active {
	color:#666; 
	font-size:11px; 
	text-decoration:underline;}

p.subcats2 {
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #555; 
	margin:0px; 
	padding-left: 13px;
	background: url(../images/bullet-arrow-grey.gif) no-repeat left;
}
.subcats2 a:link, .subcats2 a:visited {
	color:#555; 
	font-size: 11px; 
	text-decoration:none;
}
.subcats2 a:hover, .subcats2 a:active {
	color:#555; 
	font-size: 11px; 
	text-decoration:underline;
}




.featurelinks a:link, .featurelinks a:visited {
	color:#FF3366; 
}
.featurelinks a:hover, .featurelinks a:active {
	color:#FF3366; 
	text-decoration:underline;
}

.site-info {
	font-size: 12px;
}

.site-desc {
	font-size: 11px;
color: #666;
	font-family: arial,sans-serif;
	padding-bottom:5px;
}

.site-url {
	color: #888;
	font-size: 9px;
}

.site-url a:link, .site-url a:visited {
	color: #888;
	text-decoration:none;
}
.site-url a:hover, .site-url a:active {
	color: #B7B7B7;
	text-decoration:underline;
}


.site-rate {
	float:left;
	background-color:#F9F8FF;
	border:1px #DFDFDF solid;
	padding-left:3px;
	height:11px;
	margin-top:4px;


}

#site-edit {
	font-size: 9px;
	float:right;
	background-color:#FF3366;
	padding-right:3px;
	line-height: 12px;
}

#site-edit a:link, #site-edit a:visited {
	color:#FFFFFF; 
	text-decoration:none;
}
#site-edit a:hover, #site-edit a:active {
	color:#FFFFFF; 
	text-decoration:underline;
}
.site-power {
	font-size: 9px;
	float:right;
	background-color:#93BC0F;
	padding-right:3px;
	line-height: 12px;}

.site-power a:link, .site-power a:visited {
	color:#FFFFFF; 
	background-color:#93BC0F;
	text-decoration:none;
}
.site-power a:hover, .site-power a:active {
	color:#FFFFFF; 
	text-decoration:underline;
}


.regularlinks a:link, .regularlinks a:visited {
	font-size: 11px;
	color:#FF3366; 
	font-weight:bold;
}

.regularlinks a:hover, .regularlinks a:active {
	color:#FF3366; 
	font-weight:bold; 
	text-decoration:none;}

.catlinks a:link, .catlinks a:visited {
	color:#a1a1a1; 
}

.catlinks a:hover, .catlinks a:active {
	color:#a1a1a1; 
	text-decoration:none;
}


.label {
	vertical-align:top;
	text-align: right;
}
.field {
	margin:9px;
}
.subcat-border {
	color:#FF3366; 
	border:1px #F9D1D1 solid; 
	background-color:#FFFCFC;
}
.grey-border {
	background-color:#FFFFFF;
	border-bottom: 1px dotted #B8B7B4;
	
	margin-bottom:6px;
}
.regular-border {
	border:1px #E0DFDC solid;
	background: url(../images/regular-links.gif);
	background-repeat: repeat-y;
	background-position: left center; background-color:#FFF;
	margin-bottom:6px;
}


#path {
	margin-top: 2px;
	padding: 3px;
	background: #D9E8F9;
	line-height: 19px;
	border-top: 1px solid #5e74b3;
}
.submit {
	float: right;
	vertical-align: bottom;
}
#user-bar {
   clear:both;
   width:20%;
   margin:0 0 0 auto;
   padding:3px;
   background:#D9E8F9;
   line-height:19px;
   text-align:right;
}

.text, .btn {
	font-size: 8pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
input.text {
	color: #000000;
	border: 1px solid #999999;
}
textarea.text {
	font-size: 8pt;
	border: 1px solid #999999;
}
select {
	font-size: 8pt;
	border: 1px solid #999999;
}

.captcha {
	border: 1px solid #999999;
	margin-top: 10px;
}

.form-txt {
	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;font-weight: normal;
	border: 1px #a1a1a1 solid;
	background-color: #F5F5F5;
	height:20px;margin: 0px;
	padding-left: 5px;
}
.form-desc {
	font-family:'Trebuchet MS',tahoma,arial,sans-serif;
	font-size: 10pt;
	font-weight: normal;
	border: 1px solid #a1a1a1;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 5px;}

span.req {
	margin-left: 3px;
	color: #81ACAC;
	font-weight: bold;
}

div.errForm, span.errForm {
	margin: 0px 0 0px 5px;
	padding: 2px 3px 2px 3px;
	color: #F9FFF8;
	background: #FF3366;
	border: 1px solid #FF99CC;
	text-align: left;
	clear: right;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #555;
	font-size: 10px;
	text-decoration: none;

}



#list, #list a:link, #list a:visited {
	color:#9D9D9D; 
}
#list a:hover, #list a:active {
	color:#FF3366; 
	text-decoration:underline;
}


.sort {
	color: #FFFFFF;
background: #777;
padding: 1px;
}

div.pr {
	font-size: 6pt;
	color: #000000;
	float: left;
	height: 30px;
	margin-right: 5px;
}
div.prg {
	width: 60px;
	border: 1px solid #a1a1a1;
	height: 5px;
	font-size: 1px;
}
div.prb {
	background: #FF3366;
	height: 3px;
	font-size: 1px;
	margin:1px;
}

div.footer {
   bottom:0;
   clear:both;
	text-align: center;
	border-top: 1px solid #E0E0E0;
	padding: 3px 0 0 0;
	margin-top: 50px;
float: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
div.footer a {
	color: #606060;
}
.price {
	
	padding: 3px;
	color: #666;
	background: #F9F7F4;
	border: 1px dotted #DFDCD9;
	text-align: left;
}
.price table td{
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
}

#paginate {
	width:100%;
	font-size:11px;
	color:#FFFFFF; 
	background:#CCC; 
	text-decoration:none;
}

#paginate a, #paginate a:link, #paginate a:visited {
	color:#FFFFFF; 
	font-size:11px;
	text-decoration:none;
}
#paginate a:hover, #paginate a:active {
	color:#FFFFFF; 
	font-size:11px; 
	text-decoration:underline;
}

.paging-links a:link, .paging-links a:visited {
	color:#FF3366; 
	text-decoration:none;
}

.paging-links a:hover, .paging-links a:active {
	color:#CC3366; 
	text-decoration:underline;
}

.paging-info {
	font-style: italic;
}
.paging-info a:link, .paging-info a:visited {
	color:#FF3366; 
	text-decoration:none;
}
.paging-info a:hover, .paging-info a:active {
	color:#CC3366; 
	text-decoration:underline;
}


.limit_field {
   border: 0 solid transparent;
   border-width:0;
}

#toggleCategTree {
   display:block;
   cursor:pointer;
   cursor:hand;
   color:#6A8AD4;
}

#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px dotted #9EC2F3;
   border-width:0 1px 1px;
}

#catTitle { background:#fff; } /* Important for Konqueror */

#categtree h2 {
   margin:0 0 5px;
   padding:2px;
   text-align:center;
   color:#5e74b3;
   background:#DDE5F3;
   vertical-align:middle;
}

#categtree #close_tree {
   right:0;
   padding:1px;
   text-align:center;
   white-space:nowrap;
   cursor:pointer;
   cursor:hand;
}

#categtree .categ-item {
   clear:both;
   margin:3px 5px;
   padding:2px 5px;
   display:block;
   border:1px dotted #CBE2EC;
   border-width:1px 0;
   cursor:pointer;
   cursor:hand;
}

#categtree .categ-item img {
   margin-right:1em;
}

#categtree .odd {
   background:#F8F8FC;
}

#categtree .even {
   background:#fff;
}

#categtree .categ-item:hover {
   background:#eee;
}


	
.searchbox {

	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}


.search-txt {
	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	border:1px #CCCCCC double; 
	text-align:left;
	padding:1px;
}



.feature-bg {
	background-image:url(../images/feature-bg.gif);
	padding-left:10px;
	padding-right:10px;
	font-size:11px;
	font-family:'Trebuchet MS',tahoma,arial,sans-serif;;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FF99CC;
}
.pink-border2 {
	color:#999; 
	border:4px #FFF solid; 
	background: url(../images/featurebg.gif) no-repeat;
	background-position: left center;
	background-color:#FAF7F7;
	margin-bottom:6px;
}
.bottom {
	color:#999999; 
	text-decoration:none;
height: 25px;vertical-align:bottom;padding-top:5px;background-color:#FFF;
height: 60px;

}

.directory-Bottom {
	color:#999999; 
	text-decoration:none;background: url(../images/diagGrey.gif) repeat;height: 25px;vertical-align:bottom;padding-top:5px;
	position: relative;
}
.directory-Bottom a:link, .directory-Bottom a:visited { 
	color: #666666; 
	text-decoration: none; 
}

.directory-Bottom a:hover { 
	color: #666666; 
	text-decoration: underline;
}
.powerpoints {
	background-color: #93BC0F;
	float: right;
	text-align: center;
}
.point {
	font-size: 14px;
	color: #93BC0F;
	background-color: #FFFFFF;
	border: 1px solid #93BC0F;
	top: 12px;
	text-align: center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}