@charset "utf-8";
/* CSS Document */

/* #*#*#*#*#*#*#*#*#*   Global CSS  #*#*#*#*#*#*#*#*#* */

body {
	font-size:					small;
	font-family:				Verdana, Geneva, sans-serif;
	background:					#369;	
}

#wrapper {
	width:						820px;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					30px;
	padding:					0px;
}

/* #*#*#*#*#*#*#*#*#*   Header & NavBar   #*#*#*#*#*#*#*#*#* */

#header {
	height:						104px;	
	margin:						0px;
	padding:					0px;
}

#header img {
	float:						left;
	padding:					0px 0px 0px 10px;
	border:						none;
}


#header p,
#header p a:link,
#header p a:visited,
#header p a:hover,
#header p a:active
{
	text-decoration:			none;
	font-family:				Tahoma, Geneva, sans-serif;
	font-weight:				bold;
	color: 						#FFF;
}

#header p
{
	margin-top:					-10px;
	margin-left:				50%;	
}


#nav {
	height: 					33px; 
	position:					relative;
	margin-top:					36px;
	margin-left:				175px;
	background:					url(images/nav.png) no-repeat 0 0;
}
#nav li {
	display: 					inline;
}
#nav span {
	display:					none;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
	border: 					none;
	width: 						126px; /** width of the button in active state **/
	height: 					33px; /** height of the button in active state **/
	position: 					absolute;
	outline: 					none;
}

#nav li.nav_Home a:link, #nav li.nav_Home a:visited, #nav li.nav_Home a:active { 
	left: 						0;
}
#nav li.nav_About a:link, #nav li.nav_About a:visited, #nav li.nav_About a:active { 
	left: 						126px;  /** how many px left of the first **/
}
#nav li.nav_Services a:link, #nav li.nav_Services a:visited, #nav li.nav_Services a:active { 
	left: 						252px;  /** how many px left of the first **/
}
#nav li.nav_CaseStudies a:link, #nav li.nav_CaseStudies a:visited, #nav li.nav_CaseStudies a:active { 
	left: 						378px; /** how many px left of the first **/
}
#nav li.nav_Links a:link, #nav li.nav_Links a:visited, #nav li.nav_Links a:active { 
	left: 						504px;  /** how many px left of the first **/
}

#nav li.nav_Home a:hover {
	background:					url(images/nav.png) no-repeat 0px -33px; /** moves image up showing the rollover states **/ 
}
#nav li.nav_About a:hover {
	background: 				url(images/nav.png) no-repeat -126px -33px; /** moves image up and right showing the rollover states **/
}
#nav li.nav_Services a:hover {
	background: 				url(images/nav.png) no-repeat -252px -33px; /** moves image up and right showing the rollover states **/
}
#nav li.nav_CaseStudies a:hover {
	background: 				url(images/nav.png) no-repeat -378px -33px; /** moves image up and right showing the rollover states **/
}
#nav li.nav_Links a:hover {
	background: 				url(images/nav.png) no-repeat -504px -33px; /** moves image up and right showing the rollover states **/
}

/* #*#*#*#*#*#*#*#*#*   Page Content   #*#*#*#*#*#*#*#*#* */

#page_title {
	margin:						0px;
	height:						45px;
	padding:					12px 0px 0px 10px;
	background:					#003366;	
}

h1 {
	margin:						0px;
	padding:					10px;
	font-family:				"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:					110%;
	color:						#036;
	font-weight:				bold;
}

h2 {
	margin:						0px;
	padding:					10px;
	font-family:				"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:						#333;
	font-size:					105%;
	font-weight:				bold;
}

#content {
	background:					#FFF;	
}


#content p{
	margin:						0px;
	padding:					10px;
	text-align:					justify;
}

/* #*#*#*#*#*#*#*#*#*   CV Download Link Specifics   #*#*#*#*#*#*#*#*#* */

#cv_link,
#adobe_link {
	text-decoration:			none;
	margin:						10px;
	padding:					20px;
	vertical-align:				middle;
}

