/* -- ========== Global ========== -- */
* { 
	margin: 0; /* remove all default margins! */
	padding: 0; /* remove all default padding! */
	}

html {}

/* -- ========== Body ========== -- */
body {
	background: #e47b22 url('../img/bg-orange2.jpg') repeat-y;
	color: #666;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Lucida Grande', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.3;
	text-align: left;
	}

/* -- ========== Anchors ========== -- */
a {
	/* color: #777; */
	outline: 0;
	-webkit-transition: color 0.5s ease-in;  
	-moz-transition: color 0.5s ease-in;  
	-o-transition: color 0.5s ease-in;  
	transition: color 0.5s ease-in;
	}

a img {
	border: 0px;
	text-decoration: none;
	}

a:hover {
	color: #000;
	}
	
/* -- ========== Paragraphs ========== -- */
p {
	padding: 10px 0;
	}

* p:last-child {
	margin-bottom: 0;
	}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

::-moz-selection {
	background: #F6CF74;
	color: #fff;
	}

::selection {
	background: #F6CF74;
	color: #fff;
	}

/* -- ========== Lists ========== -- */
ul {}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
	}

/*
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
*/

/* -- ========== Quotes ========== -- */
blockquote {
	font-style: italic;
	}

cite {}

q {}

/* -- ========== HTML5 tags ========== -- */
header, section, footer, aside, nav, article, figure {
	display: block;
	}

/* -- ========== LAYOUT ========== -- */
#wrapper {
	margin: 0 auto;
	width: 960px;
	padding: 0 0;
	}/* MAIN PAGE CENTRE CSS DEVICE */

img.right figure.right {
	float: right;
	margin: 0 0 2em 2em;
	}

img.left, figure.left {
	float: right;
	margin: 0 0 2em 2em;
	}

/* -- ========== HEADER ========== -- */
#masthead {}

/* -- ========== BANNER ========== -- */
#masthead h1 {
	font-size: 2em;
	line-height: .6;
	border: 1px solid blue;
	}

#masthead h1 a:link, #masthead h1 a:visited {
	color: #ccc;
	display: block;
	font-weight: normal;
	margin: 0 0 .6em .2em;
	text-decoration: none;
	width: 427px;
	/* border: 1px solid yellow; */
	}
	
#masthead h1 a:hover, #masthead h1 a:active {
	background: none;
	color: #C74350;
	text-shadow: none;
	}
	
#masthead h1 strong {
	font-size: 0.36em;
	font-weight: normal;
	}
	
/* -- ========== MAIN NAVBAR ========== -- */
#masthead nav {
	float: right;
	height: 50px;
	margin-top: 20px;
	}
	
#masthead nav ul {
	list-style: none;
	margin: 0;
	/* border: 1px solid red; */
	}
	
#masthead nav li {
	float: right;
	display: inline;
	margin: 0;
	}
	
#masthead nav a {
	color: #000;
	display: inline-block;
	height: 35px;
	padding: 15px 20px 0 20px;
	text-decoration: none;
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.7s;
	-webkit-transition-timing-function: linear, ease-in;
	}
	
#masthead nav a:hover {
	background: rgba(255, 255, 255, 0.33);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	color: #fff;
	}

#masthead nav a:active {
	background: rgba(255, 255, 255, 0.33);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	color: #f93;
	}
	
#masthead nav .active a:link, #masthead nav .active a:visited {
	background: rgba(255, 255, 255, 0.15);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	color: #fff;
	}

/* -- ========== CSS for ACTIVE state link - home page only?? ========== -- */
#masthead nav li:first-child a {
	/* background: rgba(255, 255, 255, 0.50);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; */
	}	
	
/* -- ========== HOME PAGE PNG PANEL ========== -- */
#web-design {
	text-align: center;
	padding: 0 20px;
	width: 920px;
	}

#web-design h1 {
	color: #fff;
	letter-spacing: -1px;
	}

/* -- ========== HOME PAGE PROMO PANELS ========== -- */
#home-promos {
	/* border: 1px solid yellow; */
	}

.promo {
	width: 430px; /* half of 900px */
	background: #fff;
	margin-bottom: 2em;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	-moz-box-shadow: 1px 1px 5px #333; */
	box-shadow: 0 1px 2px rgba(0,0,0,.33);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.50);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.50);
	behavior: url(js/PIE.htc);
	}

.divider1 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e5e5e5;
	margin: 10px 0 15px 0;
	}

