body{margin:0;padding:0;background-color:#FFF;font-family:"Bell Gothic W01 Bold", "BellGothicStdBold", sans-serif;font-size:12px;line-height:16px;}
img{border:none;}

/*@font-face {
    font-family: "BellGothicStdBold";
    src: url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.eot?') format('eot'),
         url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.woff') format('woff'),
         url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.ttf') format('truetype'),
         url('http://3cd.com/fonts/firefox/bellgothicstd-bold-webfont.svg#webfontGWzKif9g') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: "BellGothicStdBlack";
    src: url('../fonts/bellgothicstd-black-webfont.eot?') format('eot'),
         url('../fonts/bellgothicstd-black-webfont.woff') format('woff'),
         url('../fonts/bellgothicstd-black-webfont.ttf') format('truetype'),
         url('../fonts/bellgothicstd-black-webfont.svg#webfontZesJBWw4') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "BellGothicStdBold";
    src: url('../fonts/bellgothicstd-bold-webfont.eot?') format('eot'),
         url('../fonts/bellgothicstd-bold-webfont.woff') format('woff'),
         url('../fonts/bellgothicstd-bold-webfont.ttf') format('truetype'),
         url('../fonts/bellgothicstd-bold-webfont.svg#webfontGWzKif9g') format('svg');
    font-weight: normal;
    font-style: normal;

}

#wrapper{position:relative;width:950px;height:auto;margin:0 auto;padding:0;}
#left{height: 650px; position:fixed; top: 63px; width: 135px; z-index: 999;}
*html #left{position:absolute;}
#nav{width:133px;height:194px;padding:0;background:url(../images/nav_combo.gif) no-repeat top left;}
#home_link{ width:133px;height:60px;}
#home_link a{display:block;width:133px;height:60px;}
#home_link a span{display:none;}
#nav.work{background-position:-135px 0;}
#nav.talk{background-position:-270px 0;}
#nav.play{background-position:-405px 0;}
#nav ul{margin:0;padding:30px 0 0 0;list-style:none;}
#nav ul li{margin:0;padding:0;}
#nav ul li a{display:block;width:133px;height:29px;}
#nav ul li a span{display:none;}
#nav ul li a.work:hover{background-position:-135px 0;}
#nav ul li a.talk:hover{background-position:-270px 0;}
#nav ul li a.play:hover{background-position:-405px 0;}

#nav ul ul { display:none;position: absolute; top:0; left:115px;width:100px;height: auto;margin:0;padding:0;}
#nav ul ul.work_menu{top:41px;}
#nav ul ul.work_menu{background:url(../images/nav_work_bg.png) no-repeat 0 0;width:85px;height:83px;}
#nav ul ul.work_menu li{ }
#nav ul ul.work_menu li a,
#nav ul ul.talk_menu li a,
#nav ul ul.play_menu li a{display:block;width:71px;height:73px;padding:10px 0 0 14px;color:#878686;line-height:20px;margin:0;text-decoration:none;}
#nav ul ul.work_menu li a:hover{color:#f05a22;}
body.portfolio #nav ul ul.work_menu li a{color:#f05a22;}
#nav ul ul.talk_menu{ top:87px;}
#nav ul ul.talk_menu{background:url(../images/nav_blog_bg.png) no-repeat 0 0;width:85px;height:83px;}
#nav ul ul.talk_menu li{ }
#nav ul ul.talk_menu li a{ }
#nav ul ul.talk_menu li a:hover{color:#15bdce;}
body.blog #nav ul ul.talk_menu li a{color:#15bdce;}
#nav ul ul.play_menu{top:140px;}
#nav ul ul.play_menu{background:url(../images/nav_play_bg.png) no-repeat 0 0;width:85px;height:83px;}
#nav ul ul.play_menu li{ }
#nav ul ul.play_menu li a{ }
#nav ul ul.play_menu li a:hover{color:#a4af34;}
body.play #nav ul ul.play_menu li a{color:#a4af34;}
#nav ul ul li {height: auto;background-color: transparent;display: block;width: 100px;}
#nav ul ul li a {display:block;padding:0;height:auto !important;width:100px;}
#nav ul ul li>a {display: block;padding:0;margin:0;width: auto;}
#nav ul ul li a:hover {display:block;text-decoration:none;}
#nav li:hover ul {display: block;}
#nav li.over ul {display: block;}

/*#footer{width:auto;height:auto;margin:21px 0 0 0;}*/
#footer{border: 1px solid #DDDDDE; min-height: 74px;height: auto;padding: 28px 0 28px 28px;width: 102px;margin:21px 0 0 0;}

#social_media{padding: 0px 0 0px 0;}
body.home #social_media, body.play #social_media{margin-top: 56px;}

#social_media ul{margin:0;padding:0;list-style:none;}
#social_media ul li{margin:0;padding:0;display:block;width:100px;height:18px;}
#social_media ul li:last-child{margin-bottom:0;}
#social_media ul li a{display:block;height:18px;}
#social_media ul li a span{display:none;}
#social_media ul li.facebook{margin-bottom:15px;}
#social_media ul li.twitter{margin-bottom:15px;}
#social_media ul li.facebook a{background: url(../images/smed_FB_combo.gif) no-repeat top left;}
#social_media ul li.twitter a{background: url(../images/smed_twitter_combo.gif) no-repeat top left;}
#social_media ul li.rss a{background: url(../images/smed_RSS_combo.gif) no-repeat top left;}

#social_media ul li.facebook a:hover,
#social_media ul li.twitter a:hover,
#social_media ul li.rss a:hover{background-position: 0 -18px;}

#work_nav{ margin-bottom: 20px;/*background-color: #FFFFFF; border:1px solid #DDDDDE; height: auto; padding: 28px 0 29px 28px;width: 102px;*/}
#work_nav ul{margin:0;padding:0;list-style:none;}
#work_nav ul li{margin:0 0 9px 0;padding:0;color:#B1B1B4;}
#work_nav ul li:last-child{margin:0;}
#work_nav ul li a{display:block;width:105px;color: #878686;text-decoration:none;}
#work_nav ul li a:hover{color:#f05a22;text-decoration:none;font-weight:normal;}
#work_nav ul li a span{/*display:none;*/}

#work_nav ul ul.who_menu, #work_nav ul ul.portfolio_menu, #work_nav ul ul.contact_menu{ top: 241px; display:none;position: absolute; left:115px;margin:0;padding:10px 0 0 14px;background:url(../images/portfolio_hoverbox.png) no-repeat top left;width:70px;height:73px;}
/*#work_nav ul ul.who_menu{top: 241px;}
#work_nav ul ul.portfolio_menu{top:241px;}
#work_nav ul ul.contact_menu{top:241px;}*/
#work_nav ul ul.submenu {margin: 2px 0 0 -7px;}
#work_nav ul ul.submenu ul li:first-child{margin: 0 0 0 -7px;}
#work_nav ul ul.submenu ul li{line-height:15px;}
#work_nav ul ul.submenu ul{margin: 0 0 0 7px;}
#work_nav ul ul li {height:auto;background-color:transparent;margin:0;color: #878686;line-height:20px;}
#work_nav ul ul li a {display:block;padding:0;margin:0;height:auto !important;color: #878686;}
#work_nav ul ul li>a {display: block;padding:0;margin:0;width: auto;}
#work_nav ul ul li a:hover {display:block;text-decoration:none;font-weight:normal;color:#f05a22;}
#work_nav li:hover ul {display: block;}
#work_nav li.over ul {display: block;}
#work_nav p {line-height: 15px;font-size: 12px; margin:0 0 0 7px; text-indent:-7px;}


#flash{height:173px;padding:0;margin:0;width:130px;}

#footer_links{   border-top: 1px solid #DDDDDE;
    height: auto;
    position: fixed;
    top: 650px;
    width: 130px;}
