/*  
Theme Name: SGE Corporate
Theme URI: http://www.sleepygiant.com
Description: Sleepy Giant Entertainment's corporate website theme.
Version: 1.0
Author: Sleepy Giant Entertainment - russ@sleepygiant.com
Author URI: http://www.sleepygiant.com

	
 */
* {margin:0; padding:0; outline:none;	font-style:normal; font-weight:normal;}
body {font-family:Arial; font-size:11px; background:#CACACA url(images/main_bg.jpg) repeat-x top center; }
a {color:#BE2C10; text-decoration:none;}
a:hover {color:#D95B42;}
a img {border:none;}
.clear {clear:both;}
h2 {color:#FFF; font-size:15px; font-weight:bold; margin-bottom:10px;}
h3 {color:#FFF; font-size:13px; font-weight:bold; margin-bottom:5px;}
h4 {font-size: 16px; color: #85220f; font-weight: bold;	margin-bottom: 20px;}
h5 {font-size: 14px; color: #b0331b; font-weight: bold; margin-bottom: 5px;}
h6 {font-size:14px; color:#85220f; font-weight:bold; margin-bottom:5px;}
p {line-height:150%; color:#b7b7b7; font-size:13px; margin-bottom:5px;}
ul {margin:0;}
li {list-style:none; float:left;}
.read-more-link {font-size:11px;}
strong {font-weight:bold;}

/* index.php styling */
#main-container {width:1000px; margin:0 auto; padding-top:10px;}
#bg-top {width:1000px; height:36px; background:url(images/drop_shadow_top.png) no-repeat;}
#content-container {width:960px; padding:0 20px; background:url(images/outer_glow_bg_repeat.png) repeat-y;}
#bg-bottom {width:1000px; height:40px; background:url(images/drop_shadow_bottom.png) no-repeat;}
#header-container {position:relative; width:960px; background:url(images/outer_glow_bg_top.png) no-repeat; padding:16px 20px 0;}
#header-image-container {height:484px; width:960px;}
#logo {position:absolute; top:45px; left:45px;}
#logo img {}

/* Nav-top */
#nav-top {z-index:2; position:absolute; top:16px; right:20px; height:60px; text-align:right;}
#nav-top ul {}
#nav-top li {}
#nav-top a {cursor:pointer; display:block; height:60px; margin-left:1px; width:128px;}
#nav-top a:hover {background-position:0 -67px;}
#nav-top a:active, #nav-top a.current {background-position:0 -134px;}
#nav-top a span {visibility:hidden;}
#nav-top-our-firm {background:url(images/nav_top_our_firm.png) no-repeat;}
#nav-top-our-projects {background:url(images/nav_top_our_projects.png) no-repeat;}
#nav-top-working-with-us {background:url(images/nav_top_working_with_us.png) no-repeat;}
#nav-top-our-services {background:url(images/nav_top_our_services.png) no-repeat;}

/* Headline */
#headline {position:absolute; right:20px; top:280px; width:690px; padding:15px 20px; color:#FFF; font-size:21px; background:url(images/headline_bg.png) repeat;}
#headline span {}

/* Homepage - Content Boxes */
#left-content {float:left; width:572px; padding:15px 0px 15px 15px;}
#info-boxes-container {}
#info-boxes-container h2.title {color:#000; display:block; font-size:14px;}
#info-boxes-container .content-item {float:left; width:271px; margin-right:15px;}
#info-boxes-container .content-item strong {display:block; font-weight:bold;}
#info-boxes-container .content-item a {font-size:12px;}
#info-boxes-container .content-item a:hover {}
#info-boxes-container .content-item p {color:#2A2929; font-size:12px;}
#info-boxes-container .content-item img {border:1px solid #bfbebe; margin-bottom:10px;}
#right-content {float:left; height:277px; width:373px;}
#right-content .FB_SERVER_IFRAME {border-bottom:1px solid #94a3c4 !important;}

/* Footer */
#outer-glow-footer-container {background:url(images/outer_glow_bg_bottom.png) no-repeat bottom center; margin-bottom:29px; height:43px; position:relative; padding:0 20px;}
#footer-container {background:url(images/footer_bg.jpg) repeat-x; }
#nav-bottom-container {}
#nav-bottom-container a {display:block; cursor:pointer; width:106px; height:27px;}
#nav-bottom-container a:hover {background-position:0 -27px;}
#nav-bottom-container a:active {background-position:0 -54px;}
#nav-bottom-container a span {visibility:hidden;}
#nav-bottom-contact-us {background:url(images/nav_bottom_contact_us.jpg) no-repeat;}
#nav-bottom-stickers {background:url(images/nav_bottom_stickers.jpg) no-repeat;}
#nav-bottom-jobs {background:url(images/nav_bottom_jobs.jpg) no-repeat;}
#footer-text {color:#FFF; position:absolute; right:30px; top:8px;}
#footer-text span {}

/* Dropdown */
.drop-down {position:absolute; top:65px; right:20px; width:109px; background:url(images/drop_down_bg.png) no-repeat bottom left; padding:10px 12px;}
.drop-down ul {}
.drop-down ul li {float:none; padding-bottom:10px;}
.drop-down a {color:#FFF;}
.drop-down a.current {color:#AAA;}
.drop-down a:hover {color:#AAA;}
#working-with-sg-drop-down {}

/* Breadcrumbs */
#breadcrumbs {color:#85220F; margin-bottom:10px;}

/* 2 & 3 column layouts styling */
#layout-header-container {position:relative; width:960px; background:url(images/outer_glow_bg_top.png) no-repeat; padding:16px 20px 0;}
#layout-header-container #header-image-container {height:250px; width:960px;}
#multi-headline {position:absolute; left:20px; bottom:35px; width:690px; padding:15px 20px; color:#FFF; font-size:26px; background:url(images/headline_bg.png) repeat;}
.sub-header {font-size:13px;}
#buffer-container {min-height:300px; height:auto !important; height:300px; padding:20px; background:url(images/slant_gradient_bg.jpg) no-repeat bottom center;}
ul.crew {}
ul.crew li {float:none; margin-left:0;}

/* oce style */
.primary-col li, .secondary-col li, .final-col li {float:none; list-style-type: disc;}
.primary-col p {color: #5b5b5b; font-size:14px; margin-bottom: 15px;}
.primary-col .article-container {}
.secondary-col p, .final-col p {color: #5b5b5b; font-size: 12px; margin-bottom: 15px;}
.secondary-col ul, .final-col ul {color: #5b5b5b;	font-size: 12px; list-style-type: disc;	margin:2px 0 15px 18px; line-height:19px;}
.secondary-col strong {color:#5B5B5B; font-size:12px; font-weight:bold;}

/* 3 COL M*/
.three-col-content-container {width: 912px;}
.three-col-content-container .primary-col {width: 346px; float: left;}
.three-col-content-container .secondary-col {width: 262px; float: left;}
.three-col-content-container .final-col {width: 262px; float: left;}
.three-col-content-container .secondary-col, .three-col-content-container .final-col {margin-left: 21px;}

/* 2 COL M*/
.two-col-content-container {width: 912px; position:relative;}
.two-col-content-container .primary-col {width: 346px; float: left;}
.two-col-content-container .secondary-col {width: 545px; float: left;	margin-left: 21px;}
.three-col-content-container a, .two-col-content-container a {text-decoration: none; color: #b0331b; font-size:12px;}

/* projects page */
/*
#img-holder {height: 360px; margin-bottom: 20px;}
.thumb-item {cursor:pointer; width: 85px;	height: 75px;	position:relative; float: left;	margin: 0 1px 7px 0;}
.thumb-item p {color: #b0331b; font-size: 11px; position: relative; top: 5px;}
.img {position: absolute;	bottom: 0; width: 85px;	height: 50px;	background: #000;}
*/
#project-thumbs {margin-top:5px; height:323px; width:362px; background:url(images/projects/th_bg.png) no-repeat;}
#project-thumbs a {}
#project-thumbs img {}
#project-thumbs .project-thumb {cursor:pointer; float:left; height:80px; margin-bottom:1px; margin-right:1px; width:120px; position:relative;}
#project-thumbs .third {margin-right:0px;}
#project-thumbs .project-thumb .project {z-index:5; width:120px; height:80px; position:absolute;}
#project-thumbs .project-thumb .gel {z-index:4; width:120px; height:80px; position:absolute;}
#loading-div-overlay {height:400px;}
#loading-div-overlay #indicator {position:absolute; right:230px; top:40%;}
#loading-div-overlay #indicator img {}
#loading-div-overlay #indicator span {color:#525151; font-family:Lucida Grande; font-size:10px; left:8px; position:relative; top:5px;}

#atlus_gel {background:url(images/projects/gels/atlus.png) repeat;}
#ballerium_gel {background:url(images/projects/gels/ballerium.png) repeat;}
#gazillion_gel {background:url(images/projects/gels/gazillion.png) repeat;}
#gong_gel {background:url(images/projects/gels/gong.png) repeat;}
#omac_gel {background:url(images/projects/gels/omac.png) repeat;}
#smartbomb_gel {background:url(images/projects/gels/smartbomb.png) repeat;}
#sparkplay_gel {background:url(images/projects/gels/sparkplay.png) repeat;}
#sweety_high_gel {background:url(images/projects/gels/sweety_high.png) repeat;}
#tcdent_gel {background:url(images/projects/gels/tcdent.png) repeat;}
#vogster_gel {background:url(images/projects/gels/vogster.png) repeat;}

#atlus_title {}
#ballerium_title {}
#gazillion_title {}
#gong_title {}
#omac_title {}
#smartbomb_title {}
#sparkplay_title {}
#sweety_high_title {}
#tcdent_title {}
#vogster_title {}

/* contact us page */
#contact-left {width:500px; float:left;}
#contact-left p {color: #5b5b5b; margin-bottom: 15px;}
#contact-right {width:400px; float:left; margin-left:20px;}
.float-container {}
.float-container .left {width:170px; float:left;}
.float-container .right {width:310px; float:left; margin-left:20px;}

/* single page */
.single-container {}
.single-container h2 {color:#85220F; margin-bottom:0px; font-size:16px; font-weight:normal;}
.single-container span {font-size:14px;}
.single-container .primary-col {float:left; margin-right:20px; width:620px;}
.single-container .sidebar-col {float:left; width:250px;}

/* sidebar */
#sidebar {color:#444;}
#sidebar a {font-size:12px; font-weight:bold;}
#sidebar h6 {}
#sidebar .sidebar-footer {margin-top:10px; padding-top:10px; border-top:1px solid #afafaf;}
#sidebar .sidebar-footer a {font-size:12px;}

/* override facebook css 
.fan_box .page_stream {height:229px !important; overflow:scroll !important;}
*/