html {
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
}
body {
	margin: 0px;
	padding: 0px;
	background: #F3F3F4;
}
img {
	border-style: none;
}
a {
	outline:none;
}


.clear {
	clear: both;
}

.clear-line {
	clear: both;
	background:#666666;
	width:100%;
	height:1px;
	margin-bottom:20px;
	
}
#container {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background: #F3F3F4;
}


#top {
	width: 990px;
	height: 191px;
}
#logo {
	float: left;
	width: 211px;
}

#navTop {
	float: left;
	margin-top: 51px;
	margin-left: 41px;
}
#top-right {
	float: right;
	text-align: right;
	font: 16px Georgia;
	color: #7E787B;
}
#animation {
	height: 419px;
	width: 990px;
	border: 1px solid #AFB0B8;
}


#nav-mid {
	float: right;
	margin-top: 32px;
}
#content {
	width: 990px;
	margin-top: 53px;
}
#content-expertise {
	width: 990px;
}

#project-left {
	float: left;
	width: 695px;
}
#project-lef-client {
	float: left;
	width: 550px;
}
#project-right {
	float: right;
	width: 337px;
}
#project-thumbnails {
	height: 418px;
	margin-bottom: 53px;
}
#project-subcats {
	background: #0066CC;
	height: 300px;
	text-align: center;
}
.project-box-wrap-design {
	background: url(images/bg/box-border.png) no-repeat left bottom;
	float: left;
	width: 240px;
	margin-bottom: 6px;
	height: 208px;
	margin-left: 2px;
}
.project-box-content-design {
	border: 1px solid #B5B6BE;
	background: #FFFFFF;
	height: 208px;
	overflow: hidden;
	position: relative;
	padding-top: 2px;
}

.project-box-content-design  h2 {
	margin-bottom: 14px;
	font: bold 16px Arial;
	margin-left: 20px;
	margin-top: 0px;
}
.project-box-wrap {
	background: url(images/bg/box-border.png) no-repeat left bottom;
	padding-bottom: 10px;
	width: 300px;
	margin-bottom: 20px;
	height: 281px;
	padding-left: 10px;
	margin-right: 22px;
	float: left;
}
.project-box-wrap-cat {
	background: url(images/bg/box-border.png) no-repeat left bottom;
	padding-bottom: 10px;
	width: 300px;
	margin-bottom: 20px;
	height: 281px;
	padding-left: 10px;
	margin-right: 22px;
}


.project-box-top {
	height: 36px;
	width: 100%;
	padding-top: 12px;
	margin-top:-2px;
}

.project-box-title-over {
	display:none;
}

.ro:hover img{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.ro:hover .project-box-top h2{
	color:#FFFFFF !important;
}

.ro:hover .project-box-top{
		background:#4C4D4F;
}

.ro:hover .project-box-title{
		background:#4C4D4F !important;
}

.ro:hover .project-box-title-over{
	height: 36px;
	padding-top: 8px;
	padding-right: 16px;
	color: #FFFFFF;
	padding-left: 16px;
	bottom: 0px;
	margin-top: 170px;
	position: absolute;
	width: 100%;
	background:#4C4D4F !important;
	display:block !important;
	font: bold 12px Arial;
	z-index:1;
}

.ro:hover .project-box-title{
	display:none !important;

}

.project-box-content {
	border: 1px solid #B5B6BE;
	background: #FFFFFF;
	height: 279px;
	overflow: hidden;
	position: relative;
	padding-top: 2px;
}



.project-box-content h2 {
	margin-bottom: 14px;
	font: bold 16px Arial;
	margin-left: 20px;
	margin-top: 0px;
}

.project-box-title {
	height: 36px;
	padding-top: 8px;
	padding-right: 16px;
	color: #FFFFFF;
	padding-left: 16px;
	font-family: Arial;
	bottom: 0px;
	margin-top: 170px;
	position: absolute;
	width: 100%;

}

.project-box-title h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 12px;
}
.project-box-title p {
	margin-top: 0px;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 0px;
}
.project-box-title-design {
	height: 36px;
	padding-top: 8px;
	padding-right: 16px;
	color: #FFFFFF;
	padding-left: 16px;
	font-family: Arial;
	bottom: 0px;
	margin-top: 170px;
	position: absolute;
	width: 100%;
}