.divider2 {
	border-top: 1px solid #f49d4f;
	border-bottom: 1px solid #dd8738;
	margin: 10px 0 15px 0;
	}

.promo h2 {
	color: #ed8014;
	text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
	}

.promo h3 {
	margin-bottom: .5em;
	}

.promo img {
	float: right;
	padding: 0 0 10px 10px;
	}

/* -- ========== PROMO PANELS ========== -- */
#web-promo1 {
	float: left;
	border: 1px solid #fff;
	background: #eee; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee) to(#fff)); /* old webkit */
	background: -webkit-linear-gradient(#eee, #fff); /* new webkit */
	background: -moz-linear-gradient(#eee, #fff); /* gecko */
	background: -ms-linear-gradient(#eee, #fff); /* IE10 */
	background: -o-linear-gradient(#eee, #fff); /* opera 11.10+ */
	background: linear-gradient(#eee, #fff); /* future CSS3 browsers */
	-pie-background: linear-gradient(#eee, #fff); /* PIE */
	behavior: url(js/PIE.htc);
	}

#web-promo2 {
	float: right;
	border: 1px solid #fff;
	background: #eee; /* fallback for non-CSS3 browsers */ 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee) to(#fff)); /* old webkit */
	background: -webkit-linear-gradient(#eee, #fff); /* new webkit */
	background: -moz-linear-gradient(#eee, #fff); /* gecko */
	background: -ms-linear-gradient(#eee, #fff); /* IE10 */
	background: -o-linear-gradient(#eee, #fff); /* opera 11.10+ */
	background: linear-gradient(#eee, #fff); /* future CSS3 browsers */
	-pie-background: linear-gradient(#eee, #fff); /* PIE */
	behavior: url(js/PIE.htc);
	}

#home-quote {
	float: right;
	width: 430px; /* half of 900px */
	margin-bottom: 2em;
	padding: 20px;
	background: rgba(255, 255, 255, 0.15)/* white BG 20% opacity */;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	}

#home-quote h2 {
	color: #fff;
	}

/* -- ========== FEATURED PANEL ========== -- */
#webpage {
	/* background: #fff; */
	background: rgba(255, 255, 255, 0.15)/* white BG 20% opacity */;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 920px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	}

#webpage figure {
	float: right;
	margin: 0 20px;
	}

#webpage figure img {
	display: block;
	float: right;
	}

#webpage p {
	color: #333;
	}

#webpage h2 {
	color: #fff;
	font-size: 2em;
	}

#webpage ul {
	margin: 10px 0;
	}

#webpage ul li {
	background: url('../img/bullet1.gif') no-repeat 0 50%;
	color: #333;
	list-style-type: none;
	padding: 0 0 0 15px;
	line-height: 1.5;
	}

#webpage a {
	color: #000;
	}

#webpage a:hover {
	color: #fff;
	}

#webpage h3 a:link, #webpage h3 a:visited {
	color: #333;
	text-decoration: none;
	}

#webpage h3 a:hover, #webpage h3 a:active {
	color: #fff;
	}

/* -- ========== BODY ========== -- */
#content {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 920px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

/* -- ========== EXTRAS ========== -- */
#extras {}

#extras ul {
	list-style: none;
	margin: 0;
	}

#extras li {}

#extras h2 {
	color: #ce4;
	font-size: 1.6em;
	padding: 0 3px;
	}

#extras a:link, #extras a:visited {
	color: #444;
	display: block;
	border-bottom: 1px solid #ce4;
	text-decoration: none;
	padding: .3em .25em;
	}

#extras li:last-child,

#extras li:last-child a {
	border: 0
	}

#extras .blogroll li:nth-last-child(2),

#extras .blogroll li:nth-last-child(3),

#extras .blogroll li:nth-last-child(2) a,

#extras .blogroll li:nth-last-child(3) a {
	border: 0;
	}

#extras a:hover, #extras a:active {
	color: #fff;
	}

/* -- ========== BLOGROLL ========== -- */
#extras .blogroll {
	float: left;
	width: 615px;
	background-color: #c00;
	}

#extras .blogroll li {
	float: left;
	margin: 0 20px 0 0;
	width: 185px;
	}

/* -- ========== PORTFOLIO ========== -- */
#portfolio {}

#portfolio-pic {margin: 0 310px 0 0; padding: 0 0 0 20px;}

#portfolio-specs {float: right; width: 300px; margin: 15px 0 0 0;}

#portfolio ul {margin: 10px 0;}

