/* Body */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #000;
}


/* Containers */

#containerheader {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	position: relative;
	height: 100px;
	background: url('../images/backgrounds/headerbg.gif') repeat-x top left;
	background-color: #000;
}

#containerheader h1{
	display: none;
}

#containerheader h2 {
	display: none;
}

#containerheadercenter {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
}

#containerheaderleft {
	margin: 0;
	padding: 10px 0 0 0;
	width: 290px;
	text-align: left;
	float: left;
}

#containerheaderright {
	margin: 0;
	padding: 35px 0 0 325px;
	width: 345px;
	text-align: left;
	float: right;
}

#containerheaderright h2 {
	display: none;
}

#containerheaderright p {
	margin: 15px 5px 0 5px;
	padding: 0;
	color: #b5b5b5;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background: url('../images/sidebar/speach-bubble.jpg') no-repeat top left;
	background-color: #151515;
	height: 85px;
}

#containerbanner {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url('../images/backgrounds/banner-bg.jpg') repeat-x top left;
	background-color: #2b9ad2;
	height: 400px;
}

#containerbannercenter {
	margin: 0 auto;
	padding: 40px 0 0 0;
	background: url('../images/backgrounds/banner-content-bg.jpg') no-repeat bottom center;
	width: 960px;
	height: 360px;
}

#containerbannerheader {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url('../images/backgrounds/banner-bg.jpg') repeat-x top left;
	background-color: #2b9ad2;
	height: 100px;
}

#containerbannerheadercenter {
	margin: 0 auto;
	padding: 30px 0 0 0;
	width: 960px;
	height: 70px;
	text-align: left;
}

#containercontent {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	background: url('../images/backgrounds/content-bg.gif') repeat-x top left;
	background-color: #fff;
	color: #000;
}

#containercontentcenter {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 960px;
}

#footerleft {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	height: 55px;
	width: 310px;
}

#footerright {
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
	height: 150px;
	background: url('../images/crimbo-tree.png') no-repeat bottom right;
	width: 450px;
}
	

#containerfooter {
	margin: 0;
	padding: 10px 0 0 0;
	color: #a0a0a0;
	width: 100%;
	text-align: right;
	clear: both;
	border-top: 2px solid #888;
	background: url('../images/backgrounds/footer-bg.gif') repeat-x top left;
	background-color: #000;
}

/* content backgrounds */

	

/* Navigation */

ul.nav {
  	margin: 0;
  	border: 0 none;
  	padding: 0;
  	width: 345px; /*For KHTML*/
  	list-style: none;
  	height: 35px;
}

ul.nav li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 35px;
}

/* Root Menu */
ul.nav a {
	margin-right: 8px;
	padding-left: 10px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #fff;
	font: normal 12px/35px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	background: url('../images/backgrounds/tab-off.png') left top no-repeat;
	cursor: pointer;
}

ul.nav a span {
	padding-right: 10px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #fff;
	font: normal 12px/35px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	background: url('../images/backgrounds/tab-off.png') right top no-repeat;
	cursor: pointer;
}

/* Root Menu Hover Persistence */
ul.nav a:hover,
ul.nav li:hover a,
ul.nav li.iehover a {
  	color: #0094de;
  	background: url('../images/backgrounds/tab-on.png') no-repeat top left;
}

ul.nav a:hover span,
ul.nav li:hover a span,
ul.nav li.iehover a span {
  	color: #0094de;
  	background: url('../images/backgrounds/tab-on.png') right top no-repeat;
}


a.buttonmain {
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	background: url('../images/backgrounds/buttonbg_off.gif') repeat-x bottom left;
	background-color: #00aaec;
	border: 1px solid #2547a2;
}

a:hover.buttonmain {
	color: #fff;
	background: url('../images/backgrounds/buttonbg_on.gif') repeat-x bottom left;
	background-color: #00aaec;
	border: 1px solid #2547a2;
}


/* Image */

#imageleft {
	margin: 0;
	padding: 0;
	width: 500px;
	float: left;
}

#imageleft img {
	margin: 0;
	padding: 0;
}

#imageright {
	margin: 0;
	padding: 0;
	width: 260px;
	float: right;
	text-align: left;
}

#imageright h2 {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 26px;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

/* Banner */

