/* CSS Document */

#masthead {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 760px;
	height: 60px;
	font-family: Arial, verdana, sans-serif;
	font-size: 24px;
	text-align: left;
	color: #ffffff;
	background-color: #660033;
	border: 1px solid #000000;
	visibility: visible;
}

#navbar {
	position: absolute;
	top: 62px;
	left: 20px;
	width: 750px;
	height: 16px;
	background-color: #cccccc;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-align: right;
	padding: 2px 10px 2px 0px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	visibility: visible;
}

#main-frame {
	position: absolute;
	width: 760px;
	top: 83px;
	left: 20px;
	height: 700px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	visibility: visible;
}
#marketingmain-frame {
	position: absolute;
	width: 760px;
	top: 83px;
	left: 20px;
	height: 1250px;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	visibility: visible;
}

#list-menu {
	position: absolute;
	width: 132px;
	left: 22px;
	top: 90px;
	visibility: visible;
}

#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

#list-menu li {
margin: 2px 0 0;
}

#list-menu a {
display: block;
width: 120px;
padding: 2px 2px 2px 10px;
border: 1px solid #000000;
background: #cccccc;
text-decoration: none;
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
border: 1px solid #000000;
background: #660033;
color: #ffffff;
}

a:active {color: #000000; text-decoration: none;}
a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #ffffff; background: #660033;}

#body {
	position: absolute;
	top: 90px;
	left: 165px;
	width: 605px;
	height: 200px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	visibility: visible;
}

#web-box {
	position: absolute;
	top: 425px;
	left: 168px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#web-image {
position: absolute;
top: 401px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/webdesign_head.gif);
}

#web-icon {
position: absolute;
top: 426px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/web_logo.jpg);
border: 1px solid #000000;
}

#web-text {
position: absolute;
top: 430px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#host-box {
	position: absolute;
	top: 425px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#host-image {
position: absolute;
top: 401px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/eletterhead-image.jpg);
}

#host-icon {
position: absolute;
top: 426px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/webhost-image.jpg);
border: 1px solid #000000;
}

#host-text {
position: absolute;
top: 430px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#search-box {
	position: absolute;
	top: 562px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#search-image {
position: absolute;
top: 538px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/search_head.gif);
}

#search-icon {
position: absolute;
top: 562px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/search_icon.jpg);
border: 1px solid #000000;
}

#search-text {
position: absolute;
top: 566px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#graphic-box {
	position: absolute;
	top: 562px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#graphic-image {
position: absolute;
top: 538px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/graphic_head.gif);
}

#graphic-icon {
position: absolute;
top: 563px;
left: 458px;
height: 100px;
width: 100px;
background-image: url(images/graphic_icon.jpg);
border: 1px solid #000000;
}

#graphic-text {
position: absolute;
top: 566px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#lower-navbar {
position: absolute;
top: 700px;
left: 250px;
width: 450px;
height: 30px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #999999;
}

#marketinglower-navbar {
position: absolute;
top: 1350px;
left: 250px;
width: 450px;
height: 30px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #999999;
}

#copyright {
position: absolute;
left: 280px;
top: 750px;
width: 400px;
height: 30px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #999999;
}

#marketing-copyright {
position: absolute;
left: 290px;
top: 1407px;
width: 400px;
height: 30px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #999999;
}

#rememberwhen {
position: absolute;
left: 27px;
top: 270px;
width: 120px;
height: 90px;
background-image: url(images/rememberwhen_small.gif);
border: 1px solid #000000;
}

#template-box {
	position: absolute;
	top: 425px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#template-image {
position: absolute;
top: 401px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/templates_head.gif);
}

#template-icon {
position: absolute;
top: 426px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/template_image.jpg);
border: 1px solid #000000;
}

#template-text {
position: absolute;
top: 430px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#realestate-box {
	position: absolute;
	top: 425px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#realestate-image {
position: absolute;
top: 401px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/realestate_head.gif);
}

#realestate-icon {
position: absolute;
top: 426px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/realestate_image.jpg);
border: 1px solid #000000;
}

#realestate-text {
position: absolute;
top: 430px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#smallbusiness-box {
	position: absolute;
	top: 562px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#smallbusiness-image {
position: absolute;
top: 538px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/smallbusiness_head.gif);
}

#smallbusiness-icon {
position: absolute;
top: 562px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/smallbusiness_image.jpg);
border: 1px solid #000000;
}

#smallbusiness-text {
position: absolute;
top: 566px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#custom-box {
	position: absolute;
	top: 562px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#custom-image {
