@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

@import url(http://fonts.googleapis.com/css?family=Lobster);

@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

body
{

	background-image:url(../images/main-bg.jpg);
	background-color:#d8d8d8;
	overflow-x:hidden;
	margin:0;
}

::-webkit-scrollbar
{
	width:14px;
	height:14px;
}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment
{
	height:5px;
	display:block;
	background-color:transparent;
}

::-webkit-scrollbar-track-piece
{
	background-color:#FFF;
}

::-webkit-scrollbar-thumb:vertical
{
	height:0;
	background-color:#F9F9F9;
	border:1px solid #CCC;
	border-radius:4px;
	display:none;
}

::-webkit-scrollbar-thumb:horizonal
{
	width:0;
	background-color:#F9F9F9;
	border:1px solid #CCC;
	border-radius:4px;
	display:none;
}

p
{font-family:arial, helvetica, sans-serif;
	font-size:16px;
	color:#666;
	word-spacing:2px;
	line-height:24px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
}


/*** For IE 7 and up ***/
{
	font-family: arial, serif;
	font-size:16px;
	color:#666;
	word-spacing:2px;
	line-height:24px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
	behavior: url(/PIE.htc);
}

blockquote
{
	font-family:'Reenie Beanie', arial, serif;
	font-size:32px;
	color:#333;
	word-spacing:2px;
	line-height:24px;
	text-shadow:2px 2px 2px #aaa;
}


#folio-holder{width:999px; margin: 0 auto; padding: 10px;}

#folio-holder img{margin: 12px;
box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-moz-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-webkit-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	background:rgba(0,0,0,0.2);
	zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
	padding:5px;
	behavior: url(/PIE.htc);}


.folio
{
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-bottom: 0 0 20px 0;
	box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-moz-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-webkit-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	behavior: url(/PIE.htc);
}

.folio:hover
{
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	border-color:#C9C9C9;
	behavior: url(PIE.htc);
}

strong
{
	font-size:24px;
	color:#666;
	word-spacing:2px;
	line-height:24px;
	text-shadow:2px 2px 2px #aaa;
	behavior: url(PIE.htc);
}

em
{
	color:#999;
	font-size:15px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
}

h3
{
	font-family:'Droid Sans', serif;
	font-size:28px;
	font-style:normal;
	font-weight:400;
	text-shadow:8px 8px 8px #ddd;
	text-decoration:none;
	text-transform:none;
	letter-spacing:1px;
	word-spacing:0;
	line-height:0.91em;
	color:#666;
}

#right .about
{
	font-family:'Lobster', 'Droid Sans', arial, serif;
	font-size:28px;
	color:#666;
	word-spacing:2px;
	line-height:0;
	text-shadow:2px 2px 2px #aaa;
}

.about h3
{
	font-family:'Droid Sans', arial, serif;
	font-size:18px;
	font-weight:500;
	color:#666;
	word-spacing:2px;
	line-height:1px;
	text-shadow:8px 8px 8px #ddd;
	margin-top:40px;
}

