/*

	NORTH2 holding page by ERSKINE DESIGN
	VERSION 1.0
	
	CONTENTS ----------
	
        1.BODY
	    2.DEFAULT STYLING
	    3.HEADINGS
	    4.LINKS
	    5.IMAGES
	    6.LAYOUT
	    7.BRANDING/MASTHEAD
	    8.NAVIGATION
	    9.SITEINFO/FOOTER
	   
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH */



/* 1.BODY
---------------------------------------------------------------------- */

body { text-shadow:rgba(0,0,0,0.01) 0 0 0; font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,serif; color:#fff; font-size:15px; line-height:20px; position:relative; overflow:hidden; }

ul#nav_access { margin:0; height:0; position:relative; list-style:none; }
ul#nav_access li { margin:0; height:0; }
ul#nav_access li a { position:absolute; left:-9999px; top:55px; font-size:11px; font-weight:bold; background:#FFFFCC; border:2px solid #ddd; padding:10px; display:block; }
ul#nav_access li a:focus,
ul#nav_access li a.focus { left:0; color:#333; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin:0 0 15px 0; }

strong { font-weight:bold; }
em { font-style:italic; }

sup { font-size:0.75em; position:relative; top:-0.5em; }



/* 4.LINKS
---------------------------------------------------------------------- */

a { font-weight:bold; color:#ffffcc; }
a:hover,
a:focus { color:#ffff99; background:rgba(0,0,0,0.3); }



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#body_background img.hidden { opacity:0; }

/* SPONSOR */

    div#sponsor { position:absolute; top:35px; right:20px; font-family:"ff-din-web-1","ff-din-web-2","Helvetica Neue",Arial,sans-serif; font-size:10px; line-height:13px; text-transform:uppercase; letter-spacing:1px; }
    div#sponsor a { color:#091731; text-decoration:none; }
    div#sponsor a span { display:block; width:100px; padding:2px 95px 2px 0; margin:0 20px 0 0; text-align:right; background:rgba(255,255,255,0.5) ;}
    div#sponsor a img { float:right; position:relative; top:-13px; }
    div#sponsor a:hover,
    div#sponsor a:focus { text-decoration:underline; }
    div#sponsor a:hover span,
    div#sponsor a:focus span {  }

/* PRIMARY CONTENT */

    div#content_pri { background:rgba(0,0,0,0.5); position:absolute; bottom:0; overflow:hidden; padding:12px 0 40px 490px; min-height:180px; text-shadow:1px 1px 1px rgba(0,0,0,0.75); }

    div#title { width:430px; position:absolute; left:0; padding:0 30px; }
    div#title p { font-style:italic; color:#999; margin:0 0 12px 0; text-shadow:none; }
    div#title h1 { width:430px; height:88px; text-indent:-9999px; background:url(../images/site/h1.png) no-repeat 0 0; margin:0 0 15px 0; }
    div#title h3 { width:370px; height:49px; text-indent:-9999px; background:url(../images/site/h3.png) no-repeat 0 0; }

    div#introduction { float:left; width:47%; margin:0 4% 0 0; padding:28px 0 0 0; }
    div#introduction p + p { margin:0; }

    div#links { float:left; width:43%; padding:28px 0 0 0; }
    div#links ul { margin:0; background:rgba(141,179,223,0.1) url(../images/site/links_ul.gif) repeat-x 0 0; font-family:"ff-din-web-1","ff-din-web-2","Helvetica Neue",Arial,sans-serif; font-size:11px; line-height:14px; text-transform:uppercase; letter-spacing:1px; }
    div#links ul li { background:url(../images/site/links_ul.gif) repeat-x 0 bottom; }
    div#links ul li a { font-weight:normal; display:block; padding:7px 10px 7px 40px; text-decoration:none; background-repeat:no-repeat; background-position:12px center; background-image:url(../images/site/icon_bensaunders.gif); }
    div#links ul li + li a { background-image:url(../images/site/icon_twitter.png); background-position:15px center; }
    div#links ul li + li + li a { background-image:url(../images/site/icon_landrover.png); background-position:11px center; }
    
/* CREDITS */

    div#credits { background:url(../images/site/links_ul.gif) repeat-x 0 bottom; padding:10px 0 10px 10px; position:absolute; top:0; left:0; }
    div#credits ul { margin:0; font-family:"ff-din-web-1","ff-din-web-2","Helvetica Neue",Arial,sans-serif; font-size:10px; line-height:13px; text-transform:uppercase; letter-spacing:1px; }
    div#credits ul li { overflow:hidden; clear:both; width:170px; }
    div#credits ul li a { float:right; text-decoration:none; color:#b2c6e8; }
    div#credits ul li a:hover,
    div#credits ul li a:focus { color:#fff; }