/* element styles */

html {
	overflow: scroll;
}

body{
	margin: 0px;
	padding: 0px; 
	background-color: #fff;
}	 

div {
	font-family: arial, verdana, sans-serif;
	font-size: small;
	color: #555152;
}

p {
	font-family: arial, verdana, sans-serif;
	font-size: small;
	color: #555152;
	margin: 0px 0px 10px 0px;
}

li {
	font-size: small;
	color: #555152;
}

td {
	font-size: small;
	color: #555152;
	vertical-align: top;
}

img {
	border: 0px;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 220%;	
	color: #fff;
	margin: 0;
	padding: 0;
}

h2, h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 120%;	
	color: #fff;
	margin: 0 0 10px 0;
}

form {
	margin: 0px;
}

textarea {
	font-family: arial, verdana, sans-serif;
	font-size: small;
}

/* page element styles */ 
 
#main {
	position:relative;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width: 961px;
	padding: 0;
}

#title {
	background: url(../images/banner.png) no-repeat top left;
	padding: 20px 0 0 111px;
	height: 108px;
}

#call {
	position: absolute;
	top: 25px;
	right: 30px;
}

#portfolio {
	float: left;
	width: 170px;
	height: 156px;
	padding: 0 25px 25px 25px;
}

.portfolio_link {
	color: #555152;
}

#items {
	position: relative;
	float: left;
	width: 730px;
	height: 206px;
	overflow: hidden;
}

#items a {
	color: #555152;
}

.item {
	position: absolute;
	width: 730px;
	height: 206px;
}

#item1 {
	left: 0px;
	z-index:99;
}

#item2 {
	left: 730px;
	z-index:98;
}

#item3 {
	left: 1460px;
	z-index:97;
}

#item4 {
	left: 2190px;
	z-index:96;
}

#item5 {
	left: 2920px;
	z-index:95;
}

#item6 {
	left: 3650px;
	z-index:94;
}

#item7 {
	left: 4380px;
	z-index:93;
}

#item8 {
	left: 5110px;
	z-index:92;
}

#midboxtop {
	width: 961px;
	background: url(../images/mid-box-top.png) no-repeat top left;
	height: 25px;
}

#midbox {
	width: 961px;
	background: url(../images/mid-box-bg.png) repeat-y top left;
}

#midbox p {
	color: #fff;
}

#welcome {
	float: left;
	padding: 0 25px 0 25px;
	width: 429px;
}

#testimonials {
	float: left;
	padding: 0 25px 0 25px;
	width: 429px;
}

.client {
	text-align: right;
	margin: -10px 0 15px 0;
	font-weight: bold;
}

#bottombox {
	background: url(../images/bottom-box-bg.png) no-repeat top left;
	width: 961px;
	height: 160px;
}

#design {
	float: left;
	width: 434px;
	padding: 18px 25px 0 25px;
}

#design p  {
	color: #fff;
	font-size: 85%;
	margin: 0;
}

.spaced {
	margin-top: 30px !important;
}

#cms {
	float: left;
	width: 434px;
	padding: 18px 0 0 25px;
}

#cms p  {
	color: #fff;
	font-size: 85%;
}

h3  {
	margin: 0;
}

#footer {
	background: #f8ffea;
	padding: 10px 25px 10px 25px;
}

#footer a {
	color: #555152;
}

.img_left {
	padding: 0 10px 0 0;
}

.img_left25 {
	padding: 0 25px 0 0;
}

.img_right {
	padding: 0 0 0 10px;
}

.bold {
	font-weight: bold;
}	

address {
	font-style: normal;
	display: inline;
}

.grey {
	color: #555152;
}

.blue {
	color: #3b7397;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hide {
	display: none;
}