body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	min-width: 889px;
	background:url(images/background.jpg) top left repeat-x #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;

}
#wrapper {
	margin:0 auto;
	width: 889px;
	text-align: left;
}
body#home #wrapper {
	margin:0 auto;
	width: 889px;
	text-align: left;
}
img { border: none; }
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	margin-left: 20px;
	margin-right: 20px;
}
a {color: #fff;
text-decoration: underline;}
h1 {
	font-size: 20px;
	color: #f60;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	position: absolute;
	width: 889px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	top: 10px;
	z-index: 3;
}

body#home h1 {
	top: 445px;	
}
h2 {
	color: #f60;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-left: 20px;
	padding: 10px 0px 10px 0px;
	margin-top: 20px;
}
h3 {
	color: #f60;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 20px;
	padding: 0px;
	margin-top: 20px;
}
hr {display: block; width: 830px; height: 3px; background:url(images/hr.jpg) top left no-repeat; clear:both; border: none;}

#logo {
	position: relative;
	top: 20px;
	padding: 0px;
	margin: 0px;
	left: 325px;
	z-index: 1;
	display: block;
	width: 253px;
	height: 112px;
}
/* menu */
#menu {
position: relative;
padding: 0px;
margin: 0px;
height: 20px;
top: -10px;
z-index: 999;
width: 889px;
background: url(../images/menu-bg.jpg) top left no-repeat;
float: right;
z-index: 7;
}
#nav {
	position: relative;
	width: 889px;
	left: 0px;
	top: -1px;
}
#menu a {
	text-decoration: none;
	color: #fff;
	margin-left: 21px;
	margin-right: 60px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#menu a:hover {
	text-decoration: underline
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu #nav a {
	text-decoration: none;
}
#menu #nav li li a {
	margin-right: 20px;
	line-height: 150%;
	display: block;
	font-weight: normal;
	color: #fff;
}
#menu #nav li li a:hover {
	margin-right: 20px;
	line-height: 150%;
	border-width: 0 5px;
	background-color: #212121;
}
#menu li {
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
	border-width: 1px 0;
}
#menu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #111111;
	padding: 0.5em 0 1em 0;
	z-index: 99;
}
#menu li>ul {
	left: 0px;
	width: 200px;
}
#menu li ul li {
clear: both;
display: block;
width: 100%;
text-align: left;
}
#menu li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
#menu li:hover ul, li.over ul {
	display: block;
}

/* home boxes */
#website-design {
	position: relative;
	float: left;
	background: url(images/home-box1.jpg) top left no-repeat;
	display: block;
	width: 296px;
	height: 307px;
}
#website-redesign {
	position: relative;
	float: left;
	display: block;
	background: url(images/home-box2.jpg) top left no-repeat;
	width: 297px;
	height: 307px;
	z-index: 2;
}
#website-cms {
	position: relative;
	float: right;
	display: block;
	background: url(images/home-box3.jpg) top left no-repeat;
	width: 296px;
	height: 307px;
}

/* Sub page boxes */
#subbox1 {
	position: relative;
	float: left;
	background: #333;
	display: block;
	width: 296px;
	height: 360px;
}
#subbox2 {
	position: relative;
	float: left;
	display: block;
	background: #333;
	width: 297px;
	height: 360px;
	z-index: 2;
}
#subbox3 {
	position: relative;
	float: right;
	display: block;
	background: #333;
	width: 296px;
	height: 360px;
}
#subbox4 {
	position: relative;
	float: left;
	background: #333;
	display: block;
	width: 296px;
	height: 350px;
}
#subbox5 {
	position: relative;
	float: left;
	display: block;
	background: #333;
	width: 297px;
	height: 350px;
	z-index: 2;
}
#subbox6 {
	position: relative;
	float: right;
	display: block;
	background: #333;
	width: 296px;
	height: 350px;
}
#subbox7 {
	position: relative;
	float: left;
	background: #333;
	display: block;
	width: 296px;
	height: 230px;
}

.fullcolumn {
	display: block;
	clear: both;
	width: 887px;
	background: #333;
	padding: 0px;
	margin: 0px;
}
.leftcolumn {
	position: relative;
	float: left;
	background: #333;
	display: block;
	width: 296px;
	height: 170px;
}
.leftcolumn p, .tallleftcolumn p {
	padding: 0px;
	margin: 0px;
	text-align:center;
}
.rightcolumn {
	position: relative;
	float: left;
	display: block;
	background: #333;
	width: 591px;
	z-index: 2;
	height: 170px;
}

.tallleftcolumn {
	position: relative;
	float: left;
	background: #333;
	display: block;
	width: 296px;
}
.tallrightcolumn {
	position: relative;
	float: left;
	display: block;
	background: #333;
	width: 591px;
	z-index: 2;
}

.photocolumn {margin: 0px 0px 10px 0px; color: #fff;}
.photocolumn img {margin: 0px 30px 0px 0px;}

#footer {
	display: block;
	width: 829px;
	clear: both;
	height: 98px;
	background: url(images/footer-bg.jpg) top left no-repeat;
	padding: 30px;
	line-height: 150%;
}
#footersocialmedia {display: block; width: 119px; height: 59px; float: right; text-align: center;}
#footersocialmedia img {margin: 10px;}

/* contact form */
#formwrapper {width:500px; margin-top: 10px;}
.message {background: #333; color:#fff;display:none;width:460px;padding:10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; left: 40px;}
.contact label { display: block; width: 100px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff;}
.contact ul {list-style-type:none;width:390px;}
.contact li {list-style-type:none; margin-bottom: 10px;}
.contact li.special {display:none;}
.contact input {width:260px;}
.contact textarea {width:260px;}
.contact li.submitbutton {margin-left: 100px;}

#promo {position: absolute; top: 0px; left: 0px; z-index: 5;}
.left {float: left;}
.right {float: right; margin-right: 20px;}
.clear {clear: both; display: block; width: 100%; height: 1px;}