/* Video Reality */
/* screen.css */
/* author - Matthew Sanders
/* company - Element Fusion    

/* CONTENTS
    
        1.BODY
        2.LAYOUT
        3.NAVIGATION
        4.CONTENT
            4.1.HEADINGS
            4.2.LINKS
        9.ACCESSABILITY

--------------------------------------- */

@import url("reset.css");

/* 1.BODY
---------------------------------------------------------------------- */
body { width:100%; height:100%; background:#f2f2f2 url(images/bg-tile.jpg) left top repeat-x; float:left; font-family: Helvetica, Arial, sans-serif; font-size:62.5%; line-height:1.8em; color:#5a5041; }

body#inside,body#admin { background:#f2f2f2 url(images/inside-bg-tile.jpg) left top repeat-x; }

/* 2.LAYOUT
---------------------------------------------------------------------- */

#wrapper { min-height:100%; height:auto !important; height:100%; background:url(images/bg-top.jpg) left top repeat-x; margin:-1.3em 0 0 0; position:relative; /* the bottom margin is the negative value of the footer's height */ }

#frame { width:967px; position:relative; margin:0 auto; }

#header { width:879px; height:125px; padding:0 4.4em; float:left; }    

#featured { width:883px; height:474px; background: transparent url(images/featured-bg.png) left bottom no-repeat; margin:-3.2em 0 0 0; padding:3em 0 0 84px; overflow:hidden; position:relative; z-index: 1; float:left; }
#featured .slide { width:883px; padding:1.8em 0 0 4.7em; float:right; }
.featuredLeft { width:348px; height:290px; padding:3em 0em 1em 3em; overflow:hidden; float:left; }
.featuredRight { width:449px; height:345px; padding: 0.7em 0.6em 0 0; margin:0; overflow:hidden; float:right; position:relative; z-index:1; }
ul#navigator { display:block; width:90px; height:16px; position:absolute; top:135px; left:350px; z-index:9999; }
#featuredOverlay { width:8px; height:10px; background:url(images/overlaycorner.png) left top no-repeat; position:absolute; top:11.8em; right:4.3em; z-index:3; }

#Content { width:903px; padding:2em 2.4em 0 4.4em; float:left; }

#middleContentWrapper { width:976px; background:url(images/middle-bg-tile.png) left top repeat-y; margin:3.5em 0 5.3em 0; position:relative; z-index:1; float:left; }
#middleContent { width:799px; background:url(images/middle-bg-top.png) left top no-repeat; padding:3em 8.4em 3em 8.4em; margin:-1.6em 0 -4em 0; position:relative; z-index:2; float:left; }
#middleContentEnd { width:976px; height:27px; background:url(images/middle-bg-botom.png) left top no-repeat; margin:0 0 -2em 0; float:left; }

#inside #middleContentWrapper { width:976px; background:url(images/inside-content-tile.png) left top repeat-y; margin:0 0 5.3em 0; position:relative; z-index:1; float:left; }
#inside #middleContent { width:883px; min-height:500px; height:auto !important; height:500px; background:url(images/inside-content-top.png) left top no-repeat; padding:3em 4.4em 3em 4.4em; margin:-0.4em 0 0 0; position:relative; z-index:2; float:left; }
#inside #middleContentEnd { width:976px; height:27px; background:url(images/inside-content-bottom.png) left top no-repeat; }

#primaryContent { width:580px; padding: 3em; margin:0; float: right; }
    
#secondaryContent { width: 204px; height:100%; padding: 20px 0 0 0; margin: 0; float: left; }

#footer { width:878px; min-height:216px; height:auto !important; height:216px; background:url(images/footer-bg-top.png) center top no-repeat; padding:4em 5.8em 4em 5.8em; margin:0 0 0 0; }

/* 3.NAVIGATION
---------------------------------------------------------------------- */

#navigation {  width: 642px; height: 39px; margin:0 0; float:right; position:relative; z-index:2; }
.nav { width:630px; height:52px; list-style:none; margin:0; padding:7em 0 0 0; float:right; }
.nav li { display:block; list-style:none; position:relative; padding:0; margin:0; float:left; }
.nav li a:link,
.nav li a:visited,
.nav li a:active { display:block; height:35px; color:#4b4240; font:bold normal normal 1.3em/35px "Candara","Helvetica Neue",helvetica,arial,sans-serif; padding:0 13px 0 13px; margin:0; text-decoration: none; border:0; float:left; } 
.nav li a:hover,
.nav li.selectedPage a,
.nav li.selectedPageRoot a { background:url(images/nav-bg-hover.png) right bottom repeat-x !important; }

.nav .shop { background:url(images/nav-shop-left.png) left top no-repeat; margin:0 28px 0 0; float:left; }
.nav .shop a { background:url(images/nav-shop-right.png) right top no-repeat; padding:0 28px 0 28px !important; margin:0 -28px 0 0 !important; float:left; }
.nav .shop a:hover { background:url(images/nav-shop-right.png) right top no-repeat; }
.nav .hidden { display:none; }

#secondaryContent .subNav { list-style:none; width:236px; padding:2em 0.1em 3em 0.1em !important; margin:0 !important; float: left; }
#secondaryContent .subNav li { list-style:none; background:url(images/sub-nav-divider.png) left bottom repeat-x; padding:0 0 2px 0; margin:0; }
#secondaryContent .subNav li a { display:block; width:174px; height:39px; color:#fff !important; font:bold normal normal 1.3em/3.9em "Candara","Helvetica Neue",helvetica,arial,sans-serif; text-decoration:none; padding:0 32px 0 32px; text-decoration:underline;  }
#secondaryContent .subNav li a.selectedPage { color:#fff !important;  background:url(images/sub-nav-hover.png) left top repeat-x;  }
#secondaryContent .subNav li a:hover { text-decoration:none; }

#secondaryContent .subNav li ul { padding:0; margin:0 0 -2px 0; border-top:1px solid #cac7ba; } 
#secondaryContent .subNav li li a { display:block; width:201px; padding:0 0 0 30px; white-space:nowrap;  }

ul#navigator a { display:block; width:10px !important; height:16px !important; background:url(images/navigator-button.png) left top no-repeat; margin-right:6px; color:#fff; font-size:12px; padding:0 1px 0 5px; font-weight:bold; float:left; }    
ul#navigator a.activeSlide { background:url(images/navigator-button.png) right top no-repeat !important; }

/* 4.1.HEADINGS
---------------------------------------------------------------------- */

#header h1 { margin:0 !important; padding:0 !important; background:none; }
#header h1 a { display:block; width:255px; height:76px; background:url(images/logo.png) left top no-repeat; text-indent:-500em; overflow:hidden; float:left; cursor:pointer; margin:1.5em 0 0 -1.2em; border:0; position:relative; z-index:3;  }
#header h1 a:hover { background-position: right top; }

#inside #header h1 a { margin:2.5em 0 0 -1.2em; }

h1 { color:#333333; font:bold normal normal 22px/1.54em "Candara","Helvetica Neue",helvetica,arial,sans-serif; padding:0 0 0.5em 0;  }
h2 { color:#333333; font:bold normal normal 22px/1.54em "Candara","Helvetica Neue",helvetica,arial,sans-serif; margin:0 0 0.5em 0; padding:0; }
h3 { color:#333333; font:bold normal normal 20px/1em "Candara","Helvetica Neue",helvetica,arial,sans-serif; margin:1em 0 0.5em 0; padding:0; }
h3 span { color:#333333; }
h4 { color:#333333; font:bold normal normal 16px/1em "Candara","Helvetica Neue",helvetica,arial,sans-serif; margin:0; padding:0 0 1em 0; }
h5 { color:#333333; font:bold normal normal 14px/1em "Candara","Helvetica Neue",helvetica,arial,sans-serif; margin:0 0 0.5em 0; padding:0; }
h6 { color:#333; font:bold normal normal 14px/30px "Candara","Helvetica Neue",helvetica,arial,sans-serif; margin:0 0 0.5em 0; padding:0;}

#primaryContent h1,
#primaryContent h2,
#primaryContent h3,
#primaryContent h4,
#primaryContent h5,
#primaryContent h6 { color:#ff1401; }

/* 4.2.LINKS
-----------------------------------------------------------------------*/

a,a:link,a:visited { color: #9d3418; text-decoration:none; }
a:hover, a:active { color: #9d3418; }
a img { border:0 !important; }

.topLinks { width:172px; height:23px; background:url(images/top-links-background.png); list-style:none !important; margin:1em 2.4em; padding:0.8em 0 0 3em; float:right; }
.topLinks li { line-height:12px; border-right:1px solid #d6beaa; padding: 0 0.8em; float:left; }
.topLinks li a { color: #dbd6be; text-decoration: none; font-size:1.1em; font-weight:bold; border:0 !important; }
.topLinks li a:hover { color:#64514a !important; }

.button { height: 43px; background:url(images/button-left.png) left top no-repeat; float:left; margin: 0 45px 0 -0.1em; padding:0; cursor:pointer; }
.button a { display: block; height: 43px; background:url(images/button-right.png) right top no-repeat; float:left; padding: 0 23px 0 23px; margin: 0 -23px 0 0; cursor:pointer; font:normal normal normal 12px/43px "Candara","Helvetica Neue",helvetica,arial,sans-serif; text-decoration:none; color:#fffbf3 !important; border:0 !important; }
.button:hover,
.button .sfhover { background-position:left bottom; }
.button a:hover { background-position:right bottom; }

#callAction { width:250px; position:absolute; top:482px; right:13em; z-index:7; }

/*.Bigbutton { height: 32px; background:url(images/big-button-left.png) left top no-repeat; float:left; margin: 0 25px 0 -0.1em; padding:0; cursor:pointer; }
.Bigbutton a { display: block; height: 32px; background:url(images/big-button-right.png) right top no-repeat; float:left; padding: 0 17px 0 17px; margin: 0 -13px 0 0; cursor:pointer; font:bold normal normal 13px/32px "Helvetica Neue", helvetica,arial,sans-serif; text-decoration:none; color:#6a4921 !important; border:0 !important; }*/

input.button { background:url(images/signupbutton.png) left top no-repeat; display:block; float:left; border:0; width:72px; height:27px; font:bold normal normal 11px/27px "Helvetica Neue", helvetica,arial,sans-serif; color:#6a4921; cursor:pointer; }

input.inputForm { width:; height:24px; background:url(images/inputbg.gif) left top repeat-x; border:1px solid #d4c6b8; float:left; margin:0 0.5em 0 0; }

/* 5.CONTENT
--------------------------------------- */

/* Hidden Content
--------------------------------------- */

.rss { display:none; }


/* 5.2 SEARCH
-----------------------------------------------------------------------*/

.search { width:265px; height:29px; padding:1.5em 2.5em 2em 0; margin:0 0 0 0; float:right; position:relative; z-index:3; clear:both; }
.searchInput { display:block; width:158px; height:19px; background: url(images/search-input.png) left top repeat-x; padding:1em 1em 0 1em; *line-height:29px; border:0; font-size: 11px; float:left; color:#796a61;  }
.searchButton { display:block; background: url(images/search.png) left top no-repeat; border:0; width: 80px; height:29px; padding:0; margin:0; font-size:1px; text-indent:-500em; overflow:hidden; float:right; cursor:pointer; color:#fff; }

#footerBottom .search { margin:-6em 0 0 0; padding:0 6em 0 0; clear:both; }

.divider { display:block; border-top:1px solid #efefef !important; border-bottom:0 !important; line-height:50px !important; clear:both; }

.icon { border:0 !important; margin:0 -1em 0 -2.3em !important; padding:0 0 0 0 !important; }

p { color:#333; font:normal normal normal 13px/18px "Candara","Helvetica Neue",helvetica,arial,sans-serif; padding:0 0 1.5em 0; }
small { font-size:0.9em; }

p img { padding: 15px; margin: 0 15px 19px 0; border: 1px solid #f8f8f8; box-shadow: 2px 2px 3px #888; float: left; }

#primaryContent { color:#333; font: normal normal normal 13px/18px "Candara","Helvetica Neue",helvetica,arial,sans-serif; }

.featuredLeft h2,
.featuredLeft h3 { color:#232323; font:bold normal normal 42px/1em "Candara","Helvetica Neue",helvetica,arial,sans-serif; margin:0 0 0.2em 0; padding:0;
text-shadow: #dedede 0px 2px 0px; } 
.featuredLeft h2 span { color:#565656; }
.featuredLeft,
.featuredLeft p { color:#fefefe; font-size:15px; line-height:1.3em; }
.featuredLeft a { color:#fefefe; }

.featuredMiddle h2 { color:#00171d; }
.featuredMiddle, .featuredMiddle p { color:#6c7577; font-size:14px; line-height:22px; text-align:right; }

.seperatedContent { display:block; width:100%; border-top:1px solid #4f4741; border-bottom:1px solid #4f4741; padding:1em 0; margin:0 0 2em 0; float:left; font-size:16px !important; }
.shaded { color:#d3bdb1; }

#secondaryContent .postDate,#secondaryContent .eventDate { font:normal normal normal 11px/18px "Candara","Helvetica Neue",helvetica,arial,sans-serif !important; color:#d8d8d8; padding:0; margin:0; }
#secondaryContent .postInfo em { display:none; }

#primaryContent ul,
#tertiaryContent ul,
#Extra ul { padding:0 0 2em 0; list-style:none; }
#primaryContent ul li,
#Extra ul li { background: url(images/bulletBox.png) left 0.9em no-repeat; padding:0 0 0 20px; color:#9f4a11; font-size:12px; font-weight:bold; line-height:28px; }
#primaryContent ul li a,
#Extra ul li a { color: #9d3418; }

#secondaryContent h1,
#secondaryContent h2,
#secondaryContent h3,
#secondaryContent h4 { font-size:18px; }
#secondaryContent h2 a,
#secondaryContent h3 a,
#secondaryContent h4 a { display:block; color:#44abe5; padding:0 0 1em 0; margin:0 0 1.5em 0 ; border-bottom:1px solid #efefef !important; }

#inside #secondaryContent { font:normal normal normal 12px/18px "Candara","Helvetica Neue",helvetica,arial,sans-serif !important; }
#inside #secondaryContent h1 { background:transparent; color:#f8f8f8; font-size:14px; padding:0 0 0 2em; margin:0 !important; }
#inside #secondaryContent h1 ul { margin:0; padding:20px; }
#inside #secondaryContent ul { list-style:none; margin:0; padding:20px; }
#inside #secondaryContent ul li { padding:0 0 1em 0; }
#inside #secondaryContent ul li a { color:#fff !important; font-weight:bold; }

#secondaryContent p { font-size: 13px; }

.blogContent { list-style:none; margin:0 0 0 -30px; }    
.blogContent li { padding:0 0 15px 30px; border-bottom:1px solid #efefef; }

#primaryContent .postDate,#primaryContent .eventDate { font:normal normal normal 12px/18px "Candara","Helvetica Neue",helvetica,arial,sans-serif !important; color:#666; padding:0; margin:0; }
#primaryContent .postInfo em { display:none; }

.eventsList ul { list-style:none; }
.eventsList ul li { padding:0 0 1.2em 0; font: bold normal normal 1.31167em/1.2em "Candara","Helvetica Neue",helvetica,arial,sans-serif; }

table { clear:both; }

/* Extra Content Text
--------------------------------------- */
#Extra { color:#2b230f; }

.extraContentOne h3 { font: bold normal normal 1.8em/1.2em "Candara","Helvetica Neue",helvetica,arial,sans-serif; padding:0 0 0.4em 0; color:#2b230f; }
.extraContentTwo h3 { font: bold normal normal 1.8em/1.2em "Candara","Helvetica Neue",helvetica,arial,sans-serif; padding:0 0 0.4em 0; color:#b25617; }
.extraContentThree h3 { font: bold normal normal 1.8em/1.2em "Candara","Helvetica Neue",helvetica,arial,sans-serif; padding:0 0 0.4em 0; color:#633b12; }
.extraContentFour h3 { font: bold normal normal 1.8em/1.2em "Candara","Helvetica Neue",helvetica,arial,sans-serif; padding:0 0 0.4em 0; color:#7d9e03; }

/* Featured Content
--------------------------------------- */

.featuredRight span a {
    color:#efede2;
    font-size:12px;
    border:0;
    margin:0.5em 0 0 0;
    float:left;
}

/* ContentBox
--------------------------------------- */

.ContentBox {
    width:280px;
    padding:0 2em 2em 0;
    float:left;
}

/* middleContentBox
--------------------------------------- */

.middleLeft {
    width:360px;
    padding:0 7.8em 4em 0;
    float:left;
}
.middleRight {
    width:360px;
    padding:0 0 4em 0;
    float:right;
}

/* Links List
--------------------------------------- */

.socialMediaLinks { width:295px; padding:0; font:normal normal normal 13px/1.2em "Candara","Helvetica Neue",helvetica,arial,sans-serif; color:#797470; float:left; }
.socialMediaLinks a { color:#797470; }

/* Section Title
--------------------------------------- */

.sectionTitle li { display:none; }
.sectionTitle .selectedPageRoot, 
.sectionTitle .hasChildren.selectedPage { list-style:none; background-image:none !important; display:block; padding:0; margin:-1.5em 0 0 0; color:#2c2513 !important; border:0 !important; font:bold normal normal 18px/34px "Candara","Helvetica Neue",helvetica,arial,sans-serif; float:left; }

.sectionTitle .selectedPage { color:#2c2513 !important; border:0 !important; }


/* <textEditor> */

.left {float:left;}
.right {float:right;}

/* </textEditor> */

img[align="right"], 
img.right { float:right; margin:5px 0 5px 8px; }    

img[align="left"], 
img.left { float:left; margin:5px 8px 5px 0; }

p[align="right"], 
p.right { float:right; margin:5px 8px; }    

p[align="left"], 
p.left { float:left; margin:5px 8px; }

/* Breadcrumb
--------------------------------------- */

.breadCrumb { width:100%; height:34px; font:bold normal normal 12px/34px "Candara","Helvetica Neue",helvetica,arial,sans-serif; margin: -3em 0 0 0; padding:0 0 3em 0; float:left; color:#a4a4a4; }
.breadCrumb a { color:#000 !important; text-decoration:none !important; border:0 !important; }

/* Footer
--------------------------------------- */
#bellowFooter p { color:#837D6F; padding:10px 0; float:left; font-size:11px; padding:0 0 0 5em; }
#bellowFooter p a { color:#837D6F; border:0 !important; }

ul.footerNav { width: 135px; list-style:none; margin:0; padding:0 3em 10px 3em; float:left; }
.FirstCol { padding-left:0px !important; }
ul.footerNav li { display:block; list-style:none; position:relative; padding:0; margin:0; }
ul.footerNav a:link,
ul.footerNav a:visited,
ul.footerNav a:active { height:20px; color:#6a6665; font:normal normal normal 1.2em/30px "Candara","Helvetica Neue",helvetica,arial,sans-serif !important; padding:0; border:0 !important; }
ul.footerNav a.first { color:#5D4733; font-weight:bold !important; font-size:1.4em !important; line-height:20px; }
#radium3 {float:right; margin: 0 30px 0 0;}

/* 7.1. ADMIN
-----------------------------------------------------------------------*/

#admin #mainContent { padding:4em 0 0 0; }

html body #adminbar { width: 100% !important; display: block; }
html body #adminbar #toolbar,
html body #adminbar #pagebar { display: block; }


/* 8.ACCESABILITY
---------------------------------------------------------------------- */
#accessibility { position: absolute; top: -9999px; left:0; /* IE */ font-size: 1px; }

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */