/***** wrapper *****/
 
#wrapper {
	width:974px;
	margin: 20px auto;
	background: #fff;
	position: relative;
}

#header {
	width:974px;
	height: 170px;
	background: url(../images/header.png) top left no-repeat;
	
}

#offer-text{
	width:974px;
	text-align: center;
	font: 2.4em Arial, Helvetica, sans-serif;
	font-weight: 700;
	position: absolute;
	top:143px;
}

#logo {
	width: 125px;
	height: 104px;
	float: left;
	display: block;
	background:url(../new-images/new-logo.png) no-repeat top left;
	text-indent: -9999px;
	position: absolute;
	top: 23px;
	left: 95px;
	border: 0 !important;
	outline: 0;
}


/*  typograpphy  */

.copy ul, ol {
	margin: 0;
	padding: 0 0 21px 0!important;
	font-size: 12px!important;
	line-height: 16px; 
	}


.copy { font-size: 150%!important; 
	
	
}

#blurb {
	font-size: 12px!important;
	
}



/*  typography - overrides global settings */

.larger-text {
	font: 150% Helvetica, Arial, sans-serif!important;
	
}

.medium-text p{ font-size: 12px!important;
	
}


.medium-text h3{ font-size: 14px!important;
	
}





#content {
	width:930px;
	margin: 0 auto;
	min-height: 400px;
	_padding: 0 0 0 22px;
	_margin: 0;
}



/***** new home page tweaks *****/

/*  home page  */

h1.register a { width: 324px;
			height: 212px;
			background-image:url(../new-images/register-button-home.png);
			background-repeat:no-repeat;
			display: block;
			text-indent: -10000px;
			margin-left: -15px;
			
	
}








#register h1 a { display: block;
	
}



#homepage-blurb  h2 {
	color:#099!important;
	margin-top: 20px!important;
	font-size: 18px !important;
	
}

#homepage-blurb p{font-size: 11px !important;
	
}



/* SOCIAL MEDIA  */

#socialmedia {
	
	width: 150px !important;
	
	
	
}

#facebook-wall {
	width: 292px;
	height: 62px;
	/*height: 168px;*/
	/*background-image:url(../content-images/facebook-visual.png); */
	/*display:block;*/

	
	
}

h3.facebook a {
	width: 121px;
	height: 30px;
	background-image:url(../new-images/facebook-button.png);
	background-repeat: no-repeat;
	margin-top:10px;
	margin-bottom: 5px;
	display:block;
	text-indent: -10000px;
		float:left;
	
}


h3.twitter a {
	width: 121px;
	height: 36px;
	background-image:url(../new-images/twitter-button.png);
	background-repeat: no-repeat;
	margin:3px 0 10px 0;
	display:block;
	text-indent: -10000px;
	float:left;
	
}




.home-right {
	
	width:526px !important;
	float: left;
	margin-left: 45px !important;;
	
}

.img-nav {
	
	width:526px !important;
	float: left;
	margin-top: 200px!important;
}



.img-panel {
	position: relative;
	width: 254px;
	height: 242px;
	margin: 0 10px 12px 0px;
	float: left;
	display: block;
	background-color: rgb(136,197,64);
	/*border:dotted thin 1px #000;*/
}

a.img-panel, a.img-panel:visited, a.img-panel:hover  {
	position: relative;
	width: 254px;
	height: 244px;
	margin: 0 10px 12px 0px;
	float: left;
	display: block;
	background-color: rgb(136,197,64);
	text-decoration:none!important;
	font-weight:700;
	/*border:dotted thin 1px #000;*/
}


.img-panel h3 { font-size: 11px!important;
font-weight:700!important;
position: relative;
color: #ffffff;
padding: 5px;
background-color:  rgb(136,197,64);
 opacity: 0.85;
}


a.img-panel h3, a.img-panel:visited h3, a.img-panel:hover h3 { font-size: 11px!important;
font-weight:700!important;
position: relative;
color: #ffffff;
padding: 5px;
background-color:  rgb(136,197,64);
 opacity: 0.85;
}

.img-panel h3 span { 
color: #000000;
}


a.img-panel p.desc {
	position: relative;
	top: 159px !important;
	left: 0;
	font-size: 11px !important;
color: #000;
padding: 5px;
background-color: rgb(136,197,64); 
opacity: 0.90;
min-height: 43px;

}