/*body.home #footer_links, body.weare #footer_links, body.contact #footer_links, body.play #footer_links{margin-top:173px;}*/
/*body.general.portfolio.education #footer_links, body.general.portfolio.rest #footer_links, body.general.portfolio.flashback #footer_links{margin-top:10px}*/
#footer_links #copyright{text-align:left;width:auto;font-size:9px;color:#B1B1B4;}
#footer_links #copyright span{display:none;}
#footer_links #terms{width:40px;height:11px;float:left;display:none;}
#footer_links #terms a{background: url(../images/sm_feedback.gif) no-repeat top left;width:40px;height:11px;display:block;}
#footer_links #terms a:hover{background-position:0 -11px;}
#footer_links #terms a span{display:none;}

#content{/*float:left;padding:225px 0 30px 240px;*/padding:0 0 30px 0;position:absolute;left:240px;top: 122px;margin:0;height:auto;width:660px;display:inline;color:#878686;}
#content a{color:#6BBDDA; text-decoration:none;}
#content a:hover{color:#f05a22;}
#content p, #contact_form label{padding:0;margin:0 0 10px 0;color:#878686;}
#content p span.sm{font-size:13px;}
#content .project{width:660px;height:auto;padding:0;margin:0 0 50px 0;}
#content .project h2{padding:0;margin:11px 0 9px 0;font-size:16px;color:#535252;font-weight:normal;} 
#content .project .project_top{padding:0 0 22px 0;border-top:1px solid #DDDDDE;width:655px;}
#content .project .project_body{ }
#content .project .project_body .image{ }
#content .project .project_body .image.lakeview { margin-top:-5px;}
#content .project .project_body .image img{width:660px;}

