html {
	min-width: 980px;
}
body, p, li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #665e4c;
}
h1 {
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 3em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-shadow: #999 1px 1px 1px;
}
h2 {
	font-family: Georgia, serif;
	font-weight: lighter;
	text-shadow: #999 1px 1px 1px;
	font-size: 20px;
	line-height: 26px;

}
h3, h4, h5, h6 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #BF3A14;
	text-transform: uppercase;
}
a:link, a:visited {
	color: #476F6E;
	text-decoration: none;
}
a:hover, a:active {
	color: #476F6E;
	text-decoration: underline;
}
a.img * {
	border: none;
	text-decoration: none;
	display: block;
	float: left;
}
/* disable firefox link borders */
a:active, a:focus {
	outline: 0;
}
small {
	font-size: 10px;
	font-weight: lighter;
	text-align: center;
	line-height: 1em;
}
.date, .brown_hl {
	display: block;
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 11px;
	letter-spacing: .1em;
	text-align: center;
	line-height: 20px;	
	color: #712e19;
}
img {
	border: none;
}
ul {}

li {}

code {
	border:1px solid #C0C0C0;
	background-color: #f9f9f9;
	padding:1px 2px;
}

/* @group Main Page Construction */
html {
	padding: 0;
	margin: 0;
	min-width: 920px;
}
body {
	margin: 0;
	padding: 0;	
	background-color: #F1F0D1;
}
#topbar {
	position: absolute;
	width: 100%;
	height: 475px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	background: url(images/bg-top.png) top left repeat-x;
	z-index:-1;
}
#topbarS {
	position: absolute;
	width: 100%;
	height: 296px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	background: url(images/bg-topS.png) top left repeat-x;
	z-index:-1;
}

#header {
	position: relative;
	background: url(images/bg-header.png) 0 95px no-repeat;
	height: 310px;
	overflow: hidden;
}
#headerS {
	position: relative;
	height: 125px;
	overflow: hidden;
}
#page {
	position: static;
	top: 0;
	left: 0;
	width: 930px;
	margin: 0px auto 60px auto;
	padding: 0;
	top: 0;
}
#content {
	background: url(images/bg-con-mid.png) left top repeat-y;
	margin: 0 !important;
	padding: 0 6px;
}
.contenttop {
	background: url(images/bg-con-top.png) left bottom no-repeat;
	margin: 0;
	padding: 0;
	height: 5px;
}
.contentbottom {
	clear: both;
	margin: 0;
	height: 5px;
	background: url(images/bg-con-btm.png) left top no-repeat;
}
#postcolumn {
	display: inline;
	float: left;
	width: 540px;
	padding: 20px 0 35px 0;
	background: url(images/bottom-corner-bg.gif) no-repeat left bottom;
	margin-left: 34px !important;
}
#singlepost {
	width: 578px;
	margin: 0px auto;
	padding: 30px 0 60px 0;
}
#single {
	width: 678px;
	margin: 0px auto;
	padding: 30px 0 60px 0;
}
body#portfolio #singlepost,
body#code #singlepost {
	margin: 0 0 0 320px;
}
body#portfolio-subpage #singlepost {
	width: 578px;
}
body#blog-subpage #singlepost {
	display: inline;
	float:  left;
	width: 540px;
	margin-left: 34px;
}
#post *, #singlepost * {
	line-height: 175%
}
#sidebar {
	display: inline;
	float: left;
	width: 240px;
	margin-top: 50px;
	margin-left: 50px;
}
#footer {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 320px;
	overflow: hidden;
	background: #0B0502 url(images/bg-footer.png) top left repeat-x ;
}


/* @group #header */