#bannercontent {
	margin: 0;
	padding: 0;
	text-align: left;
}

#bannercontentleft {
	margin: 0;
	padding: 0;
	width: 460px;
	float: left;
}

#bannercontentleft h2 {
	margin: 0;
	padding: 0;
	font-size: 38px;
	font-family: Trebuchet MS, Georgia, Century Gothic, Times New Roman, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000;
}

#bannercontentleft h3 {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 24px;
	font-family: Trebuchet MS, Georgia, Century Gothic, Times New Roman, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #333;
}

#bannercontentleft ul {
	margin: 0;
	padding: 0;
}

#bannercontentleft li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#bannercontentright {
	margin: 0;
	padding: 0;
	width: 400px;
	float: right;
}


a.greenbutton {
	margin: 20px 20px 0 0;
	padding: 18px 0 0 0;
	background: url('../images/buttons/green-button-off.png') no-repeat top left;
	width: 200px;
	height: 42px;
	display: block;
	float: left;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}

a.blackbutton {
	margin: 20px 20px 0 0;
	padding: 18px 0 0 0;
	background: url('../images/buttons/black-button-off.png') no-repeat top left;
	width: 200px;
	height: 47px;
	display: block;
	float: left;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
}

a:hover.blackbutton  {
	background: url('../images/buttons/black-button-on.png') no-repeat top left;
	color: #000;
}


/* Banner Header Content */

#containerbannerheader h2 {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Georgia, Century Gothic, Times New Roman, Arial, Verdana, sans-serif;
	font-size: 48px;
}


/* Content Buttons */

a.contentbutton {
	margin: 0 10px 10px 10px;
	padding: 14px 0 0 20px;
	background: url('../images/buttons/contentbutton-off.png') no-repeat top left;
	width: 180px;
	height: 36px;
	display: block;
	float: left;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
}

a:hover.contentbutton  {
	background: url('../images/buttons/contentbutton-on.png') no-repeat top left;
	color: #333;
}

a.contentbutton2 {
	margin: 0 10px 10px 10px;
	padding: 14px 0 0 20px;
	background: url('../images/buttons/contentbutton2-off.png') no-repeat top left;
	width: 180px;
	height: 41px;
	display: block;
	float: left;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
}

a:hover.contentbutton2  {
	background: url('../images/buttons/contentbutton2-on.png') no-repeat top left;
	color: #999;
}

a.contentbuttonlarge {
	margin: 5px 10px 0 0;
	padding: 14px 0 0 20px;
	background: url('../images/buttons/contentbuttonlarge-off.png') no-repeat top left;
	width: 260px;
	height: 46px;
	display: block;
	float: left;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-align: left;
}

a:hover.contentbuttonlarge  {
	background: url('../images/buttons/contentbuttonlarge-on.png') no-repeat top left;
	color: #999;
}



/* Footer Buttons */

.footerbuttons {
	margin: 20px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d5d5d5;
}
	
	

/* serviceshome */

#serviceshome {
	margin: 0;
	padding: 20px 0 10px 0;
	color: #000;
	border-bottom: 1px solid #d5d5d5;
}

#serviceshome h2 {
	margin: 0 30px 0 0;
	padding: 10px 0 0 0;
	color: #333;
	font-size: 28px;
	font-weight: normal;
	font-family: Trebuchet MS, Georgia, Century Gothic, Times New Roman, Arial, Verdana, sans-serif;
}

#serviceshome h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #2b9ad2;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
}


#containercontent p {
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 1.5;
	color: #555;
	text-align: justify;
}

#serviceshome p a {
	margin: 0;
	padding: 0 2px 0 2px;
	color: #2b9ad2;
}

#serviceshome p a:hover {
	color: #fff;
	text-decoration: none;
	background: #555;
}

#webmedia {
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	width: 280px;
}

#printmedia {
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	width: 280px;
}

#branding {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	float: left;
	width: 280px;
}

.boxheader {
	margin: 0;
	padding: 0 0 10px 0;
	height: 60px;
}

.boxheader img {
	padding: 0 15px 0 0;
	float: left;
}
	

.homeboxspacer {
	margin: 30px 0 0 0;
	padding: 0;
	background: url('../images/backgrounds/homebox-spacer.png') no-repeat top center;
	width: 30px;
	height: 200px;
	float: left;
}

