/* @override 
	http://www.mikeebee.com/css-new/bee_styles.css
	http://www.mikeebee.com/css/bee_styles.css
	http://mikeebee.com/css/bee_styles.css
*/

/* mikeebee.com here website CSS file. Built by Mikee Mother Funkin' Bee himself! */

/* @group Defaults */
/* @group Links defaults */
a:link, #footer-work p a span, #footer p#readmore a, #footer a {
	color: #1E97D0;
	text-decoration: none;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition: color, 200ms, ease-in-out;
    -o-transition: color, 200ms, ease-in-out;
    transition: color, 200ms, ease-in-out;
}

#footer a, #footer p#readmore a {
	color: #B6F02B;
}

#footer a:hover, #footer p#readmore a:hover {
	color: #fff;
}
a:visited {color: #1E97D0;}
a:hover, #testimonials span a:hover {color: #E41F7E;}
a:active {color: #337DAE; outline: none;}
:focus
{
  -moz-outline-style: none;
  outline: none;
}
/* @end */

/* @group Images defaults */
a img,img{border:none;display:block;}
/* @end */

/* @group Headers */
h1 {
	font-size: 260%;
	text-transform: uppercase;
	border-bottom: 1px solid #d8d8d8;
	padding: 0;
	margin: 25px 0;
	padding-bottom: 19px;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 150%;
}
h4 {
	font-size: 130%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}

/* @end */
dl.faq dt {
	cursor: pointer;
	color: #337DAE;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 1em;
}
.pdf {
	background: url(../images/new/pdf-icon.gif) 100% 50% no-repeat;
	padding-right: 28px;
}
p#intro {
	background: #292626;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
	color: #fff;
	float: right;
	padding: 12px 12px 13px 12px;
	line-height: 0;
	font-size: 120%;
	margin: .15em 0 0 0;
}
.cufon-loading { 
	visibility: hidden !important;
}

.cufon-active p#intro { 
	padding: 5px 12px;
}
p, #inner ul {
	font-size: 105%;
}
/* @end */

/* @group Layout */
html {
	background: #292626 url(../images/new/footer-teture.jpg);
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}
body {
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	font-family: "proxima-nova-1", "proxima-nova-2", arial, tahoma, verdana;
}
#inner {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	min-height: 400px;
	padding-bottom: 10px;
	padding: 0 20px;
}
#main {
	width: 629px;
	float: left;
	border-right: 1px solid #D8D8D8;
	padding-right: 30px;
	padding-bottom: 50px;
	position: relative;
}
#main h2 {
	padding-top: .8em;
}
#main h2:first-child, #extra h2:first-child, h2#first {
	margin-top: 0;
	padding-top: 0;
}

#extra {
	width: 270px;
	float: left;
	padding-left: 30px;
}

#extra h2 {
	
}
#header, #footer {
	background: #292626 url(../images/new/fooer-texture.jpg);
	overflow: hidden;
	width: 100%;
	clear: both;

}

#header {
	background-image: url(../images/new/heaer-texture.jpg);
}
#header-inner, #footer-inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
p#logo-sml {
	float: left;
	text-indent: -9999em;
	margin: 60px 0 20px 0;
	padding: 0;
}

p#logo, h1#logo {
	float: left;
	text-indent: -9999em;
	margin: 39px 0 0 0;
	padding: 0;
	padding-bottom: 20px;
	border-bottom: none;

}
p#logo-sml a {
	background: url(../images/new/logo.png) 0 0 no-repeat;
	width: 230px;
	height: 37px;
	display: block;
}

p#logo a, h1#logo a {
	background: url(../images/new/logo-large-softer.png) 0 0 no-repeat;
	width: 230px;
	height: 58px;
	display: block;
}

p#logo a:hover, h1#logo a:hover {
	background-position: 0 -58px;
}

/* @group Footer */
#footer {
	color: #8E8E8E;
	text-align: left;

	border-bottom: none;
}
.footer-box {
	float: left;
	padding: 5px 30px 0 30px;
	border-right: 1px solid #312E2E;
	min-height: 300px;
	height: auto !important;
	*height: 300px;
}
#footer-testimonials {
	width: 238px;
	background: url(../images/new/fo.png) 100% 90% no-repeat;
	padding-right: 0;
	border-right: none;
}
#checkmeout {
	width: 320px;
	padding-left: 0;
}
#footer h2 {
	color: #E8E8E8;
	font-size: 180%;

}

