img, div { behavior: url(iepngfix.htc) }
body { behavior:url("csshover.htc"); }
body { height: 700px; margin:0px; background-color:#01013D; background-image: url(images/bgd.jpg);  background-repeat:repeat-x; background-position:top left; }
.spaceright {padding: 0px 10px 0px 0px;}
a { outline: none; } /* Firefox Outline Removal */
a:active { outline: none; } /* Firefox Outline Removal */
.mainContainer {width:100%; min-height:100%;  background-image: url(images/buildingBgd.jpg);  background-repeat:no-repeat; background-position:top right; margin-top:6px;}
.page { width: 930px; height:auto; margin: 0px auto 0px auto; }
.toparea { width: 900px; height:22px; padding: 139px 15px 0px 15px;  background-image: url(images/tjollyLogo.jpg);  background-repeat:no-repeat; background-position:top left;}
.topimage { width: 390px; height:134px; padding: 0px 0px 0px 0px; float:left;}
.loginarea { width: 900px; height:134px; padding: 0px 0px 0px 0px; }
.lowerblockleft {width: 194px; height:100px; padding: 0px; float:left;  margin: 40px 0px 0px 0px;  }
.lowerblockright {width: 380px; height:100px; margin: 40px 0px 0px 0px; padding: 0px; float:left;  }
.lowertextright {width: 428px; height: 212px; margin: 13px 0px 0px 10px; padding: 15px 15px 0px 15px; float:left; background-image: url(../images/homeBotRightBgd.gif);  background-repeat:no-repeat; background-position:top left;  } 

.container_image {padding: 0px; margin: 0px; background-color:#333333}
.yellowarrow {color:#FFFC00; font-size:16px;}
.mainmenu { margin: 0px 0px 0px -1px; padding: 3px 0px 3px 0px; width: 902px; height:21px; color:#8080A6; font-family: Arial; font-size: 14px; border-color:#9D9FB8; border-style:solid; border-width: 0px 0px 1px 0px; text-align:right}
.mainareahome {width:900px; height: 100%; background-color:#F3F3F3; overflow: hidden; }
.mainarea {width:930px; height: 100%; padding: 0px; margin: 0px;}
.maincontent {width:900px; height: auto; padding: 0px 14px 0px 16px; margin: 0px; background-image: url(images/mainBgd.png);  background-repeat:repeat; background-position:top left; behavior: url(iepngfix.htc); overflow: hidden; }
.mainimage {width:900px;  height: 131px; padding: 16px 15px 0px 15px;	margin: 0px; background-image: url(images/mainTop2.png);  background-repeat:no-repeat; background-position:top left; }
.extranetimage {width:900px;  height: 15px; padding: 16px 15px 0px 15px;	margin: 0px; background-image: url(images/mainTop2.png);  background-repeat:no-repeat; background-position:top left; }

.mainleft {width:677px; height: 100%; float:left; padding: 20px 20px 0px 20px; text-align:left;}

.casestudyleft {width:277px; float:left}
.casestudyright {width:375px; padding: 30px 0px 20px 20px; float:left}


.officesL {width:150px; height: 100%; float:left; padding: 0px 10px 0px 10px; text-align:right;}
.officesR {width:150px; height: 100%; float:left; padding: 0px 10px 0px 10px; text-align:left;}
.mapImage {width:350px; height: 100%; float:left; padding: 0px; text-align:left;}
.mainright {width:159px; height: 100%; float:left; padding: 0px 10px 0px 13px; margin: 30px 0px 0px 0px; text-align:left;  border-color:#FFFFFF; border-style:solid; border-width: 0px 0px 0px 1px;  padding-bottom: 32767px;
	margin-bottom: -32767px;}
.mainrightheading {margin: 0px 0px 10px -13px;}
.mainrightform {width:574px; height: 720px; float:left; padding: 30px 30px 0px 30px; text-align:left; background-color:#FFFFFF; background-image: url(images/contactBR.jpg);  background-repeat:no-repeat; background-position:bottom right;}
.mainbordertop {width:930px; height:33px; padding: 0px; background-image: url(images/mainTop.png);  background-repeat:no-repeat; background-position:top left; }
.mainborderbottom {width:930px; height:46px; padding: 0px; background-image: url(images/mainBottom.png);  background-repeat:no-repeat; background-position:top left; }
.mainrighttext {width:232px; padding: 58px 25px 0px 25px; float:left}
.mainboth {width:860px; height: 100%; float:left; padding: 20px 20px 0px 20px; text-align:left;}
.newshead {width:860px; height: 140px;}


.imageborderleft {border-color:#FFFFFF; border-style:solid; border-width: 1px; margin-right:15px;}
.imageborderright {border-color:#FFFFFF; border-style:solid; border-width: 1px; margin-left:15px;}
.imageborderright15 {border-color:#FFFFFF; border-style:solid; border-width: 0px 15px 0px 0px;}

.homeleft {width:260px; height:100%; float:left; padding: 0px; border-color:#FFFFFF; border-style:solid; border-width:3px; padding-bottom: 32767px;
	margin-bottom: -32767px;}
.homeleftbrochure{width:200px; padding: 30px;}
.homeright {width:574px; height: 594px; float:left; padding: 30px 30px 0px 30px; text-align:left; background-color:#FFFFFF;}
.rightblocks {width:180px; float:left; padding: 0px 10px 0px 0px;}

.contactform {width:500px;}
.formRow {width: 600px; margin: 0px; padding: 1px; float:left}
.formTitle {width: 150px; height:23px; float:left;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; margin-left:15px; padding: 2px 0px 0px 0px; }
.formInput {width: 320px; height: 18px; float:left;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; margin: 0px 0px 0px 0px; }
.formTextTitle {width: 150px; height: 100px; float:left;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; margin-left:15px; padding: 2px 0px 30px 0px; }
.formTextInput {width: 420px; height: 100px; float:left;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 15px; margin: 0px 0px 30px 0px; }

.footer { width: 880px; height:80px; margin: 0px auto 0px auto;}

.footer-left {  width: 425px; margin: 10px 0px 0px 10px; text-align: left; float:left; }
.footer-right { width: 425px; margin: 10px 10px 0px 0px; text-align: right; float:right }
.header { width: 960px; background-image: url(../images/header.jpg); height: 120px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #9A9AB1; margin: 0px 0px 10px -10px; padding: 5px 0px 0px 0px; font-weight:normal; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #9A9AB1; line-height: 20px; margin: 0px 0px 0x 0px; padding: 0px 0px 0px 0px; font-weight:normal; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #28A197; line-height: 18px; margin: 0px 0px -15px 0px; padding: 0px 0px 0px 0px; font-weight:normal; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #9A9AB1; line-height: 16px; margin: 0px 0px -10px 0px; padding: 0px 0px 0px 0px; font-weight:bold; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #9A9AB1; line-height: 19px; margin: 15px 0px -20px 0px; padding: 0px 0px 0px 0px; font-weight:bold; }
hr { background-color:#444471; height:1px; border-width:1px; border-color:#444471; border-style:solid;}
.newshead {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #9A9AB1; line-height: 19px; margin:0px 0px 20px 0px;}
.newshead-image {width:160px; height:100%; float:left}
.newshead-text {width:689px; height:100%; float:left}
div.clear {
clear: both;
}


.boxhead { font-size: 16px; line-height: 16px; color: #404141; }
.boxheadw { font-size: 16px; line-height: 16px; color: #FFFFFF; }
.newsdate {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9A9AB1; line-height: 19px; }


.terms {font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:right; height: 29px; margin-top:0px; padding: 11px 10px 0px 0px; float:right}
p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 19px; }
.grey {color:#666666;}
.dimensions { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #578374; line-height: 16px; }


a { font-family: Arial, Helvetica, sans-serif;  color: #D9D300; text-decoration: none;}
a:link { font-family: Arial, Helvetica, sans-serif;  color: #D9D300; text-decoration: none;}
a:visited { font-family: Arial, Helvetica, sans-serif; color: #D9D300; text-decoration: none;}
a:active { font-family: Arial, Helvetica, sans-serif;  color: #D9D300; text-decoration: none;}
a:hover { font-family: Arial, Helvetica, sans-serif;  color: #D9D300;  text-decoration: underline;}





a.menumain { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8080A6; background-color:#01013D; width:125px; text-align:left; text-decoration: none; font-weight:normal;  margin-top:1px;}
a.menumain:link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8080A6; background-color:#01013D; text-align:left; text-decoration: none; font-weight:normal; margin-top:1px;}
a.menumain:visited { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8080A6; background-color:#01013D; text-align:left; text-decoration: none; font-weight:normal; }
a.menumain:active { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8080A6; background-color:#01013D; text-align:left; text-decoration: none; font-weight:normal; }
a.menumain:hover { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; background-color:#01013D; text-align:left;  text-decoration: none; font-weight:normal; }


.services a:link { font-family: Arial, Helvetica, sans-serif;  color: #C3D1F0; text-decoration: none; font-weight:normal; margin-top:1px;}
.services a:visited { font-family: Arial, Helvetica, sans-serif;  color: #C3D1F0; text-decoration: none; font-weight:normal; }
.services a:active { font-family: Arial, Helvetica, sans-serif;  color: #C3D1F0; text-decoration: none; font-weight:normal; }
.services a:hover { font-family: Arial, Helvetica, sans-serif; color: #C3D1F0; text-decoration: none; font-weight:normal; }


.nolinkFooter { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none; font-weight:normal }
.linkFooter { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none; font-weight:normal }
.linkFooter:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none;  font-weight:normal }
.linkFooter:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none; font-weight:normal }
.linkFooter:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none; font-weight:normal }
.linkFooter:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: underline; font-weight:normal }

.linkFooterW { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none; font-weight:bold}
.linkFooterW:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none;  font-weight:bold}
.linkFooterW:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none; font-weight:bold }
.linkFooterW:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: none; font-weight:bold }
.linkFooterW:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #D2E3D6; text-decoration: underline; }

ul { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 16px; margin: 0px 0px 15px 5px; padding: 0px 0px 0px 0px; list-style-position: inside;  }
li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-position: inside; }
.services ul { }
.services li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFC00; line-height: 20px; margin: 0px 0px 0px 10px; text-indent:-15px; padding: 0px 0px 0px 0px; list-style-type:circle;}

/* Menu */

/* Begin CSS Drop Down Menu */

#menum-container
	{
	
	top: 1em;
	left: 1em;
	}

#menum
	{
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	width:900px;
	float:right;
	margin:0px;
	text-align:right
	}
		
#menum a
	{
	text-align: left;
	display:block;
	border-color:#1D1D41;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	white-space:nowrap;
	margin:0px;
	padding: 3px;
	}
	
#menum a:link, #menum a:visited, #menum a:active	
	{
	color: #8080A6;

	text-decoration:none;
	}
	
#menum a:hover	/* menu at mouse-over  */
	{
	color: white;

	text-decoration:none;
	}	
	
#menum a.top_parent, #menum a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-width:0px;
	}
	
#menum a.parent, #menum a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menum ul
	{
	list-style:none;
	margin:0;
	padding:0px 5px 0px 5px;
	float:right;
	width:auto;	/* width of all menu boxes */
	}

#menum li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menum ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin: -8px 0px 0px -20px;
	}

#menum ul ul ul
	{
	top:0;
	left:100%;
	}

div#menum li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menum li:hover ul ul,
div#menum li li:hover ul ul,
div#menum li li li:hover ul ul,
div#menum li li li li:hover ul ul
{display:none;}

div#menum li:hover ul,
div#menum li li:hover ul,
div#menum li li li:hover ul,
div#menum li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/* Extranet */

TD {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; line-height: 16px;}

.containerRightImageLarge {margin-top:10px;}
.containerRightImageThumbs { border:1px solid #FFFFFF; opacity:0.4;filter:alpha(opacity=40);}
.containerRightImageThumbsSelected {margin:31px 0px 31px 0px;}
.imageBorder {border:1px solid #ffffff;}