/*sections*/

/*General*/
h2 a{text-decoration:none;}
#flash{display:none;}
body #content .game {height: 120px;}
body #content .game p { line-height: 18px; margin-top: 15px;}
body #content .game .icon{float: left;margin: 0 20px 0 0;}
body #content .game {
    color: #878686;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    position: relative;
}
body #content .game h2, body.error #content h2, body #content #blogfeed h2, body.unityplayer #logo h2{font-size:24px;margin:0 0 5px 0;font-weight:normal;color:#535252;}
body.error #content h2{color:#878686;}
body.error #content p{font-size:14px; margin: 20px 0 0 0;}
/*body.general #social_media{display:none;}*//* Hides Social Media Nav on interior pages */
/*body.general #flash{display:none;}
body.play #flash{display:none;}
body.general.portfolio #flash{display:block;}
body.general.portfolio.weare #flash{display:none;}
body.general.portfolio.contact #flash{display:none;}*/

/*Feedback*/
body.feedback #work_nav{display:none;}

/*Home Page*/
body.home #work_nav{display:none;}
body.home #blogfeed ul {margin:10px 0 0 0; padding:0;}
body.home #blogfeed .post_list li{font-size: 13px; line-height: 19px;font-size:14px; font-weight:normal;padding: 8px 0;border-bottom: 1px solid #EEE;}
body.home #blogfeed .post_list li .timeago{ color: #535252; font-size: 10px; letter-spacing: 1px;}	
body.home #blogfeed .post_list li:nth-child(odd) {/*background: #eee*/}
body.home #blogfeed .post_list li:last-child {border-bottom: none;}
body.home #blogfeed .post_list li.tall{height: 75px;}
body.home #blogfeed .post_list a{text-decoration:none}
body.home #blogfeed .post_list img{margin-right: 10px; float: left; vertical-align: text-top;}
/*body.home #footer_links{margin-top:173px;}*/

/*Portfolio Section*/
body.portfolio #nav{background-position:-135px 0;}
body.portfolio.ourportfolio #work_nav ul ul.portfolio_menu,
body.portfolio.education #work_nav ul ul.portfolio_menu,
body.portfolio.rest #work_nav ul ul.portfolio_menu,
body.portfolio.flashback #work_nav ul ul.portfolio_menu{/*display:block;*/}
body.portfolio #nav.talk{background-position:-270px 0;}
body.portfolio #nav.play{background-position:-405px 0;}
body #social_media ul{height:18px;}
body #social_media ul li {width:18px;float: left;margin: 0 10px 0 0;}
/*body.portfolio #footer_links{margin-top:124px;}*/