.servicesboxspacer {
	margin: 0 0 0 0;
	padding: 0;
	background: url('../images/backgrounds/spacer100.png') no-repeat top center;
	width: 30px;
	height: 100px;
	float: left;
}


#servicestopleft {
	margin: 0 20px 20px 0;
	padding: 0;
	width: 275px;
	background: url('../images/backgrounds/services-top.jpg') no-repeat bottom left;
	background-color: #fff;
	float: left;
	height: 140px;
}

#servicestopleft a {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 35px;
	background: url('../images/backgrounds/serviceslink-off.jpg') no-repeat bottom left;
	background-color: #fff;
	display: block;
	color: #000;
	text-decoration: none;
}

#servicestopleft a:hover {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 35px;
	background: url('../images/backgrounds/serviceslink-on.jpg') no-repeat bottom left;
	background-color: #fff;
	display: block;
	color: #137cb1;
	text-decoration: none;
}

#servicestopleft p {
	margin: 0;
	padding: 10px 15px 5px 15px;
	text-align: justify;
}

#servicestopleft ul {
	margin: 0;
	padding: 0;
}

#servicestopleft li {
	margin: 0;
	padding: 0;
}

#servicestopright {
	margin: 0 0 20px 0;
	padding: 0;
	width: 275px;
	background: url('../images/backgrounds/services-top.jpg') no-repeat bottom left;
	background-color: #fff;
	float: left;
	height: 140px;
}

#servicestopright p {
	margin: 0;
	padding: 10px 15px 5px 15px;
	text-align: justify;
}

#servicestopright a {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 35px;
	background: url('../images/backgrounds/serviceslink-off.jpg') no-repeat bottom left;
	background-color: #fff;
	display: block;
	color: #000;
	text-decoration: none;
}

#servicestopright a:hover {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 35px;
	background: url('../images/backgrounds/serviceslink-on.jpg') no-repeat bottom left;
	background-color: #fff;
	display: block;
	color: #137cb1;
	text-decoration: none;
}

#servicestopright ul {
	margin: 0;
	padding: 0;
}

#servicestopright li {
	margin: 0;
	padding: 0;
}

#servicesbottom {
	margin: 20px 0 0 0;
	padding: 0;
	width: 960px;
}

#servicesbottom img {
	display: none;
}

#servicesbottom h3 {
	margin: 0;
	padding: 0;
	color: #555;
	font-size: 16px;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
}

#servicesbottom p {
	margin: 0;
	padding: 0;
	text-align: justify;
}

#servicesbottom a {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 35px;
	background: url('../images/backgrounds/servicesbottomlink-off.jpg') no-repeat bottom left;
	background-color: #fff;
	display: block;
	color: #000;
	text-decoration: none;
}

#servicesbottom a:hover {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 35px;
	background: url('../images/backgrounds/servicesbottomlink-on.jpg') no-repeat bottom left;
	background-color: #fff;
	display: block;
	color: #137cb1;
	text-decoration: none;
}

.servicesarea {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

#webdesign {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/webdesign.jpg') no-repeat top left;
	float:left;
}

#cms {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/cms.jpg') no-repeat top left;
	float: left;
	
}

#ecommerce {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/ecommerce.jpg') no-repeat top left;
	float:left;
	
}

#webapp {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/webapp.jpg') no-repeat top left;
	float: left;
	
}

#seo {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/search.jpg') no-repeat top left;
	float: left;
	
}

#w3c {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/w3c.jpg') no-repeat top left;
	float: left;
	
}

#emailmarketing {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/email.jpg') no-repeat top left;
	float:left;
	
}

#stats {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/stats.jpg') no-repeat top left;
	float: left;
	
}

#domains {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/domains.jpg') no-repeat top left;
	float:left;
	
}

#hosting {
	margin: 0 0 0 10px;
	padding: 0 10px 0 60px;
	width: 220px;
	background: url('../images/services/host.jpg') no-repeat top left;
	float: left;
	
}



/* Main Content */

#main {
	margin: 0 0 10px 0;
	padding: 20px 10px 20px 10px;
}

#main h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	color: #62b5e2;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

#main h3 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 24px;
	color: #2b2b2b;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
}

#main p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5;
	text-align: justify;
	font-size: 14px;
}