.img-panel a, .img-panel a:hover,  {
	text-decoration: none;
	color:#FFF !important;
	font-weight:500;	
	
}

.img-panel h3, .img-panel h2 {
	text-decoration: none;
	color:#FFF !important;	
	
}



.img-panel .link-top {
	text-decoration: none;
	position: relative;
	top: 100px;
	left: 100px !important;
	font: bold;
	display: block;
	
}


#london-image { background-image:url(../new-images/home-london.jpg);
background-repeat:no-repeat;
width: 254px;
	
}


#nots-image { background-image:url(../new-images/nottingham-home.jpg);
background-repeat:no-repeat;
width: 254px;
	
}


#linc-image { background-image:url(../new-images/home-lincoln.jpg);
background-repeat:no-repeat;
width: 254px;
	
}

#lboro-image { background-image:url(../new-images/home-lboro.jpg);
background-repeat:no-repeat;
width: 254px;
	
}


#durham-image { background-image:url(../new-images/home-durham.jpg);
background-repeat:no-repeat;
width: 254px;
	
}

#exeter-image { background-image:url(../new-images/exeter-home.jpg);
background-repeat:no-repeat;
width: 254px;
	
}

.right-img{
	margin-right: 0px !important;
}

.bottom-img {
	margin-top: 0px !important;
	
}




/* div ids for locations   */

#location-panel{
	width: 930px;
	
}

.alt-img-panel {
	
	width: 294px;
	height: 290px;

	margin-right: 10px;
	float: left;
	display: block;
	margin-bottom: 10px;
	background-color: rgb(136,197,64);
	/*border:dotted thin 1px #000;*/
}






.alt-img-panel h3 { font-size: 14px !important;
position: relative;
color: #ffffff;
padding: 10px;
background-color:  rgb(136,197,64);; opacity: 0.85;
}

a.alt-img-panel h3 { font-size: 14px !important;
position: relative;
color: #ffffff;
padding: 10px;
background-color:  rgb(136,197,64);; opacity: 0.85;
}


.alt-img-panel h3 span { font-size: 14px !important;
color: #000000;

}

a.alt-img-panel h3 span { font-size: 14px !important;
color: #000000;

}

.alt-img-panel p.desc {
	position: relative;
	top: 155px !important;
	left: 0;
	font-size: 12px !important;
color: #000;
padding: 10px;
background-color: rgb(255,255,255); 
opacity: 0.90;

}

a.alt-img-panel p.desc {
	position: relative;
	top: 155px !important;
	left: 0;
	font-size: 12px !important;
color: #000;
padding: 10px;
background-color: rgb(255,255,255); 
opacity: 0.90;

}


a#location-london { background-image:url(../new-images/locations-london.jpg);
background-repeat:no-repeat;
width: 294px;
	
}

/*    add overlay effect - with map locations   */


/*       
a#location-london:hover { background-image:url(../new-images/locations-london.jpg);
opacity: 0.50;
background-repeat:no-repeat;
width: 294px;
	
}

*/

#location-london { background-image:url(../new-images/locations-london.jpg);
background-repeat:no-repeat;
width: 294px;
	
}


#location-nottingham { background-image:url(../new-images/locations-nottingham.jpg);
background-repeat:no-repeat;
width: 294px;
	
}


#location-lincoln { background-image:url(../new-images/locations-lincoln.jpg);
background-repeat:no-repeat;
width: 294px;
	
}

#location-lboro { background-image:url(../new-images/locations-lboro.jpg);
background-repeat:no-repeat;
width: 294px;
	
}


#location-durham { background-image:url(../new-images/locations-durham.jpg);
background-repeat:no-repeat;
width: 294px;
	
}

#location-exeter { background-image:url(../new-images/locations-exeter.jpg);
background-repeat:no-repeat;
width: 294px;
	
}

/*  styles for contact  pages     */

#contact-london { background-image:url(../new-images/contact-london.jpg);
background-repeat:no-repeat;
width: 294px;
	
}


#contact-nottingham{ background-image:url(../new-images/contact-nottingham.jpg);
background-repeat:no-repeat;
width: 294px;
	
}


#contact-lincoln { background-image:url(../new-images/contact-lincoln.jpg);
background-repeat:no-repeat;
width: 294px;
	
}

#contact-lboro { background-image:url(../new-images/contact-lboro.jpg);
background-repeat:no-repeat;
width: 294px;
	
}


