body 
{	
	background-color: #fff;
	background-image: url(images/top_bg.gif);
	background-repeat: repeat-x;
	margin: 0em 0em 10em 0em;
	padding: 0em;
}

	img
	{
		border: none;
	}
	
/* Layout */

#bg2
{
	background-image: url(images/bg2.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 149px;
	position: absolute;
	top: 220px;
	left: 0px;
}

#bg3
{
	background-image: url(images/bg3.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 55px;
	position: absolute;
	top: 595px;
	left: 0px;
}


#container
{
	width: 970px;
	position: relative;
	margin: 0px auto 86px auto;
}

	#header
	{
		height: 84px;
		margin-top: 10px;
		position: relative;
		z-index: 2;
	}
	
		a.logo
		{
			background-image: url(images/logo.gif);
			background-repeat: no-repeat;
			width: 186px;
			height: 84px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
		/* Nav - see Skins/Menu.wired.css */
		
		#search
		{
			width: 150px;
			position: absolute;
			top: 15px;
			right: 0px;
		}
		
			.searchfield
			{
				color: #4a4a4a;
				border: none;
				background: none;
				background-image: url(images/search_bg.gif);
				background-repeat: no-repeat;
				height: 20px;
				width: 120px;
				position: absolute;
				top: 0px;
				right: 20px;
				padding: 12px 10px 10px 15px;
			}
			
			.searchBtn
			{
				position: absolute;
				top: 0px;
				right: 0px;
			}
			
			.advanced_search
			{
				font-size: .8em;
				position: absolute;
				top: 37px;
				right: 37px;
			}
		
	#header2
	{
		position: relative;
		margin-bottom: 24px;
	}
	
		#header2 .quote
		{
			position: absolute;
			top: 0px;
			right: 0px;
		}
		
		#header2 #wordup
		{
			font-size: .85em;
			line-height: 1.2em;
			background-image: url(images/wordup_box.gif);
			background-repeat: no-repeat;
			width: 230px;
			height: 112px;
			position: absolute;
			right: -10px;
			bottom: -10px;
			padding: 35px 25px 25px 25px;
		}
		
			#header2 #wordup .ttl
			{
				position: absolute;
				top: 0px;
				left: 3px;
			}
			
			#header2 #wordup p
			{
				margin-bottom: 10px;
			}
			
			#header2 #wordup label
			{
				width: 45px;
				float: left;
			}
	
	#basecontent
	{
		position: relative;
	}
	
	#footer
	{
		background-image: url(images/footer_bg.gif);
		background-repeat: repeat-x;
		height: 45px;
		width: 100%;
		position: fixed;
		bottom: 0px;
	}
	
		#footer .inner
		{
			width: 970px;
			position: relative;
			margin: 0px auto 0px auto;
		}
		
		#footer a
		{
			color: #fff;
		}
		
			.bbb
			{
				float: left;
				margin: 6px 0px;
			}
			
			.footercontent1, .footercontent2
			{
				display: block;
				color: #fff;
				font-size: .8em;
				line-height: 1em;
				padding: 0px 20px;
				margin: 6px 0px;
				float: left;
			}
			
				.footercontent1
				{
					border-right: solid 1px #4188b5;
					width: 315px;
				}
				
				.footercontent2
				{
					width: 240px;
				}
			
			.socialnetwork
			{
				position: relative;
				float: left;
				padding-left: 20px;
			}
			
				.socialnetwork .ttl
				{
					position: absolute;
					top: 8px;
					left: 20px;
				}
				
				.socialnetwork .snicon
				{
					position: relative;
					top: 35px;
					float: left;
					margin-right: 5px;
				}

/*** Default.master ***/

#defaultHeader
{
	height: 250px;
	z-index: 1;
}

	#defaultHeader #wordup
	{
	}
	
		#defaultHeader #wordup .readonline
		{
			position: absolute;
			top: 16px;
			right: 16px;
		}
	
		#defaultHeader #wordup .ttl
		{
			position: absolute;
			top: 0px;
			left: 2px;
		}
		
		.signup
		{
			text-align: right;
		}

	/* Products */ 

	#products
	{
		text-align: center;
		height: 207px;
		padding: 10px 0px;
		margin-bottom: 20px;
	}

		.belongs
		{
		}

		a.product
		{	
			color: #585858;
			display: block;
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			background-image: url(images/product_bg.gif);
			background-repeat: no-repeat;
			background-position: center center;
			height: 112px;
			width: 134px;
			position: relative;
			padding: 30px 30px;
			float: left;
			cursor: pointer;
		}
		
			a.product p
			{
				width: 134px;
				font-size: .9em;
				line-height: 1.2em;
				position: absolute;
				top: 85px;
				left: 30px;
			}
			
			a.product .learnmore
			{
				background-image: url(images/arrow.gif);
				background-repeat: no-repeat;
				background-position: right center;
				color: #00528c;
				font-size: .8em;
				display: block;
				position: absolute;
				bottom: 22px;
				right: 20px;
				padding-right: 10px;
			}
			
		a.product:hover
		{
			background-image: url(images/product_bg_lg.gif);
			background-repeat: no-repeat;
			height: 142px;
			width: 164px;
			position: relative;
			padding: 15px 15px;
		}
		
			a.product:hover p
			{
				width: 164px;
				font-size: 1em;
				line-height: 1.4em;
				position: absolute;
				top: 85px;
				left: 15px;
			}
			
			a.product:hover .learnmore
			{
				color: #00528c;
				display: block;
				position: absolute;
				bottom: 10px;
				right: 10px;
			}
			
			/* cms */
			
			a.product .cms .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredcms.gif);
				background-repeat: no-repeat;
				width: 123px;
				height: 40px;
				position: absolute;
				top: 36px;
				left: 35px;
			}

			/* cms:hover */
			
			a.product:hover .cms .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredcms_lg.gif);
				background-repeat: no-repeat;
				width: 145px;
				height: 47px;
				position: absolute;
				top: 30px;
				left: 25px;

			}
			
			/* cart */
			
			a.product .cart .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredcart.gif);
				background-repeat: no-repeat;
				width: 135px;
				height: 37px;
				position: absolute;
				top: 36px;
				left: 35px;
			}

			/* cart:hover */
			
			a.product:hover .cart .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredcart_lg.gif);
				background-repeat: no-repeat;
				width: 165px;
				height: 45px;
				position: absolute;
				top: 30px;
				left: 15px;

			}
			
			/* slice */
			
			a.product .slice .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredslice.gif);
				background-repeat: no-repeat;
				width: 124px;
				height: 50px;
				position: absolute;
				top: 24px;
				left: 35px;
			}

			/* slice:hover */
			
			a.product:hover .slice .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredslice_lg.gif);
				background-repeat: no-repeat;
				width: 165px;
				height: 66px;
				position: absolute;
				top: 13px;
				left: 15px;

			}
			
			/* develop */
			
			a.product .develop .prd_logo
			{
				display: block;
				background-image: url(images/prd_wireddevelop.gif);
				background-repeat: no-repeat;
				width: 125px;
				height: 48px;
				position: absolute;
				top: 24px;
				left: 35px;
			}

			/* develop:hover */
			
			a.product:hover .develop .prd_logo
			{
				display: block;
				background-image: url(images/prd_wireddevelop_lg.gif);
				background-repeat: no-repeat;
				width: 165px;
				height: 62px;
				position: absolute;
				top: 15px;
				left: 15px;

			}
			
			/* access */
			
			a.product .access .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredaccess.gif);
				background-repeat: no-repeat;
				width: 130px;
				height: 46px;
				position: absolute;
				top: 32px;
				left: 35px;
			}

			/* cart:hover */
			
			a.product:hover .access .prd_logo
			{
				display: block;
				background-image: url(images/prd_wiredaccess_lg.gif);
				background-repeat: no-repeat;
				width: 165px;
				height: 58px;
				position: absolute;
				top: 17px;
				left: 15px;

			}
			
	/* Latest News (homepage) */
	
	#latestNews
	{
		background-image: url(images/news_bg.gif);
		background-repeat: no-repeat;
		width: 550px;
		height: 273px;
		position: relative;
		float: left;
		padding: 40px 10px 20px 15px;
	}

		#latestNews .ttl
		{
			position: absolute;
			top: -3px;
			left: -1px;
		}

		.newsItem
		{
			background-image: url(images/item_bg.gif);
			background-repeat: no-repeat;
			line-height: 14px;
			width: 153px;
			height: 238px;
			position: relative;
			float: left;
			padding: 10px;
			margin: 0px 3px 0px 5px;
		}
		
			.newsItem img
			{
				margin-bottom: 8px;
			}
			
			.newsItem .date
			{
				font-weight: bold;
				font-style: italic;
				font-size: .9em;
			}
		
			.newsItem h1
			{
				color: #075d99;
				font-size: .9em;
				line-height: 1em;
				margin: 0px;
			}
			
			.newsItem .newsContent
			{
				font-size: .9em;
				line-height: 1.2em;
				height: 72px;
				overflow: hidden;
			}
			
			.continue
			{
				background-image: url(images/arrow.gif);
				background-repeat: no-repeat;
				background-position: right;
				padding-right: 10px;
				color: #0e5882;
				font-size: .85em;
				text-decoration: none;
				position: absolute;
				bottom: 7px;
				right: 10px;
			}
	
		#latestNews .more, #expertAdvice .more
		{
			text-decoration: none;
			font-size: .8em;
			line-height: .8em;
			background-image: url(images/arrow.gif);
			background-repeat: no-repeat;
			background-position: right 2px;
			position: absolute;
			bottom: 20px;
			right: 24px;
			padding-right: 9px;
		}
	
	/* Expert Advice (homepage) */
	
	#expertAdvice
	{
		background-image: url(images/articles_bg.gif);
		background-repeat: no-repeat;
		width: 370px;
		height: 273px;
		float: left;
		position: relative;
		float: left;
		padding: 40px 10px 20px 15px;
	}

		#expertAdvice .ttl
		{
			position: absolute;
			top: -3px;
			left: -1px;
		}

		.articleItem
		{
			background-image: url(images/item_bg.gif);
			background-repeat: no-repeat;
			width: 153px;
			height: 238px;
			position: relative;
			padding: 10px;
			float: left;
			margin: 0px 3px 0px 5px;
		}
		
			.articleItem img
			{
				margin-bottom: 8px;
			}
		
			.articleItem h1
			{
				color: #075d99;
				font-size: .9em;
				line-height: 1em;
				margin: 0px;
			}
			
			.articleItem .writtenby
			{
				font-weight: bold;
				font-size: .9em;
				display: block;
			}
			
			.articleItem .articleContent
			{
				font-size: .9em;
				line-height: 1.2em;
				height: 72px;
				overflow: hidden;
			}
			
			.articleItem .continue
			{
				background-image: url(images/arrow.gif);
				background-repeat: no-repeat;
				background-position: right;
				padding-right: 10px;
				color: #0e5882;
				font-size: .85em;
				text-decoration: none;
				position: absolute;
				bottom: 7px;
				right: 10px;
			}
		
	#clients
	{
		text-align: center;
		padding: 20px 0px;
		margin-bottom: 20px;
	}
	

		.happyclientbox
		{
			background-image: url(images/happyclients.gif);
			background-repeat: no-repeat;
			background-position: center;
			width: 128px;
			height: 91px;
			position: relative;
			text-align: center;
			vertical-align: middle;
			padding: 0px 5px;
		}
		
		.happyclientbox img
		{
			position: relative;
			margin: auto;
			line-height: 70px;
			vertical-align: middle;
		}


		