position: absolute;
top: 538px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/customweb_head.gif);
}

#custom-icon {
position: absolute;
top: 562px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/customweb_image.jpg);
border: 1px solid #000000;
}

#custom-text {
position: absolute;
top: 566px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#marketing-box {
	position: absolute;
	top: 562px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#marketing-image {
position: absolute;
top: 538px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/marketing_head.gif);
}

#marketing-icon {
position: absolute;
top: 562px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/marketing_image.jpg);
border: 1px solid #000000;
}

#marketing-text {
position: absolute;
top: 566px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#realportfolio-box {
	position: absolute;
	top: 562px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#realportfolio-image {
position: absolute;
top: 538px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/realestate_portfolio_head.gif);
}

#realportfolio-icon {
position: absolute;
top: 562px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/realportfolio_image.jpg);
border: 1px solid #000000;
}

#realportfolio-text {
position: absolute;
top: 566px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#bronze-box {
	position: absolute;
	top: 425px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#bronze-image {
position: absolute;
top: 401px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/bronze_head.gif);
}

#bronze-icon {
position: absolute;
top: 426px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/bronze_image.jpg);
border: 1px solid #000000;
}

#bronze-text {
position: absolute;
top: 430px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#silver-box {
	position: absolute;
	top: 425px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#silver-image {
position: absolute;
top: 401px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/silver_head.gif);
}

#silver-icon {
position: absolute;
top: 426px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/silver_image.jpg);
border: 1px solid #000000;
}

#silver-text {
position: absolute;
top: 430px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#gold-box {
	position: absolute;
	top: 562px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#gold-image {
position: absolute;
top: 538px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/gold_head.gif);
}

#gold-icon {
position: absolute;
top: 562px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/gold_image.jpg);
border: 1px solid #000000;
}

#gold-text {
position: absolute;
top: 566px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#premium-box {
	position: absolute;
	top: 562px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#premium-image {
position: absolute;
top: 538px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/premium_head.gif);
}

#premium-icon {
position: absolute;
top: 562px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/premium_image.jpg);
border: 1px solid #000000;
}

#premium-text {
position: absolute;
top: 566px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#webportfolio-box {
	position: absolute;
	top: 425px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#webportfolio-image {
position: absolute;
top: 401px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/web_portfolio_head.gif);
}

#webportfolio-icon {
position: absolute;
top: 426px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/customweb_image.jpg);
border: 1px solid #000000;
}

#webportfolio-text {
position: absolute;
top: 430px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#graphicportfolio-box {
	position: absolute;
	top: 425px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#graphicportfolio-image {
position: absolute;
top: 401px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/graphic_portfolio_head.gif);
}

#graphicportfolio-icon {
position: absolute;
top: 426px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/graphic_icon.jpg);
border: 1px solid #000000;
}

#graphicportfolio-text {
position: absolute;
top: 430px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#printportfolio-box {
	position: absolute;
	top: 562px;
	left: 167px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#printportfolio-image {
position: absolute;
top: 538px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/print_portfolio_head.gif)
}

#printportfolio-icon {
position: absolute;
top: 562px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/smallbusiness_image.jpg);
border: 1px solid #000000;
}

#printportfolio-text {
position: absolute;
top: 566px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#basic-box {
	position: absolute;
	top: 425px;
	left: 168px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#basic-image {
position: absolute;
top: 401px;
left: 167px;
width: 200px;
height: 23px;
background-image: url(images/basic_head.gif);
}

#basic-icon {
position: absolute;
top: 426px;
left: 167px;
height: 100px;
width: 100px;
background-image: url(images/basicsearch_image.jpg);
border: 1px solid #000000;
}

#basic-text {
position: absolute;
top: 430px;
left: 273px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}

#power-box {
	position: absolute;
	top: 425px;
	left: 457px;
	width: 280px;
	height: 103px;
	background-color: #ffffff;
	border: 1px solid black;
	visibility: visible;
}

#power-image {
position: absolute;
top: 401px;
left: 457px;
width: 200px;
height: 23px;
background-image: url(images/power_head.gif)
}

#power-icon {
position: absolute;
top: 426px;
left: 457px;
height: 100px;
width: 100px;
background-image: url(images/search_icon.jpg);
border: 1px solid #000000;
}

#power-text {
position: absolute;
top: 430px;
left: 560px;
width: 170px;
height: 95px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
border: 1px solid #ffffff;
color: #000000;
}
