@charset "utf-8";
/*********************************************	
	CSS for Gloyd Group website:
	www.gloydgroup.com
	Author: Wahhab Baldwin & Katherine Diamond
	Date:	September 4, 2009
**********************************************/

body 
{
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#303030;
	background: url(images/bglttop2.png) repeat-x #37485b;
	text-align:center;
	margin: 10px 20px 0 0;
}
	
img 
{
	border:none;
}

/* General formats */
.clear
{
	clear:both;
	padding:0;
	max-height:1px;
	height:1px;
	margin:0 100px 0px 0;
}
.hidden 
{
	visibility:hidden; 
}

.listhd
{
	font-weight:bold;
	color:#315269;
	font-size:13px;
}.scb
{
	font-variant:small-caps;
	font-weight:bold;
	color:#315269;
	font-size:13px;
}

/* Basic container for page */
#boxouter
{
	width: 930px;
	text-align: left;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
#box
{
	background-color: white;
	width:860px;
	position: relative;
	left:20px;
}
#overbox {
	position:absolute;
	top:0;
	left:0;
	width:860px;
	height:800px;
	background: url(images/greyover.png); 
	display:none;
}
#overbox p {
	position:absolute;
	top:108px;
	left:45px;
	color:white;
	font-size:11px;
	line-height:16px;
}
#overbox a:link, #overbox a:visited {
	color:#acc7d8;
	text-decoration:none;
}
#overbox a:hover {
	color:white;
	text-decoration:underline;
}
#overbox p.close {
	text-decoration:underline;
	left:736px;
	cursor:pointer;
}
.cursor {
	cursor:pointer;
	color:#acc7d8;
}
.white { 
	color:white;
	font-weight:bold;
}
.bluital, .blubold
{
	color:#315269;
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.blubold
{
	font-style:normal;
	font-size:13px;
}
/* 	Gradient Green bar with top menu items */
	#topgreen 
	{
		width:100%;
		text-align:right;
		color:white;
		font-size:10px;
		letter-spacing:1px;
		background:#70732b url(images/topgreen2.png) repeat-x;
		height:23px;
	}
	#topgreen p
	{
		padding-top:2px;
	}
	
	#topgreen a:link, #topgreen a:visited 
	{
		color:white;
		text-decoration:none;
	}
	
	#topgreen a:hover 
	{
		text-decoration:underline;
	}
	
/*	Header section */	
	#head 
	{
		width:100%;
		height:114px; 
		padding-top:1px;
	}
	
	#hdquote 
	{
		position:absolute;
		top: 63px;
		left:70px;
		width:760px;
		text-align:center;
	}

/*	Main menu bar */
	#menu-new, #menu-home
	{
		height:26px;
		margin:0;
		background:#b86200;
	}

	

/*	Main body of page */
	#center {
		width:100%;
	}
		#center p {
			margin: 0;
		}
		
		#center .h 
		{
			color: #863a1f; /* brown */
			font-weight:bold;
			margin: 12px 0 0 0;
		}
		
		#center h3
		{
			margin:9px 60px 16px 29px;
		}
		#center h3 a
		{
			outline:none;
		}
		#ctrband
		{
			border-bottom:solid 6px #818322;
			background:url(images/submenu-bg2.png) repeat-y #2e4b62;
			height:230px;
			margin-bottom:15px;
		}
		#ctrleft
		{
			width:224px;
			float:left;
			background:url(images/submenu-bg2.png) repeat-y #8296a5;
			height:230px;
		}
		.player
		{
			display:block;
			width:320px;
			height:210px;
			text-align:left;
			margin:0;
		}
		a.player img 
		{
			margin:57px 0 0 30px;
		}
		.player p 
		{
			padding:12px;
		}
		#sectitle
		{
			width:224px;
			height:50px;
		}
		#center .h3text
		{
			font-weight:normal;
			color:white;
			background-color:#74762c;
			display:inline;
			padding: 3px 40px 4px 8px;
			font-size:12px;
			letter-spacing:1px;
			position:relative;
			left:-8px;
		}
		#center #h31 a:link, #center #h31 a:visited
		{
			text-decoration:none;
		}
		#center #h31 a:link .h3text, #center #h31 a:visited .h3text
		{
			background-color:#dcddbb;
			color:#4d4f14;
			left:0;
			margin-right:2px;
			border:solid 1px #4d4f14;
		}
		#center #h31 a:hover .h3text
		{
			background-color:white;
			color:#4d4f14;
		}
		#center #h31 a #sp1.h3text
		{
			padding:3px 13px 3px 14px;
		}
		#center #h31 a #sp2.h3text
		{
			padding:3px 20px 3px 21px;
		}
		#center #h31 a #sp3.h3text
		{
			padding:3px 23px 3px 24px;
		}
		#center #h31 a:link .sel, #center #h31 a:visited .sel
		{
			color:white;
			background-color:#74762c;
		}
		#center .h3r 
		{
			color:#74762c;
			margin:1px 0 10px 0;
		}
		#center .rule
		{
			margin:0 0 auto 0px;
			height:1px;
			width:720px;
			background:#74762c;
			line-height:1px;
		}
		#center #subtop
		{
			height:51px;
		}
		#subtop img
		{
			border-bottom:1px solid white;
		}
		#subtop a + img
		{
			background:#EEE8E1;
		}
		
		#center #afterproj, #center #afterproj a
		{
			color:#5c0c06; 
			font-size:11px;
			font-style:italic;
		}
		#center #afterproj a:link, #center #afterproj a:visited
		{
			text-decoration:underline;
		}
		
		#center .txtmore, #center .picmenu, .picmenu2
		{
			color:#787a2d; /* green */
			font-size:11px;
		}
		.picmenu
		{
			position:absolute;
			top:400px;
			left:660px;
		}		
		.casestudies .picmenu
		{
			top:404px;
			left:720px;
		}		
		.picmenu a
		{
			text-decoration:none;
			color:#787a2d;
			cursor:pointer;
		}
		
		.picmenu a#showpic0
		{
			text-decoration:underline;
		}
		
		#center .picmenu a:hover 
		{
			text-decoration:underline;
			color:#863a1f;
		}
		
		#center .picmenu a.curr, .picmenu a.curr:visited
		{
			color:#863a1f;
			font-weight:bold;
		}
		
		#center .picmenu a.curr:hover
		{
			text-decoration:none;
		}
		
			.ctrtop 
			{
				margin-left:230px;
				padding:0;
			}
			.ctrtop ul
			{
				padding-left:16px;
				margin-top:0;
			}
			.ctrtop li
			{
				margin-bottom:8px;
				line-height:20px;
				list-style-image:url(images/redbull.png);
			}
			.ctrtop ul.redlead
			{ 
				font-family: Verdana, Geneva, sans-serif;
				color:#863a1f;  /* red */
			}
			.ctrtop ul.redlead li
			{
				font-weight:bold;
			}
			
			.ctrtop ul .blk 
			{
				color:black;
				font-weight:normal;
			}
			
			.ctr-red 
			{ 
				color:#5c0c06; 
			}


			#submenu 
			{
				float:left;
				width:224px;
				font-size:12px;
				min-width:224px;
				padding-top:4px;
			}
			
			#submenu p 
			{
				font-family:Verdana, Geneva, sans-serif;
				border-bottom: none;
				margin-top:0px;
				line-height:14px;
				padding-top:2px;
				margin-top:0;
			}
			.casestudies #submenu p
			{
				padding-top:1px;
			}
			.casestudies #submenu p#sub1
			{
				padding-top:2px;
			}
			#submenu .group
			{
				font-style:italic;
				padding: 4px 0 0 38px;
				color:white;
				font-size:11px;
				border-bottom:none;
				margin-top:6px;
			}
			#submenu  a:link, #submenu a:visited 
			{
				background:url(images/sub-bull-w.png) no-repeat 13px 2px;
				color:white;
				text-decoration:none;
				display:block;	
				padding: 5px 0 5px 38px;
				cursor:pointer;
			}
			#submenu p a:link, #submenu p a:visited
			{
				background:url(images/sub-bull-w.png) no-repeat 13px 2px;
				padding: 5px 0 5px 38px;
			}
			
			
			#submenu p a:hover  
			{
				color:#284e69; /* blue */
				background:url(images/sub-bull-b.png) no-repeat 13px 2px;
			}
			.casestudies #submenu a:link, .casestudies #submenu a:visited 
			{
				background:url(images/sub-bull-w.png) no-repeat 13px 1px;
				color:white;
				text-decoration:none;
				display:block;	
				padding: 4px 0 4px 38px;
				cursor:pointer;
			}
			.casestudies #submenu p a:link, .casestudies #submenu p a:visited
			{
				background:url(images/sub-bull-w.png) no-repeat 13px 1px;
				padding: 4px 0 4px 38px;
			}
			
			
			.casestudies #submenu p a:hover  
			{
				color:#284e69; /* blue */
				background:url(images/sub-bull-b.png) no-repeat 13px 1px;
			}
			
			a#news:hover
			{
				color:#284e69; /* blue */
				background:url(images/sub-bull-b.png) #8ca3b2 no-repeat 13px 13px;
/*				border-top:solid 1px #315269; */
			}
			
			#submenu.sub1 #sub1 a:link, #submenu.sub1 #sub1 a:visited,
			#submenu.sub2 #sub2 a:link, #submenu.sub2 #sub2 a:visited,
			#submenu.sub3 #sub3 a:link, #submenu.sub3 #sub3 a:visited,
			#submenu.sub4 #sub4 a:link, #submenu.sub4 #sub4 a:visited,
			#submenu.sub5 #sub5 a:link, #submenu.sub5 #sub5 a:visited,
			#submenu.sub6 #sub6 a:link, #submenu.sub6 #sub6 a:visited,
			#submenu.sub7 #sub7 a:link, #submenu.sub7 #sub7 a:visited
			{
				color:#284e69; /* blue */
				background:url(images/sub-bull-b.png) white no-repeat 13px 2px;
				border-right:1px solid #8ca3b2;
			}

			#submenu.sub1 #sub1 a:hover,
			#submenu.sub2 #sub2 a:hover,
			#submenu.sub3 #sub3 a:hover,
			#submenu.sub4 #sub4 a:hover,
			#submenu.sub5 #sub5 a:hover,
			#submenu.sub6 #sub6 a:hover
			{
				color:#284e69; /* blue */
				background:url(images/sub-bull-b.png) white no-repeat 13px 2px;
				text-decoration:none;
				border-right:1px solid #8ca3b2;
			}
			
			.casestudies #submenu.sub1 #sub1 a:link, .casestudies #submenu.sub1 #sub1 a:visited,
			.casestudies #submenu.sub2 #sub2 a:link, .casestudies #submenu.sub2 #sub2 a:visited,
			.casestudies #submenu.sub3 #sub3 a:link, .casestudies #submenu.sub3 #sub3 a:visited,
			.casestudies #submenu.sub4 #sub4 a:link, .casestudies #submenu.sub4 #sub4 a:visited,
			.casestudies #submenu.sub5 #sub5 a:link, .casestudies #submenu.sub5 #sub5 a:visited,
			.casestudies #submenu.sub6 #sub6 a:link, .casestudies #submenu.sub6 #sub6 a:visited
			{
				color:#284e69; /* blue */
				background:url(images/sub-bull-b.png) white no-repeat 13px 1px;
				border-right:1px solid #8ca3b2;
			}

			.casestudies #submenu.sub1 #sub1 a:hover,
			.casestudies #submenu.sub2 #sub2 a:hover,
			.casestudies #submenu.sub3 #sub3 a:hover,
			.casestudies #submenu.sub4 #sub4 a:hover,
			.casestudies #submenu.sub5 #sub5 a:hover,
			.casestudies #submenu.sub6 #sub6 a:hover
			{
				color:#284e69; /* blue */
				background:url(images/sub-bull-b.png) white no-repeat 13px 1px;
				text-decoration:none;
				border-right:1px solid #8ca3b2;
			}
			
		.wwd 
		{
		position:absolute;
		top:164px;
		left:224px;
		border:none;
		width:418px;
		height:230px;
		}

		#bigpic 
		{
			position:absolute; 
			top:100px;
			left:20px;
			border:none;
		}
		
		#txtclick
		{
			position:absolute;
			top:190px;
			left:580px;
			font-style:italic;
			font-size:11px;
			color: #863a1f;
			width:250px;
		}
		
	#project, #speaker
	{
		width:187px;
		min-height:187px;
		height:187px;
		padding-top:4px;
		line-height:14px;
		color:#315269;
	}
	#speaker
	{
		width:200px;
		padding:17px 0 0 0;
	}
	#bandctr
	{
		 height:230px;
		 width:418px;
		 background:#2e4b62;
		 float:left;
	}
	
	#bandright
	{
		padding-left:18px;
		width:200px;
		height:230px;
		background:#f0e5dc;
		float:right;
	}
	.clickit
	{
		position:absolute;
		top:400px;
		right:220px;
		color:#863a1f;
		font-style:italic;
		font-size:11px;
	}	
	#projname, #client
	{
		line-height:15px;
	}
	#projname p, #client p
	{
		margin-bottom: 6px;
	}
	.txt1col
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		margin: 0 140px 60px 0;
	}
	.ctrtop a:link, .txt1col a:visited
	{
		color:#5c6321;
	}
	.ctrtop a:hover
	{
		color:#863a1f; /* red */
	}
	.pgtitle
	{
		vertical-align:top;
		height:26px;
	}

	#center p.txt1col 
	{
		margin:0 120px 0px 0;
	}
	#center .txt1col p {
		margin-bottom:6px;
		margin-top:0; 
	}
	.fltleft 
	{
		float:left;
		padding:3px 16px 0 0;
	}
	
	.quote-gg 
	{
		 padding:24px 0 44px 0;
	}
	
	#sil 
	{
		position:absolute;
		top: 415px;
		left:732px;
		width:209px;
		height:500px;
	}
	.casestudies #sil
	{
		top:425px;
	}
	#siltext, #siltext2
	{
		position:absolute;
		right:30px;
		text-align:left;
		font-family:Verdana, Arial, Geneva, sans-serif;
		color:#863A1F;
		top:631px;
		font-size:11px;
		line-height: 14px;
	}
	#siltext a 
	{
		color:#863A1F;
		text-decoration:none;
	}
	#siltext a:hover
	{
		text-decoration:underline;
	}
