/* Generic Tags */
BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana,ariel, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}

H1
{
	font-weight: bold;
	font-size: 130%;
	color: #093547;
	font-family: Trebuchet MS,ariel, Helvetica, sans-serif;
	margin-bottom:5px;
}

H2
{
	font-weight: bold;
	font-size: 115%;
	color: #093547;
	font-family: Trebuchet MS,ariel, Helvetica, sans-serif;
	margin-bottom:5px;

}

B { font-weight:bold; color:#49b5d9;}

/* general page formating */
.pageContainer
{
	width:800px;
	text-align:left;
}

.pageContent
{
	padding:0 20 0 20;
	margin:15 0 0 0;
	font-size:90%;
}

.pageContent p
{
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:5px;
}

.pageText
{
	float:left;
	clear:none;
	width:500px;
	padding-right:25px;
}

.TextBoxBlank { font-family: Trebuchet MS,ariel, Helvetica, sans-serif; color:Gray; font-size:1.1em; }
.TextBox { font-family: Trebuchet MS,ariel, Helvetica, sans-serif; color:Black; font-size:1.1em; }


/* Masthead & menu */
.pageHeader
{
	width:100%;
	height:120px;
	vertical-align:bottom;
	padding:5 5 5 5;
}

.pageHeader img
{
	border:none;
	float: left;
}

.pageFooter { FONT-SIZE: .8em;clear:both; TEXT-ALIGN:center; color:#585858; margin-top:25px; position:absolute; top:580px; width:800px;}

.pageFooter a, .pageFooter a:hover, .pageFooter a:active, .pageFooter a:visited, .pageFooter a:link
{
	color:#585858;
	margin-bottom:0px;
}

.pageFooter a, .pageFooter a:active, .pageFooter a:visited, .pageFooter a:link
{
	text-decoration:none;
}

.menu
{
	font-weight: bold;
	font-size: 105%;
	color: #093547;
	font-family: Trebuchet MS,ariel, Helvetica, sans-serif;
	text-align: left;
	position:absolute;
	top:80px;
	left:30px;
	overflow:visible;
}

.menu a, .menu a:hover, .menu a:active, .menu a:visited, .menu a:link
{
	color:#585858;
	text-decoration:none;
	margin-bottom:0px;
}

.menuStart
{
	color:white;
	width:10px;
	text-align:left;
}

.menuSpacer
{
	color: #b4b5b7;
	width:20px;
	text-align:center;
}

.menuEnd
{
	color:white;
	width:10px;
	text-align:right;
}

.menuSeparatorHidden
{
	color: white;
	width:0px;
	height:0px;
	margin: -50 0 0 0;
	padding: 0 0 0 0;
}

.menuSelectedItem span
{
	color:#49B5D9;
	cursor:text;
}


.timeBar
{
	margin:15 0 15 15;
	text-align:left;
	font-size:75%;
	color:#585858;
	float:left;
	width:100%;
}

.timeBar img
{
	position:relative;
	left:-10px;
	text-align:center;
	margin-bottom:5px;
}

.timeBar span
{
	padding:0 5 0 0;
}

.timeBar a, .timeBar a:active, .timeBar a:visited, .timeBar a:link
{
	text-decoration:none;
	color:#585858;
}

.timeBar a:hover
{
	text-decoration:underline;
}

.timeBarSeperator
{
	color:#49b5d9;
	font-weight:600;
}

#logo { float:right; margin-top:15px;}

/* Call Me Back popup formating */
#CallMeBack
{
	float:right;
}

#CallMeBack a
{
	width:170;
	height:36;
	background-image:url(images/call_back_up.jpg);
	padding-left:1000;
	overflow:hidden;
}

#CallMeBack a:hover
{
	width:170;
	height:36;
	background-image:url(images/call_back_over.jpg);
}



#responseDIV { width: 800px; height:250px; margin-top:15px; }

#CallBackButton { float: right; }

.popupFrame 
{
visibility: hidden; position: absolute;
padding: 0 0 0 0; border: #49b5d9 1px solid;
overflow: hidden; height:0;width:0;text-align:center;z-index:99;
}
.popupContent { FONT-FAMILY: Verdana,ariel, Helvetica, sans-serif; FONT-SIZE: .8em; border:none; text-align:left;}
.popupContent div, .popupContent p { padding: 0 3px 0 3px; text-align:left;}
.popupBody { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center; width:295px; }
.popupTitle { MARGIN-TOP:3px; WIDTH:100%; HEIGHT:16px; padding: 0 0 0 0;}
.popupCaption
{
	float: left;
	background-image: url(images/titlebar.jpg);
	background-repeat:no-repeat;
	margin-left: 3px;
	width: 275px;
	margin-right: 0px;
	background-color: transparent;
}
.popupCloseButton {  position:absolute; top:3px; left:280px}
.popupFooter { FONT-FAMILY: Verdana,ariel, Helvetica, sans-serif; FONT-SIZE: .8em;clear:both; TEXT-ALIGN:center; }
.popupFieldCaption { FLOAT:left; MARGIN-LEFT:5px; PADDING-TOP:3px; HEIGHT:25px; clear:left;}
.popupField { FLOAT:right; MARGIN-RIGHT:5px; clear:right; }
#popupMailingList { margin: -15 25 5 5;padding: 0 0 0 0;clear:both; text-align:right; }

#lbError { padding: 0px 3px 3px 3px; color:red; visibility:hidden; }
	
.clientBody { float:right; }
.clientImage { float:left; margin-right:15px; }
.clientPage { margin-top:25px;}

/**** Page conditional formating ****/
/* Home Page */
.IntroText { position: relative; margin-top:50px;  }
.IntroText div { position: relative; margin-bottom: 10px; font-weight: bold; }
.IntroText #Line2 { left:40px; }
.IntroText #Line3 { left:60px; }

/* Our Customers */
.projectSelector { position:relative; width:320px; padding:0px; margin:0px; float:left; }
.projectSelectorAnchor img { position:relative; border:solid 1px white; cursor:pointer; margin-bottom:5px; filter: alpha (opacity=25); opacity: 0.25; width:150px; }
.projectSelector .selectedItem { filter: alpha (opacity=100); opacity: 1.0; }
#projectDetails { float:left; width:440px; height:400px; overflow:hidden;}
.imgPastCustomerLogo { float: left; margin: 2px 4px 2px 2px;}
.projectSelectorAnchor, .projectSelectorAnchor:hover, .projectSelectorAnchor:active, .projectSelectorAnchor:visited, .projectSelectorAnchor:link { color:white; text-decoration:none; border:solid 1px white; }


/* Get In Touch */
#ContactDetails { width: 400px; float:left;}
#ContactDetails div { margin-left:25px; margin-top:10px; margin-bottom:10px; }
#BusinessAddress { margin-left:25px; margin-top:15px; clear:left; }
#GoogleMap { border: #49b5d9 1px solid;position:absolute; visibility:hidden; width:350px; height:315px; z-index:1; background-color:White;}
#GoogleMap a { color: #0000FF; text-align: right; margin-left:5px; margin-bottom:5px;}
#GoogleMap iframe { margin: 0px 5px 0px 5px;  }
#MapButton { margin-left:25px; top:10px; cursor:pointer; width:200px;}
#MapButton div { margin-right:5px;margin-top:0px;margin:0px; vertical-align:middle;  }
#MapButton img { position:relative; }
#CloseMap { float:right; }
#LargeMap { float:left; }
#imageGetInTouch {float:right;}
#divMessage {width:300px; position: absolute;
padding: 0 0 0 0; border: #49b5d9 1px solid;
overflow: hidden; text-align:center;z-index:99;
visibility:hidden; width:0; height:0; top:150px; left:250px; background:white;}
.popupShadow { background-color:Gray; filter: alpha (opacity=25); opacity: 0.25; top:0;left:0;position:absolute;visibility:hidden; z-index:0;}
#GoogleCaption
{
	float: left;
	background-image: url(images/titlebar2.jpg);
	background-repeat:no-repeat;
	margin-left: 3px;
	width: 285px;
	margin-right: 0px;
	background-color: transparent;
}

#MessageMessage { margin:0 0 0 0;padding: 0 0 0 0; }
#MessageContactBy { margin:0 0 5 5;padding: 0 0 0 0;clear:both; }
#MessageMailingList { margin: 0 25 5 5;padding: 0 0 0 0;clear:both; text-align:right; }

#RegistrationDetails{  margin-left:20px; padding-top:10px; clear:both; font-size:75%; color:Gray;padding-bottom:15px; }
#pageGetInTouch .pageFooter { position:relative; top: 0px }

/* How We Work */
#imageHowWeWork { float:right; position:relative; top:100px; }

/* What We Do */
#subMenu {float:left; width:150; height:400; top:30px;position:relative;}
#subMenu div { cursor:hand;cursor:pointer; margin:0 0 3 0; height:30px; width:150; text-align:center; padding:3 0 0 0; color:White;}
#clipBox {float:right;overflow:hidden;width:575; height:400;}
#scrollBox {position:relative;}
#scrollBox div {height:400px;}
.SubMenuAnchor, .SubMenuAnchor:hover, .SubMenuAnchor:active, .SubMenuAnchor:visited, .SubMenuAnchor:link { color:white; text-decoration:none; }
#imageWebDesign {float: right;margin-left: 10px; margin-top: 20px;}
#imageConsultancy {float: right;margin-left: 10px; margin-top: 3px;}
#imageDatabases {float: right; margin-left: 10px; margin-top: 20px;}

/* Who We are */
#imageWhoWeAre { float:right; position:relative; top:150px; }

/* Front Page */
#imageFrontPage { position:relative; top:85px; left:40px; }

/* Privacy Statement */
#pagePrivacy .pageFooter { position:relative; top: 10px }

/* Terms & Conditions */
#pageTandC .pageFooter { position:relative; top: 0px }

/**** Page conditional formating (ends) ****/