#nav {
	position: absolute;
	display: block;
	height: 33px;
	top: 62px;
	left: 255px;
	overflow: hidden;
	background: url(images/nav.png) top left no-repeat;
}
#logo {
	background: url(images/logo.png) top left no-repeat;
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	top: 27px;
	left: 40px;
}
#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:active  {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 142px;
	height: 55px;
	overflow: hidden;
	text-indent: -9999px;
}
#description {
	display: none;
}
#phone-email {
	position: absolute;
	display: block;
	width: 400px;
	height: 30px;
	margin: 0;
	top: 20px;	
	left: 530px;
	overflow: visible;
	text-align: right;
}
#phone-email h2 {
	display: none;
}
#phone-email * {
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 10px;
	letter-spacing: .1em;
	line-height: 31px;
	color: #998e73;
	margin: 0px;
	border: 0px;
	left: 0px !important;
	right: 0px !important;
}
#phone-email span#phonenumber {
	padding: 11px 5px 11px 35px;
	background: url(images/bg-phone.png) center left no-repeat;
}
#phone-email a#mailaddress:link,
#phone-email a#mailaddress:visited {
	padding: 11px 5px 11px 5px;
	background: url(images/bg-phone.png) center right no-repeat;
	color: #998e73;
}
#phone-email a#mailaddress:hover,
#phone-email a#mailaddress:active {
}
#pricebutton {
	background: url(images/price-button999.png) top left no-repeat !important;
	background-image: url(images/price-button999-ie.png);
	position: absolute;
	top: 304px;
	left: 585px;
}
#pricebutton a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 63px;
	height: 74px;
}

/* @group .linkblock */

.linkblock {
	position: absolute;
	width: 225px;
	height: 200px;
	top: 108px;
	overflow: hidden;
}
.linkblock h2 {
	display: block;
	height: 20px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;	
}
#linkblock1 h2 {
	background: url(images/design-header.png) center top no-repeat;	
}
#linkblock2 h2 {
	background: url(images/code-header.png) center top no-repeat;	
}
#linkblock3 h2 {
	background: url(images/latestwork-header.png) center top no-repeat;	
}
#linkblock1 {
	left: 45px;
}
#linkblock2 {
	left: 308px;
}
#linkblock3 {
	float: left;
	left: 580px;
}
.linkblock ul {
	background: url(images/seperator.png) top left repeat-x;
	padding: 2px 0 0 0;
	margin: 10px 0 0 0;
	list-style-type: none;
}
.linkblock li {
	background: url(images/seperator.png) bottom left repeat-x;
	padding: 0;
	margin: 0;
}
.linkblock ul a:link,
.linkblock ul a:visited {	
	padding: 0 0 0 25px;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}
.linkblock ul a:hover,
.linkblock ul a:active {
	background-color: #466F6D;
	color: #fff;
	text-decoration: none;
}
.linkblock .hotlinks {
	background: #000 url(images/bg-hotlinks.png) left top no-repeat;	
	margin-top: 25px;
	text-align: center;	
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 10px;
	line-height: 25px;
	letter-spacing: .1em;
}
.hotlinks a:link,
.hotlinks a:visited   {
	padding: 0 5px;
	color: #666;
}
.hotlinks a:hover,
.hotlinks a:active {
	color: #fff;
	text-decoration: none;
}


.latestwork {
	position: absolute;
	width: 320px;
	height: 200px;
	top: 108px;
}
.latestwork h2 {
	display: block;
	height: 20px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;	
}
dl.latest {
	float: left;
	font-size:10px;
	width: 320px;
}
dl.latest dt {
	margin: 0;
}	
dl.latest dd {
	margin: 0;
	padding: 0;
}
dl.latest dt a {
	margin: 5px 8px 0 0;
	padding: 2px;
	float: left;
	display: block;
	border: 2px solid #B2AFA1;
	background-color: #fff;
}
dl.latest dt a:hover, dl#latest dt.current a {
	border-color: #A59A84;
}

dl.preview {
	float: left;
	width: 540px;
}

dl.preview dt {
	margin: 35px 0 0 0;
}	
dl.preview dd {
	margin: 5px 0 0 0;
	padding: 0;
}
dl.preview dt a {
	margin: 2px 8px 25px 0;
	padding: 2px;
	float: left;
	display: block;
	border: 2px solid #B2AFA1;
	background: #fff;
}
dl.preview dt a:hover, dl#preview dt.current a {
	border-color: #466F6D;
}

