html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: left;
	background-color: #E4E4E4;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.content {
	background-color: #fff;
	width: 1000px;
	margin: auto;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	height: auto;
	overflow: hidden;
}

/********************* Header *******************/

#header {
	width: 1000px;
	margin: 0 auto;
	height: 870px;
}
#logo {
	height: 80px;
	background-image: url(images/header-bg.jpg);
	border-bottom: 1px solid #666;
	width: 1002px;
	margin: auto;
}
#top-links {
	width: 177px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top: 62px;
	float: left;
	text-align: center;
}
#top-links a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
#top-links A:link {
	color: #fff;
	text-decoration: none;
}
#top-links A:visited {
	color: #fff;
}
#top-links A:hover {
	text-decoration: underline;
}
#header #logo #top-links a {
	color: #CCC;
}
#header #logo #top-links a {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.logo-inner {
	float: right;
	margin-top: 49px;
	margin-right: 6px;
}

/******* Callback *******/
#callback-popup {
	float: right;
	right: 0px;
	position: fixed;
	top: 40%;
}
 #contactform #error ul{
 padding-left:0px;
 line-height:20px;
  font-size:11px;
 }
 #contactform #error span{
 color:green;
 padding:5px 0 5px 0;
 position:absolute;
 top:60px;
 right:10px;
 width:150px;
 margin-right: 10px;
 font-size:11px;
 }
 #contactform #error ul li{
  color:#BF0B0B;
  font-weight:normal;
   font-size:11px;
  }
 h2#contacth2{
	font-size:18px;
	color:#FFF;
	margin:0 0 10px 0;
	font-weight:normal;
 }
 #contactform fieldset{
 border:none;
 }
 #contactform #formleft{
 float:left;
 }
 #contactform #error{
	float:right;
	margin-right: 20px;
 }
 #contactform .button{
 background:#eded;
 color:#666;
 border:1px solid #ccc;
 padding:5px 20px 5px 20px;
 outline:none;
 }
 #contactform{
	color:#666;
	border: 1px solid #666;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	padding-right: 10px;
 }
.clear{
	clear:both;
	margin-right: 40px;
	padding-right: 10px;
}
.download{
display:block;
padding:20px 0 20px 0;
background:#222;
text-align:center;
border:1px solid #000;
color:#fd398f;
font-size:18px;
}
.download:hover{
background:#000;
}
#contact-title {
	background-image: url(images/contact-bg.png);
	padding-left: 10px;
	padding-top: 7px;
	height: 30px;

}
/**********END CALLBACK*********/

/*********BEGIN MENU*********/
#menu {
	height: 23px;
	overflow: hidden;
	width: 685px;
	margin-left: auto;
	margin-right: auto;
}
a.web {
	display: block;
	width: 95px;
	height: 21px;
	text-decoration: none;
	background: url("images/menu/menu_web_design.png");
	}

a.web:hover {
	background-position: -95px 0;
	}

.displace {
	position: absolute;
	left: -9500px;
	}
#web {
	float: left;
	height: 21px;
	width: 95px;
	margin-top: -1px;
	margin-left: 160px;
}
#graphic {
	float: left;
	height: 21px;
	width: 120px;
	margin-left: 10px;
	margin-top: -1px;
}
a.graphic {
	display: block;
	width: 120px;
	height: 21px;
	text-decoration: none;
	background: url("images/menu/menu_graphic_design.png");
	}

a.graphic:hover {
	background-position: -120px 0;
	}

.displace {
	position: absolute;
	left: -12000px;
	}
#seo {
	float: left;
	height: 21px;
	width: 68px;
	margin-left: 10px;
	margin-top: -1px;
}
a.seo {
	display: block;
	width: 68px;
	height: 21px;
	text-decoration: none;
	background: url("images/menu/menu_seo.png");
	}

a.seo:hover {
	background-position: -68px 0;
	}

.displace {
	position: absolute;
	left: -6800px;
	}
#marketing {
	float: left;
	height: 21px;
	width: 95px;
	margin-left: 10px;
	margin-top: -1px;
}
a.marketing {
	display: block;
	width: 95px;
	height: 21px;
	text-decoration: none;
	background: url("images/menu/menu_marketing.png");
	}

a.marketing:hover {
	background-position: -95px 0;
	}

.displace {
	position: absolute;
	left: -9500px;
	}
