﻿body
{
	margin: 0 auto;
	padding: 0;
	font-size:13px;
	font-family:Tahoma, Arial, sans-serif;
}
.img {border: 0px;}
#left2 { background: url('images/l2.jpg'); width: 36px; height: 76px; }
#left3 { background-position: 0% 0%; width: 36px; height: 247px; background-image:url('images/l3.jpg'); background-repeat:no-repeat; }
#left4 { width: 36px; background-image:url('images/l4.jpg'); background-repeat:repeat; }
#right2 { background: url('images/r2.jpg'); width: 34px; height: 76px; }
#right3 { background-position: 0% 0%; width: 34px; height: 247px; background-image:url('images/r3.jpg'); background-repeat:no-repeat; }
#right4 { width: 34px; background-image:url('images/r4.jpg'); background-repeat:repeat; }

.icon { padding-right: 3px; }

#pic1
{
	width: 798px;
	height: 99px;
	background: url('images/webdesign1.jpg');
}
#pic2
{
	width: 798px;
	height: 99px;
	background: url('images/webdesign2.jpg');
}
#pic3
{
	width: 798px;
	height: 99px;
	background: url('images/webdesign3.jpg');
}
#pic4
{
	width: 798px;
	height: 99px;
	background: url('images/webdesign4.jpg');
}
#navgray
{
	width: 798px;
	height: 40px;
	background-color: #515151;
	font-family: Tahoma, arial, sans-serif;
	color:#8BC543;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .2em;
	padding-left: 15px;
	text-align: left;
}
#footerleft
{
	height: 50px;
	width: 174px;
	background: url(images/fleftw.jpg);
	font-family: Tahoma, arial, sans-serif;
	font-size: 10px;
	color: #4a4a4a
}
#footermid
{
	height: 50px;
	width: 452px;
	text-align: center;
	background: url('images/fmidw.jpg');
	font-family: Tahoma, arial, sans-serif;
	font-size: 10px;
	color: #4a4a4a
}
#copyright
{
	height: 35px;
	width: 205px;
	background: url('../images/navbtm.jpg');
	font-family: Tahoma, arial, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-right: 25px
}
#content {
 	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	font-weight:normal;
	color:#4a4a4a;
	width: 798px;
	vertical-align:top;
	padding: 20px 10px 5px 15px;
	text-align: left;
}

.row { background-color: #CCCCCC; padding-top: 2px; padding-bottom: 2px; text-align: center; color: #5D559F; font-weight: bold; font-size: 14px; }

/*hosting page*/
#hostcontainer { margin: 0px auto -1px auto; color: #000000; width:625px; padding-bottom: 20px; overflow: auto }
.host1 {float: left; font-size: 11px; color: #000000; width: 200px; border-left: 1px solid #000; border-right: 1px solid #000; padding-left: 5px; }
.host2 {float: left; font-size: 11px; color: #000000; width: 200px; padding-left: 5px;}

#right { float: right; border-left: 1px dotted #333333; padding-left: 10px; width: 130px;}
#left { float: left; width: 605px; }

#clients { padding-left: 93px}
div.figure {
  float: left;
  width: 180px;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure span {
  text-align: center;
  font-style: italic;
  font-size: 11px;
}

/*portfolio*/
#portfolio { text-align: center; font-size: 13px;}

#footerlogo { background: url(images/footerlogow.jpg); width: 172px; height: 50px; font-size: 11px; color: #4a4a4a; padding-top: 2px}

.color1 { color: #89C542; font-weight: bold; }
.color2 { color: #5D559F; font-weight: bold; }
.color3 { color: #2AACAE; font-weight: bold; }
.color4 { color: #000000; font-weight: bold; font-size: 13px; border-bottom: 1px solid}
.subhead
{
	font-family: Tahoma, tahoma, helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #4a4a4a;
}
input.button
{
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Tahoma, arial, helvetica, sans-serif; HEIGHT: 24px; BACKGROUND-COLOR: #a6d26f; TEXT-ALIGN: center;
}
.textbox{
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; COLOR: #4a4a4a; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Tahoma, arial, helvetica, sans-serif; HEIGHT: 24px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left;
  }
.textarea {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; COLOR: #4a4a4a; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Tahoma, arial, helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left;
  }

H1
{
	font-family: Tahoma, tahoma, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #5D559F;
}
H2
{
	font-family: Tahoma, tahoma, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #5D559F;
}
H3
{
	font-family: Tahoma, tahoma, helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFD077;
}
H4
{
	color:#8BC543;
	font-family: Tahoma, helvetica;
	font-size: 13px;
}

a:link.sub
{
	color: #5D559F;
	text-decoration: none;
}
a:visited.sub
{
	color: #5D559f;
	text-decoration: none;
}
a:hover.sub
{
	color: #89C542;
	text-decoration: none;
}

a:link
{
	text-decoration: underline;
	color: #5D559F;
}
a:visited
{
	text-decoration: underline;
	color: #5D559F;
}
a:hover
{
	text-decoration: none;
	color: #89C542;
}
a.bottom
{
	font-size: 11px;
	color: #4a4a4a;
	text-decoration: none;
}
a:visited.bottom
{
	font-size: 11px;
	color: #4a4a4a;
	text-decoration: none;
}
a:hover.bottom
{
	color:#8BC543;
	text-decoration: none;
}
.bullet
{
	width: 12px;
	height: 12px;
	margin: 0 10px 0 0;
}