@charset "utf-8";
/* CSS Document */

/***** Invisible Ink Web Designs Customised Global Reset Settings *****/

/***** Global reset settings are designed to remove any automatic display rules that browsers might apply to elements within html, for example turning links blue or putting borders around images *****/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: #333;
	background: white;
	font: 13px/1.3 Georgia, "Times New Roman", Times, serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: underline;
	font: 13px/1.3 Georgia, "Times New Roman", Times, serif;
	color: #333;
}
span.hidden {
	display: none;
}
.floatleft {
	float:left;
}
.floatright {
	float: right;
}
/********************************************************************TYPOGRAPHY**********************************************************************************/
p {
	margin: 0 0 4px 0;
	text-align: justify;
	text-indent: 12px;
	width: 228px;
}
p.firstparagraph {
	line-height: 1em;
	font-size: 16px;
	text-align: justify;
	text-indent: 0;
	width: 228px;
}
p.indexfirstarticlefirstparagraph {
	margin: 0 0 21px 0;
}
p.indexsecondarticlefirstparagraph {
	margin: 0 0 6px 0;
}
p.continued {
	text-indent: 0;
}
/***************************************************************NEWSPAPER WIDTH STYLES***************************************************************************/
.onecolumnwidth {
	width: 228px;
}
.twocolumnwidth {
	width: 475px;	
}
.threecolumnwidth {
	width: 722px;
}
.fullwidth {
	width: 969px;
}
.rightmargin {
	margin-right: 19px;
}
.leftmargin {
	margin-left: 19px;	
}


/*************************************************************GLOBAL CONTAINING DIVS*****************************************************************************/
body {
	background: #ccc url(images/pagestyling/paper_bg.jpg) repeat center top;
}
#container {
	width: 100%;
}
#content {
	width: 969px;
	margin: 0 auto;
}
#header {
	height: 232px;
	margin: 12px 0 0 0;
}
#masthead {
	margin: 7px 0 5px 0;
}
#masthead a {
	display: block;
	width: 617px;
	height: 125px;
	margin: 0 auto;
	background: transparent url(images/pagestyling/masthead.jpg) no-repeat center top;
}
#dateline {
	height: 16px;
	margin: 8px 0 5px 0;
	overflow: hidden;
	background: transparent url(images/pagestyling/dateline.jpg);
	
}
#dateline a {
	display: block;
	width: 388px;
	height: 16px;
	margin: 0 auto;
}
#footer {
	height:36px;
	
}
.linebreak {
	height: 1px;
	overflow:hidden;
	background: transparent url(images/pagestyling/linebreak1.jpg);
}
.alternate.linebreak {
	background: transparent url(images/pagestyling/linebreak2.jpg);
}
.verticallinebreak {
	width: 1px;
	overflow: hidden;
	background: transparent url(images/pagestyling/verticallinebreak1.jpg);
}
/*********************************************************GLOBAL PAGE ELEMENTS***********************************************************************************/
/*****************************************************************MAIN NAV***************************************************************************************/
div#sidebarholder {
	width: 1019px;
	margin: 0 auto;
	background: transparent url(images/pagestyling/sidebar.gif) no-repeat left top;
}
div#featurednav {
	margin: 0 0 7px 0;
	height: 56px;
}
ul#mainnav li  a {
	display: block;
	width: 228px;
	height: 56px;
	background: transparent url(images/pagestyling/nav_menu_sprite.gif) no-repeat;
}
ul#mainnav li {
	float: left;
	margin-right: 19px;
}
ul#mainnav li  a.current {
	cursor: text;
}
ul#mainnav li#bloglink {
	margin-right: 0;
}
ul#mainnav li#portfoliolink a {
	background-position: left top;
}
ul#mainnav li#portfoliolink a:hover, ul#mainnav li#portfoliolink a:active, ul#mainnav li#portfoliolink a.current {
	background-position: left bottom;
}
ul#mainnav li#serviceslink a {
	background-position: -228px top;
}
ul#mainnav li#serviceslink a:hover, ul#mainnav li#serviceslink a:active, ul#mainnav li#serviceslink a.current {
	background-position: -228px bottom;
}
ul#mainnav li#contactlink a {
	background-position: -456px top;
}
ul#mainnav li#contactlink a:hover, ul#mainnav li#contactlink a:active, ul#mainnav li#contactlink a.current {
	background-position: -456px bottom;
}
ul#mainnav li#bloglink a {
	background-position: right top;
}
ul#mainnav li#bloglink a:hover, ul#mainnav li#bloglink a:active {
	background-position: right bottom;
}