#portfolio ul li {background: url('../img/bullet1.gif') no-repeat 0 50%; color: #333; list-style-type: none; padding: 0 0 0 15px; line-height: 1.5;}

#portfolio h2 {color: #fff;}

#portfolio p {color: #483f3f;}

#portfolio a {color: #483f3f;}

#portfolio a:hover {color: #fff;}

#portfolio dl {padding: 10px 0; border-bottom: 1px dotted #f90; }

#portfolio dl dt {color: #222; font-size: 16px; font-weight: normal;}

#portfolio dd {color: #483f3f; margin-left: 0;}

#gallery-page {padding: 10px;}

#gallery {}

#gallery ul {}

#gallery ul li {
	float: left;
	display: inline;
	list-style-type: none;
	margin: 15px 10px;
	}

#gallery ul li img {
	border: 6px solid #fff;
	box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	-moz-box-shadow: 1px 1px 5px #333;
	/* -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.33);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.33);
	box-shadow: 0 2px 3px rgba(0,0,0,.33); */
	/* box shadow effect in IE */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=4);     
	/* box shadow effect in Browsers that support it, Opera 10.5 pre-alpha release */
	-webkit-transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in;
	}

#gallery ul li a {}

#gallery ul li img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-z-index: 10;
	-webkit-box-shadow: #000 0 2px 10px;
	}

/* -- ========== ABOUT ========== -- */
#about {
	background: #fff;
	font-style: normal;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	text-align: left;
	width: 920px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#about .primary {
	float: left;
	width: 165px;
	}

#about .primary strong {
	color: #C64350;
	display: block;
	font-size: 1.286em;
	}

#about .photo {
	float: left;
	margin: 5px 20px;
	}

#about .url:link, #about .url:visited {
	text-decoration: none;
	}

#about .bio {
	float: right;
	width: 500px;
	}

/* -- ========== FOOTER ========== -- */
#footer {
	clear: both;
	padding: 15px 20px;
	background: #444; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#444) to(#000)); /* old webkit */
	background: -webkit-linear-gradient(#444, #000); /* new webkit */
	background: -moz-linear-gradient(#444, #000); /* gecko */
	background: -ms-linear-gradient(#444, #000); /* IE10 */ 
	background: -o-linear-gradient(#444, #000); /* opera 11.10+ */
	background: linear-gradient(#444, #000); /* future CSS3 browsers */
	-pie-background: linear-gradient(#444, #000); /* PIE */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	}

#footer h2 {
	color: #e57b23;
	font-size: 1.6em;
	}

#footer ul {
	margin: 0;
	}

#footer ul li {
	list-style-type: none;
	}

#footer ul li a {
	display: block;
	padding: 3px 0;
	border-bottom: 1px solid #454545;
	text-decoration: none;
	}

#footer a {
	color: #777;
	}

#footer a:hover {
	color: #fff;
	}

.vcard {
	float: left;
	width: 210px;
	border: 1px solid yellow;
	margin: 0 15px 0 0;
	}

.tel {
	font: 20px 'Share-RegularRegular';
	letter-spacing: -1px;
	font-size: 2em;
	color: #999;
	}

#contact {
	float: left;
	width: 200px;
	margin: 0 15px 0 0;
	padding: 0 15px; 
	border-left: 2px dotted #555;
	border-right: 2px dotted #555;
	}

#contact ul li a.uk {
	background: url('../img/flag-uk.gif') no-repeat 0 50%;
	padding: 3px 0 3px 30px;
	}

#contact ul li a.australia {
	background: url('../img/flag-australia.gif') no-repeat 0 50%;
	padding: 3px 0 3px 30px;
	}	

/* -- ========== ICONS ========== -- */

/*
#contact a[href*='skyrocket.com.au'] {background-image: url('../images/flag-australia.gif');}
#contact a[href*='skyrocket.co'] {background-image: url('../images/flag-uk.gif') no-repeat;}
*/

#services {
	float: left;
	width: 210px;
	margin: 0 10px 0 0;
	}

#footernav {
	float: left;
	width: 200px;
	margin: 0 10px 0 0;
	padding: 0 15px 0 0;
	}

/* -- ========== SOCIAL NETWORKING ========== -- */
#networking {
	float: left;
	width: 200px;
	border-left: 2px dotted #555;
	padding: 0 10px;
	}

#networking ul {
	list-style: none;
	margin: 0;
	}

#networking li {}

#networking a:link, #networking a:visited {}

