body {
	background: url(../images/main_2.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	border-top:10px solid #CCCCCC;
}
p, h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:520px;
	float: right;
	margin: 0px;
	padding: 5px 30px 5px 0px
}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	color: #666;
	font-size: 0.7em;
}

h1, h2, h3, h4 {
	color: #333333;
}
h1{	font-size: 1.0em; }
h2{	font-size: 0.8em; }
h3{	font-size: 0.7em; }
h4{	font-size: 0.7em; }

#container {background: url(../images/main_1.gif) no-repeat;
	width:760px;
	padding: 0px 210px 19px 0px;	
}


/* top menu */
#container #top_menu .selected {font-weight: bold;}
#container #top_menu {
	float: right;
	padding: 40px 20px 10px 0px;
	list-style: none;
	margin:0px;
	border:0px;
}
#container #top_menu li{
	float: left;
	margin: 0px;
	border:none;
	padding:0px;
}
	#container #top_menu img {
		margin: 0px auto;
		padding: 2px;
		border-style: none;
	}
	#container #top_menu a {
		font: 0.8em Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		display: block;
		float: left;
		width: 60px;
		text-align: center;
		height: 30px;
		padding-top: 23px;
	}
	#container #top_menu a:hover {
		color: #000;
	}
	#back{background: url(../images/back.gif) no-repeat center top;}
	#back:hover{background: url(../images/back_grey.gif) no-repeat center top;}
	#home{background: url(../images/home.gif) no-repeat center top;}
	#home:hover{background: url(../images/home_grey.gif) no-repeat center top;}
	#services{background: url(../images/services.gif) no-repeat center top;}
	#services:hover{background: url(../images/services_grey.gif) no-repeat center top;}
	#tools{background: url(../images/tools.gif) no-repeat center top;}
	#tools:hover{background: url(../images/tools_grey.gif) no-repeat center top;}
	#articles{background: url(../images/articles.gif) no-repeat center top;}
	#articles:hover{background: url(../images/articles_grey.gif) no-repeat center top;}
	#portfolio{background: url(../images/portfolio.gif) no-repeat center top;}
	#portfolio:hover{background: url(../images/portfolio_grey.gif) no-repeat center top;}
	#about{background: url(../images/about_us.gif) no-repeat center top;}
	#about:hover{background: url(../images/about_us_grey.gif) no-repeat center top;}
	#contact{background: url(../images/contact.gif) no-repeat center top;}
	#contact:hover{background: url(../images/contact_grey.gif) no-repeat center top;}
	#log_in{background: url(../images/log_in.gif) no-repeat center top;}
	#log_in:hover{background: url(../images/log_in_grey.gif) no-repeat center top;}