#main ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	font-size: 14px;
}

#main li {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	background: url('../images/backgrounds/tick.jpg') no-repeat 0 50%;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.5;
}

#main a {
	margin: 0;
	padding: 0 2px 0 2px;
	color: #2b9ad2;
}

#main a:hover {
	color: #fff;
	text-decoration: none;
	background: #555;
}

.maincontentheader h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	color: #62b5e2;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

#main2 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#main2 h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	color: #62b5e2;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

#main2 h3 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 16px;
	color: #2b2b2b;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
}

#main2 p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5;
	text-align: justify;
	font-size: 14px;
}

#main2 ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	font-size: 14px;
}

#main2 li {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	background: url('../images/backgrounds/tick.jpg') no-repeat 0 50%;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.5;
}

#main2 a {
	margin: 0;
	padding: 0 2px 0 2px;
	color: #2b9ad2;
}

#main2 a:hover {
	color: #fff;
	text-decoration: none;
	background: #555;
}


#main3 {
	margin: 0 0 10px 0;
	padding: 20px 10px 20px 10px;
}

#main3 h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	color: #62b5e2;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

#main3 p {
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1.5;
	text-align: justify;
	font-size: 14px;
}

#main3 ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	font-size: 14px;
}

#main3 li {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	font-size: 14px;
	line-height: 1.5;
}

#main3 a {
	margin: 0;
	padding: 0 2px 0 2px;
	color: #2b9ad2;
}

#main3 a:hover {
	color: #fff;
	text-decoration: none;
	background: #555;
}


/* Portfolio Content */

.contentnav {
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #555;
}

.contentnav ul {
	margin: 0;
	padding: 0;
}

.contentnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

.contentnav li a {
	margin: 0 10px 0 0;
	padding: 5px 10px 0 10px;
	background: url('../images/backgrounds/content-navbg-off.gif') repeat-x top left;
	background-color: #fff;
	height: 23px;
	color: #000;
	text-decoration: none;
	display: block;
	float: left;
	border: 1px solid #2c9ad2;
}

.contentnav li a:hover {
	background: url('../images/backgrounds/content-navbg-on.gif') repeat-x top left;
	background-color: #fff;
	color: #333;
	border: 1px solid #72d7e1;
}


.portfolioheader {
	margin: 0;
	padding: 20px 0 10px 0;
}
	
.portfolioheader h2 {
	margin: 0 30px 0 0;
	padding: 5px 0 0 0;
	color: #333;
	font-size: 28px;
	font-weight: normal;
	font-family: Trebuchet MS, Georgia, Century Gothic, Times New Roman, Arial, Verdana, sans-serif;
}

.portfolioheader h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #2b9ad2;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
}

.portfolioheader img {
	padding: 0 15px 0 0;
	float: left;
}

.portfoliohome {
	margin: 0 0 10px 0;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #ccc;
}

.portfoliohome p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5;
	text-align: justify;
	font-size: 14px;
}

.portfoliohome a {
	margin: 0;
	padding: 0 2px 0 2px;
	color: #2b9ad2;
}

.portfoliohome a:hover {
	color: #fff;
	text-decoration: none;
	background: #555;
}


.portfoliobox {
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	width: 280px;
}

.portfoliobox h2 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 21px;
	font-family: Trebuchet MS, Georgia, Century Gothic, Arial, Verdana, sans-serif;
}

.portfoliobox h3 {
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	color: #2b9ad2;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}

.portfoliobox ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	font-size: 14px;
}

.portfoliobox li {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	background: url('../images/backgrounds/tick.jpg') no-repeat 0 50%;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.5;
}

.portfoliobox img {
	margin: 0;
	padding: 0 0 8px 0;
	background: url('../images/backgrounds/portfoliobox-imgbg.png') no-repeat center bottom;
}
	



/* Portfolio Projects */

.portfolioproject {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #888;
}

.portfolioprojectleft {
	margin: 0;
	padding: 0;
	width: 640px;
	float: left;
}

.portfolioprojectleft img {
	margin: 0;
	padding: 0 0 5px 0;
	background: url('../images/backgrounds/portfolioproject-imgbg.png') no-repeat center bottom;
}

.portfolioprojectright {
	margin: 0;
	padding: 0 0 0 20px;
	width: 280px;
	float: left;
}

