/* Centre block middle of page */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
/*	font-family: arial, helvetica, sans-serif; */
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;


	/* background: #6699CC url(images/backgroundXmas.jpg) center top repeat-y; */
	background: #6699CC url(images/background-wide.jpg) center top repeat-y;
/*	
	background-color: #F4FFFF;
	background: url(images/texture.gif) center top repeat;  */
}


#CenterPageArea {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 984px;	/* 760/984 */
	padding: 0px;
	text-align: left;
}

	/* Central group of columns */
#PageColumns  {
	padding: 0px; 
	padding-top:10px;
	padding-bottom:10px;	
	width: 984px;	/* 760/984 */
	margin: 0px; 
}

td.CentralColumn {
	padding: 0px;
	margin: 0px;
	text-align:center;
}

	/* Blue side bars */
td.PageSideBars {
	background: url(images/pagesidebarleft3.gif) top left repeat-y;
	padding: 0px; 
	margin: 0px;
	text-align:center;
}

	/* Main text blocks */
td.TextBlock {
	text-align: justify;
	border: 1px solid #69c;
	margin: 15px;
	padding: 15px;
	font-size: 10pt;
	color:#00004d;
	background-color: #FFF;
}


	/* Main text blocks with coloured background */
td.TextBlockColoured, td.TextBlockPLANNING, td.TextBlockCREATION, td.TextBlockSUPPORT,
td.TextBlockDESIGN, td.TextBlockMARKETING, td.TextBlockCONSULTANCY {
	text-align: justify;
	border-collapse: collapse;
	padding-top: 10px;
	margin:0px;
	font-size: 10pt;
	color:#00004d;
	padding-left: 0px;
	padding-right: 0px;
}

.homepage td.TextBlockColoured, .homepage td.TextBlockPLANNING, .homepage td.TextBlockCREATION, .homepage td.TextBlockSUPPORT,
.homepage td.TextBlockDESIGN, .homepage td.TextBlockMARKETING, .homepage td.TextBlockCONSULTANCY {
	border: 1px solid #69c;
	background-color: #E8F1F8;
}

td.TextBlockColoured {
	padding-bottom: 10px;
}


td.TextBlockColoured table{
	text-align: justify;
	font-size: 10pt;
	color: #000;
}