/*** Main.master ***/

#interior_hd_bg
{
	background-image: url(images/bg4.gif);
	background-repeat: repeat-x;
	background-position: 0px 180px;
	width: 100%;
	height: 250px;
	position: absolute;
	top: 0px;
	left: 0px;
}

	/* Header */
	
	#mainHeader
	{
		width: 970px;
		height: 145px;
		position: relative;
	}
	
		 #mainHeader #headerad
		 {
		 	background-image: url(images/header_ad_bg.gif);
		 	background-repeat: no-repeat;
		 	width: 690px;
		 	height: 145px;
		 	position: absolute;
		 	top: 0px;
		 	left: 0px;
		 }

		#mainHeader .quote
		{
		 	position: absolute;
		 	top: 7px;
		 	right: 5px;
		}

		 #mainHeader #wordup
		 {
		 	background-image: url(images/wordup_interior.gif);
		 	background-repeat: no-repeat;
		 	width: 266px;
		 	height: 54px;
		 	position: absolute;
		 	bottom: 0px;
		 	right: 0px;
		 	padding: 0px;
		 }
		 
		 #mainHeader #wordup a.online
		 {
		 	display: block;
		 	width: 120px;
		 	height: 20px;
		 	position: absolute;
		 	top: 6px;
		 	right: 10px;
		 }
		 
		 #mainHeader #wordup a.join
		 {
		 	display: block;
		 	width: 120px;
		 	height: 20px;
		 	position: absolute;
		 	top: 28px;
		 	right: 10px;
		 }

	#mainContent
	{
		position: relative;
	}

