/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* Fleea Stylesheet
 * Last Updated: 2011-12-27
 * Author: Lya Santoso - http://www.fleea.nl
 * Email : l.santoso at fleea.nl (remove space, change 'at' to '@')
 * Twitter: @lyasantoso
 */

/* General */
body{
	font-family: myriad-pro, MyriadPro-Regular, 'Myriad Prlar', MyriadPro, 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height:20px;
	color:#4A4A4A;
}

h1,h2,h3,h4,h5,h6 { font-weight:normal; text-transform:uppercase }
h1 { font-size:36px }
h2 { font-size:24px }
h3 { font-size:14px }
h4 { font-size:13px;}
h5 { font-size:13px }
h6 { font-size:13px }
p  { font-size:13px }
h1, h2, p, ul, ol{ margin-bottom:20px }

a       { color:#b53939 }
a.prime { font-size:24px; line-height:40px }

li      { margin-left:13px; list-style: square; }

.right  { float:right }
.left   { float:left }
.clear  { clear:both }
.small  { font-size:11px }
.gray   { color:#9a9a9a; }

/* LINK COLOR */
#service #content a, 
#service .introduction a            { color:#9eb24f }
    #service #content a:hover, 
    #service .introduction a:hover  { color:#73823a }
    
#about #content a, 
#about .introduction a              { color:#20899e }
    #about #content a:hover, 
    #about .introduction a:hover    { color:#176372 }
    
#portfolio #content a, 
#portfolio .introduction a          { color:#e7558a }
    #portfolio #content a:hover, 
    #portfolio .introduction a:hover{ color:#e70054 }
    
#article #content a, 
#article .introduction a            { color:#b563b3 }
    #article #content a:hover, 
    #article .introduction a:hover  { color:#b500b1}
    
#learning-center #content a, 
#learning-center .introduction a    { color:#a8994a }
    #learning-center #content a:hover, 
    #learning-center .introduction a:hover  { color:#a8994a }
    
#contact #content a, 
#contact .introduction a            { color:#f19c28 }
    #contact #content a:hover,
    #contact .introduction a:hover  { color:#dd8000 }

/* Header */
header h1 a{
	background:url(../images/logo-fleea-home.png) no-repeat;
	display:block;
	width:99px;
	height:105px;
	font-size:0px;
	line-height:0px;
	float:left;
	margin-right:12px;
	position:relative;
	left:-3px;
}
	header div, nav, 
        #page-title, 
        .introduction, #content, 
        #banner, .inside, 
        #copyright{
		width:940px;
		margin:0 auto;
	}
#topbar{
    background-color:#000;
    color:#fff;
    line-height:34px;
    height:34px;
}
    #topbar h1      { margin-bottom: 0 }
    #topbar a       { color:#ccc; text-decoration: none }
    #topbar a:hover { text-decoration: underline }

#home #topbar               { border-bottom:3px solid #f60000 }
    #service #topbar        { border-bottom:3px solid #c0d860 }
    #about #topbar          { border-bottom:3px solid #84d3d7 }
    #learning-center #topbar{ border-bottom:3px solid #ffe970 }
    #article #topbar        { border-bottom:3px solid #b563b3 }
    #portfolio #topbar      { border-bottom:3px solid #e7558a }
    #contact #topbar        { border-bottom:3px solid #f19c28 }
	
/* Page-title
 * Section that contains title for subpages (not including home)
 * Color and background is different per subpages
 * One page can only have one page-title
 */