/* side menu */
#navigation{float:left}
	#navigation ul{
		margin: 0px;
		padding: 45px 0px 0px 10px;
		list-style: none outside;
		float: left;
	}
		#navigation li{ padding: 5px 0px 0px 0px;}
			#navigation ul li a{
				display: block;
				width: 170px;
				padding: 5px 0px 5px 25px;
				color: #666666;
				letter-spacing: 1px;
				text-decoration: none;
				font: 0.8em Verdana, Arial, Helvetica, sans-serif;
			}
			#navigation ul li a:hover{color: #000;}
			#navigation ul li .selected {font-weight: bold;}
			/* services menu */
			#seo{background: url(../images/side_menu/seo.gif) no-repeat left top;}
			#seo:hover{background: url(../images/side_menu/seo_grey.gif) no-repeat left top;}
			#ppc{background: url(../images/side_menu/ppc.gif) no-repeat left top;}
			#ppc:hover{background: url(../images/side_menu/ppc_grey.gif) no-repeat left top;}
			#marketing{background: url(../images/side_menu/marketing.gif) no-repeat left top;}
			#marketing:hover{background: url(../images/side_menu/marketing_grey.gif) no-repeat left top;}
			#hosting{background: url(../images/side_menu/hosting.gif) no-repeat left top;}
			#hosting:hover{background: url(../images/side_menu/hosting_grey.gif) no-repeat left top;}
			#registration{background: url(../images/side_menu/registration.gif) no-repeat left top;}
			#registration:hover{background: url(../images/side_menu/registration_grey.gif) no-repeat left top;}
			#design{background: url(../images/side_menu/design.gif) no-repeat left top;}
			#design:hover{background: url(../images/side_menu/design_grey.gif) no-repeat left top;}
			#ecommerce{background: url(../images/side_menu/ecommerce.gif) no-repeat left top;}
			#ecommerce:hover{background: url(../images/side_menu/ecommerce_grey.gif) no-repeat left top;}
			#data{background: url(../images/side_menu/data.gif) no-repeat left top;}
			#data:hover{background: url(../images/side_menu/data_grey.gif) no-repeat left top;}		
			/* tools menu */
			#email_marketing{background: url(../images/side_menu/email.gif) no-repeat left top;}
			#email_marketing:hover{background: url(../images/side_menu/email_grey.gif) no-repeat left top;}
			#adsense_tracking{background: url(../images/side_menu/adsense_tracking.gif) no-repeat left top;}
			#adsense_tracking:hover{background: url(../images/side_menu/adsense_tracking_grey.gif) no-repeat left top;}
			#website_stats{background: url(../images/side_menu/website_stats.gif) no-repeat left top;}
			#website_stats:hover{background: url(../images/side_menu/website_stats_grey.gif) no-repeat left top;}
			#sitemap{background: url(../images/side_menu/sitemap.gif) no-repeat left top;}
			#sitemap:hover{background: url(../images/side_menu/sitemap_grey.gif) no-repeat left top;}
			#cms{background: url(../images/side_menu/cms.gif) no-repeat left top;}
			#cms:hover{background: url(../images/side_menu/cms_grey.gif) no-repeat left top;}
			#link{background: url(../images/side_menu/link.gif) no-repeat left top;}
			/*emailer menu */
			#subscribe{background: url(../images/side_menu/subscribe.gif) no-repeat left top;}

.clear{clear:both;}
address{
	visibility:hidden;
	font-size: 0.5em;
	color: #CCCCCC;
	background: #FFFFFF;
}

#container img {
	margin: 3px;
	padding: 0px;
	float: right;
	border: 1px solid #CCCCCC;	
}
#container .left_img {
	clear:both;
	margin-top: 20px;
	padding: 0px;
	float: left;
	border: 1px solid #CCCCCC;
}
#container .right_img {
	margin-top: 20px;
	padding: 0px;
	float: right;
	border: 1px solid #CCCCCC;
}
#spacer {
clear:both;
	float:right;
	width:35px;
	border:none;
}
#container h1 {
	float:right;
	font: normal 1.7em "Times New Roman", Times, serif;
	border-top: 1px dashed #999999;
	border-right: 0px dashed #999999;
	border-bottom: 1px dashed #999999;
	border-left: 0px dashed #999999;
	text-align: center;
	color: #BB2222;
	width: 480px;
	margin: 0px 0px 10px;
}
#container p a {
	color: #FF0000;
	text-decoration: none;
}
#container p a:hover{
	text-decoration: underline;
}
#container #sitemap1 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#in_content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 0.7em;
	width:520px;
	list-style: disc inside;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float:right
}
#in_content li{
	margin: 0px;
	padding: 3px 0px;
}
#container #form1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width:520px;
	float: right;
	margin: 0px;
	padding: 5px 30px 5px 0px;
	color: #666;
}
#container #form1 div{
	padding: 5px 30px 5px 90px;
}
#container #form1 textarea{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	height: 100px;
	width: 350px;
	border: 1px solid #333333;
	overflow: auto;

}
#container #form1 input{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	width: 350px;
	border: 1px solid #333333;
}
#container #form1 #butt{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	width: 150px;
	border: 1px solid #333333;
	margin-left: 100px;
}