body {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/body_background.gif) repeat-x #e4e4e4;
    margin: 0;
    padding: 0;
    font-family: arial,Arial,Helvetica;
    font-size: 12px;
}

* { outline:none;}
    
a {
    color: #af1100;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


.element {padding: 0; margin: 0;}
.element p {padding: 0;margin: 5px 0;}
.toggler {padding: 0; margin:5px 0;cursor: pointer; font-size: 13px}

#accessible { display: none; }

#shadow {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/body_shadow.png) no-repeat center bottom;
    margin: 0 auto;
    
    width: 1000px;
    padding-bottom:20px;
}

#container {
text-align: left;
    margin: 0 auto;
    width: 895px;
    padding-bottom: 20px;
    background: #fff;
}

#header {
    width: 855px;
    height: 110px;
    margin: 0 auto;
    padding-top: 20px;
}

#header h1 {
    margin: 0;
    padding: 0;
    width: 327px;
    height: 58px;
    float: right;
    position: relative;
    top: 10px;
    text-indent: -5000px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/header_contact_number.gif) no-repeat;
}

#header p {
    margin: 0;
    padding: 0;
}

#header img {
    border: none;
}

#sub_header {
    margin: 0 auto 20px auto;
    width: 855px;
    height: 200px;
    background: #af1100;
}


.splash {
    width: 445px;
    height: 200px;
    float: left;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/sub_headers/default.jpg) no-repeat;
}

/* change to relevant image here */
.homepage .splash {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/sub_headers/default.jpg) no-repeat;
}


#navigation {
    width: 400px;
    float: right;
    background: #fff;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


#navigation li {
    float: left;
}


#navigation li a{
    float: left;
    width: 100px;
    height: 100px;
    text-indent: -5000px;
}


#navigation li .nav_home {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/home_off.gif) no-repeat;}
#navigation li .nav_home:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/home_on.gif) no-repeat;}

#navigation li .nav_about {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/about_off.gif) no-repeat;}
#navigation li .nav_about:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/about_on.gif) no-repeat;}

#navigation li .nav_archiving {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/archiving_off.gif) no-repeat;}
#navigation li .nav_archiving:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/archiving_on.gif) no-repeat;}

#navigation li .nav_boxes {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/boxes_off.gif) no-repeat;}
#navigation li .nav_boxes:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/boxes_on.gif) no-repeat;}

#navigation li .nav_contact {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/contact_off.gif) no-repeat;}
#navigation li .nav_contact:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/contact_on.gif) no-repeat;}

#navigation li .nav_offers {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/offers_off.gif) no-repeat;}
#navigation li .nav_offers:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/offers_on.gif) no-repeat;}

#navigation li .nav_pricing {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/pricing_off.gif) no-repeat;}
#navigation li .nav_pricing:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/pricing_on.gif) no-repeat;}

#navigation li .nav_help {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/help_off.gif) no-repeat;}
#navigation li .nav_help:hover {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/help_on.gif) no-repeat;}


/*Page based versions of nav blocks (change the status to on for each) */

.homepage #navigation li .nav_home {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/home_on.gif) no-repeat;}
.aboutpage #navigation li .nav_about {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/about_on.gif) no-repeat;}
.archivingpage #navigation li .nav_archiving {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/archiving_on.gif) no-repeat;}
.boxespage #navigation li .nav_boxes {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/boxes_on.gif) no-repeat;}
.contactpage #navigation li .nav_contact {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/contact_on.gif) no-repeat;}
.offerspage #navigation li .nav_offers {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/offers_on.gif) no-repeat;}
.pricingpage #navigation li .nav_pricing {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/pricing_on.gif) no-repeat;}
.helppage #navigation li .nav_help {background: url(http://www.outerspace.blcms.co.uk/media/layout/nav/help_on.gif) no-repeat;}

#content {
    clear:both;
    background: #e4e4e4;
    width: 855px;
    margin: 0 auto;
    font-size: 12px;
}

/*Page based versions of #content (including image) nad icons*/
.aboutpage #content {background: url(http://www.outerspace.blcms.co.uk/media/layout/background_about.jpg) no-repeat top right #e4e4e4;}

.aboutpage .icons {
    float:right;
    width: 200px; 
    height: 330px; 
    background: url(http://www.outerspace.blcms.co.uk/media/layout/icons_about.png) no-repeat top right;
}


.sub_page_content {
   padding: 20px;  
}

#footer_links {
    clear: both;
    width: 855px;
    height: 139px;
    margin: 0 auto;
}

#footer_links #col1 a{
    width: 210px;
    margin: 20px 20px 20px 0;
    float: left;
    height: 99px;
    text-indent: -5000px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/how-much-space-will-i-need.gif) no-repeat;
}

#footer_links #col1 a:hover{background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/how-much-space-will-i-need-hover.gif) no-repeat;}