/*Portfolio - Who We Are*/
body.portfolio.weare #work_nav .submenu{display: none;}
body.portfolio.weare #work_nav ul li#worknav_who_we_are a{color:#f05a22;font-weight:normal;}
body.portfolio.weare #work_nav ul li#worknav_who_we_are ul li a{font-weight:normal;color: #878686;}
body.portfolio.weare #work_nav ul li#worknav_who_we_are ul li a:hover{color:#f05a22;}
body.portfolio.weare #content .project{ border-top:1px solid #DDDDDE;width:643px;}
body.portfolio.weare #content h1{font-size:32px;line-height:36px;color:#f05a22;margin:12px 0 22px 0;padding:0;}
body.portfolio.weare #content h1 span.grey{font-size:24px;font-weight:normal;color: #878686;}
body.portfolio.weare #content p, body.portfolio.error #content p{ font-size:24px;line-height:36px;font-weight:normal;margin:0 15px 24px 0;color: #878686;}
body.portfolio.weare #work_nav ul ul.who_menu {/*display:block;*/}
body.portfolio.weare #content .bucket{ border-top:1px solid #DDDDDE;width:643px;padding:20px 0 0 0;}
body.portfolio.weare #content .bucket img{width:643px;margin-bottom:12px;}
body.portfolio.weare #content .bucket h2{font-size:24px;margin:0 0 20px 0;font-weight:normal;color:#535252;}
body.portfolio.weare #content .bucket p{font-size:15px;line-height:19px;margin:0 0 20px 0;}
/*body.portfolio.weare #flash {height: 161px;margin: 0;overflow: hidden;padding: 12px 0 0;width: 130px;}*/

/*Portfolio - Our Portfolio */
body.portfolio.ourportfolio #work_nav ul li#worknav_our_portfolio a{color:#f05a22;font-weight:normal;}
body.portfolio.ourportfolio #work_nav ul li#worknav_our_portfolio ul li a{color:#b2b3b6;font-weight:normal;}
body.portfolio.ourportfolio #work_nav ul li#worknav_our_portfolio ul li a:hover{color:#f05a22;font-weight:normal;}

/*Portfolio - Education*/
body.education #work_nav ul li#worknav_our_portfolio a{color:#f05a22;font-weight:normal;}
body.education #work_nav ul li#worknav_our_portfolio ul li a{font-weight:normal;color:#878686;}
body.education #work_nav ul li#worknav_our_portfolio ul li#port_education a{color:#f05a22;}
body.education #work_nav ul li#worknav_our_portfolio ul li a:hover{color:#f05a22;}

/*Portfolio - The Rest*/
body.rest #work_nav ul li#worknav_our_portfolio a{color:#f05a22;font-weight:normal;}
body.rest #work_nav ul li#worknav_our_portfolio ul li a{font-weight:normal;color: #878686;}
body.rest #work_nav ul li#worknav_our_portfolio ul li#port_therest a{color:#f05a22;}

/*Portfolio - Flashback*/
body.flashback #work_nav ul li#worknav_our_portfolio a{color:#f05a22;font-weight:normal;}
body.flashback #work_nav ul li#worknav_our_portfolio ul li a{font-weight:normal;color: #878686;}
body.flashback #work_nav ul li#worknav_our_portfolio ul li#port_flashback a{color:#f05a22;}