.portfolioprojectright h2 {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 21px;
	font-family: Trebuchet MS, Georgia, Century Gothic, Arial, Verdana, sans-serif;
}

.portfolioprojectright h3 {
	margin: -10px 0 8px 0;
	padding: 10px 0 5px 0;
	color: #2b9ad2;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #e5e5e5;
}

.portfolioprojectright p {
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.5;
	text-align: justify;
}

.portfolioprojectright ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #e5e5e5;
}

.portfolioprojectright li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
}

.portfolioprojectright li a {
	margin: 0;
	padding: 5px 0 5px 0;
	list-style: none;
	display: block;
	text-decoration: none;
	color: #2b2b2b;
}

.portfolioprojectright li a:hover {
	color: #2b9ad2;
}



/* contact */

.contactpage {
	margin: 0 0 30px 0;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #888;
}

.contactpageleft {
	margin: 0;
	padding: 0 0 5px 0;
	width: 640px;
	float: left;
	background: url('../images/backgrounds/portfolioproject-imgbg.png') no-repeat center bottom #fff;
}

.contactpageleft img {
	margin: 0;
	padding: 0 0 5px 0;
	background: url('../images/backgrounds/portfolioproject-imgbg.png') no-repeat center bottom;
}

.contactpageright {
	margin: 0;
	padding: 0 0 0 20px;
	width: 280px;
	float: left;
}

.contactpageright h2 {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 21px;
	font-family: Trebuchet MS, Georgia, Century Gothic, Arial, Verdana, sans-serif;
}

.contactpageright h3 {
	margin: -10px 0 8px 0;
	padding: 10px 0 5px 0;
	color: #2b9ad2;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #e5e5e5;
}

.contactpageright p {
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.5;
	text-align: justify;
}

.contactpageright p a {
	margin: 0;
	padding: 0 2px 0 2px;
	color: #2b9ad2;
}

.contactpageright p a:hover {
	color: #fff;
	text-decoration: none;
	background: #555;
}

.contactpageright ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #e5e5e5;
}

.contactpageright li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
}

.contactpageright li a {
	margin: 0;
	padding: 5px 0 5px 0;
	list-style: none;
	display: block;
	text-decoration: none;
	color: #2b2b2b;
}

.contactpageright li a:hover {
	color: #2b9ad2;
}


/* Services */

.servicesheader {
	margin: 0;
	padding: 20px 0 10px 0;
}
	
.servicesheader h2 {
	margin: 0 30px 0 0;
	padding: 10px 0 0 0;
	color: #333;
	font-size: 28px;
	font-weight: normal;
	font-family: Trebuchet MS, Georgia, Century Gothic, Times New Roman, Arial, Verdana, sans-serif;
}

.servicesheader h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #2b9ad2;
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
}

.servicesheader img {
	padding: 0 15px 0 0;
	float: left;
}





.contentfooter {
	margin: 0;
	padding: 0 10px 10px 10px;
	background: url('../images/backgrounds/content-footer.jpg') no-repeat bottom left;
	background-color: #2b9ad2;
	text-align: left;
	color: #000;
}

.contentfooter ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

.contentfooter li {
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
}

.contentfooter p {
	margin: 0;
	padding: 5px 0 0 0;
	color: #fff;
	font-size: 12px;
	text-align: left;
}

.contentfooter a {
	margin: 0;
	padding: 5px 0 0 0;
	color: #000;
	font-size: 12px;
}

.contentfooter2 {
	margin: 0 0 15px 0;
	padding: 10px 20px 15px 20px;
	background: url('../images/backgrounds/feature-bg.gif') no-repeat bottom left;
	background-color: #2b9ad2;
	text-align: left;
}

.contentfooter2 img {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}

.contentfooter2 h3 {
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 12px;
	font-family: Trebuchet MS, Times New Roman, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.contentfooter2 ul {
	margin: 5px 0 0 0;
	padding: 0 15px 0 0;
}

.contentfooter2 li {
	margin: 0;
	padding: 0 0 0 35px;
	list-style: none;
}

.contentfooter2 p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
}


.whatioffer {
	margin: 0 0 15px 0;
	padding: 10px 20px 20px 20px;
	background: url('../images/backgrounds/whatioffer-bottom.jpg') no-repeat bottom left;
	background-color: #e5e5e5;
	text-align: left;
}