/*************************************************************************FOOTER********************************************************************************/
#socialbookmarkholder {
	width: 100%;
	height: 54px;
	margin: 12px 0 8px 0;
}
ul#socialbookmarklinks {
}
ul#socialbookmarklinks li {
	float: left;
}
ul#socialbookmarklinks li a {
	display: block;
	height: 54px;
	background: transparent url(images/pagestyling/social_bookmark_sprite.gif) no-repeat;
}
ul#socialbookmarklinks li#rssfeed a {
	background-position: left top;
	width: 218px;
	margin-right: 29px;
}
ul#socialbookmarklinks li#rssfeed a:hover, ul#socialbookmarklinks li#rssfeed a:active  {
	background-position: left bottom;
}
ul#socialbookmarklinks li#linkedin a {
	background-position: -247px top;
	width: 217px;
	margin-right: 30px;
}
ul#socialbookmarklinks li#linkedin a:hover, ul#socialbookmarklinks li#linkedin a:active  {
	background-position: -247px bottom;
}
ul#socialbookmarklinks li#facebook a {
	background-position: -494px top;
	width: 158px;
	margin-right: 89px;
}
ul#socialbookmarklinks li#facebook a:hover, ul#socialbookmarklinks li#facebook a:active  {
	background-position: -494px bottom;
}
ul#socialbookmarklinks li#twitter a {
	background-position: right top;
	width: 207px;
}
ul#socialbookmarklinks li#twitter a:hover, ul#socialbookmarklinks li#twitter a:active  {
	background-position: right bottom;
}
#footernavholder {
	width: 323px;
	height: 13px;
	margin: 6px 0 6px 0;
}
ul#footernav {
	float: left;
}
ul#footernav li {
	float: left;
	padding-right: 2px;
	margin-right: 2px;
	border-right: 1px solid #8c8b8b;
}
ul#footernav li#footerthanks {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}
ul#footernav li a {
	display: block;
	height: 13px;
	background: transparent url(images/pagestyling/footer_nav_sprite.gif) no-repeat;
}
ul#footernav li a.current {
	cursor: text;
}
ul#footernav li#footerhome a {
	background-position: left top;
	width: 37px;
}
ul#footernav li#footerhome a:hover, ul#footernav li#footerhome a:active, ul#footernav li#footerhome a.current  {
	background-position: left bottom;
}
ul#footernav li#footerportfolio a {
	background-position: -41px top;
	width: 57px;
}
ul#footernav li#footerportfolio a:hover, ul#footernav li#footerportfolio a:active, ul#footernav li#footerportfolio a.current  {
	background-position: -41px bottom;
}
ul#footernav li#footerservices a {
	background-position: -103px top;
	width: 54px;
}
ul#footernav li#footerservices a:hover, ul#footernav li#footerservices a:active, ul#footernav li#footerservices a.current {
	background-position: -103px bottom;
}
ul#footernav li#footercontact a {
	background-position: -161px top;
	width: 49px;
}
ul#footernav li#footercontact a:hover, ul#footernav li#footercontact a:active, ul#footernav li#footercontact a.current  {
	background-position: -161px bottom;
}
ul#footernav li#footerblog a {
	background-position: -213px top;
	width: 29px;
}
ul#footernav li#footerblog a:hover, ul#footernav li#footerblog a:active  {
	background-position: -213px bottom;
}
ul#footernav li#footerfaq a {
	background-position: -246px top;
	width: 20px;
}
ul#footernav li#footerfaq a:hover, ul#footernav li#footerfaq a:active, ul#footernav li#footerfaq a.current  {
	background-position: -246px bottom;
}
ul#footernav li#footerthanks a {
	background-position: right top;
	width: 47px;
}
ul#footernav li#footerthanks a:hover, ul#footernav li#footerthanks a:active,ul#footernav li#footerthanks a.current  {
	background-position: right bottom;
}
#footercopyright {
	width: 227px;
	height: 13px;
	margin: 6px 0 6px 0;
	float: right;
	background: transparent url(images/pagestyling/footer_copyright.gif) no-repeat left top;
	overflow: hidden;
}



