/* START: CSS for Portfolio Webapps */

div#filter-area label {
	float: left;
	width: 50px;
	line-height: 14px;	
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: 100;
	color: #ceb8af;
	margin: 13px 0;
}

div#filter-area select#filter {
	float: left;
	clear: right;		
	margin: 11px 0;
	width: 150px;
}

/* START: CSS for Portfolio Webapps List View */

ul#portfolio-squares, ul#portfolio-squares li {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#portfolio-squares {
	float: left;
	width: 720px;
}

ul#portfolio-squares li {
	float: left;
	height: 258px;
	width: 215px;
	margin: 0 37px 18px 0;
	overflow: hidden;
}

ul#portfolio-squares li#row-3, ul#portfolio-squares li#row-6, ul#portfolio-squares li#row-9, ul#portfolio-squares li#row-12, ul#portfolio-squares li#row-15, ul#portfolio-squares li#row-18, ul#portfolio-squares li#row-21, ul#portfolio-squares li#row-24, ul#portfolio-squares li#row-27 {
	clear: right;
	margin: 0 1px 18px 0;
}

ul#portfolio-squares li a {
	display: block;
	height: 258px;
	width: 215px;
	text-decoration: none;
}

ul#portfolio-squares li a img {
	width: 209px;
	height: 214px;
	border: 3px solid #ede6e2;
}

ul#portfolio-squares li a img:hover {
	border: 3px solid #BBB1AC;
}

ul#portfolio-squares li a p {
	line-height: 38px;
	font-size: 12px;
	color: #ceb8af;
	font-weight: 800;
	margin: 0 3px;
}

ul#portfolio-squares li a p:hover {
	color: #bbb1ac;
}

/* START: CSS for Webssite Design & Email Marketing List View */

body#portfolio-website-design ul#portfolio-squares, body#portfolio-email-marketing ul#portfolio-squares {
	float: left;
	width: 720px;
}

body#portfolio-website-design ul#portfolio-squares li, body#portfolio-email-marketing ul#portfolio-squares li {
	float: none;
	clear: none;
	display: block;
	width: 717px;
	height: 328px;	
	margin: 0 0 21px 0;
}

body#portfolio-website-design ul#portfolio-squares li a, body#portfolio-email-marketing ul#portfolio-squares li a {
	height: 328px;
	width: 717px;
	overflow: hidden;
}

body#portfolio-website-design ul#portfolio-squares li a img, body#portfolio-email-marketing ul#portfolio-squares li a img {
	width: 711px;
	height: 286px;
	overflow: hidden;
}

/* END: CSS for Webssite Design & Email Marketing List View */

ul#pagingNumbers, ul#pagingNumbers li {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#pagingNumbers {
	float: right;
	clear: both;
	width: auto;
}

ul#pagingNumbers li {
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-align: center;
	color: #3C4053;
	line-height: 24px;
	border: 3px solid #e8e0dc;
	margin: 0 9px 0 0;
	background: #FFFFFF;
	cursor: pointer;
}

ul#pagingNumbers li.next {
	background: #ffffff url('/images/arrow-right.png') no-repeat 8px 50%;
	text-indent: -9999px;
}

ul#pagingNumbers li#next-button.disabled {
	background: #ffffff url('/images/arrow-right-disabled.png') no-repeat 8px 50%;
	text-indent: -9999px;
}

ul#pagingNumbers li.prev {
	background: #ffffff url('/images/arrow-left.png') no-repeat 8px 50%;
	text-indent: -9999px;
}

ul#pagingNumbers li#prev-button.disabled {
	background: #ffffff url('/images/arrow-left-disabled.png') no-repeat 8px 50%;
	text-indent: -9999px;
}

ul#pagingNumbers li:hover {
	border: 3px solid #bbb1ac;
}

ul#pagingNumbers li.disabled:hover {
	border: 3px solid #e8e0dc;
}

ul#pagingNumbers li a {
	display: block;
	width: 24px;
	height: 24px;
	color: #3C4053;
	line-height: 24px;
	text-decoration: none;
}

ul#pagingNumbers li.current a {
	color: #dd4883;
}

/* END: CSS for Portfolio Webapps List View */

/* START: CSS for Portfolio Webapps Detailed View */

div#portfolio-area {
	float: left;
	clear: both;
	width: 720px;
	overflow: hidden;
}

div#portfolio-area div#portfolio-area-top.hr {
	margin: 6px 0 32px 0;
}

div#portfolio-area div#item-content {
	float: left;
	width: 466px;
	margin: 0 36px 0 0;
}

div#portfolio-area div#testimonials-box {
	margin: 0 3px 0 0;
	clear: right;
}

.request-quote-text, a#request-button {
	display: none;
}

ul#social-functions, ul#social-functions li {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#social-functions {
	float: left;
	clear: both;
	width: 466px;
}

ul#social-functions li {
	float: left;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	text-align: center;
	color: #6e707e;
	font-size: 11px;
}

ul#social-functions li a:link, ul#social-functions li a:visited {
	display: inline;
	height: 15px;
	line-height: 15px;
	color: #6e707e;
	font-size: 11px;
	text-decoration: none;
}