/* Footer of page  */
#footer 
{
	clear:both;
	text-align:center;
	font-size:11px;
	color:#EBEDDF;
	background:#506982;
	padding: 7px 0 15px 0;
	line-height:18px;
	height:96px;
	border-top: #adac68 solid 6px;
}

#footer a:link, #footer a:visited 
{
	color:#ebeddf;
}

#footer p 
{
	font-size:10px;
	line-height:16px;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:10px;
}
#footer .lomenu span
{
	padding:0 10px;
}

/*	WHAT WE DO PAGES */
.whatwedo ul
{
	 width:480px;
}
.whatwedo .txt1col
{
	line-height:18px;
}
.whatwedo .ctrtop li
{
	margin-bottom:6px;
}
#bandright a:link, #bandright a:visited
{
	color:#5C6321; /* green */
}
#bandright a:hover
{
	color:#863a1f; /* red */
}
.innov {
	position:absolute;
	top:156px;
	left:187px;
}
.ital11 {
	font-style:italic;
	font-size:11px;
}

/*	CASE STUDIES PAGES */
#b4challenge
{
	height:266px;
}
.case, .wwa {
		position:absolute;
		top:164px;
		left:224px;
		border:none;
		display:none;
		width:636px;
}

.casestudies .txtclick
{
	position:absolute;
	padding:0;
	top:404px;
	left:680px;
	font-size:11px;
	font-style:italic;
	color: #5d6329; /* Green */
}
.grnborder {
	border-bottom:solid 6px #5a6329;
}
.casestudies .leftpic
{
	position:absolute;
	top:500px;
	left:30px;
	margin:8px 14px 8px 0;
	width:170px;
	color:#863a1f; /* red */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:15px;
}
.casestudies  #sub4 a:link p {
	position:relative;
	top:-4px;	/* Registered symbol above the line pushes down text */
}
#vidlink {
	position:absolute;
	top:540px;
	left:61px;
	width:120px;
	font-size:11px;
	line-height:14px;
	font-style:italic;
	text-align:center;
	color:#003445;
}
#vidlink p {
	text-align:left;
	width:133px;
	font-style:normal;
	color:#863a1f;
	margin:8px 0 0 3px;
}
#vidlink p a {
	color:#5d6329;
}
#player
{
	position:absolute;
	 width:320px;
	 height:216px;
	 border:solid white 3px;
	 color:white;
	 left:200px;
	 top:500px;
}