#networking a:hover, #networking a:active {
	color: #fff;
	}

.social-network {}
	
#networking div[class='social-network'] a {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 25px;
	}
	
/* -- ========== ICONS ========== -- */
.social-network a[href*='facebook.com'] {background-image: url('../img/icon16-facebook.png');}

.social-network a[href*='behance.net'] {background-image: url('../img/icon16-behance.png');}

.social-network a[href*='dribbble.com'] {background-image: url('../img/icon16-dribbble.png');}

.social-network a[href*='twitter.com'] {background-image: url('../img/icon16-twitter.png');}

.social-network a[href*='linkedin.com'] {background-image: url('../img/icon16-linkedin.png');}

.social-network a[href*='skype.com'] {background-image: url('../img/icon16-skype.png');}

/*.social-network a[href*='foursquare.com'] {background-image: url('../img/icon16-foursquare.png');}*/


/* -- ========== **** Sections **** ========== -- */

/* -- ========== BODY ========== -- */
#blog-content {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 20px;
	width: 920px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	}

/* -- ========== BLOG ========== -- */
.hentry {border-bottom: 1px solid #eee; padding: 1.5em 0;}

li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}

#content > .hentry {padding: 1em 0;}

.entry-title {font-size: 1.429em; margin-bottom: 0;}

.entry-title a:link, .entry-title a:visited {text-decoration: none;}

.hentry .post-info * {font-style: normal;}

/* -- ========== Content ========== -- */
.hentry footer {
	margin-bottom: 2em;
	}

.hentry footer address {
	display: inline;
	}

#posts-list footer address {
	display: block;
	}

/* -- ========== Blog Index ========== -- */
#posts-list {
	list-style: none;
	margin: 0;
	}

#posts-list .hentry {
	padding-left: 200px;
	position: relative;
	}

#posts-list .hentry:hover {
	background: #C64350;
	color: #fff;
	}
	
#posts-list .hentry:hover a:link, #posts-list .hentry:hover a:visited {
	color: #F6CF74;
	text-shadow: 1px 1px 1px #333;
	}

#posts-list footer {
	left: 10px;
	position: absolute;
	top: 1.5em;
	width: 190px;
	}
	
/* -- ========== About the Author ========== -- */
#about-author {
	background: #f9f9f9;
	clear: both;
	font-style: normal;
	margin: 2em 0;
	padding: 10px 20px 15px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/PIE.htc);
	}
	
#about-author strong {
	color: #C64350;
	clear: both;
	display: block;
	font-size: 1.429em;
	}
	
#about-author .photo {
	border: 1px solid #ddd;
	float: left;
	margin: 5px 1em 0 0;
	}
	
/* -- ========== Comments ========== -- */
#comments-list {
	list-style: none;
	margin: 0 1em;
	}

#comments-list blockquote {
	background: #f8f8f8;
	clear: both;
	font-style: normal;
	margin: 0;
	padding: 15px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/PIE.htc);
	}

#comments-list footer {
	color: #888;
	padding: .5em 1em 0 0;
	text-align: right;
	}
	
#comments-list li:nth-child(2n) blockquote {
	background: #F5f5f5;
	}

/* -- ========== Add a Comment ========== -- */
#add-comment label {
	clear: left;
	float: left;
	text-align:
	left;
	width: 150px;
	}

#add-comment input[type='text'],

#add-comment input[type='email'],

#add-comment input[type='url'] {
	float: left;
	width: 200px;
	}

#add-comment textarea {
	float: left;
	height: 150px;
	width: 495px;
	}

#add-comment p.req {
	clear: both;
	margin: 0 .5em 1em 0;
	text-align: right;
	}

#add-comment input[type='submit'] {
	float: right;
	margin: 0 .5em;
	}

#add-comment * {
	margin-bottom: .5em;
	}
	
/* -- ========== Tables ========== -- */
table {
	margin: .5em auto 1.5em auto;
	width: 98%;
	}

/* -- ========== Thead ========== -- */
thead th {
	padding: .5em .4em;
	text-align: left;
	}

thead td {}

/* -- ========== Tbody ========== -- */
tbody td {
	padding: .5em .4em;
	}

tbody th {}

tbody .alt td {}

tbody .alt th {}

/* -- ========== Tfoot ========== -- */
tfoot th {}

tfoot td {}
	