#contact-durham { background-image:url(../new-images/contact-durham.jpg);
background-repeat:no-repeat;
width: 294px;
	
}

#contact-exeter { background-image:url(../new-images/contact-exeter.jpg);
background-repeat:no-repeat;
width: 294px;
	
}

/*  styles for listings page     */


#banner {
	float:left;
	margin-left: 10px;
	width: 536px;
	height: 146px;
	
	
}


h2.headerlinks a:link {
	font-family: Tahoma, Helvetica, Arial, sans-serif !important;
	margin: 0;
	padding: 0;
	font-weight: 600!important; 
	font-size: 16px;
	color: #00929!important;
	line-height: 120%;
	text-decoration:none !important;
}


h2.headerlinks a:visited {

	font-weight: 600!important; 
	font-size: 16px;
	color: #00929!important;
	line-height: 120%;
	text-decoration:none !important;
}

h2.headerlinks a:hover {
	
	text-decoration:underline !important;
}



h3.viewProp a {
	width: 255px;
	height: 62px;
	background-image:url(../new-images/SeeProperties.png);
	background-repeat: no-repeat;
	margin:3px 0 10px 0;
	display:block;
	text-indent: -10000px;
	float:left;
	
}

h3.backlist a {
	width: 194px;
	height: 49px;
	background-image:url(../new-images/back-listings.png);
	background-repeat: no-repeat;
	margin:3px 100px 40px 0;
	display:block;
	text-indent: -10000px;
	float:left;
	
}



.main-image { margin:100px 0 50px 0;
	
}





/* list nav */

#listnav {float: right;
margin-top: 5px;
font-size:12px;
	
}

#listnav a:link { padding: 5px;
					color:#399;
					text-decoration: none;
					height 30px;
					border-right:#399 thin solid;
					display:block;	
					float:left;			
	
}

#listnav a:visited { padding: 5px;
					color:#399;
					text-decoration: none;
					height 30px;
					border-right:#399 thin solid;
					display:block;	
					float:left;			
	
}

#listnav a:hover {
	color:#FFF!important;
		background-color:#399!important;
}

#listnav a.thispage {
	color: #399!important;
	font-weight:bolder !important;
	
}

#listnav a.thispage:hover {
	color:#FFF!important;
	background-color:#399!important
	
}

a.lastlinklist {
	border-right:none!important;
	
}



/*  #listnav .thispage {font-weight:bold;

	
}

#listnav .lastlinklist a:link{ border-right:none !important;
}   */








/* property pages */

.property {
	width: 295px;
	text-align:left;
	
}

.property h2 {
	color:#099!important;
	margin: 10px 0 5px 0!important;
	font-size: 18px !important;
	
}


.property p {
font-size: 12px !important;
line-height: 16px !important;
	
}





#googlemap {
	
	margin: 50px 0 50px 0;
	
	
	
}

#googlemap a:link {
	color:#399 !important;
	text-decoration: none !important;
	
	
}


/* data table on the property page  */





table.property-data td {
	
	padding: 1px!important;
	vertical-align: top!important;
	text-align: left!important;	
	font-size: 12px;
	
}

table.property-data {
	width: 300px!important;	
	
	/*border:#CCC thin dashed;*/
	margin: 15px 0 30px 0 ;
	font-size:10px!important;
}

table.property-data th {
	font-weight: bold;
	color:#099!important;
	font-size: 12px;
	vertical-align: top!important;
	text-align: left!important;	
	
}


/* listings and table styling   */



.img.property-thumb { float: left!important;
margin: 0 0 0 0!important;
	
}



	


.listings th td {
	padding: 1px!important;
	vertical-align: top!important;
	text-align: left!important;	
}




.property-right {
	border:#0000ff thin dotted;
	width:600px !important;
	float: left;
	margin: 0 !important;
	overflow: hidden !important;
	
}

.property-thumb { float: left;
	
}




.listings {
	 min-height: 230px !important;
	/*   */
	padding: 10px 0 0 10px;
	border-bottom:#FC9 thin solid;
	margin:10px 0 5px 0;
	
}

.list-row {
	clear:both;
	min-height: 180px;
	
}



.listings img {
	float:left;

}
 
.listings table {
	 
	/*border:#CCC thin dotted;*/
	margin: 0 0 0 40px;
	width: 650px;
	float: left;
	font-size:12px!important;
	
	
}


.listings table p { font-size:12px!important;
	
}