#footer-work img {
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: color, 200ms, ease-in-out;
	-o-transition: color, 200ms, ease-in-out;
	transition: color, 200ms, ease-in-out;
	opacity: 1;
}

#footer-work a:hover img {
	opacity: .4;
	filter: alpha(opacity = 40);
}

#footer-work a.thumb {
	float: left;
	border: 1px solid #fff;
	margin-bottom: 15px;
	position: relative;
	-webkit-box-shadow: 0 0 1px #000;
}

#footer-work p {
	clear: left;
	float: left;
}
#footer-work p a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	line-height: .5em;
}

#footer-work p a:hover span {
	color: #fff;
}
#footer-work a.thumb span {
	 opacity: 0;
	 filter: alpha(opacity = 0);
	  -webkit-transform: rotate(-5deg) scale(1);
	  -webkit-transition-property: scale;
	  -webkit-transition-duration: .4s;
	  -webkit-transition-timing-function: ease-in-out;
	  font-size: 120%;
	  color: #fff;
	  position: absolute;
	  top: -10px;
	  left: 68px;
	  text-shadow: 0 1px 5px #000;
}
#footer-work a.thumb:hover span {
	  opacity: 1;
	  filter: alpha(opacity = 100);
	  color: #fff;
	  z-index: 40;
	  -webkit-transform: rotate(0deg) scale(1.2);
	   top: 40px;
}
#footer-work p a span {
	font-size: 74%;
	display: block;
	color: #b6f02b;
	font-weight: normal;
	font-family: tahoma, arial;
}
p#email-me  {
	margin-top: 30px;
}

p#email-me a {
	background: #B6F02B;
	color: #3E5011;
	padding: 3px 10px;
	font-weight: bold;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
}

p#email-me a:hover {
	background: #E41F7E;
	color: #fff;
}

p#email-me a:active {

}
p#availability {
	color: #595858;
	border-top: 1px solid #312E2E;
	padding-top: 15px;
	clear: both;
	padding-bottom: 15px;
	float: left;
	width: 940px;
	position: relative;
	font-size: 100%;
}
p#availability span {
	float: right;
}
p#availability a {
	color: #676767;
}

p#availability.not-available {
	background: url(../images/new/stop-icon.png) 0 50% no-repeat;
	padding-left: 25px;
}

.footer-post-header {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 1em;
}
.info p a, #about #main a, .external, #inner cite a {
	background: url(../images/new/external-lighter.png) 100% 50% no-repeat;
	padding-right: 17px;
}

#inner cite a {
	padding-right: 20px;
}
#footer .external {
	background: url(../images/new/external.png) 100% 50% no-repeat;
}


blockquote p, #footer blockquote, #footer blockquote a {
	font-family: Georgia;
	
}
#footer blockquote {
	color: #B9B9B9;
}

cite {
	display: block;
	color: #fff;
	text-transform: uppercase;
	margin-top: 1em;
	font-family: tahoma;
	font-style: normal;
	line-height: 1em;
	margin-bottom: 1em;
	font-size: 110%;
}

#footer cite a, body #footer cite span {
	color: #D1B1F1;
	font-size: 75%;
}

#footer cite span, #testimonials #inner cite span {
	font-size: 85%;
	display: block;
	
}

#testimonials #inner cite {
	color: #A457F1;
	
}

#testimonials span a {
	color: #9E9E9E;	
}
#footer p#readmore {
	font-weight: bold;
}

#footer p#readmore a {
	background: url(../images/new/heart.png) 0 -20px no-repeat;
	display: block;
	padding: 1px 0 1px 27px;
	margin-top: 2em;
	-webkit-transition-property: background-position, color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: background-position, color;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: linear;
}