/* @group #nav */
#nav h2 {
	display: none;
	background: url(images/nav.png) 0px 0px no-repeat;
}
#nav ul {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#nav li {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}
#nav a {
	display: inline-block;
	overflow: hidden;	
	float: left;
	height: 33px;
	text-indent: -9999px;
	margin: 0;
	border: none;
	background: url(images/nav.png) 0px 0px no-repeat;
}
a#navitem1 { width:  80px; background-position:     0px 0px; }
a#navitem2 { width:  81px;	background-position:  -83px 0px; }
a#navitem3 { width: 120px;	background-position: -167px 0px; }
a#navitem4 { width: 113px;	background-position: -290px 0px; }
a#navitem5 { width: 107px;	background-position: -406px 0px; }

a#navitem1:hover {	background-position:    0px -35px; }
a#navitem2:hover {	background-position:  -83px -35px; }
a#navitem3:hover {	background-position: -167px -35px; }
a#navitem4:hover {	background-position: -290px -35px; }
a#navitem5:hover {	background-position: -406px -35px; }

a#navitem1on  { width:  80px; background-position:    0px -70px; }
a#navitem2on { width:  81px; background-position:  -83px -70px; }
a#navitem3on { width: 120px; background-position: -167px -70px; }
a#navitem4on { width: 113px; background-position: -290px -70px; }
a#navitem5on { width: 107px; background-position: -406px -70px; }

a#navitem1on:hover, a#navitem1on:visited  { width:  80px; background-position:    0px -70px; }
a#navitem2on:hover, a#navitem2on:visited { width:  81px; background-position:  -83px -70px; }
a#navitem3on:hover, a#navitem3on:visited { width: 120px; background-position: -167px -70px; }
a#navitem4on:hover, a#navitem4on:visited { width: 113px; background-position: -290px -70px; }
a#navitem5on:hover, a#navitem5on:visited { width: 107px; background-position: -406px -70px; }

/* @group #content */
.post {
	padding: 20px 0 50px 0;
	margin: 0 0 0px 0;
}
#content h1 {
	text-align:center;
	margin: 0;
	padding: 20px 0;
		
}

#content h2 {
	text-align: center;
	padding-bottom: 15px;
	margin: 0;
	background: url(images/ornament.png) center bottom no-repeat;
}

#content h2.pagetitle {
	padding-top: 10px;
}

#content .entry h2 {
	margin-top: 40px; 
}

#content .entry h3 {
	padding-top: 20px;
	margin: 0;
	clear: both;
}

#content .entry:after  {
    content: "." !important;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content .entry p img {
	float: left;
	margin: 0 20px 10px 0; 
	padding: 5px;
	border: 1px solid #d6d2c6;
}

/* @group submenu */

#submenu {
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: -280px;
}

#submenu ul {
	background: url(images/seperator.png) left top repeat-x;
	list-style-type: none;
	margin: 0;
	padding: 2px 0 0 0;
}

#submenu ul li {
	background: url(images/seperator.png) left bottom repeat-x;
	display: block;
	padding-bottom: 2px;
}

#submenu a {
	background: url(images/bg-linklist.png) left top no-repeat;
	display: block;
	width:  180px;
	padding-left: 25px;
	height: 32px;
	line-height: 32px;
}

#submenu li.current_page_item a {
	background: url(images/bg-linklist.png) left -40px no-repeat;
	color:  #fff;
}


/* @group #commentform */

form#commentform {
	width: 100%;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform input#submit {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #827C55;
	padding: 8px 16px;
	background: #C5C2A9;
	box-shadow: 0 1px 0 0 #F1F2E9 inset;
	border: 1px solid #827C55;
	border-radius: 4px;
	-webkit-transition: background .44s ease-in-out;
	-moz-transition: background .44s ease-in-out;
	-ms-transition: background .44s ease-in-out;
	-o-transition: background .44s ease-in-out;
	transition: background .44s ease-in-out;
}
#commentform input#submit:hover {
	background: #A09B70;
	-webkit-transition: background .22s ease-in-out;
	-moz-transition: background .22s ease-in-out;
	-ms-transition: background .22s ease-in-out;
	-o-transition: background .22s ease-in-out;
	transition: background .22s ease-in-out;
}
#commentform input#submit:active {
	text-shadow: none;
	background: #827C55;
	-webkit-transition: background .1s ease;
	-moz-transition: background .1s ease;
	-ms-transition: background .1s ease;
	-o-transition: background .1s ease;
	transition: background .1s ease;
}