/* -- ========== BUTTONS ========== -- */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	/* font: 14px/100% Arial, Helvetica, sans-serif; */
	/* padding: .2em 0.7em; */
	padding: 3px 10px 5px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.33);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.33);
	box-shadow: 0 1px 2px rgba(0,0,0,.33);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(js/PIE.htc);
	}

.button:hover {
	text-decoration: none;
	}

.button:active {
	position: relative;
	top: 1px;
	}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#faa51a) to(#f47a20)); /* old webkit */
	background: -webkit-linear-gradient(#faa51a, #f47a20); /* new webkit */
	background: -moz-linear-gradient(#faa51a, #f47a20); /* gecko */
	background: -ms-linear-gradient(#faa51a, #f47a20); /* IE10*/
	background: -o-linear-gradient(#faa51a, #f47a20); /* opera 11.10+ */
	background: linear-gradient(#faa51a, #f47a20); /* future CSS3 browsers */
	-pie-background: linear-gradient(#faa51a, #f47a20); /* PIE */
	behavior: url(js/PIE.htc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}

.orange:hover {
	background: #f88e11; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88e11) to(#f06015)); /* old webkit */
	background: -webkit-linear-gradient(#f88e11, #f06015); /* new webkit */
	background: -moz-linear-gradient(#f88e11, #f06015); /* gecko */
	background: -ms-linear-gradient(#f88e11, #f06015); /* IE10 */
	background: -o-linear-gradient(#f88e11, #f06015); /* opera 11.10+ */
	background: linear-gradient(#f88e11, #f06015); /* future CSS3 browsers */
	-pie-background: linear-gradient(#f88e11, #f06015); /* PIE */
	behavior: url(js/PIE.htc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}

.orange:active {
	color: #fcd3a5;
	background: #f47a20; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f47a20) to(#faa51a)); /* old webkit */
	background: -webkit-linear-gradient(#f47a20, #faa51a); /* new webkit */
	background: -moz-linear-gradient(#f47a20, #faa51a); /*gecko */
	background: -ms-linear-gradient(#f47a20, #faa51a); /* IE10 */
	background: -o-linear-gradient(#f47a20, #faa51a); /* opera 11.10+ */
	background: linear-gradient(#f47a20, #faa51a); /* future CSS3 browsers */
	-pie-background: linear-gradient(#f47a20, #faa51a); /* PIE */
	behavior: url(js/PIE.htc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}

/* -- ========== BLACK button ========== -- */
.black {
	color: #ffffff!important;
	border: solid 1px #000;
	background: #666666; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#666666) to(#222222)); /* old webkit */
	background: -webkit-linear-gradient(#666666, #222222); /* new webkit */
	background: -moz-linear-gradient(#666666, #222222); /* gecko */
	background: -ms-linear-gradient(#666666, #222222); /* IE10 */
	background: -o-linear-gradient(#666666, #222222); /* opera 11.10+ */
	background: linear-gradient(#666666, #222222); /* future CSS3 browsers */
	-pie-background: linear-gradient(#666666, #222222); /* PIE */
	behavior: url(js/PIE.htc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#222222');
	}

.black:hover {
	color: #000000!important;
	background: #333333; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#333333) to(#666666)); /* old webkit */
	background: -webkit-linear-gradient(#333333, #666666); /* new webkit */
	background: -moz-linear-gradient(#333333, #666666); /* gecko */
	background: -ms-linear-gradient(#333333, #666666); /* IE10 */
	background: -o-linear-gradient(#333333, #666666); /* opera 11.10+ */
	background: linear-gradient(#333333, #666666); /* future CSS3 browsers */
	-pie-background: linear-gradient(#333333, #666666); /* PIE */
	behavior: url(js/PIE.htc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666');
	}

.black:active {
	color: #fcd3a5;
	background: #f47a20; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f47a20) to(#faa51a)); /* old webkit */
	background: -webkit-linear-gradient(#f47a20, #faa51a); /* new webkit */
	background: -moz-linear-gradient(#f47a20, #faa51a); /* gecko */
	background: -ms-linear-gradient(#f47a20, #faa51a); /* IE10 */
	background: -o-linear-gradient(#f47a20, #faa51a); /* opera 11.10+ */
	background: linear-gradient(#f47a20, #faa51a); /* future CSS3 browsers */
	-pie-background: linear-gradient(#f47a20, #faa51a); /* PIE */
	behavior: url(js/PIE.htc);
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); */
	}

/* -- ========== CSS3 QUOTE PANEL SPEECH BUBBLE ========== -- */
/* -- ========== Styled blockquote with right-angled triangle ========== -- */

.speech-bubble {
	position: relative;
	padding: 15px 30px;
	margin: 15px 0 2px 0;
	color: #666;
	background: #eeeeee; /* fallback for non-CSS3 browsers */ 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee) to(#ffffff)); /* old webkit */
	background: -webkit-linear-gradient(#eeeeee, #ffffff); /* new webkit */
	background: -moz-linear-gradient(#eeeeee, #ffffff); /* gecko */
	background: -ms-linear-gradient(#eeeeee, #ffffff); /* IE10 */
	background: -o-linear-gradient(#eeeeee, #ffffff); /* opera 11.10+ */
	background: linear-gradient(#eeeeee, #ffffff); /* future CSS3 browsers */
	-pie-background: linear-gradient(#eeeeee, #ffffff); /* PIE */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	}

.speech-bubble + p {
	color: #333;
	margin: 0 0 0 70px;
	}

/* -- ========== speech bubble triangle ========== -- */
.speech-bubble:after {
	content: "\00a0";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -20px;
	left: 30px;
	width: 0;
	height: 0;
	border-width: 0 25px 20px 0px;
	border-style: solid;
	border-color: transparent #fff;
	}

/* -- ========== TESTIMONIAL ========== -- */
.testimonial {
	width: 500px;
	position: relative;
	padding: 15px 30px;
	margin: 15px 0 2px 0;
	color: #666;
	background: #eee; /* default background for browsers without gradient support */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: -moz-linear-gradient(top, #eee, #fff);
	background: -o-linear-gradient(top, #eee, #fff);
	background: linear-gradient(top, #eee, #fff);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc);
	}

.testimonial + p {
	color: #333;
	margin: 0 0 0 70px;
	}

/* -- ========== speech bubble triangle ========== -- */
.testimonial:after {
	content: "\00a0";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -20px;
	left: 30px;
	width: 0;
	height: 0;
	border-width: 0 25px 20px 0px;
	border-style: solid;
	border-color: transparent #fff;
	}

#facebook-like {
	float: right;
	}

#planet {
	float: right;
	}

#sitemap ul {
	float: left;
	width: 200px;
	margin: 20px 0;
	}

#sitemap ul li {}

#sitemap ul li a {
	color: #000;
	}

#sitemap ul li a:hover {
	color: #fff;
	}

/* -- ========== FORMS ========== -- */
#username, #email, #message {
	border: none;
	padding: 3px 5px;
	font: 16px 'Share-RegularRegular';
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(js/PIE.htc);
	}

/* -- ========== CLEARFIX ========== -- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/* -- ========== Pagination ========== -- */
.pagination {
	height: 36px;
	margin: 0 0 10px 0;
	}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	 background: none!important;
	}

.pagination li {
	display: inline;
	background: none!important;
	color: #ccc;
	}

.pagination a {
	float: left;
	padding: 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
	color: #ffffff!important;
	border: solid 1px #000;
	background: #666666; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#666666) to(#222222)); /* old webkit */
	background: -webkit-linear-gradient(#666666, #222222); /* new webkit */
	background: -moz-linear-gradient(#666666, #222222); /* gecko */
	background: -ms-linear-gradient(#666666, #222222); /* IE10 */
	background: -o-linear-gradient(#666666, #222222); /* opera 11.10+ */
	background: linear-gradient(#666666, #222222); /* future CSS3 browsers */
	-pie-background: linear-gradient(#666666, #222222); /* PIE */
	behavior: url(js/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#222222');
	}

.pagination a:hover,
.pagination .active a {
	color: #000000!important;
	background: #333333; /* fallback for non-CSS3 browsers */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#333333) to(#666666)); /* old webkit */
	background: -webkit-linear-gradient(#333333, #666666); /* new webkit */
	background: -moz-linear-gradient(#333333, #666666); /* gecko */
	background: -ms-linear-gradient(#333333, #666666); /* IE10 */
	background: -o-linear-gradient(#333333, #666666); /* opera 11.10+ */
	background: linear-gradient(#333333, #666666); /* future CSS3 browsers */
	-pie-background: linear-gradient(#333333, #666666); /* PIE */
	behavior: url(js/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666');
	}

.pagination .active a {
	color: #ccc;
	cursor: default;
	}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
	color: #ccc;
	cursor: default;
	background-color: #333;
	}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	}

.pagination li:last-child a {
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	}

.pagination-centered {
	text-align: center;
	}

.pagination-right {
	text-align: right;
	}