@charset "UTF-8";
/* CSS Document */
@import url('examples/2c-r.css');

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:Helvetica, Arial, sans-serif;}

body {line-height:1;}ol, ul {list-style:square;}table {border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */

body {background:#fff;}

a {color:#f00;}
a:hover {text-decoration:none;}

#container {float:left;margin:0 -270px 0 0;width:100%;background:#fff;}

#content {margin:0 270px 0 0;}
.sidebar {float:right;overflow:hidden;width:250px;}

#wrapper {background:#fff;width:800px;margin:20px auto;}
#header {height:40px;}

#social {width:250px;position:absolute;}

#nav {margin:0 0 0 110px;position:absolute;}
#nav li {display:inline;float:right;padding-right:15px;}
#nav a {font-size:.8em;color:#666;text-decoration:none;font-weight:bold;text-transform:uppercase;line-height:50px;}
#nav a:hover {color:#f00;}

#feature {background:url(../../images/BackgroundHomeFeatureBullet.png) no-repeat;height:389px;}
#feature h1 {background:url(../../images/cg-title.gif) no-repeat;width:503px;height:53px;position:absolute;margin:50px 0 0 40px;}
#feature h1 span {display:none;}
#FeatureBox {position:absolute;margin:175px 0 0 178px;}
#FeatureBox h2 {font-size:.75em;background:#333;padding:5px 10px;text-align:right;text-transform:uppercase;letter-spacing:.09em;line-height:115%}
#FeatureBox h2 a {text-decoration:none;color:#666;}
#FeatureBox h2 a:hover {color:#fff;}

#buttons {position:absolute;margin:125px 0 0 210px;}
#buttons a {margin-bottom:10px;}
#trailer {display:block;width:274px;height:50px;background: url(../../images/buttons.gif) no-repeat 0 0;}
#trailer:hover {background-position:0 -50px;}
#trailer span {display:none;}
#fb {display:block;width:274px;height:50px;background: url(../../images/buttons.gif) no-repeat 0 -100px;}
#fb:hover {background-position:0 -150px;}
#fb span {display:none;}
#tw {display:block;width:274px;height:50px;background: url(../../images/buttons.gif) no-repeat 0 -200px;}
#tw:hover {background-position:0 -250px;}
#tw span {display:none;}
#mp {display:block;width:274px;height:50px;background: url(../../images/buttons.gif) no-repeat 0 -300px;}
#mp:hover {background-position:0 -350px;}
#mp span {display:none;}

#list {position:absolute;text-align:right;margin:180px 0 0 120px;}
#list h3 {font-size:1.1em;text-transform:uppercase;}
#list li a {color:#fff;text-decoration:none;line-height:160%;letter-spacing:.05em;}
#list li a:hover {color:#333;}
#list li img {padding-left:10px;}
abbr {font-size:.6em;color:#fff;display:block;padding:370px 0 0 10px;}

#SecondaryFeatures {padding-top:10px;background:#fff;}

#director {display:block;width:260px;height:120px;background:url(../../images/button-director.png) no-repeat 0 0;float:left;padding-right:10px;}
#director:hover {background-position:0 -120px;}
#director:active {background-position:0 -240px;}
#director span {display:none;}

#scenes {display:block;width:260px;height:120px;background:url(../../images/button-behind.png) no-repeat 0 0;float:left;padding-right:10px;}
#scenes:hover {background-position:0 -120px;}
#scenes:active {background-position:0 -240px;}
#scenes span {display:none;}

#buy {display:block;width:260px;height:120px;background:url(../../images/button-drag.png) no-repeat 0 0;float:left;}
#buy:hover {background-position:0 -120px;}
#buy:active {background-position:0 -240px;}
#buy span {display:none;}

#InsideHeader {background:url(../../images/InsideHeader.png) no-repeat;height:101px;}
#InsideHeader h1 {background:url(../../images/cg-title.gif) no-repeat;width:503px;height:53px;position:absolute;margin:24px 0 0 30px;}
#InsideHeader h1 span {display:none;}

#content {padding:40px;}
#content h2 {padding:0 0 12px 0;text-transform:uppercase;font-size:.9em;}
.entry-date p {font-size:.6em;color:#999;margin-bottom:4px;}
.entry-content {font-size:.75em;}
.entry-content p {line-height:150%;color:#666;padding:0 0 10px 0;}
.entry-content blockquote {font-size:1.5em;font-weight:bold;padding:10px 20px;line-height:50%;}
img.alignright {padding:0 0 0 20px;}

strong.link {display:block;background-color:#f00;padding:3px 6px;}
strong.link:hover {background-color:#000;}
strong.link a {color:#fff;}
p.wp-caption-text {font-size:.7em;padding:3px 0 0 0;font-weight:bold;}

#gallery {padding:40px;margin:0 auto;width:600px;}
#gallery img {padding:5px;}

#ViewCart {width:770px;padding:10px;}
#ViewCart form {float:right;}

#store {padding:30px;margin:0 auto;width:600px;font-size:.75em;color:#333;}
#store table {margin:0 auto;}
#store td strong {font-size:1.3em;}
#store td p {line-height:125%;}
#col1, #col2, #col3 {width:200px;float:left;}


#contact {width:400px;margin:40px auto;}

#sidebar {padding:40px 70px;}
#sidebar h3 {text-transform:uppercase;font-size:.9em;padding-bottom:7px;}
#sidebar h4 {padding-bottom:10px;}
#sidebar h4 a {font-size:.75em;line-height:140%;font-weight:bold;}
#sidebar p {line-height:150%;color:#666;padding:5px 0;font-size:.75em;}

.alignright {float:right;padding:0 0 10px 10px;}

#footer {clear:both;width:100%;padding:0px 0 5px 0;text-align:center;}
#footer small {text-align:center;font-size:.7em;}

.clearfloat {clear:both;}
.center {text-align:center;}
.left {text-align:left;}
.bold {font-weight:bold;}