html,body {
	margin: 			0;
	padding: 			0;
	font-weight: 		inherit;
	font-style: 		inherit;
	font-size: 			100%;
	font-family: 		inherit;
	vertical-align: 	baseline;
	border-left: 		0;
}

body {
	line-height: 		1;
	color: 				black;
	background: 		white;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

ol,ul {
	list-style: 		none;
}

table {
	border-collapse:	separate;
	border-spacing:		0;
}

caption,th,td {
	text-align: 		left;
	font-weight: 		normal;
}

.clearfix:after {
	content: 			".";
	display: 			block;
	height: 			0;
	clear: 				both;
	visibility: 		hidden;
}

.clearfix {
	display: 			inline-block;
}

* html .clearfix {
	height: 			1%;
}

.clearfix {
	display: 			block;
}

p,h1,h2,h3,h4,h5,h6,ul,ol {
	margin-bottom: 		0.5em;
}

a img,img {
	border: 			none;
	display: 			block;
}

a {
	text-decoration:none;
	color: 				#252e1c;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:		bold;
}

h1 {
	font-size: 			197%;
}  /* 26px */
h2 {
	font-size: 			182%;
}  /* 24px */
h3 {
	font-size: 			167%;
}  /* 22px */
h4 {
	font-size: 			152%;
}  /* 20px */
h5 {
	font-size: 			136%;
}  /* 18px */
h6 {
	font-size:			122%;
}  /* 16px */
body {
	font-size: 			14px;
	font-family:		Arial;
	text-align: 		center;
	background-color:	#f0f0f0;
	background-image:	url(img/background.gif);
	background-repeat:	repeat-y;
	background-attachment:	fixed;
	background-position: 	center;
}

#container {
	width: 				1000px;
	max-width:			1000px;
	margin: 			auto;
}

#top {
	width: 1000px;
	max-width: 1000px;
	height: 335px;
	max-height: 335px;
	margin: 10px 0 0 35px;
	background-image: url(img/navlogo.jpg);
	background-repeat: no-repeat;
}

.menu {max-width 1000px; width:1000px; height:32px; margin: -110px 0 0 50px; position:relative; z-index:100;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:1px;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:130px; position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:12px; text-decoration:none; color:#8a8a8a; width:130px; height:32px; background:transparent; line-height:30px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:119px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:31px;left:0; width:130px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:transparent none; color:#8a8a8a; height:auto; line-height:1em; padding-top:10px; padding-bottom:5px; width:130px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:119px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{background:transparent url(img/navdiv.gif) no-repeat center bottom;color:#000;}
.menu :hover > a, .menu ul ul :hover > a {background:transparent url(img/navdiv.gif) no-repeat center bottom;color:#000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

#content{
	position: relative;
	width: 650px;
	max-width: 650px;
	margin: 75px 0 0 30px;
	float: left;
	text-align: justify;
	clear: both;
}

#content img {
	float: right;
}

#content a {
	color:#8a8a8a;
}

#content a:hover {
	color: #000;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

h2 {
	margin: 0.5em;
	font-size: 12px;
	font-style: italic;
	color: #585b81;
}

h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

div.divider {
	position: relative;
	width: 663px;
	max-width: 663px;
	height: 3px;
	max-height: 3px;
	margin: 25px 0 25px 0;
	background: transparent url(img/divider.gif) no-repeat center;
}

div.press {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/press.gif) no-repeat center;
}

div.pressnav {
	position: relative;
	text-align: right;
}

div.pressnav p {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	display: inline;
}

div.pressnav a {
	font-size: 12px;
	font-weight: bold;
	color:#8a8a8a;
	display: inline;
}

div.pressnav a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

div.aboutus {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/aboutus.gif) no-repeat center;
}

div.careers {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/careers.gif) no-repeat center;
}

div.prdsrv {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/prdsrv.gif) no-repeat center;
}

div.products {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/product.gif) no-repeat center;
}

div.athomeagent {
	position: relative;
	width: 300px;
	max-width: 300px;
	height: 70px;
	max-height: 70px;
	margin: 20px 10px 20px 0;
	background: transparent url(img/athomeagent.jpg) no-repeat left;
}

div.services {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/services.gif) no-repeat center;
}

div.dev {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/dev.gif) no-repeat center;
}

div.design {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/design.gif) no-repeat center;
}

div.contact {
	position: relative;
	width: 459px;
	max-width: 459px;
	height: 53px;
	max-height: 53px;
	margin: 20px 0 0 -15px;
	background: transparent url(img/contact.gif) no-repeat center;
}

#contact {
	font-size: 12px;
}

#contact table {
	position: 			relative;
	top: 				20px;
	margin: 			20px 30px 30px 50px;
	width: 				400px;
	border: 			none;
}

#contact input {
	margin: 			5px 0 5px 10px;
	width:				200px;
	text-align: 		left;
	font-size: 			12px;
}

#contact select {
	margin:				5px 0 5px 10px;
}

#contact textarea {
	margin: 			5px 0 5px 10px;
	text-align: 		left;
}

input#submit {
	width:				100px;
	text-align: 		center;
}

option.bolded {
	background-color: #585b81;
	font-weight: bold;
	font-size: 14px;
	color: white;
}

#right{
	position: relative;
	width: 239px;
	max-width: 239px;
	height: 318px;
	max-height: 318px;
	display: inline;
	float: left;
	margin: 100px 0 0 25px;
	background: transparent url(img/rightgear.jpg) no-repeat center;
}

#footer {
	position: relative;
	width: 420px;
	max-width: 420px;
	height: 190px;
	max-height: 190px;
	margin: 75px 0 150px 10px;
	border-top: 1px solid #8a8a8a;
	text-align: center;
	background: transparent url(img/botgear.jpg) no-repeat right bottom;
}

#footer p {
	color: #8a8a8a;
	display: inline;
}
#footer a {
	color: #8a8a8a;
	margin: 10px;
}

#footer a:hover {
	color: #000;
}