#blog {
	float: left;
	height: 21px;
	width: 68px;
	margin-left: 10px;
	margin-top: -1px;
}
a.blog {
	display: block;
	width: 68px;
	height: 21px;
	text-decoration: none;
	background: url("images/menu/menu_blog.png");
	}

a.blog:hover {
	background-position: -68px 0;
	}

.displace {
	position: absolute;
	left: -6800px;
	}
#directory {
	float: left;
	height: 21px;
	width: 95px;
	margin-left: 10px;
	margin-top: -1px;
}
a.directory {
	display: block;
	width: 95px;
	height: 21px;
	text-decoration: none;
	background: url("images/menu/menu_directory.png");
	}

a.directory:hover {
	background-position: -95px 0;
	}

.displace {
	position: absolute;
	left: -9500
}
#portfolio {
	float: left;
	height: 20px;
	width: 80px;
	margin-left: 10px;
	margin-top: -1px;
}
a.portfolio {
	display: block;
	width: 80px;
	height: 21px;
	text-decoration: none;
	background: url("images/menu/menu_portfolio.png");
	}

a.portfolio:hover {
	background-position: -80px 0;
	}

.displace {
	position: absolute;
	left: -8000px;
	}
.menu-white {
	width: 1000px;
	background-color: #fff;
	margin: auto;
	height: 26px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}	
/*************** END MENU ****************/

/***************************** END HEADER ****************************/

/******************************BEGIN FOOTER****************************/

#footer {
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
	height: 85px;
	background-image: url(images/footer-bg.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	padding-top: 15px;
	text-align: center;
	float: left;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #F00;
	text-align: center;
}
#services-bottom {
	height: 80px;
	float: left;
	width: 1000px;
	background-image: url(images/services-bg.jpg);
	min-height: 80px;
	background-repeat: no-repeat;
}
#services-title {
	float: left;
	width: 200px;
	margin-left: 30px;
	margin-top: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}
#services-content {
	float: left;
	height: 80px;
	width: 240px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding-top: 4px;
	overflow: hidden;
}
#services-bottom #services-content h3 {
	line-height: 5px;
	font-size: 11px;
}
#services-content3 {
	float: left;
	height: 80px;
	width: 240px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding-top: 4px;
	overflow: hidden;
}
#services-bottom #services-content3 h3 {
	line-height: 5px;
	font-size: 11px;
}
#services-content2 {
	float: left;
	height: 80px;
	width: 240px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding-top: 4px;
	overflow: hidden;
}
#services-bottom #services-content2 h3 {
	line-height: 5px;
	font-size: 11px;
}
.footer-wrap {
	background-color: #fff;
	width: 1000px;
	margin: auto;
	height: 90px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;

}

/****************************END FOOTER**********************************/

/****************************BEGIN INDEX *******************************/

#index-content {
	height: 445px;
	width: 998px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-position: right;
	border: 2px solid #B526A4;
	overflow: hidden;
	background-image: url(images/monitor-bg.jpg);
	border-left: 0px;
	border-right: 0px;
	float: left;
}
#text {
	width: 450px;
	margin-left: 25px;
	border-left-width: 2px;
	float: left;
	height: 445px;
	overflow: hidden;
}
a.b1 {
	display: block;
	width: 340px;
	height: 20px;
	text-decoration: none;
	background: url("images/index-b1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	}
a.b2 {
	display: block;
	width: 378px;
	height: 20px;
	text-decoration: none;
	background: url("images/index-b2.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b3 {
	display: block;
	width: 405px;
	height: 20px;
	text-decoration: none;
	background: url("images/index-b3.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b4 {
	display: block;
	width: 268px;
	height: 20px;
	text-decoration: none;
	background: url("images/index-b4.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 5px;
	}
a.h1 {
	display: block;
	width: 443px;
	height: 25px;
	text-decoration: none;
	background: url("images/index-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
#index-content p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-align: left;
}
#seo-info {
	float: left;
	width: 500px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #666;
	padding-top: 50px;
}
#seo-info h2 {
	font-size: 16px;
	color: #09C;
}
#seo-info-outer {
	float: left;
	width: 500px;
	margin-left: 10px;
	height: 200px;
	background-image: url(images/search.jpg);
	background-position: center;
	background-repeat: no-repeat;
	border-right: 2px solid #B526A4;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
}
#seo-info a {
	color: #0099CC;
	text-decoration: none;
}
#seo-info a:hover {
	text-decoration: underline;
	color: #F00;
}
#mktg-outer {
	float: left;
	height: 200px;
	margin-top: 10px;
	width: 445px;
	margin-left: 20px;
	background-image: url(images/index-mkt-bg.jpg);
}
#mktg-inner {
	height: 90px;
	margin-top: 100px;
	padding-top: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