#page-title{
	text-align:right;
	clear:right;
	padding:20px 0 0 0;
	position:relative;
	min-height:105px;
}
	#page-title h1, #page-title h2{
		padding:0 10px;
		float:right
	}
	#page-title h1{
		font-size:30px;
		color:#fff;
		line-height:40px;
                margin-bottom:0;
	}
	#page-title h2{
		font-size:12px;
		color:#4a4a4a;
		line-height:30px;
		clear:right;
		font-weight:normal;
		font-style:italic;
		letter-spacing: 1px;
                text-transform: none;
	}
		
		#home #page-title h1, 
                #home #page-title h2{
			background-color:#ff0000;
		}
			#home #page-title h2{
				color:#fff
			}
                #service #page-title h1, 
                #service #page-title h2{
			background-color:#c0d860;
		}
		#about #page-title h1, 
                #about #page-title h2{
			background-color:#84d3d7;
		}
		#learning-center #page-title h1, 
                #learning-center #page-title h2{
			background-color:#ffe970;
		}
			#learning-center #page-title h1{
				color:#000;
			}
		#article #page-title h1, 
                #article #page-title h2{
			background-color:#b563b3;
		}
			#article #page-title h2{
				color:#dab1d9
			}
		#portfolio #page-title h1, 
                #portfolio #page-title h2{
			background-color:#E7558A;
		}
			#portfolio #page-title h2{
				color:#efbbce
			}
		#contact #page-title h1, 
                #contact #page-title h2{
			background-color:#f19c28;
		}



/* Nav */
nav{
}
	nav ul{
		float:right;
	}
	nav ul li{
		display:block;
		float:left;
		margin-left:25px;
		text-transform: uppercase;
		font-size:18px;
		padding-top:9px;
		line-height:18px;
	}
	nav ul li a{
		color:#777;
		text-decoration:none;
	}
	nav ul li a:hover{
		color:#000;
	}
	nav ul li.active{
		position:relative;
		padding:9px 2px 0 0;
	}
	nav ul li.active span{
		height:2px;
		width:100%;
		background-color:red;
		display:block;
		position:absolute;
		top:0;
		left:-2px;
		-moz-border-radius-bottomleft: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-webkit-border-bottom-right-radius: 2px;
	}
	#service nav ul li.active span{
		background-color:#c0d860
	}
		#about nav ul li.active span{
			background-color:#84d3d7
		}
		#learning-center nav ul li.active span{
			background-color:#ffe970
		}
		#article nav ul li.active span{
			background-color:#b563b3
		}
		#portfolio nav ul li.active span{
			background-color:#E7558A
		}
		#contact nav ul li.active span{
			background-color:#f19c28
		}
	#home nav ul li.active a{
		color:#f60000
	}
		#service nav ul li.active a{
			color:#9eb24f
		}
		#about nav ul li.active a{
			color:#10abbe
		}
		#learning-center nav ul li.active a{
			color:#a8994a
		}
		#article nav ul li.active a{
			color:#b563b3
		}
		#portfolio nav ul li.active a{
			color:#E7558A
		}
		#contact nav ul li.active a{
			color:#f19c28
		}

/* Banner 
 * At homepage
 * */
#banner{
	position:relative;
	clear:both;
}
	#home #banner{
		height:380px;
		margin-top:110px;
	}
	#home #banner img{
		position:absolute;
		left:50%;
		margin-left:-327px;
		top:-120px;
		z-index:-1
	}
	#home #banner h2{
		color:#fff;
		background-color:#b53939;
		font-weight:bold;
		font-size:30px;
		width:auto;
		display:inline;
		padding : 0 8px 2px;
		position:relative;
	}
	#home #banner h3{
		font-weight:normal;
		font-style:italic;
		color:#b53939;
		letter-spacing:2px;
		font-size:14px;
		margin-bottom:20px;
		margin-top:5px;
	}
	#home #banner p{
		font-style:italic;
		color:#4a4a4a;
		letter-spacing:1px;
	}
	#home #banner #left{
		text-align:right;
		width:250px;
		float:left;
		margin-top:80px;
	}
		#home #banner h2 span{
			display:block;
			height:19px;
			width:10px;
			position:absolute;
			top:11px;
		}
		#home #banner #left h2 span{
			background:url(../images/header-arrow-left.png) no-repeat;
			right:-10px;
		}
		#home #banner #right h2 span{
			background:url(../images/header-arrow-right.png) no-repeat;
			left:-10px;
		}
	#home #banner #right{
		text-align:left;
		width:250px;
		float:right;
		margin-top:80px;
	}