#footer_links #col2 a{
    width: 205px;
    margin: 20px 20px 20px 0;
    float: left;
    height: 99px;
    text-indent: -5000px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/how-could-i-use-self-storage.gif) no-repeat;
}

#footer_links #col2 a:hover{background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/how-could-i-use-self-storage-hover.gif) no-repeat;}

#footer_links #col3 a{
    width: 180px;
    margin: 20px 20px 20px 0;
    float: left;
    height: 99px;
    text-indent: -5000px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/great-location-with-ample-parking.gif) no-repeat;
}

#footer_links #col3 a:hover{ background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/great-location-with-ample-parking-hover.gif) no-repeat;}

#footer_links #col4 a{
    width: 200px;
    margin: 20px 0;
    float: left;
    height: 99px;
    text-indent: -5000px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/outside-units-available.gif) no-repeat;
}

#footer_links #col4 a:hover{ background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/outside-units-available-hover.gif) no-repeat;}

#footer {
    clear: both;
    margin: 0 auto;
    width: 855px;
    background: #6f6f6f;
    color: #fff;
    text-transform: uppercase;
}

#footer p {
    padding: 10px;
    margin:0;
}

#footer a {color: #fff;}

#footer .blueleaf {
    float: right;
    width: 70px;
    font-size: 10px;
    padding: 10px 0 0 0;
}

#footer .blueleaf a {color: #949393}

/* Home page specific columns */

#content .home_content_col1 {
    float: left;
    margin: 20px;
    width: 410px;
}

#content .home_content_col2 {
    position: relative;
    float: left;
    width: 180px;
    height: 240px;
    margin: 20px 20px 20px 0;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/content_home_col2_bg.gif) no-repeat;
}

#content .home_content_col2 h3 {
    text-indent: -5000px;
    margin: 0;
    padding: 0;
    height: 103px;
    width: 180px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/household-storage-from-10pounds.gif) no-repeat;
}

#content .home_content_col3 {
    position: relative;
    float: left;
    width: 180px;
    height: 240px;
    margin: 20px 20px 20px 0;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/content_home_col3_bg.gif) no-repeat;
}


#content .home_content_col3 h3 {
    text-indent: -5000px;
    margin: 0;
    padding: 0;
    height: 103px;
    width: 180px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/business-storage-from-10pounds.gif) no-repeat;
}

#content .home_content_col2 p, #content .home_content_col3 p { padding: 0 20px; }

.findoutmore a{
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 139px;
    height: 16px;
    text-indent: -5000px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/find-out-more-red.gif) no-repeat;
}

.findoutmore a:hover {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 139px;
    height: 16px;
    text-indent: -5000px;
    background: url(http://www.outerspace.blcms.co.uk/media/layout/buttons/find-out-more-black.gif) no-repeat;
}


/* Misc Headings */

.heading_ossc {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/outer-space-storage-centre.gif) no-repeat;
    height: 83px;
    width: 310px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}


.heading_about {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/about.gif) no-repeat;
    height: 83px;
    width: 380px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_archiving {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/archiving.gif) no-repeat;
    height: 83px;
    width: 500px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_boxes {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/boxes_and_packaging.gif) no-repeat;
    height: 120px;
    width: 420px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_pricing {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/pricing.gif) no-repeat;
    height: 83px;
    width: 460px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}


.heading_help {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/help.gif) no-repeat;
    height: 83px;
    width: 400px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_contact {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/contact.gif) no-repeat;
    height: 83px;
    width: 420px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_offers {
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/offers.gif) no-repeat;
    height: 83px;
    width: 420px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_outside{
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/outside.gif) no-repeat;
    height: 83px;
    width: 400px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_parking{
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/parking.gif) no-repeat;
    height: 83px;
    width: 400px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_use{
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/use.gif) no-repeat;
    height: 83px;
    width: 400px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

.heading_space{
    background: url(http://www.outerspace.blcms.co.uk/media/layout/headings/space.gif) no-repeat;
    height: 83px;
    width: 400px;
    text-indent: -5000px;
    margin: 0;
    padding: 0;
}

/* Misc Classes, etc */

.clear {clear:both}

.red_para {
    font-size: 13px;
    color: #9e0f0f;
}

.imgfr {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}


table {
    width: 100%; 
    border-collapse:collapse;
    border: 1px solid #ccc;
}
th {
    background: #c1c1c1;
    border: 1px solid #ccc;
    padding: 3px;
    text-align: left;
}

tr {border: 1px solid #ccc;}
td {border: 1px solid #ccc; padding: 3px;}
.alt_row {background: #ededed;}

#google_map {
    background-image: url(http://www.outerspace.blcms.co.uk/media/loader.gif);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center; 
    border: 1px solid #ccc;
    padding: 3px 3px 0 3px;
}

.blcms_column {
	float:none !important;
	display: block;
}

.blcms_area:after { 
	height: 0; 
	font-size:0;
	clear: none;
	content: ".";
	display: block;
	visibility:visible;
}

.blcms_fc,
.blcms_area {
	display: block;
}