/*Portfolio - Contact*/
body.portfolio.contact #work_nav .submenu{display: none;}
body.portfolio.contact #work_nav ul li#worknav_contact a{color:#f05a22;font-weight:normal;}
body.portfolio.contact #work_nav ul li#worknav_contact ul li a{font-weight:normal;color: #878686;}
body.portfolio.contact #work_nav ul li#worknav_contact ul li a:hover{color:#f05a22;}
body.portfolio.contact #work_nav ul ul.contact_menu {/*display:block;*/}
body.portfolio.contact h2{font-size:24px;margin:0 0 20px 0;font-weight:normal;color:#535252;}
body.portfolio.contact p{font-size:15px;line-height:19px;margin:0 0 20px 0;}
body.portfolio.contact #content .image{margin-bottom:15px;}
body.portfolio.contact #content .top{margin-bottom:36px;}
body.portfolio.contact #content .bucket{border-top:1px solid #DDDDDE;padding:13px 0 36px 0;}
body.portfolio.contact #content .bucket.noline{border-top:none;padding-top:0;}

/* Contact Form#contact_form {
	
	width: 100%;
}

#contact_form label, span {
	font-size: 15px;
}

#contact_form input {
	height: 20px;
}

#contact_form input, textarea{
	margin-bottom: 12px;
	line-height: 20px;
	font-size: 15px;
	border: 1px solid #DDDDDE;
	color: #878686;
	font-family: "Bell Gothic W01 Bold","BellGothicStdBold",sans-serif;
	
}

#contact_form span {
	margin-left: 15px;
	color: #f05a22;
	
}

#contact_form submit {
	height: 20px;
}
 */

#contact_icon ul{margin:0;padding:0;list-style:none;width:86px;height:18px;}
#contact_icon ul li{margin:0 15px 0 0;padding:0;display:inline;width:18px;height:18px;float:left;}
#contact_icon ul li a{display:block;height:18px;width:18px;}
#contact_icon ul li a span{display:none;}
#contact_icon ul li.facebook{ }
#contact_icon ul li.twitter{ }
#contact_icon ul li.rss{margin-right:0;}
#contact_icon ul li.facebook a{background: url(../images/smed_FB_combo.gif) no-repeat top left;}
#contact_icon ul li.twitter a{background: url(../images/smed_twitter_combo.gif) no-repeat top left;}
#contact_icon ul li.rss a{background: url(../images/smed_RSS_combo.gif) no-repeat top left;}

#contact_icon ul li.facebook a:hover,
#contact_icon ul li.twitter a:hover,
#contact_icon ul li.rss a:hover{background-position: 0 -18px;}


/*Play Section*/
body.play #nav, body.credits #nav{background-position:-405px 0;}
body.play #nav.work{background-position:-135px 0;}
body.play #nav.talk{background-position:-270px 0;}
body.play #work_nav, body.credits #work_nav{display:none;}
body.play #content{top:0;}

body.credits #content h2{font-size:24px;margin:0 0 20px 0;font-weight:normal;color:#535252;}

body.credits #content .bucket, body #content .game, body.home #content #blogfeed {
    border-top: 1px solid #DDDDDE;
    padding: 18px 0 0;
    width: 643px;
    margin-bottom: 30px;
}
body.credits #content .bucket img {
    margin-bottom: 8px;
}
body.credits #content .image{margin-bottom:15px;}
body.credits #content h1{font-size:32px;line-height:36px;color:#15BDCE;margin:12px 0 22px 0;padding:0;}
body.credits #content .project{ border-top:1px solid #DDDDDE;width:643px;}
body.credits #content  #credits ul, li{ list-style:none; padding:0; margin:0}
body.credits #content #credits ul ul{font-size: 90%; line-height: 20px; margin-left: 40px;}

/*body.play #content #placeholder{background:url(../images/letsplay_placeholder_combo.jpg) no-repeat 0 0;width:576px;height:576px;}
body.play #content #placeholder.hover{background-position:0 -576px;}
body.play #content #placeholder.mouseclick{background-position:0 -1152px;}*/

body.play #placeholder {position:relative;width:576px;height:506px;}
body.play #placeholder div.a {position:absolute;left: 0;top: 0;z-index: 10;background:url(../images/letsplay_placeholder_combo.jpg) no-repeat 0 0;width:576px;height:506px;}
body.play #placeholder div.a:hover{background-position:0 -576px;}
body.play #placeholder div.b {position: absolute;left: 0;top: 0;background:url(../images/letsplay3.jpg) no-repeat 0 0;width:576px;height:506px;}

/* Unity Webplayer */
body.unityplayer #content{width:900px; top:0;position:relative; margin-left:auto; margin-right:auto;left:auto;}
body.unityplayer #content #logo{margin: 10px auto 0; width: 900px;}
body.unityplayer #content #logo img{float:left;}
body.unityplayer #content #logo h2{height: 50px;line-height: 50px;}