/*
 * Introduction
 */

.introduction{
	border:1px solid #e5e5e5;
	margin-bottom:30px;
	clear:both;
	font-size:14px;
	color:#4A4A4A;
	letter-spacing:1px;
}
	#home .introduction{
		font-style:normal;
		font-size:12px;
		margin-bottom:0px;
	}
	.introduction article{
		margin:15px 20px;
	}
	.hello h2{
		font-family: pt-sans-narrow, "PT Sans Narrow", myriad-pro, MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
		font-size:100px;
		line-height:100px;
		letter-spacing:-15px;
		width:270px;
		float:left;
	}
	.hello h2 #h, .hello h2 #e, .hello h2 #l1, .hello h2 #l2, .hello h2 #o, .hello h2 #dot{
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
	}
	.hello h2 #h{
		color:#ff0000
	}
	.hello h2 #e{
		color:#e3ff74
	}
	.hello h2 #l1{
		color:#72edfc
	}
	.hello h2 #l2{
		color:#7bf46f
	}
	.hello h2 #o{
		color:#b86ef2;
		letter-spacing:-10px;

	}
	.hello h2 #dot{
		letter-spacing:0px;
		color:#c3c3c3
	}
	.introduction h3{
		text-transform: uppercase;
		font-weight:bold;
		letter-spacing:1px;
		padding:7px 0;
		font-style:normal;
	}
		.hello h3{
			font-size:14px;
		}
	.introduction div{
		margin:15px;
	}
	.introduction .left{
		width:595px;
	}
	.introduction .right{
		width:300px;
		margin-left:0;
	}

#service .introduction{
	border:5px solid #c0d860;
	position:relative;
	margin-top:45px;
}
	.introduction #board{
		width:143px;
		height:127px;
		display:block;
		position:absolute;
		right:-40px;
		top:-50px;
	}

.contact-box{
	font-size:12px;
}
	.contact-box div{
		margin-bottom:0;
	}
	.contact-box h3{
		font-weight:normal
	}
	.contact-box div div{
		float:left;
		margin:0;
		width:300px;
		margin: 0 0 15px 0
	}
	.contact-box .gray{
		margin-left:12px;
	}
	.contact-box .social-media-icon{
		font-weight:bold;
		color:#000;
		text-align:right;
		width:25px;
		margin-right:10px;
		display:block;
		float:left
	}


/*
 * Content
 */
#content{
	letter-spacing:1px;
}

#service #content article{
	margin-top:60px;
	clear:both;
}
	#service.main-page #content article{
		margin:60px 10px 10px 10px;
	}
	#service article .right{
		min-width:300px;
	}
	#service #content .text{
		width:550px;
	}
	.words{
		color:#b3b3b3;
		float:left;
		width:100px;
		list-style:none;
	}
	.long{
		width:200px;
	}
	.cms-logo{
		width:300px;
	}
		.cms-logo #drupal-logo{
			margin:0 0 0 10px;
		}
		.cms-logo #wordpress-logo{
			margin:0 0 0 15px;
		}
		.cms-logo #expression-engine-logo{
			position:relative;
			top:5px;
		}
		.cms-logo #magento-logo{
			margin:0 0 0 7px;
		}