.whatioffer img {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}

.whatioffer h3 {
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 12px;
	font-family: Trebuchet MS, Times New Roman, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.whatioffer p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
}


#aboutme {
	margin: 0;
	padding: 0;
}

#aboutme h2 {
	display: none;
}

.aboutme {
	margin: 0 0 15px 0;
	padding: 10px 20px 20px 20px;
	background: url('../images/backgrounds/aboutme-bottom.jpg') no-repeat bottom left;
	background-color: #000;
	text-align: left;
	color: #fff;
}

.aboutme img {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}

.aboutme h3 {
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 12px;
	font-family: Trebuchet MS, Times New Roman, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.aboutme p {
	margin: 5px 0 5px 0;
	padding: 0;
	text-align: justify;
	line-height: 1.5;
}

.aboutme ul {
	margin: 10px 0 10px 0;
	padding: 0;
	padding-left: 15px;
}

.aboutme li {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	background: url('../images/point-black.gif') no-repeat 0 50%;
	padding-left: 15px;
}

.aboutme a {
	margin: 0;
	padding: 0;
	color: #62b5e2;
	text-decoration: none;
}

.aboutme a:hover {
	margin: 0;
	padding: 0;
	color: #e5e5e5;
}





/* Sidebar Content */

#sidebar {
	margin: 0 25px 0 0;
	padding: 0;
	width: 240px;
	float: right;
	color: #fff;
}

#sidebar h3 {
	display: none;
}

.consultation {
	margin: 0 0 15px 0;
	padding: 5px 10px 15px 10px;
	background: url('../images/backgrounds/consultation.jpg') no-repeat bottom left;
	background-color: #fff;
}

.consultation p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.consultation p a {
	margin: 0;
	padding: 5px 60px 10px 5px;
	color: #000;
	text-decoration: none;
	display: block;
}

.consultation p a:hover {
	color: #137cb1;
}

.marketing {
	margin: 0 0 15px 0;
	padding: 5px 10px 15px 10px;
	background: url('../images/backgrounds/marketing.jpg') no-repeat bottom left;
	background-color: #fff;
}

.marketing p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.marketing p a {
	margin: 0;
	padding: 5px 60px 10px 5px;
	color: #000;
	text-decoration: none;
	display: block;
}

.marketing p a:hover {
	color: #ed145b;
}

.sidebarcontent {
	margin: 0 10px 10px 25px;
	padding: 5px 0 10px 0;
	width: 192px;
	border-top: 1px solid #444;
	background: url('../images/backgrounds/sidebar-bg.gif') no-repeat bottom left;
	background-color: #000;
}

.sidebarcontent p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.sidebarcontent p a {
	margin: 0;
	padding: 5px 40px 10px 10px;
	color: #fff;
	text-decoration: none;
	display: block;
}

.sidebarcontent p a:hover {
	color: #62b5e2;
}

.sidebarcontent ul {
	margin: 0;
	padding: 0 0 3px 6px;
	font-size: 11px;
}

.sidebarcontent li {
	margin: 0;
	padding: 0 3px 0 0;
	list-style: none;
	display: inline;
}



.sidebarcontact {
	margin: 0 10px 10px 25px;
	padding: 5px 0 10px 0;
	width: 192px;
	border-top: 1px solid #444;
	background: url('../images/backgrounds/sidebar-bg.gif') no-repeat bottom left;
	background-color: #000;
}

.sidebarcontact p {
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 11px;
}

.sidebarcontact dl {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px;
}

.sidebarcontact dt {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

.sidebarcontact dd {
	margin: 0;
	padding: 0;
}

.sidebarcontact a {
	margin: 0;
	padding: 0;
	color: #f5f5f5;
	text-decoration: none;
}

.sidebarcontact a:hover {
	color: #fff;
	text-decoration: underline;
}




/* project */

#projectgallery {
	margin: 20px 20px 0 0;
	padding: 5px;
	width: 340px;
	height: 160px;
	background: url('../images/backgrounds/imagebg.gif') repeat-x top left;
	background-color: #62b5e2;
	float: right;
}

