/******** STICKY FOOTER STYLES ********/

html 
{
	height: 100%;
}
body 
{
	background-color: #FFF;
	height: 100%;
	background-image: url(../images/body-bg-small.gif);
	background-repeat: repeat-x;
}
#nonFooter 
{
	position: relative;
	min-height: 100%;
}
* html #nonFooter 
{
	height: 100%;
}
#container 
{
	padding: 0px 30px 9em 30px;
}
#footer 
{
	position: relative;
	margin-top: -4.5em;
}

/* Eliminates problem with Firefox who sees image as a hyperlink. 
Will disappear with border set to 0pt. */
img
{
	border-width: 0pt;
}

/****** END OF THE STICKY FOOTER STYLES ******/

/* Longer bg image required only for home page. */
body.home
{
	background-image: url(../images/body-bg-long.gif);
	background-repeat: repeat-x;
}
#nonFooter #container 
{
	width: 850px;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
}
#nonFooter #container .red-txt 
{
	color: #666666; /* Changed from #9c3b20 */
}
/******** HEADER STYLES ********/


/* Slider for home page animation
================================== */
#slider
{
	position: relative;
	width: 630px; /* Change this to your images width */
	height: 245px; /* Change this to your images height */
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-bottom: 30px;
}
.home #slider
{
	position: relative;
	width: 850px; /* Change this to your images width */
	height: 340px; /* Change this to your images height */
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.design #slider, .construct #slider, .products #slider
{
	position: relative;
	width: 630px; /* Change this to your images width */
	height: 245px; /* Change this to your images height */
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#slider img 
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
#slider a 
{
	border:0;
	display:block;
}

#nonFooter #container #header 
{
	height: 163px;
	width: 850px;
	background-color: #30221f;
	position: relative;
	color: #FFF;
}
#nonFooter #container #header h1 
{
	position: absolute;
	bottom: 10px;
	left: 1px;
}
#nonFooter #container #header h1 a 
{
	width: 222px;
	height: 137px;
	color: black;
	display: block;
	background-image: url(../images/outsidein-logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#nonFooter #container #header h2 
{
	position: absolute;
	bottom: 50px;
	right: 0px;
	width: 252px;
	height: 19px;
	background-image: url(../images/hdr-phone-number.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/* Container for social networks. */
#nonFooter #container #header #social
{
	position: absolute;
	top: 13px;
	right: 0px;
}
#nonFooter #container #header #social #twitterID
{
	padding-right: 10px;
}


/******** Tooltip Main Navigation ********/

/* Position tooltip absolute. Set white border and bg colour. Padding around and font colour. 
Display none. Align text to left, set fonst and font size. */
#tooltip
{
	position: absolute;
	border: 2px solid #FFFFFF;
	background: #D7CABE;
	padding: 4px 7px;
	color: #002827;
	display:none;
	text-align: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


/******** CONTENT STYLES ********/

#nonFooter #container #content 
{
	float: left;
	width: 612px;
	padding-right: 30px;
	border-right: 1px solid #a27b1e;
	margin-top: 20px;
}

/* Set height only for content on home page -> No, why should we. */
.home #content
{
	/* height: 400px; */
}

/* Main content heading (h2) in preparation for image replacement. */
#nonFooter #container #content h2 
{
	text-indent: -99999px;
	display: block;
	background-repeat: no-repeat;
	width: 560px;
	height: 44px;
	margin-bottom: 8px;
}
/* Images for heading replacement. Assigned with body class. */
.home #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_home.gif);
}
.home #nonFooter #container #content h2.memberships
{
	background-image: url(../images/outsidein_headings/outsidein_heading_home_memberships.gif);
}
.philosophy #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_about_company_philosophy.gif);
}
.quality #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_about_quality_assurance.gif);
}
.environmental #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_about_environmental_policy.gif);
}
.occupational #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_about_occupational_health.gif);
}
.meet #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_meet_the_team.gif);
}
.contact #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_contact.gif);
}
.design #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design.gif);
}
.front #nonFooter #container #content h2
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_front_property.gif);
}
.back #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_back_property.gif);
}
.alfresco #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_alfresco_courtyard.gif);
}
.pool #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_pool_design.gif);
}
.modern #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_modern_contemporary.gif);
}
.traditional #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_traditional_design.gif);
}
.family #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_family_design.gif);
}
.barrier #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_barrier_reef_pools.gif);
}
.buildwest #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_buildwest_display_homes.gif);
}
.premier #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_design_premier_one_construction.gif);
}
.construct #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct.gif);
}
.crosby #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_crosby_street.gif);
}
.dalecross #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_dalecross_avenue.gif);
}
.delambre #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_delambre_place.gif);
}
.dene #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_dene_street.gif);
}
.diamond #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_diamond_drive.gif);
}
.hardey #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_hardey_road.gif);
}
.sunrose #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_sunrose_link.gif);
}
.burnett #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_burnett_road.gif);
}
.clive #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_clive_street.gif);
}
.duncraig #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_duncraig_road.gif);
}
.forrest #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_forrest_road.gif);
}
.fraser #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_fraser_road.gif);
}
.lockhart1 #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_lockhart_street_1.gif);
}
.lockhart2 #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_lockhart_street_2.gif);
}
.majestic #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_majestic_point.gif);
}
.millpoint #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_mill_point_road.gif);
}
.risely #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_risely_street.gif);
}
.shirley #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_shirley_avenue.gif);
}
.cardiff #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_cardiff_lane.gif);
}
.summerfield #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_summerfield_place.gif);
}
.novus #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_2l_novus_homes.gif);
	height: 63px;
}
.barriercr #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_barrier_reef_pools.gif);
}
.premiercr #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_construct_premier_one_construction.gif);
}
.products #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_products.gif);
}
.architectural #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_products_architectural_screens.gif);
}
.bean #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_products_bean_bags.gif);
}
.led #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_products_LED_furniture.gif);
}
.missing #nonFooter #container #content h2 
{
	background-image: url(../images/outsidein_headings/outsidein_heading_missing_404.gif);
}