.listings table th {
	font-weight: bold;
	color:#099!important;
	
}

.listings th td {
	vertical-align: top!important;
	text-align: left!important;	
	
}

.hide-tabledata {
	text-indent: -10000px!important;
	
}

h3.bookPropertry a {
	width: 185px;
	height: 40px;
	background-image:url(../new-images/ViewProperty.png);
	background-repeat: no-repeat;
	margin: 50px 0 0 30px;
	 /* display:none; */ 
	display: block; 
	text-indent: -10000px;
	/* position: relative;
	top: 150px;
	left: 650px;*/ 
	z-index: 3 !important;
	/*border:#CCC thin dotted; */
	
}

/*.wrap-tabledata {
	width: 100px!important; */
	
	/*   test on individual table class */
	




#bookbanner {
	float:left;
	margin-top: 50px;
	width: 500px;
	height: 138px;
	overflow: hidden !important;

}

/* locations page  */


#location-panel {
	height: inherit!important;
	min-height: 600px;
	
}


/* Booking  pages  */


/* image of call worker  */

#booking-contact {
	background-image: url(../new-images/Booking-contact.jpg);
	background-repeat:no-repeat;
	width: 574px;
	height: 361px;
	margin: 10px 40px 10px 300px;
	float: right;
	
	
}

/* white tranclucent panel over the image */

#contact-info  { 
position: relative;
background-color: rgb(255,255,255); 
opacity: 0.80;
color: #00929f;
text-size: 12px;
/* top:270px;
left: 200px; */
float: left;
padding: 16px 32px 16px 32px;
margin: 240px 20px 10px 200px;
	
}


#contact-info h2, h3 {
	font-size: 11px !important;
}


#contact-info strong { 
color: #000!important;

}

a.download {
	display:block;
	background-image:url(../new-images/DOWNLOAD-BUTTON.png) ;
	background-repeat:no-repeat;
	 background-position: bottom left;
	 width: 300px;
	 height: 80px;
	 text-indent: -9999px;
	
	
} 

a.download:hover {
	display:block;
	background-image:url(../new-images/DOWNLOAD-BUTTON.png);
	background-repeat:no-repeat;
background-position: top left;
	 width: 300px;
	 height: 80px;
	 text-indent: -99999px;
	
	
} 











/***** columns *****/

.col {
	margin: 0 15px 0 0;
	float: left;
}

.col p {
	font-size: 1.1em;
}

.last {
	margin: 0;
}

.top {
	margin-top: 0;
}

.half {
	width: 142px;
}

.span-1 {
	width: 300px;
}

.span-2 {
	width: 615px;
}

.span-3 {
	width: 930px;
}

.square {
	background: #00929F;
	float: left;
	display: inline;
	width: 90px;
	height: 90px;
	margin: 0 10px 15px 0;
}

.square h3 a{
	color: #FFF !important;
}

.grid .last {
	margin: 0 0 15px 0;
}

/***** SATitle *****/

#SATitle {
	clear: both;
	height: 20px; 
	width: 600px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 35px;
	left: 200px;
	text-align:right;
	font-size:10px;
	color: rgb(136,197,64);
}

/***** nav *****/
#nav {
	clear: both;
	height: 27px; /* match li height when styled */
	width: 435px;
	margin: 0;
	background: url(../images/nav.png) 0 0 no-repeat;
	padding: 0;
	position: absolute;
	top: 65px;
	left: 285px;
}

#nav li {
	float: left;
	list-style: none;
	margin: 0;
}

#nav li a {
	height: 27px;
	text-decoration: none;
	text-indent: -9999px;
	border: 0 !important;
	outline: 0;
}

#nav li.home a {
	width: 49px;
	display: block;
	background: url(../images/nav.png) 0 -27px no-repeat;
	margin: 0 24px 0 0;
}

#nav li.home a:hover,
#nav li.home a.active {
	background: url(../images/nav.png) 0 -54px no-repeat;
}

#nav li.locations a {
	width: 88px;
	display: block;
	background: url(../images/nav.png) -73px -27px no-repeat;
	text-indent: -9999px;
	margin: 0 24px 0 0;
}

#nav li.locations a:hover,
#nav li.locations a.active {
	background: url(../images/nav.png) -73px -54px no-repeat;
}

#nav li.who a {
	width: 100px;
	display: block;
	background: url(../images/nav.png) -187px -27px no-repeat;
	text-indent: -9999px;
	margin: 0 24px 0 0;
}

