* {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
html {
	border-top-width: 0px; border-left-width: 0px; font-size: 12px; background: #eef; border-bottom-width: 0px; color: #666666; line-height: 16px; font-family: arial, helvetica, sans-serif; border-right-width: 0px
}
body {
	border-top-width: 0px; border-left-width: 0px; font-size: 12px; background: #eef; border-bottom-width: 0px; color: #666666; line-height: 16px; font-family: arial, helvetica, sans-serif; border-right-width: 0px
}
a {
	color: #055ca9
}
a:hover {
	text-decoration: none
}
p {
	margin: 12px 0px 0px
}
#container1 {
	border-right: #dfdfdf 1px solid; border-top: #dfdfdf 1px solid; margin: 12px auto 0px; border-left: #dfdfdf 1px solid; width: 850px; border-bottom: #dfdfdf 1px solid; background-color: #ffffff
}
#container2 {
	padding-right: 0px; padding-left: 0px; padding-bottom: 22px; margin: 0px auto; width: 796px; padding-top: 0px
}
#header {
	margin: 0px 0px 9px; width: 796px; position: relative; height: 100px
}
#logo {
	width: 275px; position: relative; height: 100px; display: inline; float: left
}
#head-text {
	width: 385px; display: inline; float: left  
}
#head-text h1 {
	margin-top: 52px; font-family: arial, helvetica, sans-serif; font-size: 16px; color: #bcbdc1; font-weight: normal; line-height: 20px; 
}
#phone {
	width: 130px; height: 100px; float: left; display: inline
}
img.logo {
	float: left; margin: 13px 0px 0px
}
img.phone {
	float: right; margin-top: 56px
}
#content {
	width: 796px
}
#left-column {
	float: left; width: 189px
}
#news-box {
	border-right: #e6f1e6 1px solid; padding-right: 11px; border-top: #e6f1e6 1px solid; padding-left: 12px; padding-bottom: 2px; margin: 19px 0px 0px; border-left: #e6f1e6 1px solid; width: 156px; padding-top: 14px; border-bottom: #e6f1e6 1px solid; background-color: #efedfa
}
#news-box1 {
	border: #e6f1e6 1px solid; padding-right: 11px; padding-left: 12px; padding-bottom: 2px; margin: 19px 0px 0px; width: 156px; padding-top: 14px; background-color: #fff
}
#news-box2 {
	border: #e6f1e6 1px solid; padding-right: 11px; padding-left: 12px; padding-bottom: 2px; margin: 19px 0px 0px; width: 156px; padding-top: 14px; background-color: #fff
}
p.news-item {
	font-size: 11px; margin: 11px 0px 13px; line-height: 14px; text-align: left
}
#right-column {
	float: left; width: 607px
}
#main-banner {
	width: 607px; height: 165px; float: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #777; text-align: justify; font-weight: normal; margin-left: 5px
}
#seo {
	background: url(../images/seo.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px
}
#graphics {
	background: url(../images/graphics.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px
}
#flash {
	background: url(../images/flash.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#maintenance {
	background: url(../images/maintenance.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#web-design {
	background: url(../images/design.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#web-site-design {
	background: url(../images/design1.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#right-column-center {
	padding-right: 0px; padding-left: 11px; float: left; padding-bottom: 0px; width: 390px; padding-top: 15px
}
#right-column-portfolio {
	padding-right: 0px; padding-left: 11px; float: left; padding-bottom: 0px; width: 600px; padding-top: 15px
}
#center-box {
	border-right: #c0cde7 1px solid; padding-right: 13px; border-top: #c0cde7 1px solid; padding-left: 13px; background: url(../images/box-top.gif) repeat-x; float: left; padding-bottom: 17px; margin: 13px 0px 0px; border-left: #c0cde7 1px solid; width: 362px; padding-top: 13px; border-bottom: #c0cde7 1px solid
}
.center-box2 {
	border-right: #c0cde7 1px solid; padding-right: 13px; border-top: #c0cde7 1px solid; padding-left: 13px; background: url(../images/box-top.gif) repeat-x; float: left; padding-bottom: 17px; margin: 13px 0px 0px; border-left: #c0cde7 1px solid; width: 362px; padding-top: 13px; border-bottom: #c0cde7 1px solid
}
#right-column-right {
	padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 5px; margin: 0px; width: 186px; padding-top: 13px; background-color: #fff
}
.folio {
	margin-right: 8px; float: left; padding-left: 0px; padding-bottom: 5px; width: 190px; background-color: #fff; display: inline; border: #c0cde7 1px solid; margin-top: 10px; margin-bottom: 10px; height: 235px
}
.more {
	margin-right: 8px; float: right; background-color: #fff; margin-top: 10px; 
}
p.sites {
	margin-top: 5px; text-align: left; font-size: 11px; margin-left: 2px; margin-right: 2px
}
p.map {
	margin-top: 5px; text-align: left; margin-bottom: 5px
}
#mmc-design {
	background: url(../images/mmc.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid
}
#professional {
	background-color: #fff
}
#portfolio1 {
	background: url(../images/cloud-nine.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; 
}
#portfolio2 {
	background: url(../images/andrew-price.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#portfolio3 {
	background: url(../images/thermoforming.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#portfolio4 {
	background: url(../images/moorhen.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#portfolio5 {
	background: url(../images/ballgowns.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#portfolio6 {
	background: url(../images/datainsight.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#portfolio7 {
	background: url(../images/malcolm.jpg) no-repeat; margin: 11px 0px 0px; width: 186px; height: 100px; border: #c0cde7 1px solid 
}
#who-we-are-main {
	background: url(../images/who-we-are1.jpg) no-repeat; margin: 50px 0px 0px; width: 186px; height: 100px
}
p.right-text {
	line-height: 14px; text-align: left
}
#footer {
	margin: 5px 0px 40px; color: #878787; text-align: center
}
#footer a {
	color: #878787; text-decoration: none
}
#footer a:hover {
	text-decoration: underline
}
.blue {
	color: #055ca9
}
.bottom {
	font-size: 11px
}
h2 {
	font-size: 15px; color: #055ca9; padding-top: 5px; font-weight: bold
}
h3 {
	font-size: 12px; color: #055ca9; margin-top: -7px; font-weight: bold
}
h4 {
	font-size: 12px; color: #055ca9; margin-top: -7px; font-weight: bold
}
h5 {
	font-size: 12px; color: #055ca9; padding-top: 5px; font-weight: bold
}
h6 {
	font-size: 12px; color: #878787; padding-top: 5px; font-weight: normal
}
p.head {
	font-size: 14px; color: #055ca9; font-weight: bold
}
.clear {
	clear: both
}
ul {
             margin-top: 10px
}
li {
             font-weight: normal; font-size: 12px; margin: 0px 0px 0px 18px; color: #666; font-family: arial, helvetica, sans-serif
}