.project-box-title-design h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 12px;
}
.project-box-title-design p {
	margin-top: 0px;
	font-size: 9px;
	font-style: italic;
	margin-bottom: 0px;
}

#box-wrap div:nth-child(3n+3)
	{
	margin-right:0px;
	
	}

#feature-image {
	height: 418px;
}

#content-projects {
	margin-top: 53px;
	padding-left: 10px;
	font: normal 18px/23px Georgia;
	color: #68696F;
}

#footer {
	height: 172px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#footer-links {
	background: #E7E8E9;
	height: 65px;
	padding-left: 25px;
	font: 11px/18px Georgia;
	color: #666162;
	padding-top: 15px;
	text-align: center;
	position: relative;
}

#content-left {
	width: 655px;
	float: left;
	font: normal 18px/23px Georgia;
	color: #68696F;
}
#content-left-wide {
	width: 980px;
	float: left;
	font: normal 18px/23px Georgia;
	padding-left: 10px;
	color: #68696F;
}

#content-left div:nth-child(2n+3) {
	margin-right: 0px; 
}

#box-wrap div:nth-child(3n+3) {
	margin-right: 0px !important; 
}


#content-left  h1, #project-left h1, #sub-header-left h1, #sub-header-left-cat h1, #project-lef-client h1{
	margin-top: 0px;
	color: #4D4E51;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
}
#content-right {
	float: right;
	width: 273px;
	margin-right: 3px;
}


.content-right-box {
	width: 237px;
	border: 1px solid #B5B6BE;
	background: #FFFFFF;
	font: 14px/18px Georgia;
	color: #2E2F31;
	padding: 17px 10px 17px 14px;
}
.content-right-box-wrap {
	background: url(images/bg/box-border.png) no-repeat left bottom;
	padding-bottom: 10px;
	float: left;
	width: 263px;
	padding-left: 10px;
	margin-bottom: 34px;
}

.content-right-client-box {
	width: 305px;
	border: 1px solid #B5B6BE;
	background: #FFFFFF;
	font: 14px/18px Georgia;
	color: #2E2F31;
	padding: 17px 10px 17px 14px;
}

.content-right-client-wrap {
	background: url(images/bg/box-border.png) no-repeat left bottom;
	padding-bottom: 10px;
	float: right;
	width: 329px;
	padding-left: 10px;
	margin-bottom: 34px;
	margin-top: 65px;
}
.content-right-box h2, .content-right-client-box h2 {
	margin-top: 0px;
	color: #706B6D;
	font: bold 24px Arial;
	margin-bottom: 10px;
}
.content-right-box h3 {
	margin-top: 0px;
	color: #706B6D;
	font: bold 22px Arial;
	margin-bottom: 0px;
}


.right-box-link {
	text-align: right;
	margin-top: 5px;
}
.right-box-link a {
	font: bold 11px Georgia;
	color: #6D6568;
	text-decoration: none;
	padding-right: 23px;
	background: url(images/bg/right-box-link.png) no-repeat right 3px;
}
.right-box-link a:hover {
	color: #63218C;
}


a.link-nav-top {
	color: #AFB0B8;
	display: block;
	text-decoration: none;
	font: bold 17px Arial;
	background: url(images/bg/nav-top.gif) no-repeat left 0px;
	padding-left: 22px;
	margin-bottom: 8px;
}