/****************************************************************INDEX ELEMENTS*********************************************************************************/
/****************************************************************FIRST ARTICLE**********************************************************************************/
#indexfirstarticlecontainer {
	margin: 17px 0 9px 0;
	height: 535px;
}
#indexfirstarticleheadline {
	height: 118px;
	background: transparent url(images/pagestyling/comingsoonmainarticleheading.jpg) no-repeat;
}
.indexfirstarticlecontentholder {
	margin: 14px 0 0 0;
	height: 404px;
}
#indexfirstarticlesubtitle {
	margin: 0 0 0 13px;
	height: 142px;
	width: 459px;
	background: transparent url(images/pagestyling/comingsoonmainarticlesubheading.jpg) no-repeat;
}
#indexfirstarticlefirstcolumns {
	margin: 14px 0 0 0;
	height: 312px;
}
#indexfirstarticlefirstcolumn, #indexfirstarticlesecondcolumn, #indexfirstarticlethirdcolumn, #indexfirstarticlefourthcolumn {
}
#indexfirstarticleimage {
	height: 390px;
	margin: 12px 0 0 0;
	background: transparent url(images/pagestyling/comingsoonmainarticlefeatureimage.jpg) no-repeat;
}
#indexfirstarticlesecondcolumns {
	margin: 3px 0 0 0;
}

