#portfolio-box {
	width:977px;
	float:left;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:10px;
}
#project-detail {
	width:466px;
	float:left;
	padding:0 0 0 10px;
}
#project-detail h3 {
	padding:0 0 7px 0;
	margin:0px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:10px;
	font-size:22px;
	font-weight:normal;
	color:#000;
}
#project-detail h3.top {
	padding:16px 0 9px 0;
}
#project-detail h3 span.green {
	font-size:22px;
	font-weight:normal;
	color:#618c04;
}
#project-detail h3 span {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#535353;
}
#project-detail h3 span a {
	color:#a5b24a;
	text-decoration:underline;
}
#project-detail h3 span a:hover {
	color:#535353;
	text-decoration:underline;
}
#project-detail h4 {
	font-size:12px;
	font-weight:bold;
	padding-bottom:8px;
	padding-top:10px;
}
#project-detail p {
	color:#808080;
	padding-bottom:0px;
}
.services-iconlist {
	list-style: none;
	padding-bottom:5px;
}
.services-iconlist li {
	display:inline;
	position: relative;
	text-align: center;
	margin-right:12px;
}
.services-iconlist a {
	display: inline;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background: url(images/button.gif) no-repeat center center;
}
.services-iconlist li em {
	background:#000;
	position: absolute;
	width:170px;
	top: -50px;
	left: -10px;
	text-align: center;
	padding:5px;
	font-style: normal;
	z-index: 2;
	display: none;
	color:#FFF;
	font-size:11px;
	border:2px solid #666;
}
.functionality-list {
	list-style-type:none;
	padding:0px 0 0 0;
}
.functionality-list li {
	width:170px;
	display:inline;
	float:left;
	background:url(../images/bullet-list.gif) left 6px no-repeat;
	padding-left:15px;
}
.client-project {
	width:466px;
	overflow:hidden;
	padding-bottom:15px;
}
.icon1 {
	width:60px;
	float:left;
	background:url(../images/web-design-icon.gif) left 7px no-repeat;
	height:65px;
}
.testimonial-icon {
	width:50px;
	float:left;
	background:url(../images/testimonial-icon.gif) left 7px no-repeat;
	height:65px;
}
.icon {
	width:40px;
	float:left;
	height:55px;
	padding-top:10px;
}
.casestudy-icon {
	width:50px;
	float:left;
	background:url(../images/case-studies-icon.gif) left 7px no-repeat;
	height:65px;
}
.mid-box {
	width:406px;
	float:left;
	background:url(../images/middle-repeater.gif) left top repeat-y;
	margin-top:10px;
}
.top-corner {
	width:406px;
	float:left;
	background:url(../images/top-corner.gif) left top no-repeat;
}
.bottom-corner {
	width:381px;
	float:left;
	background:url(../images/bottom-corner.gif) left bottom no-repeat;
	padding:8px 10px 8px 15px;
	font-size:11px;
	color:#6c6c6c;
	font-weight:normal;
}
.bottom-corner p {
	padding-bottom:0px;
}
.bottom-corner a {
	color:#889918;
	text-decoration:none;
}
.bottom-corner a:hover {
	color:#000;
	text-decoration:none;
}
a.reveal {
	cursor: pointer;
}
#project-screen {
	width:460px;
	float:right;
	padding:0 10px 0 0;
	overflow:hidden;
	height:415px;
}
#pre-next {
	width:460px;
	float:left;
	height:34px;
	padding:10px 0 0 0;
}
.previous-project {
	float:right;
	padding-right:10px;
}
.next-project {
	float:right;
}
#screenshot {
	width:458px;
	float:left;
	border:1px solid #e5e5e5;
}
#project-nambox {
	width:967px;
	float:left;
	padding:20px 0 10px 10px;
	margin-bottom:0px;
}
#project-nambox.padtop {
	width:967px;
	float:left;
	padding:0px 0 10px 10px;
	margin-bottom:0px;
}
.project {
	width:96px;
	float:left;
	padding-top:6px;
}
.project-a {
width:871px;
	float:left;
}
.project-b {
	width:205px;
	float:left;
	border-right:1px solid #ededed;
	padding:0 0 0 20px;
}
.project-b1 {
	width:225px;
	float:left;
	border-right:1px solid #ededed;
	padding:0 0 0 0px;
}
.project-c {
	width:205px;
	float:left;
	border-right:1px solid #ededed;
	padding:0 0 0 20px;
}
.project-c1 {
	width:225px;
	float:left;
	border-right:1px solid #ededed;
	padding:0 0 0 0px;
}
.bor-right {
	border-right:none;
}
.project-d {
	width:189px;
	float:left;
	padding:0 0 0 20px;
}
.project-d1 {
	width:209px;
	float:left;
	padding:0 0 0 0px;
}
.project-nav {
	margin:0px;
	padding:0px;
	list-style-type:none;
	color:#f47f20;
	font-size:14px;
	line-height:16px;
}
.project-nav li {
	margin:0px;
	padding:0px 0px 6px 20px;
	width:196px;
	border-right:1px solid #ededed;
	
	float:left;
}
.bottomborder
{
border-bottom:1px solid #ededed;
}
.project-nav li.last {
	border-right:none;
}
.project-nav li.none {
	background:none;
}
.project-nav li a {
	color:#f47f20;
	text-decoration:none;
	padding:3px 0 0 12px;
	widows:175px;
	height:38px;
	display:block;
}
.project-nav li a span {
	font-size:11px;
	font-weight:normal;
	color:#555555;
	padding:0px;
}
.project-nav li a:hover {
	color:#fff;
	text-decoration:none;
	background:url(../images/project-hoverbg.gif) left top no-repeat;
	widows:175px;
	height:38px;
	display:block;
}
.project-nav li a:hover span {
	color:#a9a9a9;
	text-decoration:none;
}
.project-nav li a.active {
	color:#000;
	text-decoration:none;
	background:url(../images/project-activebg.gif) left top no-repeat;
	widows:175px;
	height:38px;
	display:block;
}
.project-nav li a.active span {
	color:#555555;
	text-decoration:none;
}
.viewall-nav {
	margin:0px;
	padding:0px;
	list-style-type:none;
	color:#f47f20;
	font-size:14px;
	line-height:16px;
}
.viewall-nav li {
	margin:0px;
	padding:20px 0px 5px 20px;
	border-bottom:1px solid #ededed;
}
.viewall-nav li a {
	color:#f47f20;
	text-decoration:none;
	padding:3px 0 0 12px;
	widows:175px;
	height:38px;
	display:block;
}
.viewall-nav li a span {
	font-size:11px;
	font-weight:normal;
	color:#555555;
	padding:0px;
}
.viewall-nav li a:hover {
	color:#fff;
	text-decoration:none;
	background:url(../images/project-hoverbg.gif) left top no-repeat;
	width:175px;
	height:38px;
	display:block;
}
.viewall-nav li a:hover span {
	color:#a9a9a9;
	text-decoration:none;
}
.viewall-nav li.none {
	margin:0px;
	padding:20px 0px 20px 20px;
	border-bottom:none;
}
.viewall-nav li span {
	color:#555555;
	text-decoration:none;
	font-size:11px;
}
.viewall-nav li p {
	font-size:11px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.viewall-nav li p img {
	vertical-align:middle;
	margin-right:3px;
}
.viewall-nav li p img.visit {
	vertical-align:middle;
	margin-right:4px;
	margin-left:5px;
}
.viewall-nav li p a.view {
	color:#717171;
	text-decoration:none;
}
.viewall-nav li p a:hover.view {
	color:#a5b24a;
	text-decoration:none;
}
.viewall-nav li p a.visit {
	color:#a5b24a;
	text-decoration:none;
}
.viewall-nav li p a:hover.visit {
	color:#535353;
	text-decoration:none;
}
#paginationbox {
	width:460px;
	float:left;
	padding:12px 0 0 0;
	overflow:hidden;
}
.view-image {
	float:left;
	padding-left:10px;
	font-size:11px;
}
.view-image img {
	cursor:pointer;
}
.view-image a {
	color:#8e9f1d;
	text-decoration:underline;
}
.view-image a:hover {
	color:#000;
	text-decoration:none;
}
.select-screenshot {
	padding-left:230px;
	float:left;
	font-size:11px;
	color:#555555;
}
.select-screenshot-multi {
	padding-left:224px;
	float:left;
	font-size:11px;
	color:#555555;
}
.paging {
	float:right;
	text-align:right;
	padding-right:10px;
	overflow:hidden;
}
.pre-next {
	display:block;
	float:left;
}
a.pre-next {
	background:url(../images/left-btn.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
	color:#888888;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
a:hover.pre-next, a.current1 {
	color:#fff;
	background:url(../images/left-btn-hov.gif) no-repeat left top;
	padding:0 0 0 7px;
}
a.pre-next span {
	display:block;
	background:url(../images/right-btn.gif) no-repeat right top;
	padding:0px 10px 10px 7px;
	color:#888888;
}
a.pre-next span img {
	vertical-align:middle;
	margin:0px 0 0 4px;
}
a:hover.pre-next span, a.current1 span {
	color:#fff;
	background:url(../images/right-btn-hov.gif) no-repeat right top;
	padding:0px 10px 10px 7px;
}
.pre-next2 {
	display:block;
	float:left;
}
a.pre-next2 {
	background:url(../images/left-btn2.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
	color:#888888;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
a:hover.pre-next2, a.current {
	color:#fff;
	background:url(../images/left-btn2-hov.gif) no-repeat left top;
	padding:0 0 0 7px;
}
a.pre-next2 span {
	display:block;
	background:url(../images/right-btn2.gif) no-repeat right top;
	padding:0px 10px 10px 7px;
	color:#888888;
}
a.pre-next2 span img {
	vertical-align:middle;
	margin:0px 0 0 4px;
}
a:hover.pre-next2 span, a.current span {
	color:#fff;
	background:url(../images/right-btn2-hov.gif) no-repeat right top;
	padding:0px 10px 10px 7px;
}
.black-text {
	color:#000;
}
/********************************** Portfolio Tab ****************************/

#portfolio-tab {
	FLOAT: left;
	WIDTH:650px;
	LINE-HEIGHT: normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#portfolio-tab ul {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
#portfolio-tab li {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(../images/left.gif) no-repeat left top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 5px 0 0;
	PADDING-TOP: 0px;
}
#portfolio-tab a {
	PADDING-RIGHT: 16px;
	DISPLAY: block;
	PADDING-LEFT: 7px;
	BACKGROUND: url(../images/right.gif) no-repeat right top;
	FLOAT: left;
	PADDING-BOTTOM: 10px;
	COLOR: #303030;
	PADDING-TOP: 9px;
	TEXT-DECORATION: none;
}
#portfolio-tab a {
	FLOAT: none;
}
#portfolio-tab a:hover {
	COLOR: #e45028;
}
#portfolio-tab #current {
	BACKGROUND-IMAGE: url(../images/left_on.gif);
}
#portfolio-tab #current a {
	BACKGROUND-IMAGE: url(../images/right_on.gif);
	PADDING-BOTTOM: 11px;
	COLOR: #e45028;
	font-weight:bold;
}
/********************************** Portfolio Tab 2 ****************************/
#portfolio-tab2 {
	FLOAT: left;
	WIDTH:650px;
	LINE-HEIGHT: normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#portfolio-tab2 ul {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
