/* --- global reset --- */

* { margin:0; padding:0; font-size:100%; line-height:100%; font-family:Arial, Helvetica, sans-serif; }
body { font-size:95%; line-height:95%; } /* whatever size is best, remember to make the equivalent px size in ie.css */
    a { color:inherit; outline:0; text-decoration:none; }
	a:hover { text-decoration:underline; }
    a img, iframe, fieldset, button { border:0; }
    table { border-collapse:collapse; border-spacing:0; }  
    ul, ol { list-style:none; }
	form input, form select { line-height:130%; margin:0; padding:0; }
    button { cursor:pointer; background-color:transparent; overflow:visible; }
    *:first-child+html button[type]{ width: 1; } /* IE7 */
	
	h1 { font-size:2em; }
	h2 { font-size:1.8em; }
	h3 { font-size:1.6em; }                                        
	h4 { font-size:1.4em; }
	h5 { font-size:1.2em; }
	.clear { display:block; height:1px; clear:both; font-size:1px; background:none !important; }
	.error { font-weight:bold; color:#f00; }
	.lowercase { text-transform:lowercase; }

/* --- site --- */

body { background:url(../img/bgBlurimage1600x1200.jpg) center -73px  no-repeat; color:#fff; }
#container { /*background:url(../img/bgBlurimage1600x1200.jpg) center 0  no-repeat; height:800px; margin:auto; min-width:1000px;*/ padding:20px 0 0 0; }
#inner { height:568px; margin:auto; position:relative; width:985px; }
#content { outline:none; }
#tagline { color:#ddd; font-size:.6em; font-style:italic; margin:0 0 0 15px; padding:3px 0 0 0; }
#logo { behavior:url(/glide-define/css/iepngfix.htc); /*argin-top:13px;*/ position:absolute; top:26px; left:0; z-index:100; }
#logo img { behavior:url(/glide-define/css/iepngfix.htc); }
.footer { font-family:Arial, Helvetica, sans-serif; font-size:.6em; padding:7px 0 0 40px; }
.footer li { display:inline; float:left; text-transform:uppercase; }
.footer li a { text-decoration:none; }
.footer li a:hover { text-decoration:underline; }
#micro-footer { background:url(../img/bg-micro-footer.jpg) 0 0 no-repeat; behavior:url(/glide-define/css/iepngfix.htc); height:24px; margin:auto; width:985px; }
#micro-footer a { color:#d4c4a3; }
#micro-footer .divide { margin:-3px 5px 0; }
#global-footer { clear:left; color:#6d5941; margin:auto; width:985px; }
#global-footer a { color:#6d5941; }
#global-footer .divide { margin:0 5px; }
#global-footer #rights { color:#1c2017; display:inline; float:right; font-family:Arial, Helvetica, sans-serif; font-size:.65em; margin:0 25px 0 0; }

#content { height:538px; position:absolute; top:15px; left:15px; width:955px; }


/* --- landing --- */

#landing #inner { background:#000 url(../img/bg-landing.jpg) center center no-repeat; }
#landing #vodcast-links div { position:absolute; }
#landing #vodcast-links div img { behavior:url(/glide-define/css/iepngfix.htc); }
#landing #vodcast-links div#prepping { top:105px; left:35px; }
#landing #vodcast-links div#flick { top:30px; left:315px; }
#landing #vodcast-links div#cat { top:20px; left:540px; }
#landing #vodcast-links div#wing { top:60px; left:790px; }
#landing #vodcast-links div#rockchick { top:390px; left:290px; }
#landing #vodcast-links div#halfmoon { top:375px; left:510px; }
#landing #vodcast-links div#swallow { top:370px; left:755px; }
#landing div#win { position:absolute; top:390px; left:35px; }

/* also on glide-define page */
#get-ready { behavior:url(/glide-define/css/iepngfix.htc); margin:135px auto 0; padding:107px 0 0 9px; position:relative; width:624px; }
#get-ready img { behavior:url(/glide-define/css/iepngfix.htc); }
#get-ready h1 { margin:0 auto 8px; padding-left:2px; }
#get-ready #new-masterpiece a { background:url(../img/bg-new-masterpiece.png) 0 0 no-repeat; display:block; height:28px; text-indent:-9999px; }
#get-ready #new-masterpiece a:hover { background:url(../img/bg-the-easy-way.png) 0 0 no-repeat; }
#get-ready #product { position:absolute; top:13px; left:207px; }


/* --- glide-define --- */

#glide-define #inner { background:#000 url(../img/bg-glide-define.jpg) center center no-repeat; }
#glide-define #hotspotsContainer { position:absolute; top:155px; left:425px; }
#glide-define #get-ready .hotspot a { background:url(../img/hotspot-off.png) 0 0 no-repeat; behavior:url(/glide-define/css/iepngfix.htc); display:block; height:33px; text-decoration:none; width:33px; }
#glide-define #get-ready .hotspot a span { display:none; }
#glide-define #get-ready .hotspot a:hover { background:url(../img/hotspot-on.png) 0 0 no-repeat; behavior:url(/glide-define/css/iepngfix.htc); }
#glide-define #get-ready #precision { position:absolute; top:20px; left:360px; }
#glide-define #get-ready #formula { position:absolute; top:77px; left:265px; }
#glide-define #get-ready #body { position:absolute; top:83px; left:335px; }
#glide-define #get-ready #compact { position:absolute; top:194px; left:245px; }
#glide-define #get-ready #colours { color:#000; font-size:.65em; position:absolute; top:300px; left:200px; text-transform:uppercase; }
#glide-define #get-ready #colours .colour { display:inline; float:left; margin:0 20px 0 0; }
#glide-define #get-ready #colours .colour img { margin:0 0 15px 0; }
#glide-define #rightSide { font-size:.65em; position:absolute; top:108px; left:626px; text-transform:uppercase; width:178px; }
#glide-define #rightSide #back { background:#696652; padding:4px 9px; width:178px; }
#glide-define #rightSide #back a { color:#c3ad80; text-decoration:none; }
#glide-define #rightSide #back a:hover { text-decoration:underline; }
#glide-define #rightSide div { color:#413f32; line-height:170%; }
#glide-define #rightSide #top { position:absolute; top:35px; left:0px; text-align:justify; }
#glide-define #rightSide #bottom { position:absolute; top:225px; left:0px; text-align:justify; }
#glide-define #rightSide #spotContent { position:absolute; top:35px; left:0px; }
#glide-define #rightSide #spotContent span.large { font-size:1.2em; font-weight:bold; }
#glide-define #win { position:absolute; top:375px; left:20px; }


/* --- vodcasts - generic --- */

.vod #content { color:#6e624f; }
.vod h1 { color:#3f372d; font-size:3em; margin:160px 0 10px 25px; }
.vod h1 img { behavior:url(/glide-define/css/iepngfix.htc); }

.vod #quote-container { background:url(../img/quote-open.png) 0 5px no-repeat; behavior:url(/glide-define/css/iepngfix.htc); color:#413b31; font-size:.7em; margin:0 0 0 144px; padding:5px 0 0 20px; width:265px; text-transform:uppercase; }
.vod #quote-container img { behavior:url(/glide-define/css/iepngfix.htc); }
.vod #quote { line-height:160%; }
.vod #quote #close-quote { margin:0 0 -3px 3px; }
.vod #signature { margin:10px 0; }
.vod #role { font-weight:bold; }

.vod #anotherLook { position:absolute; bottom:81px; left:164px;  }
.vod #anotherLook a { background-color:#000; color:#bea577; display:block; font-size:.7em; padding:2px 5px; text-transform:uppercase; }

.vod #get-ready-vod { position:absolute; bottom:0px; left:164px; }
.vod #get-ready-vod h2 { margin:0 0 8px 0; }
.vod #get-ready-vod #product { behavior:url(/glide-define/css/iepngfix.htc); position:absolute; bottom:0px; left:210px; }
.vod #get-ready-vod img { behavior:url(/glide-define/css/iepngfix.htc); }

.vod #vodcast { color:#edce95; font-size:.8em; padding:0 20px 0 0; position:absolute; top:14px; left:526px; text-transform:uppercase; }
.vod #vodcast h3 { display:inline; float:right; font-size:.9em; margin:0 0 5px 0; text-transform:uppercase; }
.vod #vodcast #flash { outline:none; }
.vod #vodcast p { margin:5px 0; text-align:right; }
.vod #vodcast p a { color:#edce95; }
.vod #taf { padding-bottom:20px; }

.vod #share p { margin:0 0 7px 0; }
.vod .popupShare { font-size:.8em; margin:5px 0 0 0; padding:0 22px 0 0; }
.vod #delicious { background:url(../img/share-delicious.gif) right 0 no-repeat; }
.vod #digg { background:url(../img/share-digg.gif) right 0 no-repeat; }
.vod #facebook { background:url(../img/share-facebook.gif) right 0 no-repeat; }
.vod #reddit { background:url(../img/share-reddit.gif) right 0 no-repeat; }
.vod #stumble { background:url(../img/share-stumbleupon.gif) right 0 no-repeat; }

.vod #vodcast #pdf { margin:0 10px 35px 0; }
.vod #face-card { behavior:url(/glide-define/css/iepngfix.htc); position:absolute; top:285px; left:130px; }


/* --- vodcasts - prepping your eyes --- */
#vod-prep #inner { background:#000 url(../img/bg-vod-prep.jpg) center center no-repeat; }
#vod-prep #intro, #vod-prep #scroller { font-size:.7em; text-transform:uppercase; }
#vod-prep #intro { margin:10px 0 0 26px; }
#vod-prep #scroller { height:180px; margin:15px 0 0 164px; outline:none; overflow:auto; width:250px;  }
#vod-prep #scroller ul li { line-height:170%; margin:0 0 15px 0; }
#vod-prep #scroller ul li img { behavior:url(/glide-define/css/iepngfix.htc); }

/* --- vodcasts - get the flick --- */
#vod-flick #inner { background:#000 url(../img/bg-vod-flick.jpg) center center no-repeat; }

/* --- vodcasts - get the cat --- */
#vod-cat #inner { background:#000 url(../img/bg-vod-cat.jpg) center center no-repeat; }

/* --- vodcasts - get the wing --- */
#vod-wing #inner { background:#000 url(../img/bg-vod-wing.jpg) center center no-repeat; }

/* --- vodcasts - get the rockchick --- */
#vod-rockchick #inner { background:#000 url(../img/bg-vod-rockchick.jpg) center center no-repeat; }

/* --- vodcasts - get the halfmoon --- */
#vod-halfmoon #inner { background:#000 url(../img/bg-vod-halfmoon.jpg) center center no-repeat; }

/* --- vodcasts - get the swallow --- */
#vod-swallow #inner { background:#000 url(../img/bg-vod-swallow.jpg) center center no-repeat; }


/* --- competition --- */

#comp #inner { background:#000 url(../img/bg-comp.jpg) center center no-repeat; }
#comp #formContainer { display:inline; float:right; margin:100px 40px 0 0; text-transform:uppercase; width:435px; }
#comp #formContainer h1 { border-bottom:3px solid #000; font-size:2.7em; margin:0 0 13px 0; padding:0 0 13px 0; }
#comp #formContainer h1 img { behavior:url(/glide-define/css/iepngfix.htc); }
#comp #formContainer p { font-size:.7em; letter-spacing:.03em; line-height:130%; }
#comp #formContainer form label { font-size:.6em; letter-spacing:.04em; }
#comp #formContainer form input { height:14px; }
#comp #formContainer form input,
#comp #formContainer form select { font-size:.6em; margin-top:3px; padding:0; text-transform:none; }
#comp #formContainer form select option { /*padding:1px 0 1px 0;*/ }
#comp #formContainer .leftField { display:inline; float:left; margin-right:20px; }
#comp #formContainer .righttField { display:inline; float:left; }
#comp #formContainer .leftField,
#comp #formContainer .rightField { margin-bottom:8px; }

#comp #formContainer #titleBox { display:inline; float:left; margin-right:8px; }
#comp #formContainer #titleBox select { width:56px; }
#comp #formContainer #firstNameBox { display:inline; float:left; }
#comp #formContainer #firstNameBox input { width:136px; }
#comp #formContainer .inputMax { width:200px; }
#comp #formContainer #dd,
#comp #formContainer #dobm { margin-right:5px; width:52px; }
#comp #formContainer #doby { width:82px; }
#comp #formContainer select#country { width:205px; }
#comp #formContainer .optIn input { display:block; float:left; margin:0 5px 5px 0; }
#comp #formContainer .optIn label { display:block; float:left; margin:2px 0 0 0; }
#comp #formContainer #terms { margin:5px 0 0 0; }
#comp #formContainer #terms a { color:#000; text-decoration:underline; }
#comp #formContainer #terms a:hover { text-decoration:none; }
#comp #formContainer #back { background:#000; display:block; float:left; margin:15px 0 0 0; padding:5px 10px; }
#comp #formContainer #back a { color:#fff; font-size:1em; font-weight:bold; height:1.6em; text-transform:uppercase; }
#comp #formContainer #enterNow { display:inline; float:right; }
#comp #formContainer #enterNow #submit { background:#000; border:0; color:#fff; font-size:1em; font-weight:bold; height:1.6em; margin:15px 0 0 0; padding:0 10px; text-transform:uppercase; }
#comp #formContainer #getTheLook { background:#000; display:inline; float:right; padding:3px 10px 2px; }
#comp #formContainer #getTheLook a { color:#fff; font-weight:bold; }

#comp #formContainer .errorComp { color:#d00; }
#comp #formContainer p.errorComp { margin-top:10px; }
#comp #formContainer .errorComp label { font-size:.6em; }
#comp #formContainer .errorComp input,
#comp #formContainer .errorComp select { background-color:#fdd; }


/* --- terms popup --- */

#terms-comp { font-size:80%; padding:20px; width:400px; }
#terms-comp h1 { margin:0 0 15px 0; }
#terms-comp ol { list-style:decimal; margin:0 0 0 20px; }
#terms-comp ol li { margin:0 0 10px 0; }
#terms-comp P { margin:10px 0; }