.postmetadata {
	display: block;
	background-color: #EAEADF;
	padding: 5px 20px;
	margin: 0px 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #BEBE9C;
}

#content .postcode {
	background-color: #F9F9F7;
	padding: 5px 20px;
	margin: 0;
	border-top: 1px dashed;
	border-bottom: 1px dashed;
	border-color: #BEBE9C;
}

ol.commentlist {
	list-style-position: inside;
	padding: 0;
}

ol.commentlist li {
	display: block;
	background-color: #EAEADF;
	padding: 2px 20px;
	margin: 5px 0 0 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #BEBE9C;
}

h3#comments, h3#respond {
	background: url(images/bg-seperator.png) top left repeat-x;
	padding-top: 20px;
	clear: both;
}/* @group #sidebar */

.sidebox {
	margin-bottom: 50px;
	padding-bottom: 12px;
	background: url(images/sidebox-btm.png) center bottom no-repeat;
}
.sidebox h2 {
	padding: 0 !important;
	margin: 0;
	height: 24px;
	overflow: hidden;
	background-position: center center !important;
	background-repeat: no-repeat;
}

.sidebox img {
	width: 190px;
	margin-left: 25px;
	padding: 5px;
	border: 1px solid #d6d2c6;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: url(images/seperator.png) top left repeat-x;
}
#sidebar ul li {
	margin: 0;
	padding: 8px 0 8px 5px;
	background: url(images/seperator.png) bottom left repeat-x;
}
#sidebar ul li a {
	display:block;
}
#cnetabout h2 {
	background-image: url(images/blank.png);
}
#categories h2 {
	background-image: url(images/blank.png);
}
#archives h2 {
	background-image: url(images/blank.png);
}
#search h2 {
	background-image: url(images/blank.png);
}
#blogroll h2 {
	background-image: url(images/blank.png);
}
#featured h2 {
	background-image: url(images/blank.png);
}
#forhire li a {
	display: block;
	text-indent: -9999px;
	background: url(/images/portfolio/availability.png) top left no-repeat;
	width: 234px;
	height: 143px;
}
#forhire li a:hover { 
	display: block;
	background-position: 0px -143px;
}


/* @group #footer */
#footer * {
	font-size: 11px;
	line-height: 15px;
}

#footerwrapper {
	display: block;
	width: 890px;
	height: 320px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}

#footer ul {
	display: block;
	padding: 0;
	margin: 2px 0 0 0;
	border-bottom: 1px solid #4F4839;
}

#footer li {
	border-top: 1px solid #4F4839;
	padding: 4px 0;
}

#footer h2 {
	text-align: left;
	letter-spacing: .2em;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 0;
	margin: 0;
	text-shadow: none;
}

#footerlist01 {
	width: 95px;
	margin-top: 40px;
	float: left;
}
#footerlist02 {
	width: 230px;
	margin-top: 40px;
	margin-left: 32px;
	float: left;
}
#footerlist03 {
	width: 200px;
	margin-top: 40px;
	margin-left: 32px;
	float: left;
}
#footerlist04 {
	width: 200px;
	margin-top: 40px;
	margin-left: 32px;
	float: left;
}
#footerlist01 li a, #footerlist02 li a, #footerlist04 li a {
	display:block;
}

#footerlist01 ul,
#footerlist02 ul,
#footerlist03 ul, 
#footerlist04 ul {
	list-style-type: none;
}

#footerlist04 li {
	display: block;
	height: 33px;
	padding: 7px 0;
}

/* RSS-Feed & Bookmarks */

#rssrow:after {
	clear: both;
	display: none;
	content: ".";
}

#rssrow img {
	float: left;
	margin: 1px 7px 4px 0;
	border: none;
}

#bookmarkrow {
	padding: 0 !important;
}

#bookmarkrow .sociable_tagline {
	display: none;
}

#bookmarkrow ul {
	display: block;
	margin: 6px 0 6px 4px;
	border: none;
}

#bookmarkrow ul li {
	display: inline;
	padding: 6px 0 6px 0;
	margin: 10px 0 10px 0;
	border: none;
}

