body {
	font-family:Arial, Helvetica, sans-serif;
	size:12px;
	color:#1c1c1c;
	background-color:#ebebeb;
	margin:0px;
}
p.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-color:#FFFFFF;
	font-weight:bold;
	background-color:#af0f0f;
	padding:5px;
	margin:0px;
	color: #FFFFFF;
}
table {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 0px;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0px;
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1c1c1c;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.newslist {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: #E5E5E5;
}
.newslist img{
border:none;
margin:0;
padding:0;
}


fieldset {
	border:0px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1c1c1c;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
ul {
	list-style-type: square;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
}
#subheader {
	height: 207px;
	width: 800px;
}
#navimage {
	float: right;
	height: 207px;
	width: 622px;
}
#leftlinks {
	float: left;
	height: 207px;
	width: 175px;
	background-image: url(../Images/left_links_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#leftlinks ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftlinks li {
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	vertical-align: middle;
}
#leftlinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #4c4b4b;
}
#leftlinks a:hover {
	color: #666666;
}
#content {
	height: auto;
	width: 800px;
	background-image: url(../Images/content_background.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 3px;
}
#contentportfolio {
	height: auto;
	width: 800px;
	background-image: url(../Images/portfolio_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 3px;
}
#contentleft {
	background-color: #dbdbdb;
	float: left;
	height: auto;
	width: 175px;
}
#contentmiddle {
	float: left;
	height: auto;
	width: 444px;
}
#contentmiddleportfolio {
	float: left;
	height: auto;
	width: 622px;
}
#contentmiddleportfolio a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
#contentmiddleportfolio img {
	margin-left: 10px;
	border: 1px solid #666666;
	padding: 1px;
}
#contentmiddleportfolio p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1c1c1c;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
}
#contentmiddle a {
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: underline;
}

#contentmiddle img {
	margin-left: 10px;
	border: 1px solid #666666;
	padding: 1px;
}
.mug_thumb {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#contentmiddle p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1c1c1c;
	margin-left: 10px;
	margin-top: 0px;
}
#contentright {
	float: right;
	height: auto;
	width: 178px;
	text-align: right;
}
#contentleft p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	margin-left: 10px;
}
#footer {
	background-color: #dbdbdb;
	height: 80px;
	width: 800px;
	margin-top: 3px;
	text-align: center;
}
#footer a {
	color: #990000;
	text-decoration: none;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4b4b;
	margin: 0px;
	padding: 0px;
}






#header {
	height: 141px;
	width: 800px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6c6b6b;
	background-color: #ebebeb;
}
#logo {
	float: left;
	height: 141px;
	width: 246px;
	background-image: url(../Images/bradford_logo_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#quicknav {
	vertical-align: bottom;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4b4b;
	top: 80px;
	position: relative;
	margin-right: 2px;
}
#navlinks ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 800px;
	background-image: url(../Images/link_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#navlinks li.home a {
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 65px;
	display: block;
}
#navlinks li.home a:hover {
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 37px;
	width: 65px;
	display:block;
}
.clear {
	clear: both;
	line-height: 1px;
}


#navlinks li.about a{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -65px top;
	display: block;
	height: 37px;
	width: 66px;
}
#navlinks li.about a:hover{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -65px bottom;
	display: block;
	height: 37px;
	width: 66px;
}
#navlinks li.about_selected{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -65px bottom;
	display: block;
	height: 37px;
	width: 66px;
}


#navlinks  li.divisions  a{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -132px top;
	display: block;
	height: 37px;
	width: 86px;
}
#navlinks  li.divisions  a:hover {
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -132px bottom;
	display: block;
	height: 37px;
	width: 86px;
}
#navlinks  li.divisions_selected {
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -132px bottom;
	display: block;
	height: 37px;
	width: 86px;
}



#navlinks  li.services  a{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -217px top;
	display: block;
	height: 37px;
	width: 86px;
}
#navlinks  li.services  a:hover {
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -217px bottom;
	display: block;
	height: 37px;
	width: 86px;
}
#navlinks   li.services_selected	 {
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -217px bottom;
	display: block;
	height: 37px;
	width: 86px;
}
#navlinks li.portfolio a{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -300px top;
	display: block;
	height: 37px;
	width: 83px;
}
#navlinks li.portfolio a:hover{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -300px bottom;
	display: block;
	height: 37px;
	width: 83px;
}
#navlinks li.portfolio_selected{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -300px bottom;
	display: block;
	height: 37px;
	width: 83px;
}
#navlinks li.affiliations a{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -392px top;
	display: block;
	height: 37px;
	width: 93px;
}
#navlinks li.affiliations a:hover{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -392px bottom;
	display: block;
	height: 37px;
	width: 93px;
}
#navlinks li.affiliations_selected{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -392px bottom;
	display: block;
	height: 37px;
	width: 93px;
}
#navlinks li.news a{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -479px top;
	display: block;
	height: 37px;
	width: 64px;
}
#navlinks li.news a:hover{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -479px bottom;
	display: block;
	height: 37px;
	width: 64px;
}
#navlinks li.news_selected{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -479px bottom;
	display: block;
	height: 37px;
	width: 64px;
}
#navlinks li.contact a{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -540px top;
	display: block;
	height: 37px;
	width: 76px;
}
#navlinks li.contact a:hover{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -540px bottom;
	display: block;
	height: 37px;
	width: 76px;
}
#navlinks li.contact_selected{
	background-image: url(../Images/linkbar.gif);
	background-repeat: no-repeat;
	background-position: -540px bottom;
	display: block;
	height: 37px;
	width: 76px;
}
#navlinks li {
	float: left;
	height: 37px;
	margin: 0px;
	padding: 0px;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
	float: left;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
position:relative;
}

.thumbnail span{ /*CSS for enlarged image*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position: absolute;
background-color:#E1E1E1;

left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
width:150px;
}
.thumbnaildet  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #333333;
	padding: 0px;
	width: 80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-decoration: none;
}
.thumbnaildet  a{

	color: #333333;
	text-decoration: none;
}
#thumbnailsServices {
	width: 500px;
	overflow: hidden;
}

.thumbnaildet  a:hover{

	color: #333333;
	text-decoration: none;
}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 0px; /*position where enlarged image should offset horizontally */
}
.project_left {
	float: left;
	width: 30%;
}
.project_right {
	float: left;
	width: 30%;
	margin-left: 10px;
}
.project_wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	margin-left: 10px;
	text-align: right;
}
img.project_wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	margin: 0px;
	padding:0px;
}
.project_desc p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	margin-left: 10px;
}