#mktg-inner a {
	color: #0099cc;
	text-decoration: none;
}
#mktg-inner a:hover {
	color: red;
	text-decoration: underline;
}
/******************** END INDEX *******************/

/**********************START WEB DESIGN*******************/

a.b1-web {
	display: block;
	width: 290px;
	height: 20px;
	text-decoration: none;
	background: url("images/web-design-b1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	}
a.b2-web {
	display: block;
	width: 351px;
	height: 20px;
	text-decoration: none;
	background: url("images/web-design-b2.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b3-web {
	display: block;
	width: 318px;
	height: 20px;
	text-decoration: none;
	background: url("images/web-design-b3.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b4-web {
	display: block;
	width: 445px;
	height: 20px;
	text-decoration: none;
	background: url("images/web-design-b4.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 25px;
	}
a.h1-img {
	display: block;
	width: 358px;
	height: 45px;
	text-decoration: none;
	background: url("images/web-design-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 15px;
	}
#web-design-text {
	width: 475px;
	margin-left: 35px;
	border-left-width: 2px;
	float: left;
	height: auto;
	overflow: hidden;
}
# h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 27px;
	color: #0099cc;
	font-weight: lighter;
}
#web-design-text p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-align: left;
}
#web-design-text a {
	color: #0099cc;
	text-decoration: underline;
}
#web-design-text a:hover {
	text-decoration: none;
	color: #F00;
}
#design-process {
	width: 980px;
	margin-left: 10px;
	height: 150px;
	background-image: url(images/web-design-process.jpg);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}
#design-process-content {
	float: left;
	width: 140px;
	padding: 10px;
	height: 85px;
	margin-left: 52px;
	margin-top: 40px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
#design-process-content2 {
	float: left;
	width: 140px;
	padding: 10px;
	height: 85px;
	margin-left: 70px;
	margin-top: 40px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
#design-process-content2 a {
	color: #fff;
	text-decoration: underline;
}
#design-process-content2 a:hover {
	text-decoration: none;
	color: #F00;
}
#web-d-image {
	float: left;
	background-image: url(images/paint.jpg);
	width: 450px;
	height: 480px;
	margin-left: 15px;
	background-position: bottom;
	background-repeat: no-repeat;
}
/*******************************END WEB DESIGN*******************************/

/********************************WEBSITE SUPPORT************************/

a.h1-img-support {
	display: block;
	width: 400px;
	height: 45px;
	text-decoration: none;
	background: url("images/web-support-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 15px;
	}
#web-support-image {
	float: left;
	background-image: url(images/support.jpg);
	width: 450px;
	height: 480px;
	margin-left: 15px;
	background-position: bottom;
	background-repeat: no-repeat;
}
/************************************BEGIN MARKETING*************************/