ul#social-functions li a:hover, ul#social-functions li a:active {
	color: #2b2e3c;
	text-decoration: none;
}

ul#social-functions li#comments {
	width: 164px; /* 176px */
	padding: 0 3px 0 0;
	background: url('/images/bg-li-social-functions.png') no-repeat top right;
}

ul#social-functions li#comments a {
	width: 164px;
}

ul#social-functions li#comments a img {
	margin: 0 0 0 10px;
}

ul#social-functions li#share {
	width: 130px; /* 145px */
	padding: 0 18px 0 0;
	background: url('/images/bg-li-social-functions.png') no-repeat top right;
}

ul#social-functions li#share label {
	float: left;
	width: 60px;
	padding: 0 0 0 20px;
}

ul#social-functions li#share a#facebook {
	float: left;
	width: 20px;
	text-indent: -9999px;
	background: url('/images/bg-li-social-functions-facebook-link.png') no-repeat 50% 50%;
}

ul#social-functions li#share a#twitter {
	float: left;
	clear: right;
	width: 20px;
	text-indent: -9999px;
	background: url('/images/bg-li-social-functions-twitter-link.png') no-repeat 50% 50%;
}

ul#social-functions li#refer {
	width: 130px; /* 145px */
	padding: 0 18px 0 0;
}

ul#social-functions li#refer a {
	display: block;
	width: 130px;
	background: url('/images/bg-li-social-functions-refer-link.png') no-repeat top right;
}

div#comments-area, div#refer-area {
	float: left;
	clear: both;
	width: 466px;
	overflow: hidden;
	margin: 0;
	height: 100%;
}

div#comments-area div.hr, div#refer-area div.hr {
	clear: both;
}

div.comment-container {
	float: left;
	clear: both;
	border: none;
	background: none;
}

div.comment-container div.header {
	display: block;
	width: 460px; /* 466px */
	height: 26px;
	overflow: hidden;
	background: #F6F2F0;
	font-size: 11px;
	padding: 0;
	border: 3px solid #E8E0DC;
}

div.comment-container div.header span.name {
	float: left;
	color: #666666;
	line-height: 26px;
	margin: 0 4px 0 18px;
	display: inline; /* IE6 HACK */
}

div.comment-container div.header span.name a:link, div.comment-container div.header span.name a:visited {
	color: #D61260;
	text-decoration: none;
}

div.comment-container div.header span.name a:hover, div.comment-container div.header span.name a:active {
	color: #D61260;
	text-decoration: underline;
}

div.comment-container div.header span.date {
	float: left;
	line-height: 26px;
}

div.comment-container div.header span.star-rating {
	float: right;
	clear: right;
	line-height: 26px;
	margin: 0 18px 0 0;
	display: inline; /* IE6 HACK */
}

div.comment-container div.header span.star-rating img {
	margin: 6px 0;
}

div.comment-container div.content {
	display: block;
	width: 424px; /* 466px */
	padding: 10px 18px;
	background: #FFFFFF;
	border-left: 3px solid #E8E0DC;
	border-right: 3px solid #E8E0DC;
	border-bottom: 3px solid #E8E0DC;
	font-size: 11px;
}

div.comment-form {
	float: left;
	clear: both;
	width: 454px; /* 466px */
	padding: 0 3px;
	margin: 0;
	border: none;
	background: none;
}

input.rating {
	margin: 0 5px;
}

div.comment-form textarea#RFeedback {
	width: 448px;
}

/* END: CSS for Portfolio Webapps Detailed View */

/* START: CSS for Slider on Home Page/Portfolio Webapps Detailed View */

div#slider-area {
	float: left;
	clear: both;
	width: 711px;
	height: 286px;
	margin: 0 0 9px 0;
	overflow: hidden;
	border: 3px solid #E8E0DC;
}

div#slider-area ul, div#slider-area ul li {
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#right-col span#comments {
	float: left;
	height: 30px;
	width: 375px;
	line-height: 30px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #CEB8AF;
}

body#home div#right-col span#comments {
	width: 336px; /* 375px */
	margin: 0 0 14px 0;
}

div#slider-pag {
	float: right;
	clear: right;
	height: 30px;
	margin: 0 3px 14px 0;
}

div#slider-pag span#prevBtn {
	float: left;
	margin: 0;
}

div#slider-pag span#nextBtn {
	float: left;
	clear: right;
	margin: 0;
}

div#slider-pag ol#controls, div#slider-pag ol#controls li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 9px;
}

div#slider-pag ol#controls li {
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-align: center;
	color: #3C4053;
	line-height: 24px;
	border: 3px solid #e8e0dc;
	margin: 0 9px 0 0;
	padding: 0;
	background: #FFFFFF;
	cursor: pointer;
	display: inline; /* IE6 HACK */
}

div#slider-pag ol#controls li:hover {
	border: 3px solid #bbb1ac;
}

div#slider-pag ol#controls li a {
	display: block;
	width: 24px;
	height: 24px;
	color: #3C4053;
	line-height: 24px;
	text-decoration: none;
}

div#slider-pag ol#controls li.current a {
	color: #dd4883;
}

/* END: CSS for Slider on Home Page/Portfolio Webapps Detailed View */

/* END: CSS for Portfolio Webapps */