#footer p#readmore a:hover {
	color: #d95307;
	background-position: 0 0;
}
#testimonials #inner blockquote {
	font-size: 120%;
	border-bottom: 3px dotted #EDEDED;
	display: block;
	line-height: 1.4em;
	margin-bottom: 1.4em;
}
a#carryon {
	font-family: arial;
	margin-top: -20px;
}
/* @end */
/* @end */

/* @group Forms */
form {
	margin: 20px 0;
}
form fieldset {


}
form legend {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 20px;

}
form li {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}
form ol {
	margin: 0;
	padding: 0;
}
label {
	width: 10em;
	display: block;
	float: left;
	margin-bottom: .3em;
	font-weight: bold;
	padding-top: 5px;
}

li.inline {
	padding: 10px 0;
}

li.inline input {
	margin-right: .4em;
}

li.inline label {
	display: inline;
	font-weight: normal;
}
input.text, textarea, select {
	border-top: 1px solid #abadb3;
	border-right: 1px solid #dbdfe6;
	border-bottom: 1px solid #e3e9ef;
	border-left: 1px solid #e2e3ea;
	font-family: arial;
	padding: 4px;
	font-size: 13px;
	width: 23em;
	margin-bottom: 6px;
}
input.text:active {
	outline: none;
}
input.text, textarea {
	padding-right: 16px;
}
input:focus, textarea:focus {
	outline: none;
}
select#title {
	width: auto;
	padding-right: 0;
}
select {
	background-image: none;
}
p#securityq {
	margin-top: 2em;
	border: 1px solid #E1E5EB;
	background: #fff;
	padding: 10px;
	margin-right: 40px;
	position: relative;
}
form input.datefield {
	color: #6E6E6E;
}
input.required {
	background: #fff url(../images/new/required.gif) no-repeat 98% 0;
}
textarea {
	margin-bottom: 10px;
	overflow: auto;
}
input.text:focus, textarea:focus {
	border: 1px solid #9A9BA1;
}
input.small {
	width: 12em;
}

form p img {
	display: inline;
}

p#submit {
	margin-top: 1em;
	text-align: right;
	padding-right: 40px;
}
li.warning input.text {
	background: #FFE6E6;
}
div#warning {
	border: 2px solid #D85454;
	background: #FFE6E6;
	padding: 15px;
	color: #CB3A3A;
	margin-bottom: 20px;
	margin-top: 20px;
}

div#warning h2 {
	color: #CB3A3A;
	font-size: 140%;
	margin-top: 0;
}
div#warning li {
	list-style: disc;
	list-style-position: inside;
}
.checkbox {
	display: block;
	position: relative;
	top: 8px;
}
div#checkboxbox {
	margin-top: 20px;
}
input[type=submit],select,.pointer {
	cursor:pointer;
}
input {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}


/* @end */

/* @group Nav */
ul#nav {
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	position: relative;
}

ul#nav li {
	float: left;
	margin-right: 15px;
	
}

ul#nav li:last-child {
	margin-right: 0px;
}

#header ul#nav a {
    font-size: 115%;
    font-weight: normal;
    background: url(../images/new/lil-arrow.png) 50% 105% no-repeat;
}


ul#nav li.current a:hover {
	
}

ul#nav a, ul#nav a:visited {
	color: #E8E8E8;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition-property: color;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: color;
    -moz-transition-duration: 200ms;
    -moz-transition-timing-function: ease-in-out;
    float: left;
    padding: 83px 14px 16px 14px;
    font-size: 110%;
}
#header ul#nav li a:hover {
	background-position: 50% 102%;
	
}

#header ul#nav li.current a {
	background-position: 50% 101%;
	
}
ul#nav a:hover, ul#nav li.current a {
	color: #fff;
}

/* @end */

/* @group Work page */
ul#work-list {
	margin-top: 20px;
}

ul#work-list > li {
	position: relative;
	clear: left;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	border-bottom: 3px dotted #eee;
	padding-bottom: 30px;
}
ul#work-list li ul.involvment {
	position: absolute;
	top: 20px;
	left: 10px;
	text-transform: uppercase;
	font-size: 80%;
	font-family: tahoma;
	padding-right: 130px;
	padding-bottom: 5px;
	padding-top: 5px;
}