#nav li.who a:hover,
#nav li.who a.active {
	background: url(../images/nav.png) -187px -54px no-repeat;
}

#nav li.contact a {
	width: 102px;
	display: block;
	background: url(../images/nav.png) -312px -27px no-repeat;
	text-indent: -9999px;
	margin: 0 24px 0 0;
}

#nav li.contact a:hover,
#nav li.contact a.active {
	background: url(../images/nav.png) -312px -54px no-repeat;
}

#nav li a:hover {

}

#nav li a.active {

}

/***** footer *****/
#footer{
	background: url(../images/footer.png) top center no-repeat;
	padding: 20px 0 10px 0;
	
	margin: 10px 0 0;
	height: 175px;
}

#footer .logos {
	width: 900px;
	height: 81px;
	background:url(../new-images/footer-Logos.png) no-repeat;
	display: block;
	margin: 0 auto 0 auto;
	text-indent: -9999px;
}
	

#footer .links {
	margin: 5px  10px 10px 50px;
	float: left;
	width: 700px;
	color: #666;
	font-size:9px;
}

#footer .links p {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding: 0;
}

#footer .links ul {
	margin: 0 0 0 -5px;
	position: relative;
	padding: 0;
	height: 20px;
}

#footer .links li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #00828C;
}

#footer .links li.first {
	border: 0;
}

#footer .links li a {
	text-decoration: none;
	color: #58595B;
}

#footer .logos {
	float: right;
}

/***** classes *****/

p strong {
	font-family:  Tahoma, Helvetica, "Arial Black", Arial, sans-serif;
	font-weight: 700;
	font-size: 1em;
}

strong {
	font-size: 1.1em;
	font-family:  Tahoma, Helvetica, "Arial Black", Arial, sans-serif;
	font-weight: 700;
}

.home-image {
	margin: 0 6px;
}

.mini-sep {
	margin: 15px 0;
}

h1.trajan {
	font-size: 2.2em;
	color: #00828C;
	font-weight: 400;
	margin: 0 0 10px;
}

h3.trajan {
	font-size: 1.2em;
	color: #00828C;
	font-weight: 400;
}

h2.trajan {
	font-size: 1.1em;
	color: #00828C;
	font-weight: 400;
}

a {
	color: #6f9039;
}  

a: visited {
	font-weight: 300;
	
}

a img {
	border: 0;
}

a.external {
	color: #58595B;
}

a.none {
	border: 0 !important;
}

.caption {
	margin: 5px 40px;
}

.left {
	float: left;
}

.sub-nav {
	float: right;
	margin: 0 10px 49px 0;
	position: relative;
	padding: 0;
	height: 20px;
	font-size: 9px!important;
}

.sub-nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #00828C;
}

.sub-nav li.first {
	border: 0;
}

.sub-nav a,
.sub-nav a:visited {
	display: block;
	text-decoration: none;
	color: #58595B;
}

.sub-nav a:hover,
.sub-nav a.active {
	color: #00828C;
	border-bottom: 1px solid !important;
}

.list {
	font-size: 1.1em;
}

.grid h3 {
	text-align: center;
	font-weight: 400;
	color: #fff;
	background: #00929F;
	padding: 0 0 1px;
	height: 14px;
	width: 90px;
	font-size: 1.1em;
}

.grid a {
	text-decoration: none;
	color: #fff;
	display: block;
}

div.contact {
	background: url(../images/contact.jpg) top center no-repeat;
	font-size: 1.4em;
	width: 430px;
	height: 277px;
	padding: 7px 50px 23px 135px;
	*height: 284px;
	*padding: 0 50px 23px 135px;
}


div.align-center {
	height: 214px;
	padding: 70px 50px 23px 135px;
}

div.contact h3 {
	text-decoration: underline;
	margin: 0;
	color: #00828C;
}

div.contact p {
	padding: 0;
	font-size: 1em;
}

div.contact a {
	color: #00828C;
}




div.small {
/* 	font-size: 0.5em; */
}

.right {
	float: right;
	margin: 11px 14px 0 0;
}

.none {
	text-decoration: none !important;
	color: #00828C;
}

.none:hover {
	text-decoration: none;
	font-weight: 700;
}

.banner {
	margin: -45px 0 15px;
	overflow: hidden;
}

.banner img {
	float: right;
}