#learning-center #content section{
	clear:both;
	padding-bottom:60px;
}
	#learning-center #content article{
		width:460px;
		position:relative;
		clear:both;
	}
	#learning-center #content article h3{
		float:left;
		width: 60px;
		position:absolute;
		top:0;
		left:0;
	}
	#learning-center #content .article-content{
		width:400px;
		margin-left:75px;
	}
	#learning-center #content .book .article-content{
		margin-left:35px;
	}
	#learning-center #content .book .article-content div{
		margin-left:40px;
		float:left;
	}
	#learning-center #content article.book .article-content div{
		width:140px;
	}
	#learning-center #content .book .price{
		background-color:#ffe970;
		padding:3px 6px;
	}
	#learning-center #content .video .video-preview{
		width:300px;
		height:233px;
		margin-bottom:10px;
	}
	#learning-center ol li{
		list-style: decimal-leading-zero;
		margin-left:23px;
	}
	#learning-center #content .left, #learning-center #content .right{
		margin-left:0;
	}

#article #content article{
	margin-bottom:40px;
}
	#article #content article h1{
		line-height:40px;
		font-weight:normal;
		text-transform:uppercase
	}
	#article #content article h4{
		float:left;
		width:60px;
		text-transform:uppercase;
		font-weight:normal;
	}
	#article #content article h4 sup{
		font-size:10px;
		text-transform:lowercase;
		position:relative;
		top:-3px;
		color:#777
	}
	#article #content article p, #article #content article h3{
		margin-left:75px;
		width:545px;
	}
        #article #content article h3{
            font-size:1.2em;
            font-weight:bold;
        }
		#article #content .image-left p{
			margin-left:400px;
		}
		#article #content .no-image-two-columns p{
			width:410px;
			float:left;
			margin-left:15px;
			margin-right:15px;
		}
                
                #article.single-post #content img{
                    float:none;
                }
	#article #content article img{
		float:right;
		width:300px;
		clear:none;
		margin-top:5px;
	}
		#article #content .image-left img{
			float:left;
			margin-left:15px;
		}
                #article #article-comment{
                    margin-left:75px;
                }
/*
 * Detail
 */
.detail #content article{
	clear:both;
	text-align:right
}
	.detail #content h2{
		font-size: 36px;
		font-weight:normal;
		color:#686868;
		line-height:40px;
	}
	#service.detail #content article{
		margin-top:0;
	}
	.detail #content article p{
		margin-left:350px;
	}

/*
 * Testimonial
 */
.testimonial .blank-footer{
	margin-top:0;
}
.testimonial #content .left{
	border-right:23px solid #84d3d7;
	padding-right: 43px;
	float:left;
	padding-bottom:30px;
	position:relative;
}
	img.testimonial-love-tree{
		position:absolute;
		top:-250px;
		right:-105px;
		z-index:-1
	}
.testimonial .testimonial-box{
	width:370px;
}
	.testimonial .left .testimonial-box{
		padding:30px 0 10px 50px;
		margin-bottom:30px;
	}
	.testimonial .right .testimonial-box{
		padding:30px 50px 10px 0;
		margin-bottom:30px;
		background:url('../images/testimonial-symbol-bottom.png') no-repeat bottom right;
	}
#about.testimonial #content .right{
	width:420px;
	float:right;
}
	aside .testimonial-box, .left .testimonial-box{
		text-align:right;
	}
	.testimonial-box{
		background:url('../images/testimonial-symbol-top.png') no-repeat;
		position:relative;
	}
	.testimonial .testimonial-box h3{
		font-weight:bold;
	}
	.testimonial-single{
		padding:40px 50px 10px 40px;
	}
	.testimonial-single div{
		background:url('../images/testimonial-symbol-bottom.png') no-repeat bottom right;
		padding:40px 50px 10px 40px;
	}

/*
 * About
 */
#about aside figure{
	margin-bottom:80px;
}
	#about aside figcaption{
		color:#9a9a9a;
		text-align:right;
		font-style:italic;
	}
	#about aside{
		width:377px;
		margin-right:20px;
	}
	#about #content .right{
		width:530px;
	}