a.link-nav-top:hover {
	color: #63288C;
	display: block;
	/*background: url(images/bg/nav-top-hover.gif) no-repeat left 0px;*/
	padding-left: 22px;
	margin-bottom: 8px;
}
a.link-nav-mid {
	color: #AFB0B8;
	font: bold 21px Arial;
	text-decoration: none;
	margin-left: 23px;
}
a.link-nav-mid:hover {
	color: #666162;
}
.end {
	margin-right: 0px;
}
.content-left-wide-box-wrap {
	background: url(images/bg/box-border.png) no-repeat left bottom;
	padding-bottom: 10px;
	width: 634px;
	padding-left: 10px;
	margin-bottom: 20px;
	height: 163px;
	margin-right: 20px;
}
.content-left-wide-box {
	width: 629px;
	border: 1px solid #B5B6BE;
	background: #FFFFFF;
	height: 163px;
	padding-top: 2px;
	padding-left: 2px;
	overflow: hidden;
}
.content-right-box p {
	margin-bottom: 0px;
	margin-top: 10px;
}
.content-right-box img {
	margin-top: 10px;

}
.product-box-wrap {
	margin-top: 35px;
	margin-left: -20px;
}
#sub-header-left {
	float: left;
	width: 484px;
	font: normal 18px/23px Georgia;
	color: #68696F;
}
#sub-header-left-cat {
	float: left;
	width: 658px;
	font: normal 18px/23px Georgia;
	color: #68696F;
}

#sub-header-right {
	float: right;
	height: 418px;
	width: 484px;
	overflow: hidden;
}
#sub-header-right-cat {
	float: right;
	height: 300px;
	width: 310px;
	overflow: hidden;
	margin-top: 48px;
}

#text-browse {
	width: 980px;
}
.item-wrap {
	background: url(images/bg/box-border-small.png) no-repeat left top;
	height: 110px;
	width: 100%;
	margin-bottom: 13px;
}
.item-inner {
	background: #FFFFFF url(images/bg/box-border-small.png) no-repeat left top;
	height: 105px;
	width: 100%;
	margin-bottom: 13px;
}

.item-img {
	float: left;
	height: 83px;
	width: 99px;
	margin-top: 10px;
	margin-left: 20px;
	border: 1px solid #939598;
}
.item-title {
	float: left;
	width: 70%;
	margin-top: 29px;
	margin-left: 33px;
}
.link-item {
	font: bold 22px Arial;
	color: #7B7778;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}
.link-item:hover {
	color: #692A91;
}

.item-subtitle {
	font: italic 16px Georgia;
	color: #4C4D4F;
}
#project-thumbnails img {
	margin-bottom: 10px;
	margin-right: 10px;
}
.img-spacer{
	margin-right:0px !important;
}
.mrk {
	color: #666162 !important;
	border-bottom: 5px solid #666162;
}
.tbl-dev {
	font-size: 11px;
	color: #692A91;
	width: 100%;
}
.dev-td {
	border-bottom: 1px solid #F3F3F4;
	border-left: 1px solid #F3F3F4;
	background: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}
.dev-td-b {
	border-bottom: 1px solid #F3F3F4;
	border-left: 1px solid #F3F3F4;
	background: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
}
.field {
	border: 1px solid #AFB0B8;
	width: 250px;
	color: #68696F;
	font: 12px Georgia;
}
#tbl-brief {
	color: #68696F;
	font: 12px Georgia;
}
.field-s {
	border: 1px solid #AFB0B8;
	width: 50px;
	color: #68696F;
	font: 12px Georgia;
}
.hide-feild {
	display: none;
}
.td-1 {
	width: 250px;
}
.td-2 {
	width: 280px;
}
.td-3 {
	width: 180px;
}
.td-4 {
	width: 250px;
}
#content-right a {
	text-decoration: none;
}
#content-left-wide p {
}
.content-right-client-box a {
	color: #6A2D91;
	text-decoration: none;
}
.content-right-client-box h3 {
	color: #4C4D4F;
	text-decoration: none;
	margin-bottom: 5px;
}
.field
	{
	-webkit-border-radius:3px;
	border-radius:3px;
	border: 1px solid #CCCCCC;
	
	font-size: 16px;
	line-height: 100%;
	color: #68696F;
	width: 225px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
.r-msg {
	color: #63288C;
}
.btn-top {
	position: absolute;
	top: 10px;
	right: 10px;
	text-decoration: none;
	color: #692A91;
}