*{padding:0;
margin:0;}

body {
	background: url(images/bg.jpg) repeat-x;
	margin:0;
	padding:0;
}
#wrapper {
	background: #CCCCCC;
	width: 750px;
	margin: 2px auto 10px;
	padding: 2px 10px;
	border: 1px solid #999999;
}
#head {
	height: 70px;
	margin: 0px;
	padding: 0px;
	width: 750px;
	clear: both;
	position: relative;
	color: #666666;
}
#head span {
	background: url(images/head.gif) no-repeat;
	height: 75px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
#headimg {
	background: url(images/headimg.jpg) no-repeat;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 210px;
	width: 750px;
	border-bottom: 0.3px solid #CCCCCC;
	position: relative;
	clear: both;
}
.green #nav{
	position:relative;
	display:block;
	height:42px;
	font-size:x-small;
	font-weight:bold;
	background:transparent url(images/greenslate_background1.gif) repeat-x top left;
	font-family:Arial, Verdana, Helvitica, sans-serif;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
}
.green #nav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #nav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #nav ul li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:14px 30px 0;
	height:28px;
	font-weight: bold;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}
.green #nav ul li a:hover,.green #nav ul li a.current{color:#fff;background:transparent url(images/greenslate_backgroundOVER1.gif) no-repeat center top;}

.green {
	width: 750px;
}
#main {
	background: #FFFFFF;
	border-top: 0.3px solid #CCCCCC;
	margin: 0px 0px 5px;
	padding: 0px;
	clear: none;
	width: 750px;
}
#main1 {
	background: #FFFFFF;
	border-top: 0.3px solid #CCCCCC;
	margin: 0px 0px 5px;
	padding: 0px;
	clear: none;
}
#main .clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 25px;
	background: #FFFFFF url(images/mainbgbot.gif) repeat-x;
}
#left {
	float: left;
	margin: 0px;
	padding: 10px 10px 0px 30px;
	background: #FFF url(images/mainbg.jpg) repeat-x;
	position: relative;
}

#left h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
	padding-top: 20px;
	margin: 0px;
	padding-bottom: 10px;
	background: url(images/arrow.gif) no-repeat 0px 19px;
	padding-left: 25px;
	border-bottom: 1px dashed #CCCCCC;
}
#left p {
	margin: 0px;
	padding: 10px 0px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	text-align: justify;
}
#right {
	float: right;
	width: 239px;
	margin: 0px;
	padding: 10px 10px 20px 20px;
	color: #333333;
	background: #FFF url(images/mainbg.jpg) repeat-x;
	font: bold small Arial, Helvetica, sans-serif;
}
#right h1 {
	font: bold small Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 15px;
}

#right h2 {
	font: bold small Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}

.buttonwrapper{
	margin: 0px auto;
	padding: 0px;
}
a.boldbuttons{
	background: transparent url(images/roundedge-gray-left.gif) no-repeat left top;
	display: block;
	float: none;
	font: bold 75%/22px Arial, Helvetica, sans-serif; 
	padding-left: 8px; 
	text-decoration: none;
	margin: 20px auto;
	color: #FFFFFF;
	width: 140px;
}
a:hover.boldbuttons{ 
text-decoration: underline;
}
a.boldbuttons span{
	background: transparent url(images/roundedge-gray-right.gif) no-repeat right top;
	display: block;
	padding: 4px 2px; 
	text-align: center;
}




#innermain {
	width: 750px;
	margin:0;
	padding:15px 0 0;
	background: #FFFFFF url(images/mainbg.jpg) repeat-x;
	position: relative;
}
.services {
	float: left;
	width: 30%;
	font-size: small;
	margin:0;
	padding: 0px 8px 0px 17px;
	background: #FFFFFF;
}
.services h2{
	font: 900 85% Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	padding:14px 0 5px;
	margin: 0px;
}

h2.gr {
	background: url(images/toproundg.gif) no-repeat;
	
}
h2.or{
	background:url(images/toproundo.gif) no-repeat;
	

}
h2.grey{background:url(images/toproundgrey.gif) no-repeat;
}

h2.bl{background:url(images/toproundbl.gif) no-repeat;}
h2.purp{background:url(images/toproundp.gif) no-repeat;}
.services ul{list-style:disc outside;
text-align:left;
width:180px;
font: x-small Arial, Helvetica, sans-serif;
padding:5px 5px 5px 35px;}

.services li{
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 10px;
}