#marketing-text {
	width: 475px;
	margin-left: 35px;
	border-left-width: 2px;
	float: left;
	overflow: hidden;
}
a.b1-mark {
	display: block;
	width: 400px;
	height: 20px;
	text-decoration: none;
	background: url("images/marketing-b1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	}
a.b2-mark {
	display: block;
	width: 351px;
	height: 20px;
	text-decoration: none;
	background: url("images/marketing-b2.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b3-mark {
	display: block;
	width: 410px;
	height: 20px;
	text-decoration: none;
	background: url("images/marketing-b3.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b4-mark {
	display: block;
	width: 445px;
	height: 20px;
	text-decoration: none;
	background: url("images/marketing-b4.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.h1-img-mark {
	display: block;
	width: 450px;
	height: 45px;
	text-decoration: none;
	background: url("images/marketing-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 15px;
	}
#marketing-image {
	float: left;
	background-image: url(images/marketing-bg.jpg);
	width: 450px;
	height: 480px;
	margin-left: 15px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#marketing-text p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}
#marketing-text a {
	color: #0099cc;
	text-decoration: underline;
}
#marketing-text a:hover {
	text-decoration: none;
	color: #F00;
}
/*******************END MARKETING************************/

/********************* START GRAPHIC DESIGN ***********************/

a.h1-img-graph {
	display: block;
	width: 450px;
	height: 45px;
	text-decoration: none;
	background: url("images/graphic-design-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 15px;
	}
a.b1-graph {
	display: block;
	width: 400px;
	height: 20px;
	text-decoration: none;
	background: url("images/graphic-design-b1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	}
a.b2-graph {
	display: block;
	width: 351px;
	height: 20px;
	text-decoration: none;
	background: url("images/graphic-design-b2.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b3-graph {
	display: block;
	width: 410px;
	height: 20px;
	text-decoration: none;
	background: url("images/graphic-design-b3.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b4-graph {
	display: block;
	width: 445px;
	height: 20px;
	text-decoration: none;
	background: url("images/graphic-design-b4.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
#graphic-image {
	float: left;
	background-image: url(images/pencils.jpg);
	width: 450px;
	height: 480px;
	margin-left: 15px;
	background-position: bottom;
	background-repeat: no-repeat;
}
/********************** END GRAPHIC DESIGN********************/

/*********************** START SEO************************/

a.h1-img-seo {
	display: block;
	width: 450px;
	height: 45px;
	text-decoration: none;
	background: url("images/seo-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 15px;
	}
a.b1-seo {
	display: block;
	width: 400px;
	height: 20px;
	text-decoration: none;
	background: url("images/seo-b1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	}
a.b2-seo {
	display: block;
	width: 351px;
	height: 20px;
	text-decoration: none;
	background: url("images/seo-b2.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b3-seo {
	display: block;
	width: 410px;
	height: 20px;
	text-decoration: none;
	background: url("images/seo-b3.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b4-seo {
	display: block;
	width: 445px;
	height: 20px;
	text-decoration: none;
	background: url("images/seo-b4.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
#seo-image {
	float: left;
	background-image: url(images/seo.jpg);
	width: 450px;
	height: 480px;
	margin-left: 15px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#seo-process {
	float: left;
	width: 980px;
	margin-left: 10px;
	height: 150px;
	background-image: url(images/search-engines.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#seo-process a {
	color: #fff;
}
#seo-process a:hover {
	color: #f00;
	text-decoration: none;
}
#seo-content {
	float: left;
	width: 340px;
	padding: 10px;
	height: 85px;
	margin-left: 330px;
	margin-top: 40px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	padding-top: 5px;
}
#seo-content2 {
	float: left;
	width: 200px;
	padding: 10px;
	height: 130px;
	margin-left: 45px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
#seo-content2 a {
	color: #fff;
	text-decoration: underline;
}
#design-process-content2 a:hover {
	text-decoration: none;
	color: #F00;
}
/**********************END SEO**********************/

/***********************START PORTFOLIO****************************/
#clients {
	width: 600px;
	margin: auto;
	height: auto;
	margin-top: 15px;
	overflow: hidden;
	margin-bottom: 20px;
}
#clients a {
	color: #0099cc;
	text-decoration: none;
	font-size: 15px;
}
#clients a:hover {
	color: red;
	text-decoration: underline;
	font-size: 15px;
}
.clients-title {
	font-size: 22px;
	color: #09C;
}
/***********************END PORTFOLIO************************/

/*********************START ABOUT****************************/
#about-image {
	float: left;
	background-image: url(images/about-bg.jpg);
	width: 450px;
	height: 510px;
	margin-left: 15px;
	background-position: bottom;
	background-repeat: no-repeat;
}
a.h1-img-about {
	display: block;
	width: 458px;
	height: 45px;
	text-decoration: none;
	background: url("images/about-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.h1-img-tandc {
	display: block;
	width: 458px;
	height: 45px;
	text-decoration: none;
	background: url("images/tandc.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
.content #tc-text h2 {
	color: #09C;
}
#tc-text {
	width: 475px;
	margin-left: 35px;
	border-left-width: 2px;
	float: left;
	height: auto;
	overflow: hidden;
	color: #666;
}
#tc-text a {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}
#tc-text a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
#tc-image {
	float: left;
	background-image: url(images/monitor-bg.jpg);
	width: 380px;
	height: 510px;
	margin-left: 80px;
	background-position: bottom;
	background-repeat: no-repeat;
}
/********************END ABOUT*****************/
	
/************************START CONTACT*********************/
table
{
	font-size: 10px;
	font-family: Verdana;
}

h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #09C;
}

.notification_error
{
border: 1px solid #0099cc;
height: auto;
width: 90%;
padding: 4px;
margin: 10px;
background: #EAFAFF;
text-align: center;
-moz-border-radius: 5px;
}

.field_error
{
	color: red;
	margin-left: 170px;
	background: white url('images/icon_warning.gif') no-repeat scroll 0px 50%;
	padding-left: 20px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%;
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
margin:10px;
}

.button
{
	width:62px;
	height:26px;
	background:url(images/submitbg.jpg) repeat-x left top;
	cursor:pointer;
	border:none;
	outline: none;
}


/* Label */
label 
{
	width: 140px;
	padding-left: 20px;
	margin: 5px;
	float: left;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
}

/* Input, Textarea */
input, textarea
{
background:url(images/textbox-bg.jpg) repeat-x left top;
	border: 0px;
	height: 18px;
	width: 183px;
	padding-left: 6px;
	padding-top: 3px;
	color: #666;
	margin-top: 7px;
	margin-bottom: 3px;
}
.text-area
{
background:url(images/text-area-bg.jpg) repeat-x left top;
	border: 0px;
	height: 117px;
	width: 183px;
	padding-left: 6px;
	padding-top: 3px;
	color: #666;
}

/* BR */

br
{
clear: left;
}	
.form-wrap {
	float: left;
	width: 500px;
	margin-bottom: 30px;
	border-right: 1px solid #999;
	margin-top: 30px;
	min-height: 550px;
}
.map {
	float: left;
	height: 600px;
	text-align: left;
	width: 490px;
	margin: 0px auto;
}
#gmap {
	float: right;
	height: 355px;
	width: 455px;
	margin-right: 11px;
	margin-top: 20px;
}
#smallmap {
	position: relative;
	visibility:hidden;
}
.contact-details {
	width: 280px;
	margin: auto;
	text-align: center;
}
/****************************** END CONTACT**********************************/

#web-d-ports-text {
	width: 475px;
	margin-left: 35px;
	border-left-width: 2px;
	float: left;
	height: auto;
	overflow: hidden;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#web-d-ports-text a {
	color: #0099cc;
	text-decoration: none;
}
#web-d-ports-text a:hover {
	color: red;
	text-decoration: underline;
}
.content #web-d-ports-text p strong {
		font-weight: lighter;
}
.content #web-d-ports-text h3 {
	color: #09C;
	font-size: 14px;
}
a.h1-img-ports {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/web-design-h1-ports.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}

a.h1-img-hamp {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/web-design-h1-hamp.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
	
a.h1-img-seo-hamp {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/seo-hamp-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.h1-img-seo-ports {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/seo-ports-h1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
#seo-hamp-image {
	float: left;
	background-image: url(images/monitor-bg.jpg);
	width: 380px;
	height: 400px;
	margin-left: 80px;
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 15px;
}
a.h1-img-mark-hamp {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/marketing-hamp.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.h1-img-mark-ports {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/marketing-ports.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.h1-img-faq {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/faq.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.h1-img-seo-g {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/seo-guide.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.h1-img-sitemap {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/sitemap.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.h1-img-seo-p {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/seo-packages.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}
a.b1-support {
	display: block;
	width: 290px;
	height: 20px;
	text-decoration: none;
	background: url("images/support-b1.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	margin-left: 30px;
	}
a.b2-support {
	display: block;
	width: 351px;
	height: 20px;
	text-decoration: none;
	background: url("images/support-b2.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b3-support {
	display: block;
	width: 318px;
	height: 20px;
	text-decoration: none;
	background: url("images/support-b3.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	}
a.b4-support {
	display: block;
	width: 445px;
	height: 20px;
	text-decoration: none;
	background: url("images/support-b4.jpg");
	background-repeat:no-repeat;
	margin-top: 25px;
	margin-left: 30px;
	margin-bottom: 25px;
	}
a.h1-img-error {
	display: block;
	width: 420px;
	height: 45px;
	text-decoration: none;
	background: url("images/error.jpg");
	background-repeat:no-repeat;
	margin-top: 30px;
	}