/*	"WHO WE ARE" PAGES */
.about 
{
	position:absolute;
	top:200px;
	left:225px;
}
.bio
{
	display:none;
}

.closebio
{
	position:absolute;
	top:176px;
	left:700px;
	font-size:11px;
}

a.closebio:link, a.closebio:visited
{
	color:#5c0c06;  /* red */
}
#center .txt1col p.quotebio {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-top:30px;
	margin-right:50px;
	color:#5c0c06;
}
.qbioattrib {
	font-style:italic;
}
#holdpic 
{
	display:none;
}
#mouseover
{
	color:green;
	font-style:italic;
	font-size:11px;
	color: #5d6329; /* Green */
	position:absolute;
	top:171px;
	left:320px;
}

#submenu p.indent a
{
	font-size:11px;
	color:white;
	padding: 0px 0 2px 26px;
	margin-left:0px;
	background:url(images/sub-bull-iw.png) no-repeat;
	cursor:pointer;
}
#submenu .indent a.sel, #submenu .indent a.sel:hover
{
	color:#284e69; /* blue */
	background:url(images/sub-bull-ib.png) no-repeat;
	min-width:250px;
}
#submenu .isel
{
	background:white;
	border-right:1px solid #8ca3b2;
}
#submenu .indent a:hover
{
	font-size:11px;
	padding: 0px 0 2px 26px;
	color:#284e69; /* blue */
	background:url(images/sub-bull-ib.png) no-repeat 0px 0px;
}
#submenu p.indent 
{
	border-bottom: none;
	margin:0 0 0 39px;
	line-height:14px;
	padding:0 0 2px 0;
}
.asil {
	position:absolute;
	left:732px;
	top:240px;
}
.caphead
	{
		color:#863a1f;
		font-family:Verdana, Arial, Geneva, sans-serif;
		font-weight:bold;
		line-height:18px;
		font-size:12px;
	}