#cv_link a:link,
#cv_link a:visited,
#cv_link a:active,
#cv_link a:hover
{
	text-decoration:			none;
	font-family:				"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:						#333;
	font-weight:				bold;
	font-size:					105%;
}

#cv_link img,
#adobe_link img {
	vertical-align:				middle;
	border:						none;
	margin-left:				10px;
}

#adobe_link a:link,
#adobe_link a:visited,
#adobe_link a:active,
#adobe_link a:hover{
	text-decoration:			none;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					90%;
	font-weight:				bold;
	color:						#000;
}

dash /*specifically for About Us page */
{
	font-family:				"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:					110%;
	color:						#036;
	font-weight:				bold;	
}


/* #*#*#*#*#*#*#*#*#*   Bottom Banner   #*#*#*#*#*#*#*#*#* */

#bottom_banner {
	background:					#036;
	text-align:					center;
	color:						#FFF;
	margin:						0px;
	padding:					5px 0px;
}

#bottom_banner p {
	margin:						0px;
}

#bottom_banner a:link, #bottom_banner a:visited, #bottom_banner a:active {
	color:						#FFF;	
}

#bottom_banner a:hover {
	color:						#999;	
}

#bottom_banner_images {
	height: 					69px; 
	position:					relative;
	background:					url(images/bottom-banner-images.png) no-repeat 0 0;
	margin-left:				138px;
}
#bottom_banner_images li {
	display: 					inline;
}
#bottom_banner_images span {
	display:					none;
}
#bottom_banner_images li a:link, #bottom_banner_images li a:visited, #bottom_banner_images li a:active {
	border: 					none;
	width: 						150px; /** width of the button in active state **/
	height: 					69px; /** height of the button in active state **/
	position: 					absolute;
	outline: 					none;
}

#bottom_banner_images li.bb_acad a:link, #bottom_banner_images li.bb_acad a:visited, #bottom_banner_images li.bb_acad a:active { 
	left: 						0;
}
#bottom_banner_images li.bb_ukreg a:link, #bottom_banner_images li.bb_ukreg a:visited, #bottom_banner_images li.bb_ukreg a:active { 
	left: 						150px;  /** how many px left of the first **/
}
#bottom_banner_images li.bb_lh a:link, #bottom_banner_images li.bb_lh a:visited, #bottom_banner_images li.bb_lh a:active { 
	left: 						300px;  /** how many px left of the first **/
}
#bottom_banner_images li.bb_ew a:link, #bottom_banner_images li.bb_ew a:visited, #bottom_banner_images li.bb_ew a:active { 
	left: 						450px; /** how many px left of the first **/
}

#bottom_banner_images li.bb_acad a:hover {
	background:					url(images/bottom-banner-images.png) no-repeat 0px -69px; /** moves image up showing the rollover states **/ 
}
#bottom_banner_images li.bb_ukreg a:hover {
	background: 				url(images/bottom-banner-images.png) no-repeat -150px -69px; /** moves image up and right showing the rollover states **/
}
#bottom_banner_images li.bb_lh a:hover {
	background: 				url(images/bottom-banner-images.png) no-repeat -300px -69px; /** moves image up and right showing the rollover states **/
}
#bottom_banner_images li.bb_ew a:hover {
	background: 				url(images/bottom-banner-images.png) no-repeat -450px -69px; /** moves image up and right showing the rollover states **/
}

/* #*#*#*#*#*#*#*#*#*   Footer   #*#*#*#*#*#*#*#*#* */

#footer {
	text-align:					center;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					90%;
	/*font-weight:				bold;*/
	color:						#FFF;	
}

#designed_by {
	display:					inline-block;
	width:						278px;
	height:						38px;
	background:					url(../resources/images/designed_by.png) no-repeat 0px 0px;
	vertical-align:				middle;
}

#designed_by:hover {
	background-position:		0px -38px;
}

#designed_by span {
	display:					none;
}