.skillset ol{
	margin:0;
}
	.skillset li{
		margin:0 0 1px 45px;
		list-style:none;
		padding: 0 5px;
	}
	.skillset .ux{
		background:url('../images/skillset-background-ux.png') no-repeat left center;
	}
		.skillset .ux li{
			background-color:#aeb651
		}
	.skillset .visual{
		background:url('../images/skillset-background-visual.png') no-repeat 4px center;
	}
		.skillset .visual li{
			background-color:#a0d5e3
		}
		
	.skillset .front-end{
		background:url('../images/skillset-background-front-end.png') no-repeat 8px center;
	}
		.skillset .front-end li{
			background-color:#d89352
		}
		
	.skillset .back-end{
		background:url('../images/skillset-background-back-end.png') no-repeat 10px center;
	}
		.skillset .back-end li{
			background-color:#f9dd9c
		}
		
	.skillset .language{
		background:url('../images/skillset-background-language.png') no-repeat 12px center;
	}
		.skillset .language li{
			background-color:#ddb7ae
		}

/*
 * Portfolio
 */
h2{
	letter-spacing: 1px
}
.page-subtitle{
	text-align:right;
	letter-spacing: 1px
}
	.page-subtitle h2{
		font-size:36px;
		font-family:pt-sans-narrow, "PT Sans Narrow", myriad-pro, MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
		font-weight: normal;
		text-transform:uppercase;
		line-height:40px;
		margin-bottom:0
	}
	.page-subtitle h3{
		font-weight: normal;
		font-style: italic;
		font-size:14px;
		text-transform:lowercase;
	}
	#portfolio #content{
		margin-top:60px;
	}
	#portfolio #content article{
		margin-bottom:75px;
		position:relative;
	}
	#portfolio #content article{
                min-height:4
                    00px;
	}
	#portfolio #content article .portfolio-slideshow{
                bottom:0;
	}
	#portfolio article aside{
		width:300px;
		text-align:right;
		margin-right:25px;
		position:absolute;
		bottom:0;
		left:0;
	}
		#portfolio article.image-left aside{
			text-align:left;
			float:right;
			margin:0 0 0 25px;
			right:0;
			left:auto;
		}
	
	#portfolio #content article img{
		margin-left:265px;
	}
		#portfolio #content article.image-left img{
			margin-left:-55px
		}
                #portfolio #content aside img, #portfolio #content article.image-left aside img{
                    margin-left:0px;
                }
		#portfolio article aside h1{
			font-size:24px;
			font-weight:normal;
		}
		#portfolio article aside h2{
			font-size:12px;
			font-weight:normal;
			margin-bottom:0px;
		}
		#portfolio article aside h3{
			font-size:12px;
			font-weight:normal;
			text-transform:lowercase;
			margin-bottom:20px;
		}
	#portfolio article img{
		position:relative;
		left:6px;
	}
	#portfolio article aside img{
		position:static;
		margin-left:5px;
		border:1px solid white;
	}
	#portfolio article aside img:hover{
		border:1px solid #222;
	}
		.decoration, #portfolio #content article img.decoration{
			position:absolute;
			margin:0;
		}
                
/*
 * Contact
 */
#contact #content aside{
	width:300px;
	float:left
}
	#contact .contact-box{
		border:1px solid #CCCCCC;
		padding:15px;
		margin-bottom:20px;
	}
	#contact .social-media{
		margin-bottom:10px;
		position:relative;
	}
		#contact .social-media img{
			position:absolute;
			left:20px;
		}
		#contact .social-media h2, #contact .social-media p{
			padding-left:55px;
		}
	#contact .contact-box h2{
		font-size:14px;
		margin:0;
	}
	#contact .contact-box p{
		margin:0;
	}
	#contact .contact-form{
		width:565px;
		float:right;
		border:5px solid #f19c28;
		margin-left:20px;
		padding:20px;
		line-height:25px;
	}
	#contact .contact-form h1{
		font-size:24px;
		margin-bottom:20px;
		font-weight:normal;
		text-transform:uppercase
	}
	#contact .contact-form .textarea-full{
		width:565px;
		height:150px;
	}
	#contact .contact-form .text-small{
		width:25px;
	}
        #contact .error{
            border:2px solid #F19C28;
        }

