/* Resets */
* { margin:0; padding:0; }
body { background:#005a9c url(../images/background.png) repeat-x top left; background-color:#b3daee; color:#ffffff; font:62.5% Arial,sans-serif; }
img { border:0; display:block; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ul, ol { list-style:none outside none; }
a { color:#ffffff; text-decoration:none; }

/* Structure*/
#container { margin-left:auto; margin-right:auto; width:960px; }
#header, #body, #footer { padding-left:20px; padding-right:20px; }

/* Header */
#header { height:60px; position:relative; }

/*
#logo, #shop-nav, #nav { position:absolute; }
#logo, #nav { bottom:7px; }
#logo { left:20px; }
#shop-nav, #nav { right:20px; }
#shop-nav { top:10px; }
*/

#logo { height:30px; margin-top:20px; width:184px; }

#shop-nav { margin-top:10px; }
#shop-nav ul { height:16px; }
#shop-nav li { display:inline; float:left; margin-left:15px; }
#shop-nav a { display:block; line-height:16px; }
#shop-nav a:hover { text-decoration:underline; }
#shop-nav .shopping-cart {}
#shop-nav .shopping-cart a { background:url(../images/shopping-cart.png) no-repeat; font-weight:bold; padding-left:21px; }

#nav { margin-top:5px; }
#nav ul { height:21px; }
#nav li { display:inline; float:left; margin-left:5px; }
#nav a { display:block; font-size:1.1em; line-height:21px; padding:0 5px; }
#nav li:hover, #nav li.hover, #nav .active { background:#6ebadf url(../images/nav-left.png) no-repeat top left; }
#nav li:hover a, #nav li.hover a, #nav .active a { background:transparent url(../images/nav-right.png) no-repeat top right; }
#nav .last a { color:#00195e; font-weight:bold; }

/* Body */
.wider { width:700px; }
.wide { width:600px; }
.half { width:450px; }
.thin { width:300px; }
.thinner { width:200px; }

#body {}
.marcus-home { background:url(../images/marcus-home.png) no-repeat; }
.marcus-about { background:url(../images/marcus-about.png) no-repeat; }
.marcus-contact { background:url(../images/marcus-contact.png) no-repeat; }
.marcus-blank { background:url(../images/marcus-blank.png) no-repeat; }

#breadcrumbs { margin-bottom:20px; }
#breadcrumbs a { text-decoration:underline; }
#breadcrumbs a:hover { text-decoration:none; }

#tagline { font-size:4em; margin:20px 0 60px; width:225px; }

#buzzwords { margin-top:50px; }
#buzzwords span { background:transparent url(../images/bullet-arrow.png) no-repeat center left; color:#005a9c; display:block; font-size:1.8em; height:24px; line-height:24px; margin-bottom:5px; padding-left:15px; }

#button-look { margin:20px 0; }

#testimonial { color:#333333; margin-top:110px; }
#testimonial .quote { font-size:1.5em; font-style:italic; }
#testimonial .credit { font-size:1.3em; margin-top:10px; }
#testimonial .author, #testimonial .company { font-weight:bold; }
#testimonial .more { font-size:1.2em; margin-right:20px; margin-top:10px; text-align:right; }
#testimonial .more a { color:#333333; text-decoration:underline; }
#testimonial .more a:hover { text-decoration:none; }

#video-tile-holder { height:240px; margin-top:-20px; overflow:hidden; position:relative; width:470px; }
#to-play, #video-tile { position:absolute; }
#to-play { height:73px; left:70px; top:95px; width:146px; z-index:1; }
#video-tile { height:250px; position:absolute; right:-30px; top:-10px; width:444px; z-index:2; }

#about-nav {}
#about-nav img { margin-bottom:10px; }

.content { color:#333333; }
.blue { color:#005a9c; }
.white { color:#ffffff; }
.content h1, .content h2, .content h3 { color:#ffffff; margin-bottom:10px; }
.content h1 { font-size:3.5em; }
.content h1.large { font-size:5em; }
.content h1.margin-top { margin-top:0.85em; }
.content h1 .small { font-size:1.8em; }
.content h2 { font-size:2.5em; }
.content h3 { font-size:1.8em; }
.content .underline { border-bottom:1px solid #ffffff; padding-bottom:2px; }
.content p, .content li, .content .errors { font-size:1.3em; line-height:1.3em; margin:0.5em 0; }
.content li li { font-size:100%; }
.content ul, .content ol { margin:0.5em 2em; }
.content ul { list-style-type:circle; }
.content ol { list-style-type:decimal; }
.content th, .content td { font-size:1.3em; padding:5px; text-align:left; vertical-align:top; }
.content th p, .content td p { font-size:100%; margin:0; }
.content a { color:#e70e03; text-decoration:underline; }
.content a:hover { text-decoration:none; }

.form { margin:10px 0; }
.form label, .form .text, .form textarea, .form .submit { float:left; font:13px Arial,sans-serif; margin:5px 0; padding:2px; }
.form label { width:96px; }
.form .text, .form textarea { border:1px solid #666666; width:244px; }
.form br { clear:left; }
.errors { color:#ff3300; margin:1em 0; }

.min-height { height:auto !important; height:550px; min-height:550px; }

.promos { height:150px; margin-left:-20px; }
.one-small { width:215px; }
.two-small, .one-large { width:470px; }
.four-small, .two-large, .two-small-one-large { width:940px; }
.promos img { display:inline; float:left; margin-bottom:15px; margin-left:20px; }

.press-play { color:#007dd0; font-size:1.6em; }
#sample-player { height:50px; }

.products { margin-left:-15px; width:615px; }
.product { cursor:pointer; display:inline; float:left; height:150px; margin-bottom:5px; margin-left:15px; position:relative; width:190px; }
.product .background, .product .foreground, .product .popup { position:absolute; }
.product .background { z-index:1; }
.product .foreground { padding:20px 10px 0; z-index:2; }
.product .title { color:#00195e; font-size:2.2em; height:56px; line-height:23px; }
.product .text { color:#333333; font-size:1.4em; height:20px; line-height:18px; }
.product .popup { background:#ffffff; background:rgba(255,255,255,0.9); bottom:30px; color:#333333; display:none; font-size:1.2em; height:89px; left:4px; overflow:hidden; padding:10px; width:162px; z-index:3; }

.programmes { margin-left:-16px; margin-top:15px; width:616px; }
.programmes img { display:inline; float:left; margin-bottom:15px; margin-left:16px; }

.product-large { height:250px; position:relative; width:200px; }
.product-large .background, .product-large .buy-now { position:absolute; }
.product-large .background { z-index:1; }
.product-large a { display:block; }
.product-large .buy-now { background:url(../images/button-buy-now.png); bottom:0; cursor:pointer; font-size:1.3em; height:31px; left:0; line-height:31px; width:200px; z-index:2; }
.product-large .price { padding-left:12px; }
.product-large .buy-now-text { padding-right:31px; }

.email-link { background:url(../images/email-link.png) no-repeat; color:#e70702; font-size:1.3em; height:19px; line-height:19px; padding-left:25px; }
.email-link a { color:#e70702; }
.email-link a:hover { text-decoration:underline; }

.photos { margin-left:-10px; width:710px; }
.photos img { display:inline; height:95px; float:left; margin-bottom:10px; margin-left:10px; width:140px; }
.photos .large { height:200px; width:400px; }

/* Raving Fans floating testimonial boxes */
#testimonials { margin-left:-20px; width:940px; }
#testimonials .testimonial { display:inline; float:left; margin-bottom:20px; margin-left:20px; overflow:hidden; width:215px; }
#testimonials .top { height:20px; width:215px; }
#testimonials p { color:#333333; font-size:1.4em; padding:0 20px 40px; width:175px; }
#testimonials .background-1 .top { background:transparent url(../images/testimonial-top-1.png) top center; }
#testimonials .background-1 p { background:transparent url(../images/testimonial-background-1.png) bottom center; }
#testimonials .background-2 .top { background:transparent url(../images/testimonial-top-2.png) top center; }
#testimonials .background-2 p { background:transparent url(../images/testimonial-background-2.png) bottom center; }

#rave-reviews { background:url(../images/rave-reviews-background.png); height:600px; position:relative; width:920px; }
#rave-reviews p { display:none; }
#rave-reviews .review { color:#333333; display:block; font-size:13px; line-height:15px; position:absolute; text-align:center; }
#rave-reviews .review-1 { height:168px; left:17px; top:21px; width:96px; }
#rave-reviews .review-2 { height:102px; left:177px; top:88px; width:138px; }
#rave-reviews .review-3 { height:107px; left:454px; top:32px; width:162px; }
#rave-reviews .review-4 { height:73px; left:657px; top:144px; width:218px; }
#rave-reviews .review-5 { height:75px; left:122px; top:287px; width:142px; }
#rave-reviews .review-6 { height:76px; left:365px; top:252px; width:140px; }
#rave-reviews .review-7 { height:102px; left:595px; top:271px; width:150px; }
#rave-reviews .review-8 { height:119px; left:22px; top:409px; width:210px; }
#rave-reviews .review-9 { height:77px; left:309px; top:437px; width:157px; }
#rave-reviews .review-10 { height:94px; left:599px; top:477px; width:115px; }
#rave-reviews .review-11 { height:158px; left:788px; top:331px; width:107px; }

/* Footer */
#footer { margin-top:20px; }
#follow-us { font-size:1.3em; margin-bottom:5px; }
#follow-us img { display:inline; vertical-align:bottom; }
#follow-us .social-icon { height:21px; width:21px; }
#follow-us .share { height:16px; width:125px; }
#footer li { display:inline; margin-left:15px; }
#footer a:hover { text-decoration:underline; }

/* Generic classes */
.clear { clear:both; }
.left, .right { display:inline; }
.left { float:left; }
.right { float:right; }
.margin { margin:20px; }
.margin-bottom { margin-bottom:20px; }
.margin-left { margin-left:20px; }
.margin-right { margin-right:20px; }
.margin-top { margin-top:20px; }
.margin-x { margin-left:20px; margin-right:20px; }
.margin-y { margin-bottom:20px; margin-top:20px; }
.no-margin { margin:0 !important; }