/* Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
	font-family:  Helvetica, Arial, sans-serif
}
ol, ul {
	list-style: none;
}

/* End Reset */

a {
 text-decoration: none;
 color: #4e4e4e;
}

a:hover {
 text-decoration: underline;
}

/* Main Styles */

body {
 background: url(img/back.jpg)
}

#wrap {
 width: 960px;
 margin: auto;
}

#header h1 {
 margin-left: 16px;
 background: url(img/logo.png) no-repeat;
 width: 689px;
 height: 335px;
 text-indent: -9999px;
 margin-top: 129px;
}

#header h1 a {
 width: 335px;
 height: 335px;
 display: block;
}

#header p {
 background: url(img/phrase.png) no-repeat;
 width: 587px;
 height: 20px;
 margin: auto;
 text-indent: -9999px;
 margin-top: 13px;
}

#main ul {
 overflow: hidden;
 padding-left: 355px;
 padding-top: 10px;
}

#main ul li {
 float: left;
 padding-bottom: 10px;
}

#main ul li#about {
 width: 118px;
 margin-left: 9px;
 background: url(img/about.png) no-repeat;
 text-indent: -9999px;
}

#main ul li#about a {
 width: 118px;
 display: block;
}

#main ul li#services {
 width: 120px;
 margin-left: -5px;
 background: url(img/services.png) no-repeat;
 text-indent: -9999px;
}

#main ul li#services a {
 width: 118px;
 display: block;
}


#main ul li#demo {
 width: 120px;
 margin-left: -6px;
 background: url(img/demo_on.png) no-repeat;
 text-indent: -9999px;
}

#main ul li#demo a {
 width: 118px;
 display: block;
}


#main ul li#contact {
 width: 118px;
 margin-left: -6px;
 background: url(img/contact.png) no-repeat;
 text-indent: -9999px;
}

#main ul li#contact a {
 width: 118px;
 display: block;
}

#footer p {
 background: url(img/copyright.png) no-repeat;
 width: 370px;
 height: 14px;
 margin: auto;
 text-indent: -9999px;
 margin-top: 183px;
}