.project {
	margin: 10px 0 0 0;
	padding: 0;
	width: 500px;
	height: 200px;
	background: url('../images/backgrounds/imagebg.gif') repeat-x top left;
	background-color: #62b5e2;
}

.project h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	color: #62b5e2;
	font-family: Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.project img {
	margin: 0;
	padding: 5px;
}

.project p {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 10px;
	color: #000;
	line-height: normal;
}

.project p a{
	margin: 10px 3px 0 0;
	padding: 4px 0 0 0;
	background: url('../images/backgrounds/button-off.gif') repeat-x top left;
	background-color: #62b5e2;
	height: 22px;
	width: 22px;
	text-align: center;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
}

.project p a:hover{
	background: url('../images/backgrounds/button-on.gif') repeat-x top left;
	background-color: #62b5e2;
	text-align: center;
}


.project img a {
	margin: 0;
	padding: 0;
}

.project img a:hover {
	margin: 0;
	padding: 0;
}


.webbutton {
	margin: 10px 0 0 0;
	padding: 0;
}

.webbutton a {
	margin: 0 0 0 0;
	padding: 5px 0 0 30px;
	height: 20px;
	width: 100px;
	background: url('../images/backgrounds/webbutton-off.jpg') no-repeat top left;
	background-color: #2b9ad2;
	display: block;
	text-decoration: none;
	color: #fff;
}

.webbutton a:hover {
	background: url('../images/backgrounds/webbutton-on.jpg') no-repeat top left;
	background-color: #62b5e2;
	color: #151515;
}



/* Useful Links */

#containerlinks {
	margin: 0 auto;
	padding: 5px 25px 15px 25px;
	width: 910px;
	text-align: left;
}

#contentlinks p {
	margin: 0;
	padding: 0;
	color: #fff;
}

.footerbox { 
	margin: 0;
	padding: 0 30px 0 0;
	width: 200px;
	float: left;
}

.footerbox h3 {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 16px;
	color: #62b5e2;
	font-family: Trebuchet MS, Times New Roman, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.footerbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #777;
	border-top: 1px solid #222;
}

.footerbox li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #777;
	border-bottom: 1px solid #222;
}

.footerbox li a {
	margin: 0;
	padding: 5px 10px 5px 10px;
	color: #777;
	text-decoration: none;
	display: block;
}

.footerbox li a:hover {
	color: #e5e5e5;
}

.footerbox p {
	margin: 0;
	padding: 0 0 5px 0;
	color: #ccc;
}

.footerbox p a {
	margin: 0;
	padding: 0;
	color: #777;
	text-decoration: none;
}

.footerbox p a:hover {
	color: #e5e5e5;
}


.footerservices {
	margin: 0 0 5px 0;
	padding: 0;
	width: 200px;
	background: url('../images/footer/black-bg.gif') no-repeat bottom left;
	background-color: #333;
	height: 60px;
}

.footerservices h4 {
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 11px;
	color: #777;
}

.footerservices p {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.footerservices img{
	margin: 0;
	padding: 0;
	float: left;
}

.footerservices a {
	margin: 0;
	padding: 0;
	display: block;
	color: #777;
	text-decoration: none;
}

.footerservices a:hover {
	color: #fff;
}






.twitterbox { 
	margin: 0;
	padding: 0;
	width: 220px;
	float: left;
}

.twitter {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 16px;
	color: #62b5e2;
	font-family: Trebuchet MS, Times New Roman, Century Gothic, Arial, Verdana, sans-serif;
	font-weight: normal;
	background: url('../images/twitter-header.gif') no-repeat bottom left;
	width: 220px;
}

#twitter_div {
	margin: 0;
	padding: 10px 15px 10px 15px;
	color: #fff;
	width: 190px;
	background: url('../images/twitter-bg.gif') repeat-x bottom left;
	background-color: #62b5e2;
	font-family: Times New Roman, Trebuchet MS, Century Gothic, Arial, Verdana, sans-serif;
	font-size: 14px;
}

#twitter_div a {
	margin: 0;
	padding: 3px 0 0 0;
	color: #000;
	text-decoration: none;
	display: block;
}

#twitter_div a:hover {
	color: #fff;
	text-decoration: none;
}

.twitterbox a {
	color: #777;
	text-decoration: none;
}

.twitterbox a:hover {
	color: #fff;
}

