*{
	padding:0;
	margin:0;
	border:none;
}
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.container{
	width:766px;
	margin-left:-46px;
}
.logo{
	background-color:#EC4A1C
}
div.header{
	width:720px;
	height:32px;
	position:relative;
	text-align:left;
	display: block;
	float:right;
	margin-left:46px;
}
div.but1 a{
	display: block;
	height: 32px;
	width: 100px;
	float:left;
	background-image:url(but-home.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.but1 a:hover{
	background-position: 0% 100%;
	}
div.but1d a{
	display: block;
	height: 32px;
	width: 100px;
	float:left;
	background-image:url(but-home.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	}
div.but2 a{
	display: block;
	height: 32px;
	width: 108px;
	float:left;
	background-image:url(but-portfolio.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.but2 a:hover{
	background-position: 0% 100%;
	}
div.but2d a{
	display: block;
	height: 32px;
	width: 108px;
	float:left;
	background-image:url(but-portfolio.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}	
div.but3 a{
	display: block;
	height: 32px;
	width: 104px;
	float:left;
	background-image:url(but-software.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.but3 a:hover{
	background-position: 0% 100%;
	}
div.but3d a{
	display: block;
	height: 32px;
	width: 104px;
	float:left;
	background-image:url(but-software.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;	
}
div.but4 a{
	display: block;
	height: 32px;
	width: 76px;
	float:left;
	background-image:url(but-web.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.but4 a:hover{
	background-position: 0% 100%;
	}
div.but4d a{
	display: block;
	height: 32px;
	width: 76px;
	float:left;
	background-image:url(but-web.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.but5 a{
	display: block;
	height: 32px;
	width: 88px;
	float:left;
	background-image:url(but-mobile.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.but5 a:hover{
	background-position: 0% 100%;
	}
div.but5d a{
	display: block;
	height: 32px;
	width: 88px;
	float:left;
	background-image:url(but-mobile.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	}	
div.but6 a{
	display: block;
	height: 32px;
	width: 125px;
	float:left;
	background-image:url(but-clientportal.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.but6 a:hover{
	background-position: 0% 100%;
	}
div.but6d a{	
	display: block;
	height: 32px;
	width: 125px;
	float:left;
	background-image:url(but-clientportal.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
div.but7 a{
	display: block;
	height: 32px;
	width: 119px;
	float:left;
	background-image:url(but-contact.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
div.but7 a:hover{
	background-position: 0% 100%;
	}
div.but7d a{	
	display: block;
	height: 32px;
	width: 119px;
	float:left;
	background-image:url(but-contact.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
.latestwork {
	margin-left:46px;
}
.info{
		width:275px;
		height:150px;
		background-color:#ededed;
		float:left;
}
.preview{
		width:445px;
		height:150px;
		float:right;
}
.clearfix{
	clear:both;
}
.desc{
	height:86px;
	padding:20px 18px 16px;
}
.desc p{
	font-size:11px;
	color:#606060;
	line-height:1.4em;
}
.titledesc{
	padding-bottom:7px;
}
.previewnav{
	padding:0 18px;
}
.projecttype{
	font-size:11px;
	color:#ec4a1c;
	float:left;	
}
.bullets{
	list-style:none;
	float:right;
}
.bullets li{
	display:inline;
	width:20px;
	height:14px;
}
.bullets li a{
	display:block;
	float:left;
	width:20px;
	height:14px;
	background-image:url(bul.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.bullets li a:hover, .bullets li a:active, .bullets li a:focus{
	background-position:bottom;
}
.previewul{
	list-style:none;
}
.hide{
	display:none;
}
.homelist{
	list-style-image:url(bullet.jpg);
}
.homelist li{
	color:#606060;
	margin-left:33px;	
	padding-top:7px;
}

.homelist2{
	list-style-image:url(bullet.jpg);
}
.homelist2 li{
	color:#606060;
	margin-left:45px;	
	padding-top:7px;
}
.viewmore{
	color:#ec4a1c;
	text-decoration:none;
	display:block;
	margin:7px 0 0 18px;
}
.viewmore2{
	color:#ec4a1c;
	text-decoration:none;
}
.viewmore:hover, .viewmore2:hover{
	color:#606060;	
}
.vcard, .textabout{
	text-align:left;
	color:#606060;
	font-size:11px;
	margin:12px 21px;
	line-height:1.4em;
}
.textabout a{
	color:#ec4a1c;
	text-decoration:none;
}
.textabout a:hover{
	color:#606060;
}
.footer{
	width:720px;
	height:30px;
	background-color:#ec4a1c;
	position:absolute;
	bottom:0;
	margin:60px auto 0;
}
.footer2 {
	width:720px;
	margin-left:-46px;
	height:40px;
	background-color:#606060;
}
.footer2 p{
	color:#fff;
	text-align:left;
	font-size:11px;
	padding:14px 12px 12px 17px;
}
.thumb-portfolio{
	background-color:#EDEDED;
	height:230px;
	width:220px;
	
}
.thumb-title{
	font-weight:bold;
	font-size:11px;
	padding:10px 10px 0 10px;
}
.thumb-text{
	font-size:11px;
	text-align:left;
	color:#606060;
	padding:7px 10px;
}
.thumb-box{
	height:190px;
	margin-top:10px;
}
.thumb-box2{
	height:220px;
	margin-top:10px;
}

.list{
	list-style-image:url(bullet.jpg);
}
.list-case{
	list-style-image:url(bullet.jpg);
	font-size:11px;
}
.list-case2{
	list-style-image:url(bullet2.jpg);
	font-size:11px;
}
.list-case li, .list-case2 li{
	color:#606060;
	margin-left:33px;	
	padding-top:7px;
	font-size:11px;
}

.list li, .list2 li{
	color:#606060;
	margin-left:33px;	
	padding-top:7px;
}
.text{
	font-size:12px;
	color:#606060;
	text-align:left;
}
.title{
	font-size:13px;
	color:#EC4A1C;
	margin:10px 0 5px;
}
.titlecontact{
	color:#EC4A1C;
	font-size:12px;
	text-align:left;	
	color:#606060;
}
.myform{
	border:1px solid #ccc;
	padding:2px;
}
.tablecontact td{
	padding:3px;
}
.products-desc{
    color: #606060;
    font-size: 11px;
    line-height: 1.4em;
    margin: 25px 0 0;
    padding: 10px 15px 10px 0;
    text-align: left;
}
.linkorange{
	color:#EC4A1C;
	text-decoration:none;
}
.linkorange:hover{
	color: #000;
}