/* SideNav.master */

#sidenav
{
	background-image: url(images/sidenav_bg.gif);
	background-repeat: repeat-y;
	width: 227px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

	#sidenav .top
	{
		background-image: url(images/sidenav_top.gif);
		background-repeat: no-repeat;
		width: 227px;
		height: 11px;
	}

	#sidenav .bottom
	{
		background-image: url(images/sidenav.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		min-height: 225px;
		position: relative;
		bottom: -20px;
	}
	
	#sidenav ul
	{
		margin: 0px 20px;
		padding: 0px;
		list-style-type: none;
	}
	
		#sidenav ul li
		{
			margin: 0px;
			padding: 0px;
			background-image: url(images/sidenav_btm.gif);
			background-repeat: repeat-x;
			background-position: 0px bottom;
			height: 26px;
			overflow: hidden;
		}
		
		#sidenav ul li a
		{
			display: block;
			line-height: 24px;
			text-decoration: none;
		}
		
		#sidenav ul li a:hover, #sidenav ul li a.active
		{
			color: #075d99;
			background-image: url(images/arrow2.gif);
			background-repeat: no-repeat;
			background-position: 0px 8px;
			padding-left: 8px;
		}

#sidenavContent
{
	width: 727px;
	float: left;
	padding-top: 15px;
}

/* Newsletter Layout */

.wordup
{
}

#newsletter
{
	width: 720px;
	position: relative;
	float: left;
	margin: 0px 25px 0px 0px;
}

	#newsleft
	{
		width: 245px;
		position: relative;
		float: left;
		margin-right: 0px;
	}
	
	#newscontent
	{
		position: relative;
		width: 470px;
		float: left;
	}

#newsright
{
	width: 220px;
	position: relative;
	float: left;
	margin: 160px 0px 0px 0px;
}

	#newsarchive
	{
		margin: 0px 0px 25px 0px;
	}
	
	#newsarchive a
	{	
		color: #737373;
		text-decoration: none;
		display: block;
		font-size: 1em;
		height: 14px;
		display: block;
		padding: 6px 4px 10px 14px;
		border-bottom: dotted 1px #737373;
	}
	
	#newsarchive a:hover
	{
		color: #005794;
	}

/* Editor Icons */

#pageAttributes
{
	width: 300px;
	height: 20px;
	position: absolute;
	top: 0px;
	z-index: 100;
}	
	
	.admin
	{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
	}
	
	#editIcons
	{
		position: absolute;
		top: 0px;
		left: 16px;
	}	
	
	a.staff
	{
		color: #fff;
		font-size: .7em;
		position: absolute;
		top: 0px;
		left: 205px;
	}
	
	#loggedInAs
	{
		color: #155782;
		font-size: .8em;
		position: absolute;
		top: 0px;
		left: 70px;
		z-index:100;
	}
	
	a.logout
	{
		color: #155782;
	}
	
	.editRadioButtons
	{
		position: absolute;
		top: 20px;
		right: 300px;
	}
	
	.editPageLink
	{
		width: 30px;
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: 1000;
	}
	
	.editablePanel
	{
		position: relative;
	}
	
/* Content Editor Buttons n Stuff */

#approvalButtons
{
	position: absolute;
	top: 25px;
	left: 0px;
}

	.publish
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.rollback
	{
		position: absolute;
		top: 0px;
		left: 140px;
	}
	
a.cms_tab
{
	color: #fff;
	font-size: .8em;
	text-decoration: none;
	line-height: 24px;
	background-color: #737373;
	height: 24px;
	float: left;
	cursor: pointer;
}

	.cms_tab span
	{
		display: block;
		background-image: url(images/cms_tab_rt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 24px;
		padding: 0px 10px 0px 13px;
	}
	*html .cms_tab span
	{
		width: 20px;
		padding: 0px 10px 0px 10px;
	}
	
a.cms_tab_act
{
	color: #272727;
	font-size: .8em;
	text-decoration: none;
	line-height: 24px;
	background-image: url(images/cms_tab_act.gif);
	background-repeat: no-repeat;
	height: 24px;
	float: left;
	cursor: pointer;
}
	.cms_tab_act span
	{
		display: block;
		background-image: url(images/cms_tab_act_rt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 24px;
		padding: 0px 10px 0px 10px;
	}
	*html .cms_tab_act span
	{
		width: 20px;
	}

/***************************/
/********* Common **********/
/***************************/
	
.clear
{
	clear: both;
}

input
{
    color: #093857;
}	

textarea
{
    color: #093857;
}	

.form
{
	width: 100%;
}

	.form td, .form th
	{
		vertical-align: top;
		padding-bottom: 1px;
	}

	.form td
	{
		padding-left: 5px;
	}

	.form th
	{
		text-align: right;
		width: 190px;
	}

.form label
{
	font-weight: bold;
	vertical-align: top;
	width: 190px;
	text-align: right;
	float: left;
	margin-right: 5px;
	margin-bottom: 4px;
	line-height: 22px;
}

	.form br
	{
		clear: both;
	}
	
	.form small
	{
		font-size: .8em;
		font-weight: normal;
	}

	.formButtons
	{
		margin-left: 195px;
	}

.checkbox label
{
	text-align: left;
	display: inline;
	float: none;
	width: auto;
}

.horizontalform
{
	border: solid 1px #ebebeb;
	width: 100%;
	margin-top: 5px;
}

	.horizontalform th, .horizontalform td
	{
		border: solid 1px #ebebeb;
		padding: 2px 4px;
	}

	.horizontalform th
	{
		text-align: left;
		color: #929494;
		background-color: #ebebeb;
	}	
	
/***************************/
/****** Content Pages ******/
/***************************/

/* Login */

.loginBox
{
	background-image: url(images/login_bx.gif);
	background-repeat: no-repeat;
	width: 236px;
	height: 128px;
	position: relative;
	padding: 20px;
	margin: 0px auto;
}

	.loginBox label
	{
		text-align: left;
		margin: 0px;
	}
	
		.loginVal
		{
			width: 250px;
			position: absolute;
			left: 650px;
		}

/* Word Up Sign Up */

.wordupBox
{
	background-image: url(images/login_bx.gif);
	background-repeat: no-repeat;
	width: 236px;
	height: 98px;
	position: relative;
	padding: 50px 20px 20px 20px;
	margin: 0px auto;
}

	.wordupBox .ttl
	{
		position: absolute;
		top: -2px;
		left: 0px;
	}

	.loginBox label
	{
		width: 100px;
		text-align: left;
		font-weight: bold;
		margin: 0px;
	}

/* Full News List */

.FullListItem
{
	background-image: url(images/full_item_bg.gif);
	background-repeat: no-repeat;
	line-height: 14px;
	width: 153px;
	height: 238px;
	position: relative;
	float: left;
	padding: 10px;
	margin: 0px 3px 6px 3px;
}

	.FullListItem .newsContent
	{
		height: 100px;
		overflow: hidden;
		margin-top: 4px;
	}
	
	.FullListItem h1
	{
		color: #075d99;
		margin: 0px;
	}
	
	.FullListItem .writtenby
	{
		font-weight: bold;
	}
	
	.FullListItem h1, .FullListItem .writtenby
	{
		line-height: 1.2em;
		font-size: .9em;
	}
	
			
/* What We Do */

#wwdProducts
{
}
	
	#wwdProducts a
	{
		color: #585858;
	}
	
	#wwdProducts .cms, #wwdProducts .cart, #wwdProducts .slice, #wwdProducts .develop, #wwdProducts .access
	{
		width: 240px;
		height: 100px;
		position: relative;
		float: left;
		margin-top: 30px;
	}
	
	#wwdProducts .cms img, #wwdProducts .cart img, #wwdProducts .slice img, #wwdProducts .develop img, #wwdProducts .access img
	{
		display: block;
		text-align: center;
		margin: 0px auto;
	}
	
	#wwdProducts .cms ul, #wwdProducts .cart ul, #wwdProducts .slice ul, #wwdProducts .develop ul, #wwdProducts .access ul
	{
		font-size: .85em;
		font-weight: bold;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 45px;
	}
	
	#wwdProducts .cms ul li, #wwdProducts .cart ul li, #wwdProducts .slice ul li, #wwdProducts .develop ul li, #wwdProducts .access ul li
	{
		background-repeat: no-repeat;
		background-position: left 2px;
		padding-left: 16px;
		margin: 0px;
	}

	#wwdProducts .cms
	{
	}
		#wwdProducts .cms ul li
		{
			background-image: url(images/checkbox_cms.gif);
		}
	
	#wwdProducts .cart
	{
	}
		#wwdProducts .cart ul li
		{
			background-image: url(images/checkbox_cart.gif);
		}
	
	#wwdProducts .slice
	{
	}
		#wwdProducts .slice ul li
		{
			background-image: url(images/checkbox_slice.gif);
		}
	
	#wwdProducts .develop
	{
		margin-left: 125px;
	}
		#wwdProducts .develop ul li
		{
			background-image: url(images/checkbox_develop.gif);
		}
	
	#wwdProducts .access
	{
	}
		#wwdProducts .access ul li
		{
			background-image: url(images/checkbox_access.gif);
		}

/* Portfolio */

.portfolio
{
	background-image: url(images/portfolio_bg.gif);
	background-repeat: no-repeat;
	width: 299px;
	height: 204px;
	position: relative;
	float: left;
	margin: 2px;
	padding: 9px;
}

	.portfolio h1
	{
		color: #075d99;
		font-size: 1em;
		margin: 2px;
	}
	
	.portfolio h2
	{
		font-size: .9em;
		font-weight: normal;
		margin: 2px;
		margin-top: 0px;
	}

	.portfolio .portImage
	{
		display: block;
		background-color: #fff;
		padding: 1px;
		border: solid 1px #cddfeb;
		width: 295px;
		height: 136px;
	}

	.portfolio img
	{
		position: absolute;
		clip: rect(0px 295px 136px 0px);
	}
	
	.portfolio .visiturl
	{
		font-size: .85em;
		text-decoration: none;
		background-image: url(images/arrow.gif);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 10px;
		position: absolute;
		bottom: 6px;
		right: 10px;
	}
	
	.portfolio .learnmore
	{
		font-size: .85em;
		text-decoration: none;
		background-image: url(images/arrow.gif);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 10px;
		position: absolute;
		bottom: 6px;
		right: 70px;
	}

/* Portfolio Box */

.portfolioBox
{
	background-image: url(images/portfolio_mdl.gif);
	background-repeat: repeat-y;
	width: 708px;
	position: relative;
}

	.portfolioBox .top
	{
		background-image: url(images/portfolio_top.gif);
		background-repeat: no-repeat;
		width: 708px;
		height: 11px;
	}
	
	.portfolioBox .content
	{
		background-image: url(images/portfolio_btm.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		padding: 20px;
		min-height: 450px;
	}
	
	.portfolioBox .visitsite
	{
		position: absolute;
		top: 16px;
		right: 16px;
	}
	
	.portfolioBox .projectTtl
	{
		color: #15669f;
		position: absolute;
		top: 16px;
		left: 20px;
	}
	
    .quickfacts
    {
	    background-image: url(images/quickfacts_bg.gif);
	    background-repeat: no-repeat;
	    width: 270px;
	    height: 410px;
	    position: absolute;
	    top: 30px;
	    left: 702px;
	    background-color: Teal;
        display:none;
    }	

	.quickfactsContent
	{
		padding: 60px 15px 0px 15px;
		height: 130px;
	}
	
	.altViews
	{
		padding: 50px 15px 0px 15px;
		height: 170px;
	}
	
		.alternateImage
		{		
			width: 107px;
			height: 68px;
			position: relative;
			float: left;
			border: solid 1px #fff;
			margin-bottom: 13px;
			cursor: pointer;
		}
		
		.marginright
		{
			margin-right: 13px;
		}
		
		.alternateImage img
		{		
			position: absolute;
			clip: rect(0px 107px 68px 0px);
		}
		
.otherprojects
{
	width: 255px;
	height: 264px;
	position: absolute;
	top: 450px;
	right: -256px;
}
	
	.otherprojects .ttl
	{
		margin-left: 4px;
		margin-bottom: 0px;
	}	

		.opImage
		{	
			background-image: url(images/otherproject_bg.gif);
			background-repeat: no-repeat;
			width: 107px;
			height: 68px;
			position: relative;
			float: left;
			border: solid 1px #fff;
			padding: 8px;
		}
		
		.opImage img
		{		
			position: absolute;
			clip: rect(0px 107px 68px 0px);
		}
		
	
/* The Team */

.ui-tabs .ui-tabs-hide 
{
     display: none;
}

.teammember
{
	background-image: url(images/team_bg.gif);
	background-repeat: no-repeat;
	width: 458px;
	height: 181px;
	position: relative;
	float: left;
	padding: 13px;
}

	.teamtab
	{
		width: 159px;
		position: absolute;
		top: 7px;
		right: 7px;
		list-style-type: none;
	}
	
		.teamtab li
		{
			float: left;
		}
	
		.teamtab a
		{
			color: #fff;
			text-decoration: none;
			text-align: center;
			background-repeat: no-repeat;
			display: block;
			height: 21px;
		}
	
		.teamtab .basicinfo a
		{
			width: 82px;
			background-image: url(images/tab_basicinfo.gif);
		}
		
		.teamtab .basicinfo a.selected
		{
			width: 82px;
			background-image: url(images/tab_basicinfo_act.gif);
		}
		
		.teamtab .bio a
		{
			width: 77px;
			background-image: url(images/tab_bio.gif);
		}
		
		.teamtab .bio a.selected
		{
			width: 77px;
			background-image: url(images/tab_bio_act.gif);
		}

	.teammember .pic
	{
		float: left;
	}
	
	.teammember h2
	{
		font-size: 1.4em;
		color: #155985;
		position: absolute;
		top: 28px;
		left: 198px;
	}
		
	.teammember h3
	{
		font-size: 1em;
		color: #414141;
		position: absolute;
		top: 44px;
		left: 198px;
	}
	
	.teammember .info
	{
		position: relative;
		float: left;
		width: 270px;
		height: 130px;
		margin: 48px 0px 0px 5px;
	}

	.teammember .biography
	{
		position: relative;
		float: left;
		width: 270px;
		height: 130px;
		overflow: hidden;
		margin: 48px 0px 0px 5px;
	}
	
/* Articles */


#teamarticles, #article_wordup, #latestnews, #faq
{
	background-repeat: no-repeat;
	position: relative;
	float: left;
	padding: 40px 20px 10px 20px;
}

#teamarticles .ttl, #article_wordup .ttl, #latestnews .ttl, #faq .ttl
{
	position: absolute;
	top: -4px;
	left: -2px;
}

	#teamarticles
	{
		background-image: url(images/article_bx_lg.gif);
		width: 534px;
		height: 281px;
		margin-right: 4px;
		margin-bottom: 6px;
	}
	
		#teamarticles .articleItem
		{
			margin:0 2px 0 3px;
		}

	#article_wordup
	{
		background-image: url(images/article_bx_sm.gif);
		width: 372px;
		height: 136px;
		margin-bottom: 6px;
		padding: 185px 10px 10px 10px;
	}
	
		#article_wordup .wordup_team
		{
			background-image: url(images/wordup_team.gif);
			background-repeat: no-repeat;
			width: 350px;
			height: 144px;
			position: absolute;
			top: 30px;
			left: 20px;
		}
		
		#article_wordup .wordup_team p
		{
			font-size: .9em;
			text-align: right;
			width: 230px;
			position: absolute;
			bottom: 6px;
			right: 0px;
			margin: 0px;
		}

		#article_wordup .readonline
		{
			width: 150px;
			height: 20px;
			position: absolute;
			top: 80px;
			left: 200px;
		}

		#article_wordup hr
		{
			margin: 0px 20px 1.6em 20px;
		}

		#article_wordup .signup
		{
			margin: 0px 70px;
			text-align: right;
		}
		
		#article_wordup .signup .signup
		{
			margin: 0px;
		}

	#latestnews
	{
		background-image: url(images/article_bx_lg.gif);
		width: 534px;
		height: 281px;
		margin-right: 4px;
	}
	
		#latestnews .newsItem
		{
			margin:0 2px 0 3px;
		}
		

	#faq
	{
		background-image: url(images/article_bx_sm.gif);
		width: 352px;
		height: 281px;
	}
	
		#faq .q
		{
			background-image: url(images/q.gif);
			background-repeat: no-repeat;
			color: #165a87;
			font-weight: bold;
			font-size: 1.2em;
			display: block;
			padding-left: 30px;
			padding-top: 7px;
		}
		
		#faq .a
		{
			background-image: url(images/a.gif);
			background-repeat: no-repeat;
			display: block;
			padding-left: 30px;
			padding-top: 7px;
			margin-bottom: 10px;
		}
		
		#faq .viewall
		{
			background-image: url(images/arrow.gif);
			background-position: right center;
			background-repeat: no-repeat;
			font-size: .8em;
			position: absolute;
			bottom: 10px;
			right: 20px;
			text-decoration: none;
			padding-right: 10px;
		}
		
/* Contact */

#contactLeft
{
	width: 400px;
	float: left;
}

#map
{
	float: right;
	border: solid 1px #cddfeb;
	padding: 1px;
}		
		
/* Quote */

#quoteContainer
{
	background-image: url(images/quote_bg.gif);
	background-repeat: repeat-y;
	width: 484px;
	position: relative;
	margin: 0px auto;
}	
	
	#quoteContainer .top
	{
		background-image: url(images/quote_top.gif);
		background-repeat: no-repeat;
		height: 11px;
		width: 484px;
		position: relative;
	}
	
	#quoteContainer .bottom
	{
		background-image: url(images/quote_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		width: 444px;
		padding: 60px 20px 20px 20px;
		position: relative;
	}
	
	.steps
	{
		position: absolute;
		top: -14px;
		left: 7px;
	}
	
	.steps, .steps th, .steps td
	{
		border-collapse: collapse;
		padding: 0px;
		margin: 10px 0px 10px 0px;
	}

	#thankyou
	{
		margin: 30px 0px 30px 0px;
	}

		#thankyou h2
		{
			color: #005794;
			font-size: 1.4em;
		}

	#quoteContainer .form th
	{
		width: 120px;
	}
	
	.quoteVal
	{
		position: absolute;
		top: 200px;
		right: 0px;
		width: 200px;
	}

/* Jobs */

.jobsort
{
	margin-left: 700px;
}

.listingGroup
{
	margin: 0px 0px 40px 0px;
	background-image: url(images/seperator.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	width: 720px;
	position: relative;
	margin: 0px auto;
	text-align: center;
}

	.listingGroup h2
	{
		font-size: 1.2em;
		text-align: center;
		margin-bottom: 10px;
	}

	.listingGroup h4
	{
		font-size: 1.2em;
		font-weight: bold;
	}

	.listingItem
	{
	}

	.altcolour
	{
	}
	
#jobDetailForm
{
	background-image: url(images/quote_bg.gif);
	background-repeat: repeat-y;
	width: 484px;
	position: relative;
	float: left;
	margin-right: 20px;
}	
	
	#jobDetailForm .top
	{
		background-image: url(images/quote_top.gif);
		background-repeat: no-repeat;
		height: 11px;
		width: 484px;
		position: relative;
	}
	
	#jobDetailForm .bottom
	{
		background-image: url(images/quote_btm.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		width: 444px;
		padding: 20px;
		position: relative;
	}

	#jobDetailForm .form th
	{
		width: 120px;
	}

/* Advanced Search */

	
#advancedSearch
{
	background-image: url(images/advSearch_bg.gif);
	background-repeat: repeat-y;
	width: 300px;
	background-color: Teal;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

	#advancedSearch .top
	{
		background-image: url(images/advSearch_top.gif);
		background-repeat: no-repeat;
		height: 11px;
	}

	#advancedSearch .bottom
	{
		background-image: url(images/advSearch.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		min-height: 225px;
		position: relative;
		bottom: -20px;
		padding: 0px 20px 20px 20px;
	}
	
	#advancedSearch .list
	{
		width: 100%;
	}
	
	.searchVal
	{
		width: 220px;
		position: absolute;
		top: 20px;
		left: 315px;
	}

#sresults
{
	width: 600px;
	float: left;
	padding-top: 20px;
}

/**************************************/
/*************   ADMIN   **************/
/**************************************/

#adminLeft
{
	width: 210px;
	float: left;
	margin: 0px 50px 0px 0px;
}

	#adminLeft ul
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	#adminLeft a
	{
		color: #737373;
		font-size: 1em;
		text-decoration: none;
		width: 217px;
		height: 14px;
		display: block;
		padding: 6px 4px 10px 14px;
		border-bottom: dotted 1px #737373;
	}
	
#adminContent
{
	width: 710px;
	float: left;
}

a.button
{
	color: #fff;
	background-color: #005794;
	text-decoration: none;
	display: inline-block;
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	line-height: 25px;
	height: 25px;
	cursor: pointer;
	float: left;
	margin: 0px 10px 2px 0px;
}

	.button span
	{
		display: inline-block;
		background-image: url(images/button_rt.gif);
		background-position: right;
		background-repeat: no-repeat;
		padding: 0px 10px 0px 10px;
	}

/* User Manager */

#userdetails
{
	width: 200px;
	float: left;
}

#roles
{
	width: 440px;
	float: left;
}

/* Progress Indicator */
#progressIndicator
{
    background-image: url(images/ajax_loading/ajax-loader.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 220px;
    height: 20px;
    float: right;
    position: relative;
    top:0px;
    right: 0px;
    padding:0px;
    margin:0px;
}

/* ImagePicker */
.mouseOver
{
    cursor:pointer;
}


/* Form Validation Summary */

.formValidation
{
    background: #eef6fb;
    font-size: 1em;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px  #c8181c;
 	-webkit-box-shadow: 0px 0px 5px #c8181c;
 	box-shadow: 0px 0px 5px #c8181c;
    border: 1px solid #fff;
 	border: solid 1px #c8181c\9; /* for ie */
}
    
    .formValidation ul
	{
		list-style-image: url(images/warning_16.png);
		list-style-position: outside;
		margin: 0px 0px 0px 30px;
		padding: 0px;
	}
	
    .formValidation li
    {
        font-size: 1em;
        margin: 0px;
        padding: 0px;
        padding-left: 5px;
    }

.sysMsg
{
    border: 1px solid #94b2d5;
    background: #e7edf2;
    font-size: 1em;
    padding: 10px;
    margin-bottom: 10px;
}

    .sysMsg li
    {
    	color: #253a5a;
        font-size: 1em;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        background-image: url('images/icons/accept.png');
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 20px;
    }
    
.lblErr
{
    font-weight:bold;
    color: #FF0000;
}

#quoteContainer label
{
    display: inline;
}


.sl_container
        {
            overflow:hidden; 
            height: 420px;
            width: 909px;
            position:relative;
            margin: 0px auto 0px auto;
          
        }
        #picContainer
        {
        
        }
        .sl
        {
           position:absolute;
           left: 909px; 
        }
        .abs
        {
            position:absolute;
        }
        
        
        #sl_back
        {
        	position: relative;
        	z-index: 1000;
        }
        #sl_fwd
        {
        	position: relative;
			z-index: 1000;
        }