ul#work-list li ul.idid {
	background: url(../images/new/bits-i-did.png) 100% 0 no-repeat;
}

ul#work-list li ul.inline {
	top: 215px;
	left: 0;
}
ul#work-list div.info li {
	background: url(../images/dot.gif) 0 50% no-repeat;
	padding-left: 15px;
}

ul#work-list li ul.involvment li {
	padding: 3px 8px;
	line-height: 1em;
	border-left: none;
	margin-bottom: 5px;
	text-align: right;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 0 1px 0 #5C5C5C;
	border: 1px solid rgba(0,0,0, .1);
}


#inner ul#work-list li ul.alt li {
	text-shadow: none;
	background: none;
	font-weight: bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 2px;
	
}
#inner ul#work-list li ul.plain li {
	color: #444;
	text-shadow: none;
	background: none;
	font-weight: bold;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
ul#work-list li ul.inline li {
	text-align: center;
	margin-right: 5px;
	float: left;
}
ul#work-list li ul li.design {
	background: #91AE3E;
}

ul#work-list li ul.alt li.design {
	border: 1px solid #A5C647;
	color: #91AE3E;
	background: #E9EFD8;
}
ul#work-list li ul li.html {
	background: #F3A545;
}

ul#work-list li ul.alt li.html {
	border: 1px solid #F3A545;
	background: #FEF6ED;
	color: #F3A545;
}
ul#work-list li ul li.cms {
	background: #C8267D;
}

ul#work-list li ul.alt li.cms {
	border: 1px solid #E83E99;
	background: #FAEAF2;
	color: #C8267D;
}

ul#work-list li ul li.planning {
	background: #A063AB;
}

ul#work-list li ul.alt li.planning {
	border: 1px solid #369CE4;
	color: #369CE4;
	background: #D7ECFA;
}

ul#work-list li ul li.inprogress {
	background: #5E5E5E;
}

ul#work-list li ul.alt li.inprogress {
	border: 1px solid #5E5E5E;
	background: none;
	color: #5E5E5E;
}

/* following rule removes backgrounds on the involvement .alt li's remove this to put them back in */

#inner ul#work-list li ul.alt li {
	background: none;
}
ul#work-list div.info {
	color: #494949;
	font-size: 13px;
	width: 340px;
	float: left;
}

div.info img {
	display: inline;
	position: relative;
	top: 3px;
}

ul#work-list h2 {
	font-size: 170%;
	margin-bottom: .6em;
	margin-top: 0;
}

ul#work-list span.progress {
	background: #D83533 url(../images/inprogress.gif) 100% 0 no-repeat;
	height: 13px;
	display: block;
	text-indent: -999em;
	width: 73px;

	z-index: 7;
	position: absolute;
	top: 215px;
	left: 514px;
}
ul#work-list li#paginate {
	padding: 3px 10px;
	margin-bottom: 2em;
	font-weight: bold;
	font-size: 100%;
	clear: both;
	background: url(../images/new/pagination-bg.png) no-repeat -266px 50%;
	text-align: right;
	text-transform: uppercase;
	border-bottom: none;
}
li#paginate b {
	padding: 4px 6px;
	background: #000;
	color: #fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

li#paginate a {
	background: #f3f3f3;
	padding: 4px 6px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

li#paginate a:hover {
	background: #1f9ce4;
	color: #fff;
}

li#paginate span {
	margin: 0 10px;
}

.viewport {
  	position: relative;
  	height: 206px;
  	width: 586px;
  	overflow: hidden;
  	float: left;
  	margin-right: 30px;
  	border: 1px solid #999999;
  	background: #222;
	margin-bottom: 14px;
}
.viewport div {
  	border: 3px solid #fff;
}

.viewport:hover {
	  background: #222;
	  color: #fff;
}

.viewport:focus, .viewport a, .viewport a:focus, .viewport span:focus, .viewport a:active, .viewport span:active, a.thumb:focus {
	  outline: none;
}
.viewport:hover img {
	  opacity: .2;
	  filter: alpha(opacity = 20);
	  z-index: 10;
}

