/*
Template Name: GodZilla
Author: Rory Kranendonk
Author URI: http://www.dreamwire.nl
Version: 1.0
*/
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro/myriadpro.eot');
    src: url('../fonts/myriadpro/myriadpro.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro/myriadpro.woff') format('woff'),
         url('../fonts/myriadpro/myriadpro.ttf') format('truetype'),
         url('../fonts/myriadpro/myriadpro.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

button::-moz-focus-inner {border:0;padding:0;margin:0;}

button{
	display : inline-block;
	border : none;
	outline : none;
	padding : 0;
	margin : 4px 3px 0 0;
	cursor : pointer;
    overflow : visible;
	width : auto;
	height : 23px;
}

button span{
	float : left;
	padding : 0 8px 0 4px;
	margin : 0 0 0 4px;
	font : 10px/23px 'MyriadProRegular',Arial;
	font-weight : bold;
	color : #FFFFFF;
	text-transform : uppercase;
	white-space : nowrap;
	height : 23px;
}

button.medium{
	height : 31px;
}

button.medium span{
	padding : 0 17px 0 13px;
	font : 13px/31px 'MyriadProRegular',Arial;
	text-transform : none;
	height : 31px;
}

button.grey{
	background : url(../gfx/btn-small.gif) no-repeat left 0 transparent;
}

button.grey span{
	background : url(../gfx/btn-small.gif) no-repeat right 0 transparent;
	color : #1c1c1c;
}

button.black{
	background : url(../gfx/btn-small.gif) no-repeat left -23px transparent;
}

button.black span{
	background : url(../gfx/btn-small.gif) no-repeat right -23px transparent;
}

button.red{
	background : url(../gfx/btn-small.gif) no-repeat left -46px transparent;
}

button.red span{
	background : url(../gfx/btn-small.gif) no-repeat right -46px transparent;
}

button.orange{
	background : url(../gfx/btn-small.gif) no-repeat left -69px transparent;
}

button.orange span{
	background : url(../gfx/btn-small.gif) no-repeat right -69px transparent;
}

button.blue{
	background : url(../gfx/btn-small.gif) no-repeat left -92px transparent;
}

button.blue span{
	background : url(../gfx/btn-small.gif) no-repeat right -92px transparent;
}

button.green{
	background : url(../gfx/btn-small.gif) no-repeat left -115px transparent;
}

button.green span{
	background : url(../gfx/btn-small.gif) no-repeat right -115px transparent;
}

button.brown{
	background : url(../gfx/btn-small.gif) no-repeat left -138px transparent;
}

button.brown span{
	background : url(../gfx/btn-small.gif) no-repeat right -138px transparent;
}

button.purple{
	background : url(../gfx/btn-small.gif) no-repeat left -161px transparent;
}

button.purple span{
	background : url(../gfx/btn-small.gif) no-repeat right -161px transparent;
}

button.medium.grey{
	background : url(../gfx/buttons-medium.gif) no-repeat left 0 transparent;
}

button.medium.grey span{
	background : url(../gfx/buttons-medium.gif) no-repeat right 0 transparent;
	color : #1c1c1c;
}

button.medium.black{
	background : url(../gfx/buttons-medium.gif) no-repeat left -31px transparent;
}

button.medium.black span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -31px transparent;
}

button.medium.red{
	background : url(../gfx/buttons-medium.gif) no-repeat left -62px transparent;
}

button.medium.red span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -62px transparent;
}

button.medium.orange{
	background : url(../gfx/buttons-medium.gif) no-repeat left -93px transparent;
}

button.medium.orange span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -93px transparent;
}

button.medium.blue{
	background : url(../gfx/buttons-medium.gif) no-repeat left -124px transparent;
}

button.medium.blue span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -124px transparent;
}

button.medium.green{
	background : url(../gfx/buttons-medium.gif) no-repeat left -155px transparent;
}

button.medium.green span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -155px transparent;
}

button.medium.brown{
	background : url(../gfx/buttons-medium.gif) no-repeat left -186px transparent;
}

button.medium.brown span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -186px transparent;
}

button.medium.purple{
	background : url(../gfx/buttons-medium.gif) no-repeat left -217px transparent;
}

button.medium.purple span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -217px transparent;
}


/* INPUT BTN */
input.btn::-moz-focus-inner {border:0;padding:0;margin:0;}

