/* twelveStyle.css */

#wrap {
	position: relative;
  top: 70px;
	width:980px;
	min-height: 800px;
	margin:0 auto;
	background:#404041;
}

#content {
	position: absolute;
  top: 210px;
	width:980px;
	background:#404041;
}

#contentIE7 {
	position: relative;
  top: 30px;
	width:980px;
	background:#404041;
}

#logo {
	position: relative;
  top: -30px;
	width:980px;
	padding:0px;
	z-index:2;
}

#navbar {
	position: absolute;
  top: 139px;
	width:929px;
	height:28px;
	border:solid;
	border-color:#ffffff;
	border-width:1px;
	padding-left:49px;
	padding-top:3px;
	z-index:1;
}

#nav {
	position: absolute;
 	top: 137px;
	width:929px;
	height:28px;
	padding-left:49px;
	z-index:3;
	font-size: 14px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #77787b;
}

#grey {
	z-index:1;
	font-size: 1px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	color: #404041;
}

#container { /* this is the flash movie */
	height:280px;
	width:880px;
	padding-left:40px;
	padding-bottom:60px;
}

#clients { /* this is the flash movie */
	position:relative;
	top: -205px;
	float:left;
	width:675px;
	height:680px;
	padding-left:50px;
	padding-bottom:90px;
}

#side {
	position:relative;
	top: -12px;
	float:right;
	width:180px;
	padding-left:60px;
	padding-right:40px;
	padding-bottom:30px;
	line-height: 22px;
}

#sideIE7 {
	position:relative;
	top: -30px;
	left: -60px;
	float:right;
	width:180px;
	padding-left:60px;
	padding-right:40px;
	padding-bottom:30px;
	line-height: 22px;
}

.sidemenudown {
	font-size: 18px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #77787b;
	background-color: #404041;
}

#main {
	position:relative;
	top: -50px;
	float:left;
	width:650px;
	padding-left:50px;
	padding-bottom:0px;
}

#mainIE7 {
	position:relative;
	top: -30px;
	left: -50px;
	float:left;
	width:650px;
	padding-left:50px;
	padding-bottom:0px;
}

#quotes {
	position:relative;
	top: -50px;
	float:left;
	width:650px;
	padding-left:50px;
	padding-bottom:10px;
	line-height: 16px;
}

#quotesleft {
	position:relative;
	top: -30px;
	float:left;
	width:315px;
	padding-bottom: 40px;
	line-height: 16px;
}

#quotesright {
	position:relative;
	top: -30px;
	float:right;
	width:315px;
	padding-left:19px;
	padding-bottom: 40px;
	line-height: 16px;
}

#quotesleftIE7 {
	position:relative;
	top: 30px;
	float:left;
	width:315px;
	padding-bottom: 40px;
	line-height: 16px;
}

#quotesrightIE7 {
	position:relative;
	top: 30px;
	float:right;
	width:315px;
	padding-left:19px;
	padding-bottom: 40px;
	line-height: 16px;
}

#casestudy1, #casestudy2, #casestudy3, #casestudy4, #casestudy5 {
	clear:both;
	width:650px;
	border-top: #77787b 2px dotted;
}

#casestudydisc1, #casestudydisc2, #casestudydisc3, #casestudydisc4 {
	float:left;
	width:550px;
}

#pdf1, #pdf2, #pdf3, #pdf4  {
	float:right;
	width:80px;
	height: 80px;
	margin-top: 15px;
	background-color: yellow;
}

#graham {
	float:left;
	width:225px;
	height:175px;
	padding-right:25px;
}

#nicky {
	clear:both;
	position:relative;
	top: 35px;
	float:left;
	width:225px;
	height:190px;
	padding-right:25px;
	padding-bottom:15px;
}

#map {
	position:relative;
	top: 40px;
	float:left;
	width:400px;
	height:400px;
	padding-right:15px;
	padding-bottom:25px;
}

#address {
	position:relative;
	top: 35px;
	float:right;
	width:235px;
	padding-right:0px;
	padding-bottom:25px;
	font-size: 18px;
	line-height: 24px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffdd00;
	font-weight: normal;
}

#phone {
	position:relative;
	top: 40px;
	float:right;
	width:235px;
	font-size: 20px;
	line-height: 22px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffffff;
	font-weight: normal;
}

.titleaddress {
	font-size: 24px;
	line-height: 30px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffffff;
	font-weight: bold;
}

