/*

	NORTH2 by ERSKINE DESIGN
	http://north.bensaunders.com/
	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
	    10.GLOBAL ELEMENTS
	    11.HOMEPAGE
	    12.ABOUT
	    13.JOURNAL
	    14.PRESS
	    15.EQUIPMENT
	    16.SPONSORS
	    17.CONTACT
	    18.USER MESSAGE

    -------------------
    
    COLOURS -----------
    
        blue #243757
        dark blue #222c36
        light grey #eeeeee
        light blue #e6f1fa
        orange #ff6600
    
    -------------------
	
*/



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



/* 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; font-size:14px; line-height:1.3em; }

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:0; 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 1em 0; }

ul { list-style:url(../images/site/bullet.png); }
ul li { margin:0 0 0 15px; }
ol { list-style:lower-roman; }
ol li { margin:0 0 0 3em; }

hr { height:1px; border:none; background:url(../images/site/border_dotted_50.png) repeat-x 0 0; margin:2em 0; }

blockquote { background:#eee url(../images/site/border_dotted_50.png) repeat-x 0 bottom; padding:0 0 12px 0; margin:0 0 1em 0; }
blockquote p { font-size:1.3em; line-height:1.5em; margin:0 0 0.4em 0; font-style:italic; padding:0 20px; } 
blockquote p:first-child { padding-top:15px; background:url(../images/site/border_dotted_50.png) repeat-x 0 0; }
blockquote cite { text-transform:uppercase; font-size:0.76em; letter-spacing:1px; font-style:normal; padding:0 20px; }
blockquote p cite { padding:0; }

strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size:0.7em; position:relative; top:-0.6em; }
del { color:#666; }

object { margin:2em 0; display:block; }

/* TABLES ---------- */

	table { margin:0 0 1em 0; width:100%; background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; font-size:0.86em; }
	table tr { background:url(../images/site/border_dotted_50.png) repeat-x 0 0; }
	table tr td,
	table tr th { padding:3px 0; }
	table tr th { text-transform:uppercase; font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; }
	table tbody tr:nth-child(2n-1),
	table tbody tr.odd { background-color:rgba(0,0,0,0.05); }
	