*           { margin: 0 }
html, body  { height: 100% }
.wrapper    { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -454px }
footer      { height: 363px }
.blank-footer { height : 423px; margin-top:30px; }

footer{
	background:url(../images/footer-background.png);
	background-color:#ddd;
	width:100%;
	padding:30px 0;
	border-top:1px solid #bbbfaf;
	position:relative;
	z-index:5;
	margin-top:30px;
}
	footer .inside{
		position:relative;
	}
	footer #here-next{
		position:absolute;
		left:-90px;
	}
	footer #jumping{
		position:absolute;
		right:-150px;
		top:-10px;
                left:0;
                padding-left:-200px;
	}
	footer h2{
		font-size:20px;
		line-height:20px;
		color:#5e5d5b;
		font-weight:normal;
		letter-spacing:1px;
	}
		footer h2 strong{
			font-family:"Apple Chancery", myriad-pro, MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
			font-weight:normal;
		}
	footer #sitemap{
		float:left;
		width:470px;
		z-index:1;
		position:relative;
		border-right:1px solid white;
	}
		footer #sitemap h2{
			margin-bottom:10px;
		}
		footer #sitemap article{
			width:135px;
			margin-right:20px;
			float:left;
			margin-bottom:30px;
		}
		footer #social-media {
			position:relative;
		}
			footer #social-media h2{
				background: url(../images/real-person.png) no-repeat;
				width:176px;
				height:82px;
				display:block;
				position:absolute;
				font-size:0px;
				line-height:0;
				top:-35px;
				left:-30px;
			}
			footer #social-media ul{
				margin-top:32px;
			}
			footer #social-media ul a{
				height:33px;
				background-color:rgba(0,0,0,0.08);
				border:none;
				line-height:33px;
				background-image:none;
				margin-bottom:2px;
				background-repeat:no-repeat;
				background-position:2px 2px;
				padding-left:40px;
			}
				footer #social-media ul a:hover{
					background-color:rgba(0,0,0,0.2);
					color:#333
				}
				footer #social-media ul li#twitter a{
					background-image: url(../images/icon-twitter.png);
				}
				footer #social-media ul li#linkedin a{
					background-image: url(../images/icon-linkedin.png);
				background-position:5px 5px;
				}
	footer ul, footer p{
		margin-bottom:0;
	}
	footer ul li a{
		color:#92908d;
		padding-left:10px;
		text-decoration:none;
		display:block;
		background:url(../images/list-arrow.png) no-repeat 0px 6px;
		border-bottom:1px dashed #9e9a95;
	}
	footer a:hover{
		color:#b53939;
		text-decoration:none;
		border-bottom:1px solid #b53939;
		background-image:url(../images/list-arrow-active.png);
	}
	footer ul li{
		list-style:none;
	}
	footer #about-me{
		float:left;
		width:440px;
		padding-left:20px;
		position:relative;
	}
		footer #about-me a:hover{
			border:none;
			background:none;
		}
		footer #about-me #nudge-me-form{
			margin-top:40px;
		}
		footer #about-me #nudge-me-form div{
			position:relative;
		}
		footer #about-me #nudge-me-form p{
			color:#92908d;
		}
		footer #about-me #nudge-me-form #nudge-submit-button{
			height:42px;
                        width:100px;
			padding:0 20px;
			line-height:40px;
			font-size:14px;
			position:absolute;
			right:0;
			top:0;
			color:white;
			background-color:#7b7978;
			border:none;
			background-image: linear-gradient(bottom, rgb(101,99,92) 0%, rgb(145,140,135) 100%);
			background-image: -o-linear-gradient(bottom, rgb(101,99,92) 0%, rgb(145,140,135) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(101,99,92) 0%, rgb(145,140,135) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(101,99,92) 0%, rgb(145,140,135) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(101,99,92) 0%, rgb(145,140,135) 100%);
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, rgb(101,99,92)),
				color-stop(1, rgb(145,140,135))
			);
		}
		footer #about-me #nudge-me-form #nudge-submit-button:hover{
			cursor:pointer
		}
		footer #about-me #nudge-me-form #nudge-submit-button:active{
			background-image: linear-gradient(bottom, rgb(145,140,135) 0%, rgb(101,99,92) 100%);
			background-image: -o-linear-gradient(bottom, rgb(145,140,135) 0%, rgb(101,99,92) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(145,140,135) 0%, rgb(101,99,92) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(145,140,135) 0%, rgb(101,99,92) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(145,140,135) 0%, rgb(101,99,92) 100%);
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, rgb(145,140,135)),
				color-stop(1, rgb(101,99,92))
			);
		}
		footer #about-me #nudge-me-form input#nudge-email{
			height:40px;
			padding:0 20px;
			line-height:40px;
			font-size:18px;
			font-family:"Apple Chancery", myriad-pro, MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
			background-color:rgba(0,0,0,0.1);
			color:white;
			letter-spacing:1px;
			-moz-box-shadow:inset 0 0 7px #888;
		   	-webkit-box-shadow:inset 0 0 7px #888;
		   	box-shadow:inset 0 0 7px #888;
		   	text-shadow: #444 0px 0px 2px;
		   	width:395px;
		}
		footer #about-me #nudge-me-form input#nudge-email:focus{
		   	text-shadow: #007cdb 0px 0px 5px;
		}
		footer #gradient-vertical{
			position:absolute;
			top:3px;
			left:0px;
			z-index:0;
			opacity:0.7
		}
	footer #copyright{
		clear:both;
		color:#b7b8b0;
		line-height:15px;
		border-top:1px solid white;
		position:relative;
		padding-top:10px;
	}
		footer #gradient-horizontal{
			position:absolute;
			top:-63px;
			left:-15px;
			z-index:0
		}
         