#mainperson {
	float:left;
	width:270px;
	height:270px;
	padding-right:18px;
}

#person1 {
	float:left;
	width:110px;
	height:110px;
	padding-right:16px;
	padding-bottom:28px;
}

#person2 {
	float:left;
	width:110px;
	height:110px;
	padding-right:16px;
	padding-bottom:28px;
}

#person3 {
	float:right;
	width:110px;
	height:110px;
	padding-right:0px;
	padding-bottom:28px;
}

#person4 {
	float:left;
	width:110px;
	height:110px;
	padding-right:16px;
	padding-bottom:28px;
}

#person5 {
	float:left;
	width:110px;
	height:110px;
	padding-right:16px;
	padding-bottom:28px;
}

#persontext {
	float:left;
	width:400px;
	padding-bottom:0px;
	color: #ffffff;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

.persontextyel {
	color: #ffdd00;
}

#botnavbar {
	clear:both;
	width:929px;
	height:28px;
	border:solid;
	border-color:#ffffff;
	border-width:1px;
	padding-left:49px;
	padding-top:3px;
	z-index:1;
}

#botnav {
	clear:both;
	position:relative;
	top:-35px;
	width:929px;
	height:28px;
	padding-left:49px;
	z-index:3;
	font-size: 14px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #77787b;
	z-index:3;
}

#footer {
	clear: both;
	width:929px;
	height:20px;
	padding-left:49px;
	margin:0 auto;
	font-size: 14px;
	line-height: 18px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #f58220;
}

#sign-off {
	clear: both;
	width:929px;
	height:36px;
	padding-left:49px;
	padding-bottom:40px;
	margin:0 auto;
}

#bottom {
	width:980px;
	height:70px;
	background-color:#77787b;
}

ul {
	margin:0 auto;
	padding-left:20px;
}

li {
	color: #f58220;
	margin:0 auto;
	padding:0;
}

li span { 
	color: #ffdd00; 
}

body {
	color: #ffdd00;
	background-color: #77787b;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 24px;
	line-height: 36px;
}

.sidebody {
	font-size: 18px;
	line-height: 20px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #f58220;
	z-index:2;
}

