* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/18px Arial,sans-serif; color: #4b4b4b; text-align: left; background: #f2f2f2 ; }

a { color: #224466; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 936px; }

#header{height:74px; background:#bfdcdc; border-bottom:solid 1px #a2c8c8}

h1#logo{
    text-indent: -4000px;
    line-height:0;
    font-size: 0;
    width:179px;
    height:74px;
    float: left;
    display: inline;
}
h1#logo a{
    display: block;
    height:74px;
    background:url(/images/logo.gif);
}

h2{font-size: 35px; line-height:37px; color:#fff;}
h3{font-size: 25px; color:#fff; line-height:28px;}


.small-nav{float: right; display: inline; font-size: 15px;}
.small-nav ul{list-style-type: none; padding-top:50px}
.small-nav li{float: left; display: inline; background:url(/images/sep.gif) no-repeat right center; padding:0 15px}
.small-nav li.last{background-image: none;}
.small-nav li a{float: left; color:#4191b2}
.small-nav li.active a{color:#757677}

.welcome{background:url(/images/welcome_new.png) right no-repeat; width:936px; height:304px}
.welcome .cnt{padding:0 20px 0 330px; font-size: 22px; height:304px; background-repeat:no-repeat; background-position:4px 7px; position:relative; }
.welcome .cnt  p{color:#4b4b4b; font-style: italic; line-height:24px; padding-top:10px}
.welcome h2{font-size: 48px; color:#fff; line-height:42px; padding-top:17px; padding-bottom:20px;}

.yo-dell-head { background-image:url(/images/yo-dell-head.jpg);}
.new-ico { position:absolute; top:220px; left:840px; background-image:url(/images/new-ico.gif); width:72px; height:69px;}

#content{padding-top:15px}

.game-box{background:url(/images/rep.gif) repeat-y; width:936px;}
.game-box ul{list-style-type: none; padding-left:15px; min-height:286px}
.game-box li{float: left; height:286px; width:299px; position:relative; padding-right:7px}
.game-box li span{
    position:absolute;  
    top:210px; 
    left:0; 
    z-index: 10; 
    display: block; 
    width:284px;
    height:48px; 
    line-height:48px; 
    background:#bfdcdc; 
    color:#0e0e0e; 
    font-size: 36px; 
    text-align: right;
    padding-right:12px;
}


.game-box li a{ text-decoration:none }
.game-box .top{background:url(/images/top.gif) no-repeat; width:936px;}
.game-box .bot{background:url(/images/bot.gif) no-repeat 0 bottom; width:936px; padding-bottom:20px}
.game-box .second-bot{background:url(/images/bot2.gif) no-repeat 0 bottom; width:936px; padding-bottom:20px}
.game-box h3{background:url(/images/down.gif) no-repeat 0 21px; line-height:44px; margin-top:2px; font-weight: bold; padding-left:23px; margin-left:15px; padding-top:5px; padding-bottom:4px;}
.game-box h2{ line-height:44px; font-weight: bold; padding-left:23px; margin-left:15px; padding-top:5px; }

.game-box .inner{background:url(/images/inner.gif) no-repeat;  margin-left:4px; padding-top:50px}
.game-box .inner ul{list-style-type: none;}
.game-box .inner li{float: left; width:445px; height:173px; padding-bottom:25px}
.game-box .inner li .description{float: left; width:232px; font-size: 12px; padding-left:20px; color:#272727}
.game-box .inner li .description h4{font-size: 21px; font-weight: normal; color:#272727; padding-bottom:5px; padding-top:5px}
.game-box .inner li a{float: left; }
.game-box .inner li a img{display: block;}

.intro h2{font-size: 45px; font-weight: bold; font-family: arial, sans-serif; line-height:47px; padding-top:8px}
.intro .frm a.app-store{float: right; background:url(/images/app-store.gif); width:133px; height:47px; margin-top:7px; margin-right:23px}

.overly {background:url(/images/pvbackground.png) no-repeat; background-position: top right; height:295px; margin-left:-1px; }


.right-col{width:621px; float: right; display: inline; background:url(/images/repeated.png) repeat-y; position:relative; margin-left:-5px}
.right-col .btm{width:621px; background:url(/images/bottom-end.png) no-repeat 0 bottom; padding-bottom:50px;margin-bottom:-15px;}
.right-col .decoration-box{width:583px; background:#d6eaea url(/images/dots.gif) no-repeat 0 0;  margin-left:5px; padding:20px 0 45px 25px;font-size: 14px !important; line-height:24px !important;}
.right-col .decoration-box p.indent{padding-left:35px}
.right-col .decoration-box h2{color:#272727; padding-bottom:15px}
.right-col .decoration-box li{list-style-position:inside;}

p.news{font-size: 14px; font-weight: bold; padding-bottom:22px}
p.news span{color:#919c9c; font-weight: normal; padding-right:5px}
p.news em{font-style: italic; color:#4ea0c2; font-weight: normal; background:#f6f1d2; padding:0 4px}

.left-col{float: left; display: inline; width:319px; }
.left-col .box{float: left; display: inline; width:319px; background:url(/images/rep2.gif) repeat-y; margin-bottom:5px}
.left-col .box ul.apps{list-style-type: none; padding-left:30px; padding-top:17px}
.left-col .box ul.apps li{float: left; width:119px; height:78px; margin-right:14px; margin-bottom:11px; position:relative; z-index: 1;}
.left-col .box ul.apps li p.btm-title{
    display: block; 
    background:url(/images/btm-title.gif); 
    width:114px; 
    height:20px; 
    position:absolute; 
    bottom:0; 
    left:0; 
    z-index: 100; 
    font-size: 13px; 
    text-align: right; 
    color:#0e0c0d; 
    padding-right:5px;
    
}
.left-col .box ul.apps li a{float: right;}
.left-col .box ul.apps li a img{display: block;}
.left-col .box .centered{width:265px; margin:0 auto}
.left-col .box .scroll-box{width:265px; overflow-y:scroll; overflow-x:hidden; height:183px;  background:#f2ffff;border-top:solid 1px #c9c9c9 }

.left-col .box .scroll-box ul{width:265px; list-style-type: none; background:#f2ffff; font-size: 14px; color:#2d2d2d; }
.left-col .box .scroll-box li{width:245px; padding:6px 0; padding-left:20px}
.left-col .box .scroll-box li p.green{color:#1b8198}
.left-col .box .scroll-box li.odd{background:#eeeeee;}
.left-col .tabs{height:34px}
.left-col .tabs ul{height:27px; list-style-type: none; padding-top:7px}
.left-col .tabs li{height:27px; font-size: 15px; font-weight: bold; float: left; text-align: center; padding:0 0px 0 7px}
.left-col .tabs li a{background:url(/images/tab.gif); width:77px; float: left; line-height:27px; color:#5eb2c5; }
.left-col .tabs li a:hover{text-decoration: none;}
.left-col ul.carousel{padding-top:20px; height:160px; padding-bottom:10px;padding-left:4px;}
.left-col ul.carousel li{float: left; display: inline; margin-right:6px; }
.left-col ul.carousel li.larr{background:url(/images/larr.gif) no-repeat; width:20px; height:45px; margin-top:56px}
.left-col ul.carousel li.rarr{background:url(/images/rarr.gif) no-repeat; width:20px; height:45px; margin-top:56px}
.left-col h3{padding-left:15px; padding-bottom:2px}
.left-col h3.rounded{background:url(/images/rounded.gif); width:300px; height:32px; padding-bottom:0; margin-left:5px; margin-top:11px; padding-top:6px;}
.left-col .field{width:248px; border:solid 1px #606060; background:#fff9df; font-size: 14px; line-height:16px; color:#5f5f5f; font-style: italic; padding:2px 0; margin-bottom:6px}
.left-col .dropdown{width:252px;}
.left-col .btnp input{
    width:95px; 
    height:28px; 
    background:url(/images/btn.gif); 
    float: right; 
    border:0; 
    font-size: 18px; 
    font-family: arial, sans-serif; 
    font-weight: normal; 
    margin-top:6px; 
    cursor:pointer;
}
.left-col form{padding-left:31px; padding-top:10px; width:253px; }
.left-col .dotted{width:300px; background:url(/images/inner-dots.gif) no-repeat; margin-left:7px; }
.left-col .bottomside{float: left; display: inline; width:319px; background:url(/images/btm2.gif) no-repeat 0 bottom;  padding-top:10px; padding-bottom:21px; margin-left:-2px;}
.left-col .topside{float: left; display: inline; width:319px; background:url(/images/top2.gif) no-repeat;}

.contact{width:220px; text-align: center; font-size: 19px; line-height:21px; padding-left:28px; float: left; display: inline; padding-top:20px}
.contact h4{font-size: 29px; line-height:31px;}
.contact p{padding-bottom:21px}
.contact a{color:#4ea0c2; background:#f6f1d2; padding:0 2px}

.logo-frame{background:url(/images/logo2.gif) no-repeat; float: left; display: inline; width:158px; height:159px; margin:0 70px}

.short-description{float: left; font-size:17px;font-style:italic;height:auto;line-height:24px;width: 303px; margin-left:-36px; width:400px;margin-top:-1px;}
.short-description p{padding-bottom:15px}

.second .inner{padding-top:0; padding-left:28px; padding-bottom:25px; background-repeat: no-repeat;margin-bottom:-10px;}
.second .inner a{color:#4ea0c2; background:#f6f1d2; font-weight: bold; padding:0 3px; margin-right:7px; float: left;}
.second .inner p{padding-bottom:4px; float: left; width:700px}

h2.single{color:#4b4b4b; background:#bfdcdc; margin-left:5px; width:895px; padding-left:28px; margin-top:20px; padding-bottom:12px}

#footer{height:31px; background:#00587f; border-top:solid 1px #397c9a; text-align: right; font-size: 10px; line-height:31px; color:#fff; margin-top:15px}

.image-border { position:relative; overflow:hidden; display:block; font-size:0 !important; line-height:0 !important; z-index:1;}
.image-border .border-bg{ position:absolute; top:0; left:0; text-indent: -4000px;}

.image-border-big,
.image-border-big .border-bg{ width:298px; height:286px; }
.image-border-big .border-bg{ background:url(/images/big-border.png) no-repeat 0 0; }

.image-border-middle,
.image-border-middle .border-bg{ width:172px; height:165px; }
.image-border-middle .border-bg{ background:url(/images/middle-border.png) no-repeat 0 0; }

.image-border-small,
.image-border-small .border-bg{ width:119px; height:78px; }
.image-border-small .border-bg{ background:url(/images/small-border.png) no-repeat 0 0; }

#photos{border-color:#999; margin:2em 0;}

div.errorExplanation {
  margin:6px;
  padding:6px;
}
div.errorExplanation h2 {
  font-size:12px;
  font-weight:bold;
  border-bottom:1px solid #999999;
  margin-bottom:0;
  color:#000000 !important;
  line-height : 16px !important;
}
div.errorExplanation li {list-style: none; }

div.errorExplanation ul {
  margin:0;
  padding-left:20px;
}
div.errorExplanation p {
  margin:2px 0;
}
#errors {padding-top:21px;}

#show_blurb {font-size:17px;
font-style:italic;
height:155px;
line-height:24px;
padding-left:14px;
padding-top:25px;
width:550px;}

#show_home {font-size:17px;
font-style:italic;
height:155px;
line-height:24px;
padding-left:34px;
padding-top:25px;
width:550px;}

.u {text-decoration: underline}

.editor_cancel_link {color: #4191B2; text-decoration:none; font-size:16px; padding-left:5px; font-style: normal !important; font-weight: bold}
.editor_cancel { }
.btm p {margin-bottom:5px}