#bookmarkrow a {
	display: block;
	height: 17px;
	padding: 0px;
	margin: 0 11px 0 0;
	float:  left;
}

#bookmarkrow img {
	border: none;
}


/* Wordpress credit */


#credit {
	position: relative;
	clear: both;
	top: 30px;
	margin: 0;
	width: 100%;
	height: 30px;
}

#credit ul {
	display: block;
	height: 22px;
	width: 100px;
	margin: 0 auto;
	list-style-type: none;
	border: 0px;

}

#credit li {
	display: block;
	float:  left;
	border: 0px;

}

#credit li a:link,
#credit li a:visited {
	display: block;
	float:  left;
	height: 22px;
	text-indent: -999px;
	overflow: hidden;
	opacity: .75;
	border: 0px;

}

#credit li a:hover,
#credit li a:active {
	opacity: 1;
}

a#wordpresslink {
	background: url(images/wordpress-icon.png) top left no-repeat;
	width:  96px;
	height: 40px;
	margin-right: 10px;
}


/* @group Pages */

/* @group Home */

body#home #content h3.post-title {
	background: url(/images/pagepost.gif) no-repeat 0 .4em;
	padding-left: 16px;
}

body#home .post {
	margin-top: 20px;
}

body#home .entry {
	padding: 0px 0 10px 0;
	margin: 0px 0 0px 0;

}

body#home .entry p {
	padding: 0 5px;

}

/* @group #portfolio */

#portfolio {
	background: url(images/seperator-shadow.png) bottom left repeat-x;
	padding: 10px 0px 10px 34px;
	margin: 0 0 20px 0;
}

#portfolio h2 {
	display: block;
	background: url(images/portfolio.png) center center no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	padding: 20px 34px 10px 0;
	margin: 0;
}

#portfolio small {
	padding: 10px 0;
	margin: 0;
}

#portfolio #portfoliolink {
	background: url(images/seperator.png) center center repeat-x;
	text-align: center;
	margin: 0 34px 30px 0;
	clear: both;

}

a.blackbutton:link,
a.blackbutton:visited {	
	background: #000 url(images/bg-hotlinks.png) left top no-repeat;	
	display:block;
	height: 25px;
	width: 250px;
	margin: 0 auto;
	text-align: center;	
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 10px;
	line-height: 25px;
	color: #ddd;
	letter-spacing: .1em;	
	text-align: center;
}

a.blackbutton:hover,
a.blackbutton:active {
	color: #fff;
	text-decoration: none;
	background-position: bottom left;
}

/* @group Blogarchive */

#blog-archive #archive-type {
	font-size: 18px;
	padding: 30px 0 5px 0;
}

#blog-subpage #singlepost h2,
#blog-archive #post h2 {
	margin: 0 !important;
}/* @group portfolio */

body#portfolio .gallery {
	display: block;
	width: 884px;
	margin: 0;
	padding: 30px 0px 60px 34px;
	background: url(images/bg-widecolumn-mid.png) top left repeat-y ;
}

body#portfolio h2.pagetitle {
	display: none;
}

body#portfolio-subpage .entry img {
	width: 568px; 
}

/* @group Links */

#links ul.toplist {
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
}

#links ul h2 {
	padding: 20px 0;
}


#links li.linkcat {
	background: url(images/ornament.png) center top no-repeat;
}

#links li.linkcat ul {
	padding: 20px 40px;
	list-style-type: disc;
}

/* @group Preise */

div#packages {
	position: relative;
	/*text-indent: -999px;
	overflow: hidden;*/
	background: url(images/price-header.png) top right no-repeat;
	height: 190px;
}

div#packages ul {
	padding: 55px 0 0 0;
	margin: 0;
	list-style-type: none;
	background: url(images/price-header.png) top right no-repeat;
	height: 190px;
}
div#packages li {
	background: url(images/price-basic.png) top left no-repeat;
	padding:  2px 0 2px 25px;
	line-height: 20px;
	font-size: 11px;
}
		