.smallbodywht {
	color: #ffffff;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

.smallbodyyel {
	color: #ffdd00;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

.vsmallbodyorg {
	color: #f58220;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
}

h1 {
	font-size: 48px;
	line-height: 56px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	font-weight: bold;
	color: #f58220;
}

.h2 {
	font-size: 36px;
	line-height: 60px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	font-weight: bold;
	color: #ffffff;
}

h3 {
	font-size: 30px;
	line-height: 40px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffdd00;
	font-weight: normal;
}

.h3org {
	color: #f58220;
}

.h3wht {
	color: #ffffff;
}

.h3tight {
	font-size: 30px;
	line-height: 40px;
	letter-spacing: -1px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffffff;
	font-weight: bold;
}

.h4 {
	font-size: 30px;
	line-height: 50px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffffff;
	font-weight: bold;
}

.h5 {
	font-size: 14px;
	line-height: 18px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	color: #f58220;
	font-weight: normal;
}
	
.stylelogo	{
	width:968px;
	height:202px;
	padding-bottom: 9px;
	margin:0;
	padding:0;
	z-index:3;
}

.bodyorg	{
	color: #f58220;
}

.bodywht	{
	color: #ffffff;
}

a:link {
	font-size: 14px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

a:visited {
	color: #ffffff;
	border-style: none;
}

a:hover {
	color: #f58220;
	border-style: none;
}

a:active {
	color: #77787b;
	border-style: none;
}

a.id:link {
	font-size: 14px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #f58220;
	text-decoration: underline;
}

a.id:visited {
	border: 0px;
	color: #f58220;
}

a.id:hover {
	border: 0px;
	color: #ffffff;
}

a.id:active {
	border: 0px;
	color: #77787b;
}

a.sidenav:link {
	font-size: 18px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #f58220;
	background-color: #404041;
}

a.sidenav:visited {
	font-size: 18px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;	
	color: #f58220;
	background-color: #404041;
}

a.sidenav:hover {
	font-size: 18px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #ffffff;
	background-color: #404041;
}

a.sidenav:active {
	font-size: 18px;
	text-align:left;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bold;
	color: #77787b;
	background-color: #404041;
}

a.personlink:link {
	color: #ffffff;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

a.personlink:visited {
	color: #77787b;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

a.personlink:hover {
	color: #f58220;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

a.personlink:active {
	color: #ffffff;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

a.nav2:link {
	font-size: 30px;
	line-height: 40px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffffff;
	font-weight: normal;
}

a.nav2:visited {
	color: #ffffff;
}

a.nav2:hover {
	color: #77787b;
}

a.nav2:active {
	color: #f58220;
}

a.bodynav:link {
	font-size: 24px;
	line-height: 36px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #f58220;
	font-weight: normal;
}

a.bodynav:visited {
	color: #77787b;
}

a.bodynav:hover {
	color: #ffffff;
}

a.bodynav:active {
	color: #f58220;
}

a.email:link {
	font-size: 20px;
	line-height: 22px;
	text-align:left;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	color: #ffffff;
	font-weight: normal;
}

a.email:visited {
	color: #ffffff;
}

a.email:hover {
	color: #77787b;
}

a.email:active {
	color: #ffffff;
}

a.peoplenames:link {
	clear:both;
	position: relative;;
	top:-21px;
	color: #ffffff;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 13px;
	z-index:2;
}

a.peoplenames:visited {
	clear:both;
	position: relative;;
	top:-21px;
	color: #77787b;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 13px;
	z-index:2;
}

a.peoplenames:hover {
	clear:both;
	position: relative;;
	top:-21px;
	color: #ffdd00;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 13px;
	z-index:2;
}

a.peoplenames:active {
	clear:both;
	position: relative;;
	top:-21px;
	color: #ffdd00;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 13px;
	z-index:2;
}

img { 
border: none; 
} 

/* specific to the feed styling */

#leftside {
	position:relative;
	top: -35px;
	float:left;
	width:180px;
	padding-left:50px;
	padding-bottom:30px;
	line-height: 22px;
	color: #f58220;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

#leftsideIE7 {
	position:relative;
	top: -10px;
	left: -50px;
	float:left;
	width:180px;
	padding-left:50px;
	padding-bottom:30px;
	line-height: 22px;
	color: #f58220;
	font-family: Rockwell, Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}

#feed {
	position: relative;
	top: 10px;
	float:right;
	width:650px;
	padding-right:40px;
	padding-left:60px;
	padding-bottom:30px;
	margin-bottom:30px;
}

#feedIE7 {
	position:relative;
	top: -30px;
	left: -60px;
	float:right;
	width:650px;
	padding-right:40px;
	padding-left:60px;
	padding-bottom:30px;
	margin-bottom:30px;
}

.rss_box {
	/* defines the bounding div for the entire display- use to define borders, fill, etc. */
	position:relative;
	top: -20px;
	float:left;
	width:595px;
	padding-top: 10px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:10px;
	margin-bottom: 10px;
	font-family: Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 17px;
	line-height: 17px;
	background-color: #333333;
	border: #999999 1px solid
}

.rss_title a:link {
	/* defines the title of the feed and link style if displayed. Use with variants of rss_title a:link, rss_title a:hover, etc for rollover styles */
	color: #f58220;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 17px;
	line-height: 25px;
}

.rss_title a:visited {
	color: #77787b;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 17px;
	line-height: 25px;
}

.rss_title a:hover {
	color: #ffffff;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 17px;
	line-height: 25px;
}

.rss_title a:active {
	color: #f58220;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 17px;
	line-height: 25px;
}

.rss_items {
	/* defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items */
	background-color: #404041;
	border: #252525 1px solid;
	padding-top: 10px;
	padding-right:10px;
	padding-left:30px;
	padding-bottom:10px;
	font-family: Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 17px;
	line-height: 16px;
}

.ul.rss_items {
	/* defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items */
	color: #f58220;
	font-family: Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
}

.rss_item {
	/* display of each feed item description and title, <li>...</li> as well as the channel description, if displayed */
	color: #ffffff;
	font-family: Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;
}

.rss_item a:link {
	/* rss_item a: variant for the item title and link style */
	color: #ffdd00;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
}

.rss_item a:visited {
	color: #77787b;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
}

.rss_item a:hover {
	color: #ffffff;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
}

.rss_item a:active {
	color: #ffdd00;
	font-family: Helvetica,Arial,Sans-Serif;
	text-align:left;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
}

.rss_date {
	/* defines the display of item posting dates */
	color: #f58220;
	font-family: Georgia, Times Roman, Times New Roman, serif;
	text-align:left;
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;
}