/*

	FRIEZE ART FAIR by ERSKINE DESIGN
	VERSION 2.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 */



/* @group 1.BODY
---------------------------------------------------------------------- */

body { text-shadow:rgba(0,0,0,0.01) 0 0 0; font-family:Georgia,serif; font-size:13px; line-height:1.5em; color:#333; background:#fff url(../images/site/body_bg.gif) repeat-y center top; }

ul#nav_access { margin:0; height:0; position:relative; list-style:none; }
ul#nav_access li { margin:0; height:0; border:none; padding: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; }

div#overlay { position:absolute; top:0; left:0; width:100%; height:1432px; background:url(../images/site/faf.png) no-repeat center top; opacity:0.5; }

/* @end */



/* @group 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin:0 0 1em 0; }

ul { list-style-type:none; }
ul li { border-bottom:1px solid #EEEEEE; padding:3px 0 2px 0; }
ul li a { display:block; }
ul li a:hover,
ul li a:focus { text-decoration:none; background:#eee; }

blockquote {  }
blockquote p {  } 
blockquote cite {  }

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

abbr { border-bottom:1px solid #ccc; }
abbr:hover { border-color:#666; cursor:help; }

/* FORMS ---------- */

    label { font-weight:bold; font-size:12px; line-height:1em; }

/* @end */



/* @group 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { line-height:1.2em; font-weight:normal; }

h1 {  }

h2 { background:url(../images/site/h2_bg.gif) no-repeat right bottom; font-size:20px; font-weight:normal; padding:0 0 7px 0; margin:0 0 14px 0;}
h2.page_title { margin:0 0 30px 0; }  
h2 a.breadcrumb { color:#999; }
h2 a.breadcrumb span { font-size:14px; position:relative; top:-2px; }
h2 a.breadcrumb:hover,
h2 a.breadcrumb:focus { color:#333; text-decoration:none; }

h3 { font-size:16px; padding:0 0 7px 0; }
h4 { font-weight:bold; color:#000; margin:0 0 10px 0; }
h5 {  }
h6 {  }

/* @end */



/* @group 4.LINKS
---------------------------------------------------------------------- */

a { color:#000; text-decoration:none; }
a:hover,
a:focus { color:#000; text-decoration:underline; }

a.more { text-decoration:underline; }

/* @end */



/* @group 5.IMAGES
---------------------------------------------------------------------- */

img {  }
img.cartier_title { display:inline; margin:0; padding:0; float:none; }

/* @end */



/* @group 6.LAYOUT
---------------------------------------------------------------------- */

div#page { width:940px; margin:0 auto; padding:20px 0 18px 0; }

div#content_wrapper { overflow:hidden; padding:0 0 30px 0; }

div#content_main { padding:0 0 0 0; width:735px; float:left; }
div#content_adcolumn { width:170px; padding:0 0 0 10px; float:right; border-left:1px solid #ccc; font-size:12px; line-height:1.3em; }

div#content_pri {  }
div#content_sec {  }

/* @end */



/* @group 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#masthead { background:url(../images/site/masthead_bg_10.jpg) no-repeat 0 0; height:153px; position:relative; border-bottom:1px solid #000; }

div#masthead h1 { width:480px; height:66px; margin:0; padding:10px 0 0 12px; }
div#masthead h1 a { display:block; width:480px; height:66px; background:url(../images/site/masthead_brand.png) no-repeat 0 0; text-indent:-9999em; }

div.artfair_sponsor { width:115px; height:32px; position:absolute; left:377px; top:85px; }
div.artfair_sponsor a { display:block; width:115px; height:32px; text-indent:-9999em; background:url(../images/site/artfair_sponsor.png) no-repeat right bottom; }

div.site_sponsor { width:158px; height:33px; position:absolute; right:6px; top:25px; }
div.site_sponsor a { display:block; width:158px; height:33px;  text-indent:-9999em; background:url(../images/site/site_sponsor.png) no-repeat 0 0; }

/* @end */



/* @group 8.NAVIGATION
---------------------------------------------------------------------- */

ul#navigation_site { overflow:hidden; position:absolute; left:0; bottom:-1px; margin:0; font-size:14px; }
ul#navigation_site li { margin:0; padding:0; float:left; border:none; }
ul#navigation_site li a { display:block; color:#000; padding:10px 10px 7px 10px; border-right:1px solid #000; background:rgba(255,255,255,0.6); }
ul#navigation_site li a:hover,
ul#navigation_site li a:focus { color:#000; text-decoration:none; background:rgba(255,255,255,0.7); }
ul#navigation_site li.cur { background:#fff; font-weight:bold; border-top:1px solid #000; }
ul#navigation_site li.cur a,
ul#navigation_site li.cur a:hover,
ul#navigation_site li.cur a:focus { color:#000; }

div#navigation_wrapper { border-bottom:2px solid #f6f6f6; overflow:hidden; margin:0 0 25px 0; }

ul#navigation_pri { margin:0; font-size:12px; font-weight:bold; padding:8px 0 7px 0; float:left; }
ul#navigation_pri li { padding:0; border:none; float:left; margin:0 18px 0 0; }
ul#navigation_pri li a { color:#666; }
ul#navigation_pri li a:hover,
ul#navigation_pri li a:focus { color:#333; text-decoration:none; background:none; }
ul#navigation_pri li.cur a,
ul#navigation_pri li.cur a:hover,
ul#navigation_pri li.cur a:focus { color:#000; }

ul#navigation_sec { margin:0; float:right; font-size:12px; }
ul#navigation_sec li { padding:0; border:none; float:left; margin:0 0 0 22px; padding:8px 0 7px 0; }
ul#navigation_sec li:first-child + li { margin-left:19px; }
ul#navigation_sec li a { color:#999; }
ul#navigation_sec li a:hover,
ul#navigation_sec li a:focus,
ul#navigation_sec li.cur a { color:#000; text-decoration:none; background:none; }

ul#navigation_sec li.search { padding-top:5px; }
ul#navigation_sec form { border-right:1px solid #eee; padding:0 15px 0 0; }
ul#navigation_sec form label { margin:0 4px 0 0; position:relative; bottom:-3px; }
ul#navigation_sec form input[type="text"] { width:100px; background:#f6f6f6; border:1px solid #999; margin:0 1px 0 0; }

ul.navigation_sub { margin:0 0 30px 0; border-top:1px solid #d3d3d3; }
ul.navigation_sub li { padding:0; border-color:#d3d3d3; font-size:12px; }
ul.navigation_sub li a { padding:3px; color:#666; }
ul.navigation_sub li a:hover,
ul.navigation_sub li a:focus { color:#000; text-decoration:none; background:none; }
ul.navigation_sub li.cur a,
ul.navigation_sub li.cur a:hover,
ul.navigation_sub li.cur a:focus  { background:#e8e8e8; color:#000; }

/* @end */



/* @group 9.AD COLUMN SPECIFICS
---------------------------------------------------------------------- */

div#content_adcolumn div.sponsor_relationship { margin:0 0 30px 0; }
div#content_adcolumn img { margin:0 0 15px 0; }

/* @end */



/* @group 10.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#footer { border-top:1px solid #ccc; padding:5px 0 0 0; clear:both; overflow:hidden; }

div.footer_block { padding:25px 0 0 0; margin:0 30px 0 0; width:265px; float:left; border-bottom:1px dotted #ccc; height:180px;  }

div.footer_block.footer1 { clear:both; }
div.footer_block.footer3 { width:350px; margin-right:0; padding-top:15px; padding-bottom:10px; position:relative; }

div#footer h3 { border-bottom:1px solid #ccc; display:inline-block; font-size:18px; margin:0 0 10px 0; color:#000; }
div#footer h3 a:hover,
div#footer h3 a:focus { text-decoration:none; }
div#footer img { float:right; margin:10px 0 0 15px; }
div#footer p { font-size:12px; }
div#footer p.button { font-size:10px; }

div#footer p span { color:#999; display:block; font-style:italic; margin:0px 0px 10px 0px; }

div#footer form { background:#eee; position:relative; }
div#footer form h3 { display:block; }
div#footer form fieldset { padding:10px;  }
div#footer form fieldset label { display:inline-block; width:40px; font-weight:normal; font-style:italic; font-size:10px; color:#666; margin:0; padding:0; }
div#footer form fieldset img { margin-top:0;  }
div#footer form fieldset input[type="text"] { padding:2px; width:205px; margin:10px 0 10px 0; }
div#footer form fieldset input[type="image"] { position:absolute; right:12px; bottom:18px; }

ul#social_networks { list-style:none; position:absolute; margin:0; top:12px; right:10px; height:16px; overflow:hidden; }
ul#social_networks li { float:left; margin:0 0 0 6px; padding:0; }
ul#social_networks li img { margin:0; }

div#footer img.footer_feature { float:none; margin:0; }

div#siteinfo { clear:both; font-size:12px; color:#999; padding:28px 0 0 0; overflow:hidden; }
div#siteinfo div.vcard { float:left; }
div#siteinfo div.vcard span.fn { font-weight:bold; }
div#siteinfo div.vcard a { display:none; }
div#siteinfo p { margin:0; float:right; }
div#siteinfo p a,
div#siteinfo p a:hover,
div#siteinfo p a:focus { color:#666; }

/* @end */



/* @group 11.GLOBALS
---------------------------------------------------------------------- */

/* BUTTONS ---------- */

    p.button { font-size:10px; line-height:18px; text-transform:uppercase; font-family:Verdana,sans-serif; /*background:#646464 url(../images/site/button_bg1.gif) no-repeat left center; display:inline-block;*/ }
    p.button a { color:#eee; /*background:url(../images/site/button_bg2.gif) no-repeat right center;*/ padding:3px 12px; background:#646464; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; }
    p.button a:hover,
    p.button a:focus { text-decoration:none; color:#fff; }

/* @end */



/* @group 12.VISITORS SECTION
---------------------------------------------------------------------- */

/* LAYOUT ---------- */

    .visitors div#content_pri { width:580px; float:left; }
    .visitors div#content_sec { width:130px; float:right; }
    .visitors div#content_sec h3 { margin:0 0 7px 0; }
    
/* LANDING PAGE ---------- */

    div#visitors_intro { font-size:14px; line-height:20px; background:url(../images/site/visitors_intro_bg.jpg) no-repeat 0 center; padding:35px 0; margin:0 0 35px 0; }
    div#visitors_intro p { width:230px; background:#fff; color:#000; margin:0; padding:15px 12px; }
    
    div.visitors_summary { overflow:hidden; padding:30px 0 0 0; margin:0 0 17px 0; border-top:1px dotted #bcbcbc; }
    div.visitors_summary#location { padding:0; border:none; }
    
    div.visitors_summary p.map { float:right; }
    div.visitors_summary p.map a img { border:1px solid #d4d4d4; margin:0 0 0 20px; }
    
    div.visitors_summary div { width:280px; float:left; }
    div.visitors_summary div.sub2 { float:right; }
    
    div.visitors_summary img.hotel_thumb { float:right; margin:3px 0 0 15px;  }
    
/* SUB PAGE ---------- */

    .visitors.subpage div#content_pri { width:460px; }
    
/* HOTELS ---------- */
    
    p#hotels_google { float:right; width:200px; font-size:12px; line-height:16px; color:#fff; background:#3d776b; margin:0 0 0 10px; }
    p#hotels_google a { display:block; color:#fff; background:#3d776b; text-decoration:underline; padding:14px 10px; }
    p#hotels_google a:hover,
    p#hotels_google a:focus { background:#315f56; }
    p#hotels_intro { font-size:14px; line-height:20px; }
    
    ul#hotels_listing { border-top:1px dotted #bcbcbc; margin:30px 0 30px 0; }
    ul#hotels_listing li { border-bottom:1px dotted #bcbcbc; padding:18px 0 5px 150px; overflow:hidden; }
    ul#hotels_listing li a { display:inline; }
    ul#hotels_listing li a:hover,
    ul#hotels_listing li a:focus { text-decoration:underline; background:none; }
    ul#hotels_listing li h3,
    ul#hotels_listing li p { margin:0 0 10px 0; padding:0; }
    ul#hotels_listing li h3 a { text-decoration:underline; }
    ul#hotels_listing li h3 a img { float:left; position:relative; left:-150px; margin:3px -135px 13px 0; }
    
    div#hotel_contact { background:#f4f4f4; border:1px solid #ddd; padding:14px 14px 4px 224px; overflow:hidden; font-size:12px; line-height:1.5em; margin:15px 0 20px 0; }
    div#hotel_contact img { float:left; position:relative; left:-210px; margin:0 -210px 13px 0; }
    div#hotel_contact p { border-top:1px dotted #d0d0d0; padding:0.75em 0 0 0; margin:0 0 0.75em 0; }
    div#hotel_contact img + p { padding:0; border:none; }
    div#hotel_contact p span { display:inline-block; width:25px;  }
    
    div#hotel_description { width:444px; overflow:hidden; }
    
    ul#hotel_photos { width:460px; overflow:hidden; margin:0; }
    ul#hotel_photos li { padding:0; width:77px; height:77px; margin:0 15px 15px 0; float:left; }
    ul#hotel_photos li a {  }

/* @end */



/* @group 13.PROGRAMME
---------------------------------------------------------------------- */

.programme div#content_main { width:940px; float:none; overflow:hidden; }

.programme div#content_pri { margin:0 0 45px 0; height:300px; }
.programme div#content_sec { width:960px; }

.programme div#content_pri ul li { padding:0; border:none; }

div.section_column { width:300px; float:left; margin:0 20px 30px 0; }
div#content_sec div.section_column.clear { clear:left; }
div.section_column h3 { font-size:20px; margin:0 0 10px 0; }
div.section_column h3 img { margin:14px 0 0 0; }
div.section_column h3 img.cartier_title { margin:0; }

/* @end */