/*******************************************/
/* Layout                                  */
/*******************************************/

/* Main content 3 col layout */
/* Contact/working for us  */
div.col31 {
min-width			: 231px;
width				: auto !important;
width				: 231px;
margin				: 0 0 20px -3px;
float				: left;
clear				: left;
}

div.col32 {
min-width			: 231px;
width				: auto !important;
width				: 231px;
margin				: 0 0 20px 0px;
float				: left;
}

div.col33 {
min-width			: 231px;
width				: auto !important;
width				: 231px;
margin				: 0 -10px 20px 0px;
float				: left;
/*clear				: right;*/
}


/* Two column layout in rows  */
/* Container for two column rows  */
div.twocolrow {
height: auto;
}

div.col21 {
margin				: 0px 10px 20px -3px;
float				: left;
}

div.col22 {
margin				: 0 0 20px 0px;
float				: left;
}


/* Two column layout in rows with margins giving centered effect */
/* Container for two column rows  */
div.col21c {
margin				: 0px 10px 20px 40px;
float				: left;
}

div.col22c {
margin				: 0px 0px 20px 40px;
float				: left;
}

/* Main content fixed width 3 col layout */
/* index/locations  */
div.fixcol31 {
width				: 231px;
margin				: 0 0 20px -3px;
float				: left;
}

div.fixcol32 {
width				: 231px;
margin				: 0 0 20px 0px;
float				: left;
}

div.fixcol33 {
width				: 231px;
margin				: 0 -10px 20px 0px;
float				: left;
/*clear				: right;*/
}


/* General - change to full width image class?? */
div.locimg {
margin				: 0px -6px 0px -3px;
padding				: 0px 6px 0px 0px;
width				: 692px;
height				: 137px;
background-image	: url(../images/clevedon-main.jpg);
background-repeat	: no-repeat;
}

/* Clevedon */
div.locimgc {
margin				: 0px -6px 0px -3px;
padding				: 0px 6px 0px 0px;
width				: 692px;
height				: 137px;
background-image	: url(../images/clevedon-main.jpg);
background-repeat	: no-repeat;
}

/* Eastbourne */
div.locimge {
margin				: 0px -6px 0px -3px;
padding				: 0px 6px 0px 0px;
width				: 692px;
height				: 137px;
background-image	: url(../images/eastbourne-main.jpg);
background-repeat	: no-repeat;
}

/* Braintree */
div.locimgb {
margin-left			: -3px;
padding				: 0px 6px 0px 0px;
width				: 692px;
height				: 137px;
background-image	: url(../images/braintree-main2.jpg);
background-repeat	: no-repeat;
}

div.locinfo {
margin-left			: 15px;
padding				: 0px 6px 10px 0px;
width				: 692px;
}


div.txtblock {
width				: 372px;
float				: left;
margin				: 5px 5px 5px 0px;
}


/* Land Acquisiton 3 col, 2 row layout */
/* All Land Acquisition pages          */
#lacol1 {
width				: 231px;
height				: 121px;
margin				: 0 0 5px -3px;
float				: left;
background-image	: url(../images/criteria.jpg);
background-repeat	: no-repeat;
}

#lacol2 {
width				: 231px;
height				: 121px;
margin				: 0 0 5px 0px;
float				: left;
background-image	: url(../images/site-selection.jpg);
background-repeat	: no-repeat;
}

#lacol3 {
width				: 231px;
height				: 121px;
margin				: 0 -10px 5px 0;
float				: left;
clear				: right;
background-image	: url(../images/planning.jpg);
background-repeat	: no-repeat;
}

#lacol4 {
width				: 231px;
height				: 121px;
margin				: 0 0 5px -3px;
float				: left;
background-image	: url(../images/preferred-locations.jpg);
background-repeat	: no-repeat;
}

#lacol5 {
width				: 231px;
height				: 121px;
margin				: 0 0 5px 0px;
float				: left;
background-image	: url(../images/current_2.jpg);
background-repeat	: no-repeat;
}

#lacol6 {
width				: 231px;
height				: 121px;
margin				: 0 -10px 5px 0;
float				: left;
clear				: right;
background-image	: url(../images/contact.jpg);
background-repeat	: no-repeat;
}


/*******************************************/
/* Styles                                  */
/*******************************************/

/* All images */
img {
border				: none;
}

/* Page content text default text style */
#pagecontent p {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #848484;
line-height			: 1.4;
}

/* Paragraph nested in div */
#pagecontent div p {
margin				: 5px;
}

/* Main content - strong paragraph (1st para) */
#pagecontent p.strong {
font-weight			: bold;
}

/* Default for main content links */
#pagecontent a:link, #pagecontent a:visited {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #d99d54;
text-decoration		: underline;
padding				: 0;
margin				: 0;
}


/* Main content H1 */
#pagecontent h1.bron {
font-family			: Times New Roman, Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 29px;
font-weight			: normal;
color				: #d79c53;
font-style			: italic;
}


/* Main content H2 */
#pagecontent h2.blueUL {
display				: block;
margin				: 20px 0px 10px 0px;
border-bottom		: 1px #49b7c8 solid;
padding				: 10px 0px 0px 0px;
color				: #49b7c8;
font-family			: Georgia, Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 25px;
font-weight			: 100;
font-style			: italic;
}