.about-list
{
	margin:-20px 0 0 0;
	background-image:url(../images/about-right-bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.about-list p
{
	padding: 0 0 0 20px;
	font-family: arial, serif;
	font-size:18px;
	font-weight:500;
	margin: -15px 0 0 0;
}

#left .about
{
	font-family:'Lobster', arial, serif;
	font-size:28px;
	color:#333;
	word-spacing:2px;
	line-height:24px;
	text-shadow:2px 2px 2px #aaa;
}

#FAQ
{
	width:1072px;
}

.mini-info p
{
	font-family:'Reenie Beanie', arial, serif;
	font-size:32px;
	color:#333;
	word-spacing:2px;
	text-shadow:2px 2px 2px #aaa;
	margin:-15px 0 0 0;
}


h4
{
	font-family:'Lobster',"Lucida Sans Unicode", "Lucida Grande",;
	font-size:14px;
	color:#999;
	line-height:23px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
}

#footer #me li
{
	font-family:'Inconsolata', arial, serif;
	font-size:18px;
	color:#598527;
	line-height:24px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
	list-style-image:url(../images/list.png);
	background:rgba(0,0,0,0.2);
	-webkit-transform:translate(0, 10px);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:5px;
	padding:8px;
}

#me-list li
{
	color:#3a7e8b;
	list-style:none;
	font-family:'Yanone Kaffeesatz', arial, serif;
	margin: 0 0 20px 0;
}

img
{
	border:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
}



#main-content a
{
	text-decoration:none;
	font-size:19px; font-family: arial, serif;	
color:#fff; 
background:rgba(0,0,0,0.2);
-webkit-transform:translate(0, 10px); -webkit-border-radius:5px;
-moz-border-radius:5px; 
border-radius:5px;
text-shadow: 1px 1px 5px #666;
filter: dropshadow(color=#666, offx=1, offy=1); 
list-style: none;
padding: 10px;
-webkit-box-shadow: 1px 1px 2px #ffffff;
-moz-box-shadow: 1px 1px 2px #ffffff;
box-shadow: 1px 1px 2px #ffffff;
width:605px;
border-left:thin #aaa9a9;
border-left-style:solid;
border-top:thin #aaa9a9;
border-top-style:solid;
behavior: url(PIE.htc);
}

#main-content a:hover
{
	text-decoration:none;
	color:#e8e6e6;
}

#expander
{
	background-image:url(../images/images/expander_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#button
{}

#button img
{
	border:none;
	cursor:help;
	margin-left:80px;
	margin-top:10px;
}

.the_menu
{
	background-image:url(../images/expander-bg.jpg);
	color:#666;
	display:none;
	width:965px;
	height:246px;
	margin:0 auto;
	margin-top: 12px;
	margin-bottom: 12px;
	padding:12px;
}

.the_menu li
{
	display:inline;
}

.the_menu li a
{
	text-decoration:none;
	display:inline;
	padding:10px;
}

.the_menu li a:hover
{
	font-weight:700;
	color:#F00880;
	padding:10px;
}


#glue
{float:left;
	width:208px;
	height: 234px;
	background-image:url(../images/menu-item-bg.jpg);
	text-shadow:1px 1px 5px #07470b;
	filter:dropshadow(color=#07470b, offx=1, offy=1);
	padding: 12px 0 0 0;
}

#glue-text
{
	padding: 12px;
}

#sticky
{
	float:left;
	width:208px;
	height: 234px;
	
	background-image:url(../images/menu-item-bg.jpg);
	text-shadow:1px 1px 5px #07470b;
	filter:dropshadow(color=#07470b, offx=1, offy=1);
	margin: 0 0 0 12px;
	padding: 12px 0 0 0;
}


#sticky p{padding: 12px;}

#fing
{
	float:left;
	width:208px;
	height: 234px;
	
	background-image:url(../images/menu-item-bg.jpg);
	text-shadow:1px 1px 5px #07470b;
	filter:dropshadow(color=#07470b, offx=1, offy=1);
	margin: 0 0 0 12px;
	padding: 12px 0 0 0;
}

#fing-text
{padding: 12px;

}

#labs
{

	float:left;
	width:208px;
	height: 234px;
	
	background-image:url(../images/menu-item-bg.jpg);
	text-shadow:1px 1px 5px #07470b;
	filter:dropshadow(color=#07470b, offx=1, offy=1);
	margin: 0 0 0 12px;
	padding: 12px 0 0 0;
}

#labs-text
{padding: 12px;
}

#labs-text #fing-text #sticky-text #glue-text p
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#FFF;
}

#products{float:left; height: 248px; margin-left: 12px;}

#expander p
{
	font-family:'Droid Sans',"Lucida Sans Unicode", sans-serif;
	color:#333;
	font-size:13px;
}

#glue:hover,#sticky:hover,#fing:hover,#labs:hover, #products:hover
{
	-webkit-transform:translate(0, 2px);
	filter:dropshadow(color=#07470b, offx=1, offy=1);
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 2px;
	border-color:#C9C9C9;
}


#header-wrapper
{
	background-image:url(../images/main-bg.jpg);
	background-repeat:repeat-x;
}

#header
{
	background-image:url(../images/headerbg.jpg);
	background-repeat:no-repeat;
	height:358px;
	width:1140px;
	margin:0 auto;
}

#header-2
{
	height:70px;
	width:1150px;
	margin:0 auto;
}

#logo img
{
	border:none;
	margin:-30px 0 0 80px;
}

#logo
{
	float:left;
}

#nav
{
	float:right;
	margin:0 80px 0 0;
	background:rgba(0,0,0,0.3);
-webkit-transform:translate(0, 10px); 
text-shadow: 1px 1px 5px #666;
filter: dropshadow(color=#666, offx=1, offy=1); 
list-style: none;
-webkit-box-shadow: 1px 1px 2px #ffffff;
-moz-box-shadow: 1px 1px 2px #ffffff;
box-shadow: 1px 1px 2px #ffffff;
border-left:thin #aaa9a9;
border-left-style:solid;
border-top:thin #aaa9a9;
border-top-style:solid;
padding:12px;
}

#nav li
{
	display:inline;
	list-style:none;
	font-family:'Lobster', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#nav li a
{
	float:left;
	list-style:none;
	color:#f5f5f5;
	font-size:22px;
	text-shadow:1px 1px 2px #565656;
	filter:dropshadow(color=#565656, offx=1, offy=1);
	margin: 0 22px 0 22px; 
}

#nav li a:hover
{
	color:#fff;
	text-shadow:1px 1px 3px #565656;
	filter:dropshadow(color=#565656, offx=1, offy=1);
}

#slider
{
	float:right;
	margin:60px 84px 0 0;
}

#slider img
{
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border-color:#C9C9C9;
}

#info
{
	clear:both;
	float:right;
	width:400px;
	margin:10px 95px 0 0;
}

#info a
{
	cursor:help;
}

#info p
{
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#4c6d77;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
}

.heading-image
{
	background-image:url(../images/heading-1.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:1000px;
	margin:-50px 0 -80px -35px;
}

.heading-my-number
{
	background-image:url(../images/so-you-want-my-number.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:1000px;
	margin:0 0 -40px -35px;
}

.heading-talking
{
	background-image:url(../images/now-youre-talking-business.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:1000px;
	margin:0 0 -50px -35px;
}

.heading-look
{
	background-image:url(../images/dont-touch.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:1000px;
	margin:0 0 -50px 0;
}

.heading-download
{
	background-image:url(../images/free-design-download.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:1000px;
	margin:0 0 -50px -35px;
}



.symbol
{
	float:left;
	width:62px;
	height:200px;
	margin:7px 0 0;
	padding:10px 10px 30px;
}

.symbol2
{
	float:right;
	width:62px;
	height:200px;
	padding:10px;
}

.heading1 img
{
	float:left;
	margin-left:-5px;
}

#main-content
{
	padding-left:20px;
	padding-bottom: 30px;
	width:1000px;
	margin:-20px auto 0;
	
}

#left
{
	float:left;
	width:500px;
	padding-bottom:30px;
}

#right
{
	float:right;
	width:470px;
	padding:0 20px 30px 0;
}

#center
{
	width:1000px;
	padding-bottom:50px;
}

#left-folio
{
	width:400px;
	float:left;
	margin:0 0 0 40px;
}

#right-folio
{
	width:400px;
	float:left;
	margin:0 0 0 100px;
}

#status
{
	background-image:url(../images/bookedup.jpg);
	background-position:top;
	float:right;
	width:244px;
	height:47px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	border-color:#C9C9C9;
}

#right .real-me
{
	float:left;
	margin:10px 10px -40px;
}

#right .ohyea
{
	float:left;
	-webkit-box-shadow:0 0 5px #787878;
	-moz-box-shadow:0 0 5px #787878;
	box-shadow:0 0 5px #787878;
	margin:10px;
}

#com-icons
{
	clear:both;
	font-family:sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif'CenturyGothicRegular' Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#999;
	line-height:23px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
	margin:10px 0 0;
}

#social-icons
{
	width:490px;
}

#social-icons img
{
	height:62px;
	width:62px;
	margin:0 0 10px;
	padding:0 8px 0 0;
}

#social-icons :hover
{
	margin-top:-5px;
}

#social-icons li
{
	display:inline;
	margin:0;
}

#social-icons li a
{
	display:inline;
	background:none;
	margin:0;
}

#homeicon
{
	background-image:url(../images/envilope.png);
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	width:200px;
	height:200px;
	margin-top:-10px;
}

#break
{
	background-image:url(../images/break.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	clear:both;
	width:1030px;
	height:8px;
	margin: 0 auto;
}

#footer-wrapper
{
	clear:both;
	background-image:url(../images/expander-bg.jpg);
	background-position:center;
	height:100%;
	margin:0 auto;
	margin-top: -80px;
}

#footer
{
	width:1052px;
	height:300px;
	margin:0 auto;
	padding:50px 0 0;
}

#footer a img
{
	float:left;
	border:none;
}

#lastlogo h3
{
	font-size:19px; font-family: arial, serif;	
color:#fff; 
	margin:110px 0 0 80px;
	text-shadow: 1px 1px 5px #666;
filter: dropshadow(color=#666, offx=1, offy=1);
}

.scobble
{
	float:left;
	padding-top:20px;
	width:650px;
	margin:0;
}

.scobble p
{
	color:#598527;
}

.scobble img
{
	padding-right:4px;
	margin:6px 0 0;
}


#lastfm
{
	float:left;
	font-family:'Inconsolata', arial, serif;
	font-size:14px;
	color:#999;
	line-height:24px;
	max-width:640px;
	text-overflow:hidden;
	margin:-140px 0 0;
}

#lastfm li
{
	list-style:url(../images/icon_eq.gif);
	margin:8px 0 0 6px;
}

#lastfmrecords
{
	padding-top:-15px;
	margin-left: 10px;
	width: 370px;
}

#lastfmrecords img
{
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 15px;
	border-color:#C9C9C9;
	margin: 7px;
	padding:5px;
	height:36px;
	width:36px;
	background-image:url(../images/record-bg.jpg);
	behavior: url(PIE.htc);
	
}


#lastfm a
{
	font-family:arial, serif;
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	color:#598527;
	outline:none;
}

#lastfm p
{
	text-align:left;
	margin:0 0 0 50px;
}


#twitter-feed{float:left;
	width:350px;
	height: 77px;
	color:#4c6d77;
	margin: -12px 0 0 0; text-overflow: ellipsis-word;}
	
	
#twitter-feed li {font-size:19px; font-family: arial, serif;	
color:#fff; 
background:rgba(0,0,0,0.2);
-webkit-transform:translate(0, 10px); 
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
text-shadow: 1px 1px 5px #666;
filter: dropshadow(color=#666, offx=1, offy=1); 
list-style: none;
padding: 10px;
-webkit-box-shadow: 1px 1px 2px #ffffff;
-moz-box-shadow: 1px 1px 2px #ffffff;
box-shadow: 1px 1px 2px #ffffff;
width:605px;
border-left:thin #aaa9a9;
border-left-style:solid;
border-top:thin #aaa9a9;
border-top-style:solid;
float:left;
margin: -5px 0 0 -30px;
text-overflow: ellipsis-word;
behavior: url(PIE.htc);

}

#twitter-feed li a{color:#e0e0e0; text-overflow: ellipsis-word;}


.follow{float:right; margin: 15px 0 0 0;}

#me h3
{
	font-size:22px;
	font-family:'Inconsolata', arial, serif;
}

#me
{
	float:left;
	width:350px;
	color:#4c6d77;
	margin: 20px 0 0 0;
}

#images{width: 640px; margin: -3px 0 0 0;}

#me img
{ height:66px;
width:66px;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 17px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 17px;
	border-style:solid;
border-color:#ccc;
	margin: 4px;
	behavior: url(PIE.htc);

}

#images :hover{border-style:solid; border-color:#999;}

#me p
{
	font-family:arial, serif;
	font-size:16px;
	color:#598527;
	line-height:24px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
}

.to-top{ clear: both;
float:right; margin: 0 35px 0 0;}

.to-top a{color:#333;}

.rights
{
	clear:both;
	font-family:arial, serif;
	font-size:12px;
	color:#598527;
	line-height:24px;
	text-shadow:1px 1px 1px #fff;
	filter:dropshadow(color=#ffffff, offx=1, offy=1);
	margin:35px 0 0 0;
	text-align:center;
}

#slideshow
{
	position:relative;
	height:194px;
	width:481px;
}

#slideshow DIV
{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height:194px;
}

#slideshow DIV.active
{
	z-index:10;
	opacity:1px;
}

#slideshow DIV.last-active
{
	z-index:9;
}

#slideshow DIV IMG
{
	height:194px;
	display:block;
	border:0;
	margin-bottom:10px;
}

#contact-wrapper
{
	width:545px;
	height:642px;
	margin:-30px 0;
	padding:40px 50px 20px 0;
}

#contact-wrapper div
{
	clear:both;
	margin:1em 0;
}

#contact-wrapper .label .subject p
{
	display:block;
	float:none;
	font-size:10px;
	font-family:'Inconsolata', arial, serif;
	text-align:left;
	color:#597e93;
	width:auto;
	margin:0 0 1px 10px;
}

.send
{
	display:block;
	float:none;
	font-size:10px;
	font-family:'Inconsolata', arial, serif;
	text-align:left;
	color:#666;
	width:auto;
	margin:-10px 0 5px;
}

form#contactform input
{
	border:solid 1px #E5E5E5;
	outline:0;
	font:normal 13px/100% Verdana, Tahoma, sans-serif;
	width:300px;
	background:0;
	box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-moz-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-webkit-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	margin-top:-10px;
	padding:9px;
}

form#contactform textarea
{
	outline:0;
	font:normal 13px/100% Verdana, Tahoma, sans-serif;
	width:450px;
	height:200px;
	background:0;
	box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-moz-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	-webkit-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
	border:none;
	margin-top:-10px;
	padding:9px;
}

form #submit img
{
	background-image:url(../images/send_bt.png);
}

a,a:hover
{
	text-decoration:none;
}

#button h3
{
	display:none;
}

.menu_class,#wrapper
{
	margin:0 auto;
}


#logo h1,.heading1 h2
{
	text-indent:-9999px;
}

#logo a img,#info a img
{
	border:none;
	opacity:.8;
	-webkit-transition:opacity;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:500ms;
}

#logo :hover img,#info :hover img
{
	opacity:1px;
	-webkit-transition:opacity;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:500ms;
}

#info img,#right img
{
	float:right;
}

.error,.sent
{
	color:#999;
	font-weight:700;
}

form#contactform input:hover,input:focus,textarea:focus,form#contactform textarea:hover,input:focus,textarea:focus
{
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 8px;
	border-color:#C9C9C9;
}