.homepage td.TextBlockColoured {
	background-color:#b6d2e9;
	background-image:url(images/gradient.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.homepage td.TextBlockCREATION, .homepage td.TextBlockMARKETING {
	background-color: #d4e5f2;
	background-image:url(images/gradientCREATION.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.homepage td.TextBlockSUPPORT, .homepage td.TextBlockCONSULTANCY  {
	background-color: #c0d3d8;
	background-image:url(images/gradientSUPPORT.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.homepage td.TextBlockPLANNING, .homepage td.TextBlockDESIGN {
	background-color: #dceeff;
	background-image:url(images/gradientPLANNING.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
td.TextBlockColoured, td.TextBlockPLANNING p, td.TextBlockSUPPORT p, td.TextBlockCREATION p,
td.TextBlockDESIGN p, td.TextBlockMARKETING p, td.TextBlockCONSULTANCY p{
	padding-top:5px;
	padding-left: 15px;	/* 10 */
	padding-right: 15px;	/* 10 */
}



	/* Copyright footer*/
td.CopyrightFooter {
	padding: 0px; 
	padding-top: 10px;
	margin: 0px;
	text-align:center;
	font-size: 8pt;
	color:#000;
}


ul {
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	margin-bottom:0px;
}



td {
	margin: 0px;
	padding: 0px;
}



p {
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	text-align: justify;
	font-size: 10pt;
}

.pageheading {
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
}


.heading_area {
	position:relative;
/*	background-image:url('/images/web-sanity-web-design-header-newyear.jpg'); */
/*	background-image:url('/images/web-sanity-web-design-header-xmas.jpg');*/
	background-repeat:no-repeat;
	background-position:0px; 
	background:url('/images/web-sanity-web-design-header.jpg') repeat-x;
	width:922px;
	height:150px;
}
.heading_area_tools {
	position:relative;
	background-image:url('/images/web-sanity-internet-tools-header.jpg');
	background-repeat:no-repeat;
	background-position:0px; 
	width:922px;
	height:150px;
}
.heading_text {position:absolute;right:0px;top:0px;text-align:right;color:#FFF;margin-right:8px;margin-top:8px;font-size:9pt;}
.heading_text a:link, .heading_text a:visited, .heading_text a:active  {
	color: #FFF;
	text-decoration: none;
}
.heading_text a:hover {
	color: #FFF;
	text-decoration: underline;
}


.heading_logo {position:absolute;left:15px;top:15px;border:none;}
.heading_logo a img {
	border:none;
	text-decoration: none;
}

.heading_strapline {position:absolute;left:18px;top:42px;text-align:left;color:#FFF;font-size:9pt;width:395px}
.heading_strapline a:link, .heading_strapline a:visited, .heading_strapline a:active  {
	color: #FFF;
	text-decoration: none;
}
.heading_strapline a:hover {
	color: #FFF;
	text-decoration: underline;
}
.heading_menu {position:absolute;left:0px;bottom:10px;text-align:left;width:922px;}



h1, h2 {
	font-size: 12pt;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:5px;
	/*letter-spacing: 0.05em;*/
	font-family:Tahoma, Geneva, sans-serif;
}
h1 {
	margin-bottom:12px;
	color: #00429e;
}
h2 {
	font-size:14pt;
	letter-spacing:normal;
	font-weight:bold;
	margin-bottom:6px;
	color: #0055b5;
}

h3 {
	text-align: left;
	font-size: 12pt;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: bold;
}

#FAQpage h3 {
	font-family: "Comic Sans MS", sans-serif;
	font-size: 12pt;
	font-weight:normal;
	padding-bottom:4px;
}


body a:link, body a:visited, body a:hover, body a:active  {
	color: #69c;
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active  {
	color: #0055b5;
	text-decoration: none;
}

* h1 a:link, * h1 a:visited, * h1 a:hover, * h1 a:active {
	text-decoration: none;
	color: #000;
}



/* Return to top links in FAQs */
a.TopLink:link, a.TopLink:visited, a.TopLink:hover, a.TopLink:active  {
	font-variant: small-caps;
	color: #BBB;
	text-decoration: none;
	border-bottom: 1px dashed #BBB;
}


table.ContactUs {
	font-size: 10pt;
	color: #000;
}

table.ContactUs td {
	padding:5px;
}

table.ContactUsSub {
	border: 0px;
	font-size: 10pt;
	text-align: justify;
	padding:0px;
	color: #000;
	margin: 0px;
}

table.ContactUsSub td {
	padding:0px;
}


.imageborder {
	border:1px solid #888888;
}

.imagenoborder {
	border:none;
}

.imagesubblock .imageborder {
	margin-top: 10px;
}


.colorblack, .black {
	color:#000;
}
#CopyrightFooter a:link, #CopyrightFooter a:visited, #CopyrightFooter a:hover, #CopyrightFooter a:active  {
	color:#000;
	text-decoration: underline;
}


.centre {
	text-align:center;
}

ul {
	padding-left:10px;
	margin-left:20px;
}

/* Wrap around circle*/
/* See also patches in websanityIE62007.css */
#QuestionMark {
	background:url(images/questionmarkONLYv2.png) no-repeat top left;
	width:125px;
	height:126px;
}
#ExclamationMark {
	background:url(images/exclamationmarkONLY.png) no-repeat top left;
	width:125px;
	height:126px;
}
#Heart {
	background:url(images/heartONLY.png) no-repeat top left;
	width:125px;
	height:126px;
}
wrap-01, .wrap-02, .wrap-03, .wrap-04, .wrap-05, .wrap-06 {float:left; clear:left; }
.wrap-01 {width: 94px; height: 10px;}
.wrap-02 {width: 99px; height: 10px;}
.wrap-03 {width: 104px; height: 30px;} 
.wrap-04 {width: 99px; height: 15px;} 
.wrap-05 {width: 94px; height: 15px;} 
.wrap-06 {width: 85px; height: 15px;} 


/* Image popup on past work page */
.popup {
	position: relative;
	z-index: 0;
}
.popup img{
	border:1px solid #69c;
	cursor:pointer;
	display: block;		/* Bug fix for Firefox to ensure image lines up properly */
}
.popup:hover{
	background-color: transparent;
	z-index: 50;
	padding:0px;
	margin:0px;
}
.popup span{
	position: absolute;
	background-color: white;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
	background-color: #E8F1F8;
	width:327px;
}
.popup:hover span{
	padding:0 0 10px 0;
	margin:0;
	position: absolute;
	left:0px;
	top:0px;
	border:1px solid #69c;
	visibility: visible;
}

.popup:hover span b {
	display:block;
	padding:3px 8px 3px 8px;
	font-weight:normal;
	font-size:12px;
	color:#000;
}

/* Shadow styles */
td.shadowr {
	text-align:left;
	vertical-align:top;
	background-image:url('images/borders/r.gif');
	background-repeat:repeat-y;
}

td.shadowb {
	text-align:left;
	vertical-align:top;
	background-image:url('images/borders/b.gif');
	background-repeat:repeat-x;
}
td.shadowbr {
	text-align:left;
	vertical-align:top;
}


/* FORM styles for contact form*/
.formtextblock 
{
	font-size: 10pt;
	color: #69c;
	font-family: arial, helvetica, sans-serif;
}
/* Only works in Mozilla */
.formtextblock:focus { background-color: #E5EFF7; }
.ContactUs td { text-align:left; }


/* Vertical popups */
.generic_popup {
	display:block;
	height:200px;
	background-color:#69c;
	position: relative;
	cursor:pointer;
	z-index:0;
}
.generic_popup:hover{
	z-index: 50;
	padding:0px;
	margin:0px;
}
.generic_popup b{
	display:block;
	position:absolute;
	background-color: white;
	visibility: hidden;
	display:none;				/* Turns the block off so that it disappears FULLY */
	text-decoration: none;
	font-size: 10pt;
	text-align:right;
	padding:5px;
	margin:5px;
	background:#00388c url(images/sidebar-popout-background.jpg) no-repeat top left;
	color:#FFF; 

	width:190px;
	height:100px;
	padding-top:10px;
}
.generic_popup:hover b{
	position: absolute;
/*	border:1px solid #69c; */
	visibility: visible;
	display:block;
	text-decoration:none;
	font-weight:normal;
}
/* Top left services popup */
.services_popup {
	background:url(images/topleft2.gif) no-repeat top left;
}
.services_popup:hover{
	background:url(images/topleft2.gif) no-repeat -22px top;
}
.services_popup b{
	text-align:right;
}
.services_popup:hover b{
	right: 22px;
	top: 0px;
}
/* Bottom right home popup */
.home_popup {
	background:url(images/botright2.gif) no-repeat top left;
}
.home_popup:hover{
	background:url(images/botright2.gif) no-repeat -22px top;
}
.home_popup b{
	text-align:left;
}

.home_popup:hover b{
	left: 22px;
	top: 50px;
}
.PageSideBars a:link, .PageSideBars a:visited, .PageSideBars a:hover, .PageSideBars a:active {
	text-decoration:none;
	font-weight:normal;
}



/* Simple menu */
/*.wsmenu2 {padding:0 0 0 45px; margin:0; list-style:none; height:22px; color:#fff;background:#69c url(images/web-sanity-web-design-menu.jpg); position:relative; z-index:100;}*/
.wsmenu2 {padding:0 0 0 45px; margin:0; list-style:none; height:22px; color:#fff;position:relative; z-index:100;}
.wsmenu2 ul {padding:0;margin:0;list-style-type:none;}	/* Strip default list attribute from list */ 
.wsmenu2 table {position:absolute; top:0; left:0; border-collapse:collapse;} /* Strip default table attributes from table */
.wsmenu2 li {float:left;position:relative;}	/* Float gives horizontal menu; relative allows drop down position to be set*/

/* Top level style */
.wsmenu2 a {display:block; float:left; 
padding:0 0 0 0px; 
height:22px; line-height:22px;
color:#FFF;
text-decoration:none;
text-align:center; cursor:pointer;}


.wsmenu2 a b {float:left; display:block; padding:0 20px 0 20px;
font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; color:#FFF;
}
/* Top level current style for currently selected option */
/*.wsmenu2 li.current a {color:#fff; background:url(test/images/button3.gif);}
.wsmenu2 li.current a b {background:url(test/images/button3.gif) no-repeat right top;}
.wsmenu2 li.current a:hover {color:#fff; background:url(images/menu-highlight.gif); cursor:default; text-decoration:none;}
.wsmenu2 li.current a:hover b {background:url(images/menu-highlight.gif) no-repeat right top; text-decoration:none;} 
*/
/* Hover - applies to ALL menus, override in lower level menus to change this behaviour */
/*.wsmenu2 a:hover b {background:url(images/menu-highlighttop.png) no-repeat left top; text-decoration:none;}
.wsmenu2 a:hover {color:#fff; background:url(images/menu-highlighttop.png) no-repeat right top; text-decoration:none;} */		/* <b> tag gives Left and right 'sides' to buttons  ``` */
.wsmenu2 a:hover b {color:#FFF; text-decoration:none;}
.wsmenu2 a:hover {color:#FFF; text-decoration:none; background:url(images/menu-highlighttop.png) top;}





/* Second level style - NB. override .current settings: we don't want these to apply to this menu */
.wsmenu2 ul ul a, .current ul a {background:url(images/menu-drop-back2.png) 0px 0px; color:#FFF; height:auto; line-height:1em; padding:5px 0 5px 23px; width:135px;border-width:0 1px 1px 1px;text-align:left;
font-size:13px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; 
text-decoration:none;
} /* .wsmenu2 ul li.current ul a  */

.wsmenu2 ul ul a:visited { color:#FFF }	/* Needed for IE 6 */
.wsmenu2 ul ul a.menu1 { width:185px;}	/* Individual widths for individual drop downs */
.wsmenu2 ul ul a.menu2 { width:185px;}	
.wsmenu2 ul ul a.menu3 { width:135px;}	
.wsmenu2 ul ul a.menu4 { width:135px;}	
.wsmenu2 ul ul a.menu5 { width:185px;}	

/* Second level hover (override generic hover) */
.wsmenu2 ul ul a:hover, .current ul a:hover  {color:#FFF;background: #71A2D4 url(images/menu-highlighttop.png) 0px 1px;text-decoration:none;}
/* .wsmenu2 ul li.current ul a:hover */
	

/* Menu dynamics */
.wsmenu2 ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0;} /* hide the sub levels and give them an absolute positon so that they take up no room */
.wsmenu2 ul li:hover ul, .wsmenu2 ul a:hover ul{visibility:visible;}	/* make the second level visible when hover on first level list OR link */



#bl a img,#bl :link img,#bl :visited img {
	border: none;
}
#bl {
	font-size: 8pt;
}

.HomePageOneofThreeBox {
	text-align:center;
}