/* Main content H3 */
#pagecontent h3.blueUL {
display				: block;
margin				: 20px 20px 10px 0px;
border-bottom		: 1px #49b7c8 solid;
padding				: 10px 0px 0px 0px;
color				: #49b7c8;
font-family			: Georgia, Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 21px;
font-weight			: 100;
font-style			: italic;
}


/* Main content H4 (Not yet used unless nested in div - see below) */
#pagecontent h4.bron {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 9pt;
color				: #d99d54;
}

/* Main content - nested H4 */
#pagecontent div h4.bron {
margin				: 5px;
}

/* Main content blue Italic (final para) */
#pagecontent p.blueItalic {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 13px;
color				: #44aaba;
font-style			: italic;
}


/* Main content blue - working for us */
#pagecontent .blue {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 13px;
color				: #44aaba;
}


/* Main content style - bolder text */
.fWeight400 {
font-weight			: 400;
}


/* Brown links (MORE >>) used on index and locations 3 col layout */
#mainContent a.lucidaBron8:link, #mainContent a.lucidaBron8:visited {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 8pt;
color				: #d99d54;
margin				: 5px;
text-decoration		: underline;
font-weight			: bold;
}


/* Tab links used on holiday locations pages */
#mainContent div.locimg a:link, #mainContent div.locimg a:visited, #mainContent div.locimgc a:link, #mainContent div.locimgc a:visited, #mainContent div.locimge a:link, #mainContent div.locimge a:visited, #mainContent div.locimgb a:link, #mainContent div.locimgb a:visited{
display				: block;
width				: 142px;
height				: 24px;
float				: right;
margin				: 107px 10px 0px 0px;
padding				: 5px 0px 0px 0px;
color				: #ffffff;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 13px;
text-align			: center;
text-decoration		: none;
font-weight			: 400;
background			: url(../images/template/tabbg.gif) 0 0 no-repeat;
}

#mainContent div.locimg a:active, #mainContent div.locimg a:hover, #mainContent div.locimgc a:active, #mainContent div.locimgc a:hover, #mainContent div.locimge a:active, #mainContent div.locimge a:hover, #mainContent div.locimgb a:active, #mainContent div.locimgb a:hover  {
color				: #2cabbd;
background-position	: -149px 0;
}


/* Not used in current site - used to re-create effect in original PSD  */
div.txtblock p {
margin				: 5px 5px 5px 10px;
}

ul.grey {
list-style			: disc;
}


ul.grey li {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #848484;
margin				: 5px;
}

/* Tab links on Land Acquisition pages */
#land div a:link, #land div a:visited{
display				: block;
width				: 142px;
height				: 24px;
margin				: 91px 0px 0px 12px;
padding				: 5px 0px 0px 0px;
color				: #ffffff;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 13px;
text-align			: center;
text-decoration		: none;
font-weight			: 400;
background			: url(../images/template/tabbg.gif) 0 0 no-repeat;
}

#land div a:active, #land div a:hover  {
color				: #2cabbd;
background-position	: -149px 0 ;
}


/* Floating */
#pagecontent .fltlft {
margin				: 0px 10px 10px -3px;
clear				: left;
}

#pagecontent .fltrt {
margin				: -3px -3px 10px 10px;
clear				: right;
}

/* 2x2 block of floated images */
img.fourblk1 {
float: right;
margin: 0px 0px 5px 5px;
}

img.fourblk2 {
float: right;
clear: right;
margin: 0px 0px 5px 5px;
} 

img.gallery1 {
float: left;
margin: 10px 0px 0px 0px;
} 

img.gallery {
float: left;
margin: 10px 0px 0px 10px;
}

blockquote {
margin				: 30px;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #848484;
font-style			: italic;
line-height			: 1.3;
}

.strong {
font-weight: bold;
}

/* right floated column of images on working for us page */
#img_col {
width:180px; 
float:right; 
padding-left:10px;
}

#pagecontent img.fullwidth {
margin-left:-3px;
}

p.iwindow {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
margin				: 0;
padding				: 0;

}

h4.iwindow {
font-size			: 12px;
margin				: 0;
padding				: 0;
font-weight			: bold;
color				: #d99d54;
}

a.iwindow:link, a.iwindow:visited, a.iwindow:active, a.iwindow:hover {
font-size			: 12px;
margin				: 0;
padding				: 0;
color				: #d99d54;
text-decoration		: underline; 
}

#map_canvas {
font-size			: 12px;
width				: 380px; 
height				: 380px; 
float				: right;
border				: 1px #999999 solid; 
margin				: 0 0 0 10px;
}

#map_canvas p.iwindow {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
margin				: 0;
padding				: 0;

}

#map_canvas h4.iwindow {
font-size			: 12px;
margin				: 0;
padding				: 0;
font-weight			: bold;
color				: #d99d54;
}

#map_canvas a.iwindow:link,  #map_canvas a.iwindow:visited, #map_canvas a.iwindow:active, #map_canvas a.iwindow:hover {
font-size			: 12px;
margin				: 0;
padding				: 0;
color				: #d99d54;
text-decoration		: underline; 
}