input.btn{
	display : inline-block;
	border : none;
	outline : none;
	padding : 0 8px 0 4px;
	margin : 4px 3px 0 4px;
	cursor : pointer;
    overflow : visible;
	width : auto;
	height : 23px;
	color : #FFFFFF;
	white-space : nowrap;
	
}

input.btn span{
	float : left;
	padding : 0 8px 0 4px;
	margin : 0 0 0 4px;
	font : 10px/23px 'MyriadProRegular',Arial;
	font-weight : bold;
	color : #FFFFFF;
	text-transform : uppercase;
	white-space : nowrap;
	height : 23px;
}

input.btn.medium{
	height : 31px;
	padding : 0 17px 0 13px;
	font : 13px/31px 'MyriadProRegular',Arial;
	text-transform : none;
	height : 31px;
}

input.btn.medium span{
	padding : 0 17px 0 13px;
	font : 13px/31px 'MyriadProRegular',Arial;
	text-transform : none;
	height : 31px;
}

input.btn.grey{
	background : url(../gfx/btn-small.gif) no-repeat left 0 right 0 transparent;
	color : #1c1c1c;
}

input.btn.grey span{
	background : url(../gfx/btn-small.gif) no-repeat right 0 transparent;
	color : #1c1c1c;
}

input.btn.black{
	background : url(../gfx/btn-small.gif) no-repeat left -23px transparent;
	background : url(../gfx/btn-small.gif) no-repeat right -23px transparent;
}

input.btn.black span{
	background : url(../gfx/btn-small.gif) no-repeat right -23px transparent;
}

input.btn.red{
	background : url(../gfx/btn-small.gif) no-repeat left -46px right -46px transparent;
}

input.btn.red span{
	background : url(../gfx/btn-small.gif) no-repeat right -46px transparent;
}

input.btn.orange{
	background : url(../gfx/btn-small.gif) no-repeat left -69px right -69px transparent;
}

input.btn.orange span{
	background : url(../gfx/btn-small.gif) no-repeat right -69px transparent;
}

input.btn.blue{
	background : url(../gfx/btn-small.gif) no-repeat left -92px right -92px transparent;
}

input.btn.blue span{
	background : url(../gfx/btn-small.gif) no-repeat right -92px transparent;
}

button.green{
	background : url(../gfx/btn-small.gif) no-repeat left -115px right -115px transparent;
}

input.btn.green span{
	background : url(../gfx/btn-small.gif) no-repeat right -115px transparent;
}

input.btn.brown{
	background : url(../gfx/btn-small.gif) no-repeat left -138px right -138px transparent;
}

input.btn.brown span{
	background : url(../gfx/btn-small.gif) no-repeat right -138px transparent;
}

input.btn.purple{
	background : url(../gfx/btn-small.gif) no-repeat left -161px right -161px transparent;
}

input.btn .purple span{
	background : url(../gfx/btn-small.gif) no-repeat right -161px transparent;
}

input.btn.medium.grey{
	background : url(../gfx/buttons-medium.gif) no-repeat left 0 transparent;
}

input.btn.medium.grey span{
	background : url(../gfx/buttons-medium.gif) no-repeat right 0 transparent;
	color : #1c1c1c;
}

input.btn.medium.black{
	background : url(../gfx/buttons-medium.gif) no-repeat left -31px transparent;
}

input.btn.medium.black span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -31px transparent;
}

input.btn.medium.red{
	background : url(../gfx/buttons-medium.gif) no-repeat left -62px transparent;
}

input.btn.medium.red span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -62px transparent;
}

input.btn.medium.orange{
	background : url(../gfx/buttons-medium.gif) no-repeat left -93px transparent;
}

input.btn.medium.orange span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -93px transparent;
}

input.btn.medium.blue{
	background : url(../gfx/buttons-medium.gif) no-repeat left -124px transparent;
}

input.btn.medium.blue span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -124px transparent;
}

input.btn.medium.green{
	background : url(../gfx/buttons-medium.gif) no-repeat left -155px transparent;
}

input.btn.medium.green span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -155px transparent;
}

input.btn.medium.brown{
	background : url(../gfx/buttons-medium.gif) no-repeat left -186px transparent;
}

input.btn.medium.brown span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -186px transparent;
}

input.btn.medium.purple{
	background : url(../gfx/buttons-medium.gif) no-repeat left -217px transparent;
}

input.btn.medium.purple span{
	background : url(../gfx/buttons-medium.gif) no-repeat right -217px transparent;
}