/* FORMS ---------- */

	form { padding:20px; background:#e6f1fa; position:relative; }
	form h3 { text-transform:uppercase; font-weight:; background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; padding:0 0 1em 0; margin:0 0 1.4em 0; }
	form div { overflow:hidden; clear:both; margin:0 0 10px 0; padding:0 0 0 180px; }
	form label { display:block; width:160px; float:left; position:relative; left:-180px; margin:0 -160px 0 0; font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; text-transform:uppercase; padding:13px 0 0 0;  }
	form label strong { color:#ff6600; }
	
	input[type="text"],
	textarea { font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,serif; border:2px solid #dae5ed; padding:8px; font-size:1em; width:340px; }
	input[type="text"]:focus,
	textarea:focus { border-color:#b8c1c8; background:#ffffcc; }
	
	input[type="submit"] { font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; text-transform:uppercase; background:#243757; border:none; border-radius:5px; -webkit-border-radius:5px; -mox-border-radius:5px; cursor:pointer; color:#fff; font-size:1.14em; padding:5px 10px; }
	input[type="submit"]:hover { background-color:#222c36; color:#ffffcc; }
	
	p.required { position:absolute; right:20px; top:23px; margin:0; font-size:0.86em; font-style:italic; color:#777; }
	p.required strong { color:#ff6600; }
	
	p.disclaimer { font-style:italic; font-size:0.93em; }
	
	div.hiddenFields { margin:0; display:none; }



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5 { font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; line-height:1em; }

h1 {  }

h2 { font-size:1.71em; text-transform:uppercase; border-bottom:1px solid #ccc; padding:0 0 0.2em 0; margin:0 0 1em 0; background-repeat:no-repeat; background-position:right bottom; }
h2.w { background-image:url(../images/site/h2_w.png); }
h2.e { background-image:url(../images/site/h2_e.png); }

h3 { font-size:1.3em; margin:0 0 0.7em 0; }
h3 a { text-decoration:none; color:#000; font-weight:normal; }
h3 a:hover,
h3 a:focus { text-decoration:underline; }

h4 { font-size:1em; font-weight:bold; text-transform:uppercase; margin:0 0 0.4em 0; }
p + h4 { padding:1em 0 0 0; }

h5 {  }
h6 {  }



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

a { font-weight:bold; color:#243757; }
a:hover,
a:focus { color:#000; }



/* 5.IMAGES
---------------------------------------------------------------------- */

img {  }



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

div#page { position:relative; }

div#content_wrapper { width:980px; margin:0 auto; overflow:hidden; padding:60px 0; }



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding { height:220px; background-color:#eee; background-repeat:no-repeat; background-position:0 right; }
div#branding h1 { width:940px; height:91px; margin:0 auto; padding:90px 0 0 0; }
div#branding h1 a { display:block; width:258px; height:91px; text-indent:-9999em; background:url(../images/site/header_h1.png) no-repeat 0 0; }
div#branding h1 a:hover,
div#branding h1 a:focus { background-position:0 bottom; }
div#branding h3 { position:absolute; top:-9999em; left:-9999em; }



/* 8.NAVIGATION
---------------------------------------------------------------------- */

div#navigation_pri { position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.5); font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; color:#fff; }

div#navigation_pri ul { list-style:none; margin:0 auto; width:940px; font-size:1.15em; line-height:1em; text-transform:uppercase; position:relative; }
div#navigation_pri ul li { float:left; margin:0; }
div#navigation_pri ul li a { text-decoration:none; color:#fff; display:block; padding:20px 15px; }
div#navigation_pri ul li a:hover,
div#navigation_pri ul li a:focus { text-decoration:underline; }
div#navigation_pri ul li.cur a { color:#ffffcc; background:rgba(0,0,0,0.3); }

div#navigation_pri ul li:first-child a { padding-left:0; }
.home div#navigation_pri ul li:first-child a { padding-left:15px; }

div#navigation_pri ul li#nav_sponsor { position:absolute; right:0; top:14px; font-size:0.69em; line-height:1.4em; width:165px; text-align:right; }
div#navigation_pri ul li#nav_sponsor a { font-weight:normal; padding:0; display:inline; }
div#navigation_pri ul li#nav_sponsor a img { float:right; padding:0 0 0 15px; position:relative; top:-4px; }



/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo_wrapper { clear:both; background:#222c36 url(../images/site/siteinfo_bg.gif) no-repeat center 0; }
div#siteinfo { width:940px; margin:0 auto; position:relative; }

div#siteinfo div#partner_logos { padding:28px 0 0 0; }
div#siteinfo div#partner_logos h4 { color:#fff; font-weight:normal; font-size:0.8em; margin:0 0 1em 0; }
div#siteinfo div#partner_logos ul { list-style:none; margin:0; padding:0 0 50px 0; height:70px; }
div#siteinfo div#partner_logos ul li { margin:0 20px 0 0; float:left; width:140px; height:70px; overflow:hidden; }
div#siteinfo div#partner_logos ul li a img { padding:5px; background:#fff; }
div#siteinfo div#partner_logos ul li a:hover img,
div#siteinfo div#partner_logos ul li a:focus img { padding:5px; background:#ccc; }

div#siteinfo p { margin:0; font-size:0.93em; line-height:1.46em; text-transform:uppercase; color:#fff; background:url(../images/site/siteinfo_p_bg.png) no-repeat right bottom; width:400px; position:absolute; right:0; bottom:0; padding:0 0 55px 0; }
div#siteinfo p a { color:#fff; }
div#siteinfo p a:hover,
div#siteinfo p a:focus { color:#ffffcc; }



/* 10.GLOBAL ELEMENTS
---------------------------------------------------------------------- */

/* MORE ---------- */

    p.more { font-size:1.08em; line-height:1.1em; text-transform:uppercase; margin:0; }
    p.more a { font-weight:; text-decoration:underline; color:#000; }
    
/* DATE ---------- */

    span.date { background:#000; text-transform:uppercase; color:#ffffcc; font-weight:normal; font-size:0.777em; line-height:1em; display:inline-block; padding:0 2px 2px 2px; position:relative; top:-1px; letter-spacing:1px; }

/* CAPTIONED IMAGE ---------- */

    div.captioned_image { border:1px solid #ccc; padding:2px; background:#fff; position:relative; }
    div.captioned_image p { position:absolute; bottom:2px; left:2px; background:rgba(0,0,0,0.5); color:#fff; font-size:0.86em; width:174px; padding:5px 10px; margin:0; }
    div.captioned_image p em.title { font-size:1.18em; }
    div.captioned_image p a { font-weight:normal; color:#fff; text-decoration:none; }
    div.captioned_image p a:hover,
    div.captioned_image p a:focus { text-decoration:underline; }
    
    div.captioned_image.left { float:left; margin:0 20px 10px 0; }
    div.captioned_image.right { float:right; margin:0 0 10px 15px; }

/* FOOTNOTE ---------- */

    p.footnote { color:#999; font-style:italic; }
    
/* PAGINATION ---------- */

    li.pagination { background:#eee; line-height:1em; overflow:hidden; }
    li.pagination h4 { margin:10px 0 10px 10px; float:left; width:170px; }
    li.pagination strong { color:#fff; background:#243757; padding:10px; float:left; display:block; }
    li.pagination a { padding:10px; float:left; display:block; text-decoration:none; }
    li.pagination a:hover,
    li.pagination a:focus { background:#ddd; }
    


/* 11.HOMEPAGE
---------------------------------------------------------------------- */

.home div#branding { height:540px; background:url(../images/site/header_bg_home.jpg) no-repeat right 0; }
.home div#branding_inner { height:540px; width:940px; margin:0 auto; position:relative; }
.home div#branding_inner h1 { width:468px; height:164px; text-indent:-9999px; background:url(../images/site/header_h1_home.png) no-repeat 0 0; position:absolute; right:-67px; top:340px; }
.home div#branding_inner div#progress_map { position:absolute; bottom:0; left:-100px; }

.home div#content_pri { width:500px; float:left; }
.home div#content_sec { width:400px; float:right; }

/* HOME ABOUT ---------- */

    div#home_about {  padding:20px; background:#eee; }

    div#home_about div.captioned_image + p,
    div#home_about div.captioned_image + p + p { font-size:1.14em; line-height:1.3em; margin:0 0 1.7em 0; }
    
    div#home_about h4 { font-size:1.26em; font-weight:normal; padding:0; }
    
    div#home_about p.footnote { margin:0 0 2em 0; padding:0 0 2em 0; background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; }
    
/* HOME STATUS ---------- */

    div#home_status { padding:20px; margin:-20px 0 40px 0; background:#e6f1fa; }
    div#home_status h2 span { font-size:0.46em; float:right; color:#999; position:relative; bottom:-6px; }
    
    div#home_status h4 { font-size:0.86em; margin:0 0 1em 0;  font-weight:normal; }
    div#home_counter { background:#fff; border:1px solid #ddd; margin:0 0 30px 0; overflow:hidden; }
    div#home_counter p { margin:0; float:left; padding:15px 0 8px 10px; font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; text-transform:uppercase; }
    div#home_counter p strong { font-size:2.57em; font-weight:normal; padding:0 0 0 5px; }
    div#home_counter img { float:right; margin:17px 15px 0 0; }
    
    div#home_status th { width:175px; }
    
.home div#content_sec p.more a { display:block; background:#eee; padding:10px 15px; }
.home div#content_sec p.more a:hover,
.home div#content_sec p.more a:focus { display:block; background:#ddd; padding:10px 15px; }

.home ul#journal_listing li { padding:0; }
.home ul#journal_listing li img { float:right; margin:5px 0 10px 15px; }
.home ul#journal_listing li p.meta { clear:both; }



/* 12.ABOUT
---------------------------------------------------------------------- */

.about div#branding { background:#eee url(../images/site/header_bg_about.jpg) no-repeat right 0; }

.about div#content_wrapper { }

.about div#content_pri { width:460px; float:left; margin:0 0 0 20px; }
.about div#content_sec { width:400px; float:right; margin:0 20px 0 0; }

.about div#content_pri img { float:right; margin:10px 10px 30px 10px; }

.about div#content_pri table { margin:20px 0; }
.about div#content_pri table th { width:180px; }
.about div#content_pri table tr td,
.about div#content_pri table tr th { padding:7px 0; }

.about div#content_sec blockquote { background-color:#e6f1fa; margin:2em 0; }



/* 13.JOURNAL
---------------------------------------------------------------------- */

.journal div#branding { background:#eee url(../images/site/header_bg_journal.jpg) no-repeat right 0; }

.journal div#content_wrapper {  }
.journal div#content_pri { width:580px; float:left; margin:0 0 0 20px; }
.journal div#content_sec { width:320px; float:right; }

/* JOURNAL LISTING ---------- */

    ul#journal_listing { list-style:none; margin:0; }
    ul#journal_listing li { margin:0 0 40px 0; padding:0 0 0 180px; overflow:hidden; }
    ul#journal_listing li h3 img { float:left; position:relative; left:-180px; margin:3px -160px 0 0; }
    ul#journal_listing li h3 a:hover,
    ul#journal_listing li h3 a:focus { text-decoration:none; }
    ul#journal_listing li h3 a:hover span.title,
    ul#journal_listing li h3 a:focus span.title { text-decoration:underline; }
    
    ul#journal_listing li.pagination { margin:0; padding:0; }
    
    p.meta { background:url(../images/site/border_dotted_50.png) repeat-x 0 0; font-size:0.86em; padding:1em 0 0 0; margin:0; font-style:italic; }
    p.meta a { font-weight:normal; color:#666; text-decoration:none;  }
    p.meta a:hover,
    p.meta a:focus { text-decoration:underline; color:#333; }
    p.meta a span.more_title { display:none; }
    
/* JOURNAL ENTRY ---------- */

    .journal.entry div#content_pri h2 { margin:0 0 1.5em 0; }

    div#journal_entry { padding:0 120px 30px 0; position:relative; border-bottom:1px solid #ccc; }
    
    div#journal_entry h3:first-child { font-size:1.6em;  }
    /*div#journal_entry h3 span.date { position:absolute; top:3px; right:0; display:block; width:96px; text-align:center; }*/
    
    div#journal_entry h3:first-child + img { margin:0 0 15px 0; }
    div#journal_entry h3:first-child + img + p,
    div#journal_entry h3:first-child + p { font-size:1.14em; line-height:1.3em; border-bottom:1px solid #ddd; padding:0 0 1em 0; }

	div#journal_status { padding:20px; background:#ffffcc; margin:30px 0 0 0; }
	div#journal_status h4 { margin-bottom:1.2em; }
	div#journal_status table { margin:0; }
    div#journal_status th { width:175px; }

    /* JOURNAL NAV ---------- */
    
        div#journal_nav { padding:5px; width:90px; background:#eee; position:absolute; right:0; top:37px; font-size:0.79em; line-height:1.2em; font-family:"ff-din-web-1","ff-din-web-2",Helvetica,serif; text-transform:uppercase; }
        div#journal_nav a { font-weight:normal; text-decoration:none; color:#000; }
        div#journal_nav a:hover,
        div#journal_nav a:focus { text-decoration:underline; }
    
        div#journal_nav p { font-size:0.9em; background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; padding:0 0 10px 0; }
    
        div#journal_nav ul { list-style:none; margin:0; background:url(../images/site/journal_prevnext_bg.gif) no-repeat center 2px; overflow:hidden; }
        div#journal_nav ul li { width:45px; float:left; background:#eee; margin:0; }
        div#journal_nav ul li.next { float:right; text-align:right; }
        
        div#journal_nav ul li a { padding:0 0 0 12px; background:url(../images/site/journal_prevnext_prev.gif) no-repeat 2px 3px; }
        div#journal_nav ul li a:hover,
        div#journal_nav ul li a:focus { background-position:2px -29px; }
        
        div#journal_nav ul li.next a { padding:0 12px 0 0; background:url(../images/site/journal_prevnext_next.gif) no-repeat 32px 3px; }
        div#journal_nav ul li.next a:hover,
        div#journal_nav ul li.next a:focus { background-position:32px -29px; }
        div#journal_nav ul li a span { position:absolute; top:-9999em; left:-9999em; }
        
    /* JOURNAL COMMENTS ---------- */
        
        div#comments { padding:30px 0 15px 0; }
        div#comments h3 { background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; margin:0; font-size:1.4em; padding:0 0 1.7em 0; text-transform:uppercase; }
        
        ol#comment_listing { list-style:none; margin:0; }
        ol#comment_listing li { margin:0; padding:20px 20px 7px 60px; background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; overflow:hidden; }
        ol#comment_listing li:nth-child(2n-1),
        ol#comment_listing li.odd { background-color:#eee; }
        
        ol#comment_listing li h4 { margin:0 0 0.75em 0;  }
        ol#comment_listing li h4 img { float:left; position:relative; left:-60px; margin:1px -45px 0.9em 0; border:1px solid #ccc; padding:2px; }
        ol#comment_listing li h4 a:hover img,
        ol#comment_listing li h4 a:focus img { border-color:#aaa; }
        ol#comment_listing li h4 span { font-weight:normal; color:#999; font-size:0.86em; padding:0 0 0 5px; }

		/* COMMENT FORM ---------- */
		
		div#comment_form { margin:50px 0 0 0; }
		
		div.gravatars p { font-size:0.86em; line-height:1.3em; padding:0 0 0 50px; background:url(../images/site/icon_gravatar_40.gif) no-repeat 0 3px; }
       
/* JOURNAL SUB-BOXES ---------- */

    .journal div#content_sec div { padding:20px 20px 10px 20px; background:#eee; margin:0 0 30px 0; font-size:0.93em; }
    .journal div#content_sec div h4 { margin-bottom:0.8em; }
    
    div#journal_about img { float:right; margin:-54px 5px 5px 10px; }
    
    .journal div#content_sec div#journal_updates { padding:20px; background-color:#e6f1fa; }
    .journal div#content_sec div#journal_updates h4 { background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; margin:0; padding:0 0 15px 0; }
    div#journal_updates p { margin:0; font-size:0.92em; }
    div#journal_updates p a { background:url(../images/site/border_dotted_50.png) repeat-x 0 bottom; display:block; padding:8px 5px 12px 30px; font-weight:normal; text-decoration:none; }
    div#journal_updates p a img { float:left; position:relative; left:-23px; top:2px; margin:0px -23px 0 0; }
    div#journal_updates p a strong { display:block; font-size:1.08em; }
    div#journal_updates p a:hover,
    div#journal_updates p a:focus { background-color:#dae5ed; }
    
    .journal div#content_sec div#journal_photos { padding:20px 0 0 20px; }
    div#journal_photos ul { list-style:none; margin:0; overflow:hidden; }
    div#journal_photos ul li { float:left; width:80px; height:60px; margin:0 20px 20px 0;  }



/* 14.PRESS
---------------------------------------------------------------------- */



/* 15.EQUIPMENT
---------------------------------------------------------------------- */

.equipment div#branding { background:#eee url(../images/site/header_bg_equipment.jpg) no-repeat center 0; }

.equipment div#content_pri { margin:0 20px; }
.equipment div#content_pri img { float:right; margin:0 0 10px 20px; }

.equipment div.content_sec_sub { width:290px; float:left; margin:30px 0 0 35px; }
.equipment div.content_sec_sub:first-child { margin:30px 0 0 20px; }

.equipment div.content_sec_sub h4 { background:url(../images/site/border_dotted_50.png) repeat-x 0 0; padding:15px 0 0 0; margin:0 0 1em 0; }
.equipment div.content_sec_sub img { margin:0 0 1em 0; }
.equipment div.content_sec_sub ul { font-size:0.93em; line-height:1.6em; list-style:none; }
.equipment div.content_sec_sub ul li { margin:0; }
.equipment div.content_sec_sub ul li strong { font-weight:normal; background:#ffffcc; line-height:1em; }



/* 16.SPONSORS
---------------------------------------------------------------------- */

.sponsors div#branding { background:#eee url(../images/site/header_bg_sponsors.jpg) no-repeat center 0; }

.sponsors div#content_wrapper { width:940px; margin:0 auto; }

.sponsors div#content_pri { padding:0 240px; margin:0 0 40px 0; background:url(../images/content/sponsors_landrover_ben.jpg) no-repeat 0 0; }
.sponsors div#content_pri h3 { font-weight:bold; }
.sponsors div#content_pri img { float:right; margin:0 0 0 -220px; position:relative; right:-240px; }

.sponsors div#content_sec { background:url(../images/site/border_dotted_50.png) repeat-x 0 0; padding:40px 0 0 0; margin:0 0 40px 0; }
.sponsors div#content_sec ul { list-style:none; margin:30px 0 0 0; overflow:hidden; }
.sponsors div#content_sec ul li { width:300px; float:left; margin:0 0 0 20px; }
.sponsors div#content_sec ul li:first-child { margin:0; }
.sponsors div#content_sec ul li div.logo { width:298px; height:148px; border:1px solid #ccc; margin:0 0 15px 0; }
.sponsors div#content_sec ul li div.logo img { margin:0 auto; }

.sponsors div#content_ter { background:url(../images/site/border_dotted_50.png) repeat-x 0 0; padding:40px 0 0 0; margin:0 0 40px 0; }
.sponsors div#content_ter ul { list-style:none; margin:0; overflow:hidden; }
.sponsors div#content_ter ul li { float:left; margin:0 0 0 29px; }
.sponsors div#content_ter ul li:first-child { margin:0; }
.sponsors div#content_ter ul li.asnes { padding:20px 0 0 0; }
.sponsors div#content_ter ul li.firstair { padding:18px 0 0 0; }
.sponsors div#content_ter ul li.hilleberg { padding:21px 0 0 0; }
.sponsors div#content_ter ul li.lifeventure { padding:22px 0 0 0; }
.sponsors div#content_ter ul li.oakley { padding:9px 0 0 0; }
.sponsors div#content_ter ul li.swix { padding:19px 0 0 0; }

.sponsors div#content_ter ul li a img { opacity:0.5; -webkit-transition:opacity linear 0.1s; }
.sponsors div#content_ter ul li a:hover img,
.sponsors div#content_ter ul li a:hover img { opacity:1; }

.sponsors div#content_qua { background:url(../images/site/border_dotted_50.png) repeat-x 0 0; padding:40px 0 0 0; }
.sponsors div#content_qua h3 { margin:0 0 1em 0; }



/* 17.CONTACT
---------------------------------------------------------------------- */

.contact div#branding { background:#eee url(../images/site/header_bg_contact.jpg) no-repeat left 0; }

.contact div#content_wrapper { width:940px; margin:0 auto; }

.contact div#content_pri { width:580px; float:left; }
.contact div#content_sec { width:280px; float:right; }

.contact div#content_sec img { margin:0 0 1em 0; }



/* 18.USER MESSAGE
---------------------------------------------------------------------- */

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

div#user_message { width:660px; margin:20% auto; padding:20px; background:rgba(0,0,0,0.5); color:#fff; overflow:hidden; }
div#user_message div#branding { background:transparent; width:auto; height:auto; float:right; }
div#user_message div#branding h1 { width:auto; padding:0; margin:0; }

div#message {  width:380px; }
div#message h2 { border-bottom:1px solid rgba(255,255,255,0.3); }

div#message a { color:#fff; }
div#message a:hover,
div#message a:focus { color:#ffffcc; }

div#message p.action { line-height:1em; margin:0; }
div#message p.action a { display:block; padding:7px 10px 13px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:rgba(0,0,0,0.25); }
div#message p.action a:hover,
div#message p.action a:focus { background:rgba(0,0,0,0.5);  }