/*
 * Additional CSS to support Javascript
 */

/* Fadein */
#webdesign-example-frame{
	position:absolute;
}
	#example-webdesign{
		position: relative; width: 280px; height:160px; top:10px; left:12px;
	}

/* Slide */
    .nav-slideshow-slide a{
        float:left;
        display:block;
        width:20px;
        height:20px;
        font-size:0;
        line-height:0;
        background:#C0D860;
        margin-right:10px;
    }
    .nav-slideshow-slide a.activeSlide{
        background:#eee;
        cursor:default;
    }
/* fadein portfolio */
#portfolio .picture-slides-thumbnails li{
	list-style:none;
	float:right;
}
	#portfolio .image-left .picture-slides-thumbnails li{
		list-style:none;
		float:left;
		margin-left:0;
		margin-right:13px;
	}
/* Sliding */
#service .screenshot{
	position:relative;
	left:-10px;
	padding-top:5px;
}
	#service .screenshot, #service .screenshot div{
		overflow:hidden; 
		height:260px;
		width:360px;
		margin:0;
		padding-top:5px;
	}
	#service .screenshot div a{
		margin-left:0;
		display:block;
		float:left;
		margin:0 0 10px 10px;
		height:110px;
		width:160px;
	}
        #service .screenshot-wide div a, #service .screenshot.screenshot-wide div a{
		height:236px;
		width:336px;
            
        }
	#service .screenshot div a, #learning-center #content .book img, #learning-center #content .video .video-preview{
		border:3px solid white;
		-webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);
	}

#contact #ask-guest-blogger{
	display:none;
}
    

#portfolio article aside .picture-slides-selected-thumbnail img{
	border:1px solid black;
}
	#portfolio article aside{
		z-index:100;
	}