.greenul {
	background: #CCFFCC url(images/botroundg.gif) no-repeat bottom;
	color:#006600;
	
}
.orul {
	background: #FFEBD7 url(images/botroundo.gif) no-repeat bottom;
	color:#660033;
	
}
.greyul{background:#CCCCCc url(images/botroundgrey.gif) no-repeat bottom;
color:#000000;
}
.blul{background:#C8E0FD url(images/botroundbl.gif) no-repeat bottom;
color:#000000;}

.purpul{background:#fdf1e0 url(images/botroundp.gif) no-repeat bottom;
color:#000000;}
.orul a {
	color: #660033;
}
.orul a:hover{color:#000000;}
.clear {
	clear: both;
	height: 30px;
	background: #FFFFFF url(images/mainbgbot.gif) repeat-x;
	margin: 0px 0px 5px;
	padding: 0px;
}


.clearspace {
	clear: both;
	height: 30px;
	margin: 0px 0px 5px;
	padding: 0px;
}
















#right .image {
	margin: 0px;
	padding: 0px;
}

 








#form {
	clear: both;
	padding: 30px 20px 20px;
	margin:0;
	background: #FFFFFF url(images/mainbg.jpg) repeat-x;
}
#form legend {
	display: none;
	margin: 0px;
	padding: 0px;
}


#form h3 {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 0 0 10px;
	font-size: 70%;
}
form div {
	clear: left;
	margin: 0px;
	padding-top: 10px;
}
form div label {
	float: left;
	width: 20%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #666666;
}
form div label.long{width:80%;}

form select {
	font-size: x-small;
	width: 20%;
}

input{width:50%;}

input.txt {
	color: #000000;
	background: #FFFFCC;
	border: 1px inset #660033;
}
#form .btn {
	font-size: x-small;
	padding: 0px;
	background: #996633;
	border-top: 1px solid #CC9933;
	border-right: 1px solid #CC9933;
	border-bottom: 1px solid #000033;
	border-left: 1px solid #000033;
	width: 12%;
	margin: 0px 0px 0px 300px;
	color: #FFFFFF;
}
#requiremtents {
	width: 70%;
}




#footer p {
	margin: 0px;
	padding: 2px 0px 5px;
}

#footer {
	margin: 0px auto;
	padding: 5px 0px 0px;
	clear: both;
	width: 750px;
	font: xx-small Arial, Helvetica, sans-serif;
	text-align: center;
}
#footer a {
	color: #333333;
}
.style1 {color: #A76514}
#left h2 {
	font: normal small Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px 160px 0px 10px;
	text-align: justify;
}
#left .right {
	margin: 0px;
	padding-top: 0px;
	position: absolute;
	left: 300px;
	top: 380px;
}
#left span {
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	text-align: left;
	font-size: x-small;
}
#left .center {
	text-align: center;
}
#right h2 {
	font: bold x-small Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0px;
	color: #333333;
	background: #CCCCCC no-repeat;
	text-transform: uppercase;
	margin: 0px;
}
#right p {
	font: x-small Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 2px 11px 0px 8px;
	color: #666666;
	padding: 10px;
	background: #f7f4f4;
}
#right span {
}
.style2 {font-size: small}
.style2 {
	background: url(images/sp1top.gif) no-repeat;
}
#right .style2 {
	background: url(images/sp2.gif);
}
p  span {
	line-height: 200%;
}


#main #left ul {
	list-style: none;
	margin: 0px 0px 0px 50px;
	padding: 0px;
}


#right h3 {
	font: bold x-small Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 9px 0px 18px;
	background: #F7F4F4;
	display: block;
	margin: 0px auto;
}



.clients {
	margin: 0px 10px 0px 0px;
	border: 1px solid #CCCCCC;
}
.portfolio {
	float: left;
	font-size: small;
	margin:0px;
	padding: 10px 6px 10px 14px;
	background: #FFFFFF;
	width: 30%;
	font-family: Georgia, "Times New Roman", Times, serif;
}.portfolio h1 {
	font: bold x-small Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 5px 0px 0px 8px;
	padding: 5px 5px 5px 10px;
	background: #CCCCCC url(images/mainbg.jpg) repeat-x;
	border-bottom: 1px dashed #999999;
}
.portfolio p {
	margin: 0px 0px 0px 8px;
	padding: 5px 5px 10px 8px;
	text-align: justify;
	font: x-small Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #CCCCCC;
}

.portfolio a:hover{
	color:#0000FF;
	text-decoration:none;
}