#nonFooter #container #content h3 
{
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #30221F;
	padding-bottom: 3px;
}
#nonFooter #container #content p, #nonFooter #container #content ul, #nonFooter #container #content ol 
{
	padding-bottom: 10px;
	font-size: 1.3em;
	color: #666666;
}
#nonFooter #container #content #slider p
{
	padding-bottom: 5px;
	font-size: 100%;
	color: #FFFFFF;
}
#nonFooter #container #content ul, #nonFooter #container #content ol 
{
	margin-left: 40px;
}
#nonFooter #container #content a 
{
	color: #a27b1E;
	text-decoration: none;
}
#nonFooter #container #content a:hover 
{
	color: #9C3A1F;
	border-bottom: 1px dashed;
}
/* For award logos inside three pah=ges in main content area. No dashed underline. */
.hardey #nonFooter #container #content a:hover, .lockhart1 #nonFooter #container #content a:hover, .cardiff #nonFooter #container #content a:hover
{
	border-bottom: none;
}

#nonFooter #container #content #opening-p 
{
	font-weight: bold;
	font-style: italic;
	font-size: 1.4em;
}
#nonFooter #container #content #hdr-img 
{
	margin-bottom: 30px;
}
#nonFooter #container #content .team 
{
	position: relative;
	padding: 0px 0px 0px 130px;
	border-bottom: 1px solid #A27B1E;
	margin-bottom: 30px;
}
#nonFooter #container #content .team img 
{
	position: absolute;
	left: 0px;
	top: 6px;
}
*html #nonFooter #container #content .team img 
{
	position: absolute;
	left: -130px;
	top: 3px;
}
#nonFooter #container #content .team h4 
{
	font-size: 1.4em;
	font-weight: bold;
}
#nonFooter #container #content .team .name 
{
	color: #9C3A1F;
}
#nonFooter #container #content .team .position 
{
	padding-bottom: 10px;
}
#nonFooter #container #content .red-txt, #nonFooter #container #rhcol .red-txt 
{
	color: #666666; /* Changed from #9c3b20 */
}
#nonFooter #container #content .thumb 
{
	border: 2px solid white;
	margin-bottom: 10px;
	height: auto;
	width: 630px;
	height: 150px;
	display: block;
	padding: 0px;
	text-align: center;
	font-size: 1.3em;
}
#nonFooter #container #content .thumb:hover 
{
	border: 2px solid #9C3A1F;
}
#nonFooter #container #content .p-thumb 
{
	margin-left: 10px;
	width: 100px;
	height: 220px;
	margin-left: 10px;
	float: left;
	overflow: hidden;
}
#nonFooter #container #content .landscape 
{
	width: 215px;
}
#nonFooter #container #content .wide 
{
	width: 325px;
}
#nonFooter #container #content .half 
{
	height: 120px;
	width: 100px;
}
#nonFooter #container #content img 
{
	border: 0px;
}
#nonFooter #container #content .testimonial 
{
	border-bottom: 1px solid #666666;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
/* Changed width from %tage to fixed px width. */
#nonFooter #container #content .home-memberships 
{
	width: 190px;
	color: #666666;
	float: left;
	padding: 0 2% 0 0;
	margin: 0px 0 5px 0;
}
#nonFooter #container #content .home-memberships-center 
{
	width: 190px;
	color: #666666;
	float: left;
	padding: 0 2% 0 0;
	margin: 0px 0 5px 201px;
}
#nonFooter #container #content .home-memberships a, #nonFooter #container #content .home-memberships-center a
{
	border-bottom: none;
}

/* Class for italic text. */
.p_italic 
{
	font-style: italic;
}


/******** Lightboxes/Galleries ********/

/* Set width for gallery container. */
#nonFooter #container #content #galleryCont, #nonFooter #container #content #galleryContScreens
{
	width: 630px;
}

/* No dashed underline for image links. Float left. */
#nonFooter #container #content #galleryCont a, #nonFooter #container #content #galleryContScreens a
{
	float: left;
	border: none;
}
/* Style (small) gallery images without border and appropriate margin. */
#nonFooter #container #content #galleryCont img 
{	
	padding-right: 10px;
	margin-right: 0px;
	border: none;
}
#nonFooter #container #content #galleryContScreens img 
{	
	padding-right: 12px;
	margin-right: 0px;
	border: none;
}
/* No padding-right for last thumbnail in row. */
#nonFooter #container #content #galleryCont img#lastImg, #nonFooter #container #content #galleryContScreens img.lastImg
{
	padding-right: 0px;
}



/******** RHCOL STYlES ********/
#nonFooter #container #rhcol 
{
	width: 192px;
	float: left;
	padding-left: 15px;
	margin-top: 20px;
}
#nonFooter #container #rhcol h2 
{
	font-size: 1.5em;
	text-transform: uppercase;
	color: #30221F;
	padding-bottom: 4px;
}
#nonFooter #container #rhcol em 
{
	font-style: normal;
	color: #30221F;
	text-transform: uppercase;
}
#nonFooter #container #rhcol p, #nonFooter #container #rhcol ol, #nonFooter #container #rhcol ul
{
	list-style-type: none;
	font-size: 1.2em;
	color: #666666;
	padding-bottom: 20px;
}
/* Normal links in right column. */
#nonFooter #container #rhcol a 
{
	color: #a27b1E;
	text-decoration: none;
}
/* Nav links in right column. */
#nonFooter #container #rhcol .secnav a 
{
	display: block;
	color: #a27b1E;
	text-decoration: none;
	background-color: #E4DBD8;
	border-bottom: 1px dashed;
	padding: 5px 5px 4px 5px;
}
/* First item in subnav is the heading. Also to have top border and make bold. */
#nonFooter #container #rhcol .secnav a.firstSub
{
	border-top: 1px dashed;
	font-weight: bold;
}
/* First item in subnav - NO heading. Also to have top border and NOT bold. */
#nonFooter #container #rhcol .secnav a.firstSubNo
{
	border-top: 1px dashed;
}

/* Hover text colour for subnav and normal links insider right hand column to be red. */
#nonFooter #container #rhcol .secnav a:hover , #nonFooter #container #rhcol a:hover 
{
	color: #9C3A1F;
}

/* Assigned body class and id inside subnav used to indicate active state. */
.philosophy #nonFooter #container #rhcol .secnav a#ab-philosophy, .quality #nonFooter #container #rhcol .secnav a#ab-quality,
.environmental #nonFooter #container #rhcol .secnav a#ab-environmental, .occupational #nonFooter #container #rhcol .secnav a#ab-occupational, 
.front #nonFooter #container #rhcol .secnav a#de-front, .back #nonFooter #container #rhcol .secnav a#de-back,
.alfresco #nonFooter #container #rhcol .secnav a#de-alfresco, .pool #nonFooter #container #rhcol .secnav a#de-pool,
.modern #nonFooter #container #rhcol .secnav a#de-modern, .traditional #nonFooter #container #rhcol .secnav a#de-traditional,
.family #nonFooter #container #rhcol .secnav a#de-family, .barrier #nonFooter #container #rhcol .secnav a#de-barrier,
.buildwest #nonFooter #container #rhcol .secnav a#de-buildwest, .premier #nonFooter #container #rhcol .secnav a#de-premier,
.crosby #nonFooter #container #rhcol .secnav a#co-crosby,
.dalecross #nonFooter #container #rhcol .secnav a#co-dalecross, .delambre #nonFooter #container #rhcol .secnav a#co-delambre, 
.dene #nonFooter #container #rhcol .secnav a#co-dene, .hardey #nonFooter #container #rhcol .secnav a#co-hardey, 
.sunrose #nonFooter #container #rhcol .secnav a#co-sunrose,
.burnett #nonFooter #container #rhcol .secnav a#co-burnett,
.clive #nonFooter #container #rhcol .secnav a#co-clive, .duncraig #nonFooter #container #rhcol .secnav a#co-duncraig, 
.forrest #nonFooter #container #rhcol .secnav a#co-forrest, .fraser #nonFooter #container #rhcol .secnav a#co-fraser, 
.lockhart1 #nonFooter #container #rhcol .secnav a#co-lockhart1, .lockhart2 #nonFooter #container #rhcol .secnav a#co-lockhart2, 
.majestic #nonFooter #container #rhcol .secnav a#co-majestic, .millpoint #nonFooter #container #rhcol .secnav a#co-millpoint, 
.risely #nonFooter #container #rhcol .secnav a#co-risely, .shirley #nonFooter #container #rhcol .secnav a#co-shirley,
.cardiff #nonFooter #container #rhcol .secnav a#co-cardiff, .summerfield #nonFooter #container #rhcol .secnav a#co-summerfield,
.novus #nonFooter #container #rhcol .secnav a#co-novus, .barriercr #nonFooter #container #rhcol .secnav a#co-barrier,
.premiercr #nonFooter #container #rhcol .secnav a#co-premier,
.architectural #nonFooter #container #rhcol .secnav a#pr-architectural, .bean #nonFooter #container #rhcol .secnav a#pr-bean,
.led #nonFooter #container #rhcol .secnav a#pr-led
{
	color: #9C3A1F;
}
/* For the internal page links on the meet the team page. Links should be ocker and change to red on hover only. 
Therefore no extra declaration required as per all the other pages above. */
.meet #nonFooter #container #rhcol .secnav a#meet-denise, .meet #nonFooter #container #rhcol .secnav a#meet-fiona,
.meet #nonFooter #container #rhcol .secnav a#meet-justyna, .meet #nonFooter #container #rhcol .secnav a#meet-marian,
.meet #nonFooter #container #rhcol .secnav a#meet-kirsty
{

}

#nonFooter #container #rhcol img 
{
	margin-bottom: 25px;
}
#nonFooter #container #rhcol .logo 
{
	display: inline;
	margin: 0 0 10px 0;
}
#nonFooter #container #rhcol img.flush 
{
	margin-bottom: 5px;
}
#nonFooter #container #rhcol 
{
	margin-bottom: 25px;
}


/* Google Map
================================== */

/* Class inside div for google map to position map correctly. 
Overflow hidden to avoid text in map showing up left of map. */
#map-canvas
{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 192px;
	height: 300px;
	overflow: hidden;
}
/* Class for info window inside Google Maps. */
.infoWind p
{
	margin: 0px;
	padding: 0px;
}



/******** FOOTER STYLES ********/
#footer 
{
	background-color: #30221f;
	height: 45px;
}
#footer #footer-container 
{
	width: 850px;
	margin: 0px auto;
	background-image: url(../images/footer-bg.gif);
	background-repeat: no-repeat;
	position: relative;
	color: #a27b1E;
	height: 45px;
}
#footer a 
{
	color: #a27b1E;
	text-decoration: none;
}
#footer a:hover 
{
	color: #9C3A1F;
	/* text-decoration: none; */
	border-bottom: 1px dashed;
}
#footer #footer-container #copyright {
	position: absolute;
	top: 15px;
	left: 0px;
}
#footer #footer-container #design {
	position: absolute;
	top: 15px;
	right: 0px;
}

/* Skiplinks 508 Requirements
================================== */
.skiplist 
{
	margin: 0; 
	padding: 0
} 
.skip 
{
	display: none; 
	text-align: left; 
	margin: 0; 
	padding: 0; 
	position: absolute
} /*All incl Opera*/

/* * html */ .skip {display: block} /*Seen by IE*/

.skip 
{
	display: block
} /*Seen by Moz, FF and Safari*/
	
.skip a 
{
	padding: 0 0.5em; 
	display: inline; 
	z-index: 2; 
	text-decoration:none; 
	position: absolute; 
	width: 14em; left: -200em;
}

.skip a:focus, .skip a:active 
{
	position: absolute; 
	left: 0.5em; 
}
	
.skip a:hover 
{
	cursor: default
}