/*
Author: Brandon Muth
Author URI: http://www.brandonmuth.com
*/

/************************************************************************/
/******************* Youkipedia StyleSheet *****************************/
/************************************************************************/
/*	
	00. General Settings
	01. Headings & Colours
	02. Header
	03. Home Blog Posts Settings
	04. Content, Home Sidebar
	05. Footer
	06. General Sidebar
	07. Post General Settings
	
	Additional: Common Classes
	
	---------------------------------------------
*/
/************************************************************************/
/************************************************************************/

/*** 00. General Settings ***/
/** ----------------------------------------------------- **/



body {background: #e6e6e6 url(../gfx/background.jpg) top left repeat-x;margin-top: 0px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; text-align: center;}
body#home {background: #b5b5b5 url(/gfx/background2.jpg) top center repeat-x; }
a {outline:none;}
/* Layout Fixes */
.services {padding-left: 8px;}
/* Type */
h1 {font-size: 40px;}
h3 {color: #fff; font-size: 14px;}
h3.green {color: #509c00; font-size: 14px;}
h3.darkgreen {color: #285000; font-size: 14px;}
h3.orange {color: #ff6600; }
h3.black {color: #000; }
h3.team {color: #000; font-size: 14px; margin-top: 0px; padding-left: 1px;}
span.green {color: #fff; background-color: #509c00; padding-left: 3px; padding-right: 3px;}
span.blue {color: #fff; background-color: #104773; padding-left: 3px; padding-right: 3px;}
span.orange {color: #fff; background-color: #92278f; padding-left: 3px; padding-right: 3px;}
h3.ico {margin: 0px; padding-top: 10px; color: #000;}
p {font-size: 12px; color: #000; line-height: 20px;}
p.s16 {font-size: 16px; line-height: 35px;}
p.s16-services {font-size: 16px; line-height: 35px; padding-left: 10px;}
p.promo {font-size: 16px; line-height: 24px; padding-left: 2px; color: #262626;}
p.small {font-size: 10px; line-height: 12px; color: #222;}
p.dark {color: #333;}
p.content {color: #000; line-height: 24px; display: block; }
p.work {clear: both; color: #000; line-height: 24px; padding: 20px 0 0 25px;}
a img {border: none;}
span.highlight {color: #114769;}

/*Links*/
a.blue {font-size: 12px; color: #114769; text-decoration: none; float: left; padding-top: 12px; margin-right: 10px;}
a:hover.blue {font-size: 12px; color: #114769; text-decoration: underline;}
/*Layout*/
div.container {width: 980px; margin: 0 auto; text-align: left;}
div.header {display: block; height: 150px; clear: both;}
div.logo {display: block;}
div.logo img {float: left; margin-top: 0px;}
div.title {display: block; padding-top: 25px; padding-bottom: 40px;}

div.spacer-home {display: block; height: 56px;}
div.spacer-dna {display: block; padding-top: 40px; padding-bottom: 0px;}

div.title-promo {display: block; padding-top: 25px; padding-bottom: 0px;}
img.float-left {float: left; margin-right: 35px;}
img.ico {float: left; margin-right: 0px;}
img.team {float: left; margin-right: 95px; margin-bottom: 50px;}
div.content {display: block;}

div.feature-video {display: block; width: 350px; height: 244px; float: right; background: url(/gfx/video-background.png) top center no-repeat;}
div.join {float: left; width: 625px; display: block;}
div.rush {float: left; width: 355px; display: block;}
div.newsletter {float: left; width: 400px; display: block; }
div.twentyfour {float: right; width: 400px; display: block;}
div.footer {display: block; padding-left: 2px; padding-bottom: 21px;}
div.footer ul {list-style: none; padding: 0px;}
div.footer li {list-style: none; float: left; color: #000 /*#2677a9*/; padding-right: 20px; padding-left: 2px; font-size: 12px;}
div.footer li a {text-decoration: none; color: inherit;}
div.footer li a:hover {text-decoration: underline; color: inherit;}

div.left {width: 300px; float: left;}
div.left-yv {width: 300px; float: left; margin-left: 8px;}
div.middle {width: 300px; margin-left: 25px; float: left;}
div.right {width: 300px; float: left; margin-left: 25px;}
div.right-yv {width: 300px; float: left; margin-left: 30px;}

div.work {float: right; background: url(/gfx/laptop.jpg) top right no-repeat; margin-top: 13px; width: 600px;}
div.work-pic {text-align: center; display: block; padding: 22px 0 0 11px;}
div.work-text {display: block;}
div.work-text h1 {padding: 45px 0 0 25px; margin: 35px 0 7px 0;}
div.work-text h3 {padding-top: 0px; padding-left: 25px; display: block; color: #000; padding-bottom: 0px; margin: 0px;}
div.work-text h3 a {color: #000; text-decoration: none;}
div.work-text h3 a:hover {color: #000; text-decoration: underline;}
div.line {width: 980px; clear: both; margin: 0 auto; height: 100px; background: url(../gfx/line.png) top center no-repeat;}
div.line-content {width: 980px; clear: both; margin: 80px auto 0 auto; height: 48px; background: url(../gfx/line-white.gif) top center no-repeat;}
div.line-footer {width: 980px; clear: both; margin: 0px auto; height: 10px; background: url(../gfx/line-white.gif) top center no-repeat; padding-top: 0px;}
div.line25 {width: 980px; clear: both; margin: 0 auto; height: 69px; background: url(../gfx/line25.png) top center no-repeat;}

/*Featured Work */
div.latest-work {display: block; width: 900px; height: 275px; float: left; }
/** home featured section headings **/
	#featured-info h3 {	font-size: 2em;	margin-bottom: 25px;}
	#featured-info h3 a { color: #000; text-decoration: none;}
	#featured-info h3 a:hover:after {content: " →";}
/*** 03. Home Featured Section ***/
	#featured {	padding-top: 30px; color:#fff}
	
	#featured-info, #home-featured-nav {float: left;}
	#featured-images {float: right;}
	
	#featured-info { width: 312px;	margin-top: 0px; padding-left: 8px;}
	#featured-info ul li {height:275px;}
	#featured-info p {	margin: 10px 0; color:#000}
	#featured-info p strong {color:#fff;}
	
	a.home-read-more-button {background: url(../gfx/buttons/read-more.png) no-repeat; width:103px; height: 42px; margin-top: 25px;
	display:block; text-indent: -9999px; }
	
	/** featured images**/
	#featured-images {width: 591px; height: 440px; background:url(../gfx/laptop.jpg) no-repeat top center; margin-right:-10px;
	position:relative; z-index:2;}
	#images {margin: 22px 0 0 77px;}
	#images ul li {width: 439px; height: 273px; overflow:hidden;}
	span.glare {	background: url(../gfx/computer-glare.png) no-repeat; display:block; position: absolute; right: 65px; top: 22px; width: 219px; height: 239px; z-index: 9; }
	
	/** featured slider navigation **/
	ul#home-featured-nav {	/*background: url(../gfx/buttons/bg-homeslider.png) no-repeat;*/ width: 33px; height: 48px; margin-left: 0px; margin-top: 127px; padding-top: 12px; }
	ul#home-featured-nav li {margin-bottom: 5px;}
	ul#home-featured-nav a {width: 16px; height: 18px; display: block; text-indent: -9999px; margin: auto;
	filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;}
	ul#home-featured-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
	ul#home-featured-nav li.next a {background: url(../gfx/buttons/homeslider-arrow-down.png) no-repeat; margin-left: 10px;}
	ul#home-featured-nav li.prev a {background: url(../gfx/buttons/homeslider-arrow-up.png) no-repeat;}



.read-more {
	margin-top: 20px;
}




/* Homepage Feature Billboards */
#billboards {width: 980px; height: 140px; margin: 0px; clear: both;}
#billboards-left {width: 320px; height: 110px; float: left;}
#billboards-middle {width: 320px; height: 110px; margin-left: 10px; float: left;}
#billboards-right {width: 320px; float: left; margin-left: 10px;}


.imageLoader1 {
background: url(../gfx/menu/home-over.png);
visibility: hidden;
}
.imageLoader2 {
background: url(../gfx/menu/company-over.png);
visibility: hidden;
}
.imageLoader3 {
background: url(../gfx/menu/services-over.png);
visibility: hidden;
}
.imageLoader4 {
background: url(../gfx/menu/team-over.png);
visibility: hidden;
}
.imageLoader5 {
background: url(../gfx/menu/work-over.png);
visibility: hidden;
}
.imageLoader6 {
background: url(../gfx/menu/youkiventures-over.png);
visibility: hidden;
}
.imageLoader7 {
background: url(../gfx/menu/contact-over.png);
visibility: hidden;
}

div.top-menu {float: right; padding: 0px; margin-top: 9px; margin-bottom: 0px;}
div.top-menu ul {list-style: none; margin: 0px; padding: 0px;}
div.top-menu li {list-style: none; float: left; line-height: 30px;}
div.top-menu li.login {background: url(../gfx/ico/lock.png) top left no-repeat; padding-right: 25px; padding-left: 22px; font-size: 12px; color: #114769;}
div.top-menu li.login a {color: #114769; text-decoration: none;}
div.top-menu li.login a:hover {color: #114769; text-decoration: underline;}
div.top-menu li.rfp {background: url(../gfx/ico/rfp.png) top left no-repeat; padding-right: 15px; padding-left: 25px; font-size: 12px; color: #114769;}
div.top-menu li.rfp a {color: #114769; text-decoration: none;}
div.top-menu li.rfp a:hover {color: #114769; text-decoration: underline;}

/* Menu */

/* Rounded Corners */
.xsnazzy {background: transparent; margin:25px 20px 0px 0px; float: left;}
.xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0; padding-bottom:0.5em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {}
.xb1 {margin:0 5px;}
.xb2 {margin:0 3px; }
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; }



#menu-holder {float: right;}
#menu {float: left; display: block; margin: 51px 0 0 120px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; font-size: 13px;}
#menu a {color: #a0a0a0; float: left; text-decoration: none;}
#menu a:hover .xb2, #menu a:hover .xb3, #menu a:hover .xb4, #menu a:hover .xboxcontent { background: #fff;}
#menu span { padding-left: 5px; padding-right: 5px;}
#menu a#button-home {display: block;}
#menu a:hover#button-home {display: block;}
#menu a#button-company {display: block;}
#menu a#button-company:hover {display: block;}
#menu a#button-services {display: block;}
#menu a#button-services:hover {display: block;}
#menu a#button-team {display: block;}
#menu a#button-team:hover {display: block;}
#menu a#button-work {display: block;}
#menu a#button-work:hover {display: block;}
#menu a#button-youkiventures {display: block;}
#menu a#button-youkiventures:hover {display: block;}
#menu a#button-contact {display: block;}
#menu a#button-contact:hover {display: block;}

#menu a span {}

body#home a#button-home, body#home a#button-home:hover {display: block;cursor:default; color: #fff;}
body#home a#button-home .xb2, body#home a#button-home .xb3, body#home a#button-home .xb4, body#home a#button-home .xboxcontent {background:#000; display: block;}

body#company a#button-company, body#company a#button-company:hover {display: block;cursor:default; color: #fff;}
body#company a#button-company .xb2, body#company a#button-company .xb3, body#company a#button-company .xb4, body#company a#button-company .xboxcontent {background:#509c00; display: block; }

body#services a#button-services, body#services a#button-services:hover {display: block;cursor:default; color: #fff;}
body#services a#button-services .xb2, body#services a#button-services .xb3, body#services a#button-services .xb4, body#services a#button-services .xboxcontent {background:#104773; }

body#team a#button-team, body#team a#button-team:hover {display: block;cursor:default; color: #fff;}
body#team a#button-team .xb2, body#team a#button-team .xb3, body#team a#button-team .xb4, body#team a#button-team .xboxcontent {background:#92278f; }

body#work a#button-work, body#work a#button-work:hover {display: block;cursor:default; color: #fff;}
body#work a#button-work .xb2, body#work a#button-work .xb3, body#work a#button-work .xb4, body#work a#button-work .xboxcontent {background:#534741; }

body#youkiventures a#button-youkiventures, body#youkiventures a#button-youkiventures:hover {display: block;cursor:default; color: #fff;}
body#youkiventures a#button-youkiventures .xb2, body#youkiventures a#button-youkiventures .xb3, body#youkiventures a#button-youkiventures .xb4, body#youkiventures a#button-youkiventures .xboxcontent {background:#ff6600; }

body#contact a#button-contact, body#contact a#button-contact:hover {display: block;cursor:default; color: #fff;}
body#contact a#button-contact .xb2, body#contact a#button-contact .xb3, body#contact a#button-contact .xb4, body#contact a#button-contact .xboxcontent {background:#ff0000; }




/* Sub Menu (Work) */

div.submenu {width: 250px; background: #fff; float: left; margin-right: 30px;}
div.submenu ul, li {list-style: none; font-size: 12px; color: #363636; line-height: 36px; border-bottom: 1px dotted #e6e6e6; padding-left: 15px;}
div.submenu li a {color: #363636; text-decoration: none; }
div.submenu li a:hover {color: #454545; text-decoration: underline;}
/* Promos */
div.stimulus-left {width: 680px; float: left; display: block;}
div.stimulus-left ul {float: left; list-style: none; margin-left: 0px; margin-right: 30px; padding-left: 0; }
div.stimulus-left li {line-height: 40px; font-size: 16px; color: #1d77c4; /*#1d77c4;*/ padding-left: 45px; background: url(../gfx/ico/ico-thumb.png) top left no-repeat;}
div.stimulus-right {float: left;}
div.stimulus-disclaimer {clear: both; display: block; padding-top: 25px;}

/* YoukiVentures Billboards */
#ventures-holder {width: 980px; margin: 80px 0 0 0; clear: both;}
div.venture-left {width: 320px; height: 250px; float: left; text-align: center; background: url(../gfx/youkiventures-bg.png) top center no-repeat;}
div.venture-middle {width: 320px; height: 250px; margin-left: 10px; float: left; text-align: center; background: url(../gfx/youkiventures-bg.png) top center no-repeat;}
div.venture-right {width: 320px; height: 250px; float: left; margin-left: 10px; text-align: center; background: url(../gfx/youkiventures-bg.png) top center no-repeat;}


/* YoukiRating */
#youki-rating {width: 1000px; text-align: center; position: absolute; height: 93px; top: 516px; background: url(../gfx/rating.jpg) top center no-repeat;}