#innermain h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	font-weight: bold;
	margin: 0px 0px 0px 20px;
	background: url(images/arrow.gif) no-repeat 0px 0px;
	padding: 3px 0px 5px 30px;
}
#innermain p {
	margin: 0px;
	padding: 5px 20px 10px 25px;
	font: small Georgia, "Times New Roman", Times, serif;
	text-align: justify;
}
.portfolio a {
	color: #999;
	text-decoration: none;
}
.portfolio h4 {
	font: normal x-small Georgia, "Times New Roman", Times, serif;
	padding: 5px 5px 5px 1px;
	margin: 0px;
	text-align: justify;
	color: #666;
}
.centerimg {
	margin: 0px;
	padding: 0px 65px;
}
#innermain li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0px;
	padding-top: 4px;
	padding-left: 0px;
}
.sitemap {
	padding-left: 30px;
}
#wrapper #innermain a {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: small;
	margin: 10px 0px 0px;
	padding: 10px 0px 5px 0px;
}
#wrapper #innermain a:hover{color:#660033;}

#wrapper #head h1 {
	font-size: small;
	color: #CCCCCC;
}
#rightimg {
	float: right;
	width: 239px;
	margin: 0px;
	padding: 10px 10px 0px 20px;
	color: #333333;
	background: url(images/mainbg.jpg) repeat-x;
	font: bold small Arial, Helvetica, sans-serif;
}.space {
	background: url(images/space.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 225px;
}
#wrapper #innermain h1 {
	font: bold medium Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dashed #CCCCCC;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 10px 30px;
	background: url(images/arrow.gif) no-repeat left 4px;
}
.portfolio img {
	padding: 0px 0px 5px;
	margin: 0px;
	border-style: none;
}
.portfolio h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 0px 1px;
}
#wrapper #innermain .websites {
	padding-bottom: 0px;
	margin: 0px 0px 0px 20px;
	padding-left: 20px;
	list-style: disc;
}
#wrapper #innermain .websites li {
	font-size: small;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
#wrapper #innermain .services .greenul ul {
	width: 120px;
	padding-left: 20px;
	margin: 0px 0px 0px 10px;
	font-weight: normal;
}
#wrapper #innermain .services .orul .style1 ul {
	width: 120px;
	padding-left: 20px;
	margin: 0px 0px 0px 10px;
}
.clearshort {
	background: url(images/shortspace.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 100%;
	clear: both;
}
#wrapper #main #right object {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 230px;
}
#wrapper #main .services .greyul a {
	color: #333333;
}
#wrapper #main #left hr {
	margin: 0px;
	padding: 0px;
}
#wrapper #main #left strong {
	margin: 0px;
	padding: 0px 0px 5px;
	border-bottom: 1px dashed #CCCCCC;
	display: block;
}
#wrapper #footer a:hover {
	color: #FFF;
}
#wrapper #main .services .greyul a:hover {
	color: #0000FF;
}
#wrapper #main .services p {
	font: x-small Arial, Helvetica, sans-serif;
	width: 208px;
	padding: 5px;
	margin: 0px;
	text-align: center;
	border-top: 1px dotted #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
#wrapper #footer img {
	border-style: none;
}
#wrapper #innermain #right img {
	float: right;
	padding: 0px 15px 20px 0px;
	margin: 0px;
}
#wrapper #form p {
	font: xx-small Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px;
	text-align: justify;
}
#wrapper #form .text {
	width: 60%;
}
#wrapper #main #left .bold {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#wrapper #main #left h3 {
	font: bold small Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 5px 0px 2px;
}
#wrapper #main #main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	background: url(images/arrow.gif) no-repeat;
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 0px 20px;
}
#wrapper #main #main h3 {
	font: bold 75% Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 20px;
	padding: 0px;
}
#wrapper #main #main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0px 10px 0px 20px;
	padding: 0px;
}
#wrapper #main #left .bold a {
	color: #333333;
}
#wrapper #innermain #form h2 {
	font: bold 70% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 10px;
}
#wrapper #innermain strong {
	margin: 0px;
	padding: 0px;
}
#wrapper #innermain h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	margin: 0px;
	padding: 6px 0px 4px 15px;
}
.smallspace {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
}
#wrapper #holder {
	background: #FFFFFF;
	position: relative;
	float: left;
	margin: 0px;
	padding: 20px 0px 10px;
	width: 100%;
}
#wrapper #main #left a {
	color: #333333;
}
#wrapper #main .services .greenul .indent {
	margin-left: 10px;
}
.clearblank {
	clear: both;
	height: 2px;
}
#wrapper .services .greyul li a {
	color: #666;
}