#portfolio-tab2 li {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(../images/left1.gif) no-repeat left top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 5px 0 0;
	PADDING-TOP: 0px;
}
#portfolio-tab2 a {
	PADDING-RIGHT: 16px;
	DISPLAY: block;
	PADDING-LEFT: 7px;
	BACKGROUND: url(../images/right1.gif) no-repeat right top;
	FLOAT: left;
	PADDING-BOTTOM: 10px;
	COLOR: #303030;
	PADDING-TOP: 9px;
	TEXT-DECORATION: none;
}
#portfolio-tab2 a {
	FLOAT: none;
}
#portfolio-tab2 a:hover {
	COLOR: #e45028;
}
#portfolio-tab2 #current {
	BACKGROUND-IMAGE: url(../images/left_on1.gif);
}
#portfolio-tab2 #current a {
	BACKGROUND-IMAGE: url(../images/right_on1.gif);
	PADDING-BOTTOM: 11px;
	COLOR: #e45028;
	font-weight:bold;
}
.right-header-content {
	float:right;
	padding:5px 33px 0 0;
	width:300px;
	text-align:right;
}




.popupmessage {
	list-style: none;
	padding-bottom:5px;
}
.popupmessage li {
	display:inline;
	position: relative;
	text-align: center;
	margin-right:12px;
}
.popupmessage a {
	display: inline;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background: url(images/button.gif) no-repeat center center;
}
.popupmessage li em {
	background:#000;
	position: absolute;
	width:170px;
	top: -20px;
	left: 80px;
	text-align: center;
	padding:5px;
	font-style: normal;
	z-index: 2;
	display: none;
	color:#FFF;
	font-size:11px;
	border:2px solid #666;
}
#project-nambox {
	width:977px;
	float:left;
	padding:20px 0 10px 0px;
	margin-bottom:0px;
}
.project {
	width:96px;
	float:left;
	padding-top:6px;
	padding-left:10px;
}