/*********************************************************************SECOND ARTICLE*****************************************************************************/
#indexsecondarticlecontainer, #indexsecondarticleholder {
	height: 623px;
}
#indexadvertisingfeatureholder {
	height: 623px;
	background: transparent url(images/pagestyling/indexadvertisingfeatures.jpg) no-repeat left top;
}
#indexsecondarticleheadline {
	height: 85px;
	margin: 10px 0 0 0;
	background: transparent url(images/pagestyling/index2ndarticleheading.jpg) no-repeat left top;
}
#indexsecondarticlecontentholder {
	margin: 18px 0 0 0;
	height: 508px;
}
#indexsecondarticlesubtitle {
	width: 208px;
	height: 102px;
	margin: 0 0 0 13px;
	background: transparent url(images/pagestyling/index2ndarticlesubheading.jpg) no-repeat left top;
}
#indexsecondarticlefirstcolumn {
	margin: 17px 0 0 0;
}
#indexsecondarticleimage {
	height: 292px;
	background: transparent url(images/pagestyling/index2ndarticlefeatureimage.jpg) no-repeat left top;
}
#indexsecondarticlelastcolumns {
	margin: 5px 0 0 0;
}
ul#indexserviceslist {
	list-style: disc inside;
	margin: 0 0 0 6px;
}
/************************************************************SERVICES ELEMENTS***********************************************************************************/
/**************************************************************INTRO*********************************************************************************************/
div#servicesintro {
	margin: 17px 0 9px 0;
	height: 474px;
}
div#introheadline {
	height: 112px;
	background: transparent url(images/pagestyling/servicesmainarticleheading.gif) no-repeat;
}
div#servicesintrorightcolumns {
	margin: 23px 0 0 0;
}
div#servicesintrosubheading {
	height: 142px;
	width: 460px;
	background: transparent url(images/pagestyling/servicesmainarticlesubheading.gif) no-repeat;
	margin: 0 0 0 13px;
}
div#servicesintrocolumnholder {
	margin: 8px 0 0 0;
}
div#servicesintrofeatureimage {
	height: 340px;
	margin: 23px 0 0 0;
	background: transparent url(images/pagestyling/servicesmainarticlefeatureimage.jpg) no-repeat;
}
/************************************************************WEB AND BLOG DESIGN*********************************************************************************/
div#serviceswebdesignblogdesign {
	margin: 17px 0 9px 0;
	height: 495px;
}
div#webdesignblogdesignseparator {
	height: 495px;
	margin: 0 0 0 9px;
}
div#serviceswebdesignheading, div#servicesblogdesignheading  {
	height: 29px;
	background: transparent url(images/pagestyling/services2ndarticleheading.gif) no-repeat;
}
div#servicesblogdesignheading {
	background-position: right;
}
div#serviceswebdesignsubheading {
	width: 206px;
	height: 97px;
	background: transparent url(images/pagestyling/services2ndarticlesubheading1.gif) no-repeat;
	margin: 20px 0 24px 13px;
}
div#serviceswebdesignfeatureimage {
	height: 192px;
	background: transparent url(images/pagestyling/services2ndarticlefeatureimage1.jpg) no-repeat;
	margin: 20px 0 10px 0;
}
div#servicesblogdesignsubheading {
	width: 199px;
	height: 102px;
	background: transparent url(images/pagestyling/services2ndarticlesubheading2.gif) no-repeat;
	margin: 20px 0 14px 13px;
}
div#servicesblogdesignfeatureimage {
	height: 161px;
	background: transparent url(images/pagestyling/services2ndarticlefeatureimage2.jpg) no-repeat;
	margin: 20px 0 11px 0;
}
/****************************************************************HOSTING****************************************************************************************/
div#serviceshosting {
	height: 654px;
	margin: 0 0 9px 0;
}
div#servicesadvertisingfeatures {
	height: 654px;
	background: transparent url(images/pagestyling/servicesadvertisingfeatures.jpg) no-repeat;
}
div#serviceswebhostingheading {
	height: 33px;
	background: transparent url(images/pagestyling/services3rdarticleheading.gif) no-repeat;
	margin: 10px 0 0 0;
}
div#serviceswebhostingfeatureimage {
	height: 305px;
	background: transparent url(images/pagestyling/services3rdarticlefeatureimage.jpg) no-repeat;
	margin: 14px 0 11px 0;
}
div#serviceswebhostingsubheading {
	width: 203px;
	height: 102px;
	background: transparent url(images/pagestyling/services3rdarticlesubheading.gif) no-repeat;
	margin: 16px 0 11px 13px;
}
/***********************************************************MARKETING AND NETWORKING*****************************************************************************/
div#servicesmarketingnetworking {
	margin: 17px 0 9px 0;
	height: 534px;
}
div#marketingnetworkingseparator {
	height: 534px;
	margin: 0 0 0 9px;
}
div#servicesmarketingheading, div#servicesnetworkingheading  {
	height: 30px;
	background: transparent url(images/pagestyling/services4tharticleheading.gif) no-repeat;
}
div#servicesnetworkingheading {
	background-position: right;
}
div#servicesmarketingsubheading {
	width: 212px;
	height: 101px;
	background: transparent url(images/pagestyling/services4tharticlesubheading1.gif) no-repeat;
	margin: 20px 0 24px 13px;
}
div#servicesmarketingfeatureimage {
	height: 197px;
	background: transparent url(images/pagestyling/services4tharticlefeatureimage1.jpg) no-repeat;
	margin: 20px 0 9px 0;
}
div#servicesnetworkingsubheading {
	width: 211px;
	height: 102px;
	background: transparent url(images/pagestyling/services4tharticlesubheading2.gif) no-repeat;
	margin: 20px 0 24px 13px;
}
div#servicesnetworkingfeatureimage {
	height: 218px;
	background: transparent url(images/pagestyling/services4tharticlefeatureimage2.jpg) no-repeat;
	margin: 20px 0 5px 0;
}
/***************************************************************SEARCH ENGINE OPTIMISATION***********************************************************************/