.viewport img {
	  width: 580px;
	  height: 200px;
	  -webkit-transition-property: opacity;
	  -webkit-transition-duration: .4s;
	  -webkit-transition-timing-function: ease-in-out;
	  opacity: 1;

}
.viewport span {
	 opacity: 0;
	 filter: alpha(opacity = 0);
	   -webkit-transform: rotate(-5deg) scale(1);
	 -webkit-transition-property: scale;
	  -webkit-transition-duration: .4s;
	  -webkit-transition-timing-function: ease-in-out;
	  font-size: 200%;
	  color: #fff;
	  position: absolute;
	  display: block;
	  top: 95px;
	  left: 127px;
	  text-shadow: 0 1px 5px #000;
	
}
.viewport:hover span {
	  opacity: 1;
	  filter: alpha(opacity = 100);
	  color: #fff;
	  z-index: 40;
	  -webkit-transform: rotate(0deg) scale(1.2);
}
img.top-left-shadow {
	position: absolute;
	left: -11px;
	top: -10px;
	z-index: 10;
}

img.bottom-right-shadow {
	position: absolute;
	left: 557px;
	top: 175px;
	z-index: 10;
}
img.mag-glass {
	float: right;
	z-index: 50;
	width: 40px;
	height: 39px;
	position: absolute;
	top: 1px;
	right: 1px;
}

#footer img.mag-glass {
	top: 0;
	right: 0;
}
p.visit {
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 1em;
}

p.visit a {
	background: #1f9ce4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 25px 3px 10px;
	color: #fff;
	background-image: url(../images/new/external-bright.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

p.visit a:hover {
	background-color: #E41F7E;
}
/* @end */

/* @group Home page */
#home #inner h2 {
	font-size: 340%;
	margin-bottom: .5em;
	font-weight: normal;
	margin-top: 1.2em;
}
#home #inner p {
	font-size: 190%;
	line-height: 1.2em;
	padding-top: 0;
	color: #494949;
	width: 560px;
}

#home #inner p span {
	color: #292626;
}
#home #inner {
	background: url(../images/new/outline.png) 100% 100% no-repeat;
	padding-bottom: 0;
	margin-bottom: 0;
	overflow: hidden;
	min-height: 420px;
}
#home p#view-work {
	margin-top: 1.8em;
}

#home #inner p#view-work a {
	background: #1f9ce4;
	color: #fff;
	padding: 5px 20px;
	line-height: 1em;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	-webkit-transition-property: background-color, color;
    -webkit-transition-duration: 300ms;
    -webkit-transition-timing-function: ease-in-out; 
    font-size: 90%;
	display: block;
	float: left;
}
.cufon-active #home p#view-work a {
	padding-top: 4px;
	padding-bottom: 8px;
}
#home #inner p#view-work a:hover {
	background: #E41F7E;
}
/* @end */

/* @group About us */
#about #main h2 {
	margin-bottom: .1em;
}

#about #main h2#history {
	margin-top: 0;
}


p.postheader {
	color: #797979;
	font-family: "ff-tisa-web-pro-1",  Georgia, Serif;
	font-size: 130%;
	margin-bottom: 1.4em;

}
#main ul li {
	background: url(../images/new/dot.gif) no-repeat 0 50%;
	padding-left: 15px;
	margin-left: 15px;
}
p.skipto {
	color: #5C5C5C;
	text-align: right;
	position: absolute;
	right: 30px;
	border: 1px solid #E8E8E8;
	padding: 3px 10px;
	display: none;
}

p.skipto a {
	font-weight: bold;
}
div#tunage {
	
}

div#tunage h3 {
	font-weight: normal;
	font-size: 120%;
	padding-top: 1em;
	border-top: 4px solid #f3f3f3;
}
div#tunage p {
	color: #555;
	padding-top: 1.2em;
	border-top: 4px solid #f3f3f3;
	border-bottom: 4px solid #f3f3f3;
	padding-bottom: 1.2em;
	margin-top: 1em;
}
h2#makin-music {
	padding: 0 25px 0 0;
	position: relative;
}

h2#makin-music img {
	position: absolute;
	top: -17px;
	right: -22px;
}
/* @end */