.link-twitter {
	padding: 5px 5px 0 0;
	float: right;
	font-size: 11px;
}

#twitter_update_list {
	margin: 0;
	padding: 0;
	color: #fff;
}	

#twitter_update_list ul {
	margin: 0;
	padding: 0;
	color: #fff;
}

#twitter_update_list li {
	margin: 0;
	padding: 0;
	list-style: none;
}



/* Footer */


#footer {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	text-align: right;
}

#links {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	border-top: 1px solid #222;
	width: 960px;
}

#links p {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 11px;
}


#links a {
	color: #ccc;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Arial, Verdana;
	text-decoration: none;
}

#links a:hover{
	color: #62b5e2;
	padding-left: 2px;
	padding-right: 2px;
}

p#copyright {
	margin: 0;
	padding: 0;
	font-size: 10px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

p#copyright a {
	color: #e471fd;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
}

p#copyright a:hover{
	color: #000;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #e471fd;
}


/* Spacer */

.spacer {
	margin: 15px 10px 15px 10px;
	padding: 0;
	height: 1px;
	background: url('../images/backgrounds/spacerbg.jpg') no-repeat top center;
}

hr {
	display: none;
}



/* form */

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

.contactform {
	margin: 0;
	padding: 10px 15px 20px 15px;
	border: 5px solid #63b5e2;
}

.contactform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.contactform h2 {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	font-size: 21px;
	font-family: Trebuchet MS, Georgia, Century Gothic, Arial, Verdana, sans-serif;
	background: none;
}

.contactform h3 {
	margin: -10px 0 8px 0;
	padding: 10px 0 5px 0;
	color: #2b9ad2;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #e5e5e5;
	background: none;
}

.formleft {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	width: 220px;
	font-size: 12px;
}

.formleft input {
	margin: 0 0 10px 0;
	padding: 3px 5px 3px 5px;
	height: 20px;
	border: 1px solid #ccc;
	width: 198px;
	display: block;
}

.formleft input:hover {
	border: 1px solid #2b9ad2;
	background: #dcecf4;
}

.formleft input:focus {
	border: 1px solid #2b9ad2;
	background: #dcecf4;
}


.formlabel {
	margin: 0 0 5px 0;
	padding: 0;
}

.formright {
	margin: 0;
	padding: 0;
	width: 360px;
	float: right;
}

.formright input {
	margin: 0 0 10px 0;
	padding: 3px 5px 3px 5px;
	width: 348px;
	height: 20px;
	border: 1px solid #ccc;
	display: block;
}

.formright input:hover {
	border: 1px solid #2b9ad2;
	background: #dcecf4;
}

.formright input:focus {
	border: 1px solid #2b9ad2;
	background: #dcecf4;
}

.formright textarea {
	margin: 0 0 10px 0;
	padding: 5px;
	width: 348px;
	border: 1px solid #ccc;
	display: block;
}

.formright textarea:hover {
	border: 1px solid #2b9ad2;
	background: #dcecf4;
}

.formright textarea:focus {
	border: 1px solid #2b9ad2;
	background: #dcecf4;
}

.formbuttons {
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;
}

.formbuttons input {
	margin: 0 10px 0 0;
	padding: 0;
	color: #fff;
	width: 150px;
	height: 50px;
	border: none;
	cursor: pointer;
	text-transform: none;
	font-size: 16px;
	background: url('../images/buttons/button-off.jpg') no-repeat bottom left #000;
}

.formbuttons input:hover {
	color: #999;
	background: url('../images/buttons/button-on.jpg') no-repeat bottom left #333;
}



/* Error Message */

#error {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 100px;
	margin-right: 100px;
	padding: 0;
	text-align: center;
}

#errormessage {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
}

#errormessage h3 {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-bottom: 2px;
	color: #144fa9;
	font-size: 24px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	background: url('../images/content/main_head_bg.gif');
	background-position: bottom; 
	background-repeat: repeat-x;
	height: 30px;
	border-bottom: 1px solid #d2d2d2;
}

#errormessage p {
	margin: 0;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5;
}

#errormessage a {
	color: #ff6600;
	font-weight: normal;
	text-decoration: none;
}

#errormessage a:hover{
	color: #ff9966;
	font-weight: normal;
	text-decoration: none;
}