.featureincluded1,
.featureincluded2,
.featureincluded3 {
	text-indent: -999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

.featureincluded1 {
	background-image: url(images/price-basic.png);
}
.featureincluded2 {
	background-image: url(images/price-standard.png);
}
.featureincluded3 {
	background-image: url(images/price-premium.png);
}
table#pricetable td {
	width: 25%;
	padding: 8px;
}
table#pricetable tbody td {
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 12px;
}
table#pricetable strong {
	font-size: 18px;
}

/* @group Custom Classes */
.nodisplay {
	display: none;
}
.navigation {
	display: block;
	text-align: center;
	margin:30px 0px 30px 0px;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	text-align: right;
}
.clearer {
	clear: both;
}

ul.nobullets {
	list-style:none;
	margin-left:-20px;
}

/* WP stats smiley */
img#wpstats{ width:0px; height:0px; padding:0px; border:none; overflow:hidden}

/* CSS3 Examples */
.CSS3-TRANS-graybutton:link, .CSS3-TRANS-graybutton:visited {
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	color: #777;
	text-decoration:none;
	padding: 7px 15px;
	margin: 20px 0 60px 0;
	-webkit-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
	-moz-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
	-o-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
	transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
}
.CSS3-TRANS-graybutton:hover {
	border-color: #aaa;
	background-color: #e3e3e3;
	color: #000;
	-webkit-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
	-moz-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
	-o-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
	transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
}

.CSS3-TRANS-greenbutton:link, .CSS3-TRANS-greenbutton:visited {
	border-radius: 5px;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	padding: 16px 32px;
	background-color: #8FCF45;
	margin: 20px 0 60px 0;
	-webkit-transition: color .5s linear, background-color .5s ease-in-out;	
	-moz-transition: color .5s linear, background-color .5s ease-in-out;	
	-o-transition: color .5s linear, background-color .5s ease-in-out;	
	transition: color .5s linear, background-color .5s ease-in-out;
}
.CSS3-TRANS-greenbutton:hover {
	background-color: #D05944;	
	-webkit-transition: background-color .25s ease-in-out;	
	-moz-transition: background-color .25s ease-in-out;	
	-o-transition: background-color .25s ease-in-out;	
	transition: background-color .25s ease-in-out;
}
.CSS3-TRANS-blackbutton:link, .CSS3-TRANS-blackbutton:visited {
	border-radius: 12px;
	color: #ddd;
	text-decoration:none;
	padding: 6px 20px;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top, #666, #000);
	background: -o-linear-gradient(top, #666, #000);
	opacity: 1;
	margin: 20px 0 60px 0;
	-webkit-transition: opacity 1s ease;	
	-moz-transition: opacity 1s ease;	
	-o-transition: opacity 1s ease;	
	transition: opacity 1s ease;
}
.CSS3-TRANS-blackbutton:hover {
	opacity: .7;	
	-webkit-transition: opacity .5s ease;	
	-moz-transition: opacity .5s ease;	
	-o-transition: opacity .5s ease;	
	transition: opacity .5s ease;
}
.CSS3-TRANS-bluebutton:link, .CSS3-TRANS-bluebutton:visited {
	color: #ccc;
	text-decoration: none;
	text-shadow: 0 -1px 1px #000F4D;
	padding: 10px 30px;
	background: #8C9CBF;
	background: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
	background: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
	background: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
	background: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
	border-color: #172D6E #172D6E #0E1D45;
	box-shadow: 0 1px 0 0 #B1B9CB inset;
	border: 1px solid #172D6E;
	border-radius: 6px;
	margin: 20px 0 60px 0;
	-webkit-transition: color .5s linear, background .5s ease-in-out;
	-moz-transition: color .5s linear, background .5s ease-in-out;
	-o-transition: color .5s linear, background .5s ease-in-out;
	transition: color .5s linear, background .5s ease-in-out;
}
.CSS3-TRANS-bluebutton:hover {
	color: #fff;
	background: #7F8DAD;
	background: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
	background: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
	background: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
	background: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
	-webkit-transition: color .25s linear, background .25s ease-in-out;
	-moz-transition: color .25s linear, background .25s ease-in-out;
	-o-transition: color .25s linear, background .25s ease-in-out;
	transition: color .25s linear, background .25s ease-in-out;
}