/* Call To Action - Best used as a full width banner */

.calltoaction{display:block; padding:30px; text-transform:uppercase; font-size:1em; color:#000000; background-color:#EFEFEF;}
#container .calltoaction h1{margin:0 0 12px 0; padding:0; font-size:2.5em; text-transform:uppercase;}
.calltoaction p{margin:0; padding:0; line-height:1.4em; text-transform:none;}
.calltoaction .button{display:block; text-align:center; line-height:1.4em;}

.calltoaction.opt1{border:solid #FF9900; border-width:0 0 0 5px;}
.calltoaction.opt2{border:solid #FF9900; border-width:0 5px 0 0;}
.calltoaction.opt3{border:solid #FF9900; border-width:0 5px;}
.calltoaction.opt4{border:solid #FF9900; border-width:2px 0; font-size:1.8em;}
#container .calltoaction.opt4 h1{margin:15px 0 0 0;}

/* Font Awesome Additions */

.icon-6x{font-size:6em;}
.icon-8x{font-size:8em;}
.icon-10x{font-size:10em;}

/* Show Text */

.showtext{display:block; position:relative; text-align:center;}
.showtext .caption{display:none; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; color:#FFFFFF; background-color:#000000; background:hsla(0, 0%, 0%, 0.8);}
.showtext:hover .caption, .showtext:hover .caption span{display:block;}

/* Title Hover Text - under graphics */

.col-ch{display:block; position:relative; text-align:center; font-size:1em; line-height:1.25em;}
.col-ch .caption{display:none; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; color:#fff; background-color:#000;background:hsla(0, 0%, 0%, 0.8);}
.col-ch:hover .caption, .col-ch:hover .caption span{display:block;}

/* Lists - For ul + ol */

.list{margin:10px; padding:0; list-style-position:inside; font-size:1em; font-family:"CaviarDreamsBold", Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.25em;}
.list.indent{margin-left:20px;}
.list li{margin:5px 0 0 0; padding:0;}
.list li:first-child{margin:0;}
.list li > ul, .list li > ol{margin:8px 0 8px 30px;}

.list.disc{list-style-type:disc;}
.list.roman{list-style-type:upper-roman;}
.list.alpha{list-style-type:upper-alpha;}
.list.decimal{list-style-type:decimal;}
.list.circle{list-style-type:circle;}
.list.none, .list.block, .list.tick, .list.arrow, .list.tagcloud, .list.underline{list-style-type:none;}
.list.block li > ul, .list.block li > ol{padding:0 0 0 10px; list-style:none; border-left:1px solid #CCCCCC;}

.list.tick li, .list.arrow li{padding-left:22px; background:no-repeat 0 2px;}
.list.tick li{background-image:url("images/icons/gemicon/tick-16x16.png");}
.list.arrow li{background-image:url("images/icons/gemicon/arrow-16x16.png");}

.list.underline li{margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #E5E4E3;}
.list.underline li:last-child{margin-bottom:0;}

.list.tagcloud li{display:inline-block; margin:0 5px 5px 0;}
.list.tagcloud li a{display:block; padding:4px 10px; color:#FFFFFF; background-color:#A8A8A8; text-transform:capitalize;}
.list.tagcloud li a:hover{color:#FFFFFF; background-color:#FF9900;}

/* Base Colours */

.blue{color:#56AED4;}
.green{color:#C0E079;}
.grey{color:#A8A8A8;}
.dkgrey{color:#333333;}
.orange{color:#FF9900;}
.purple{color:#9F81A9;}
.red{color:#D54346;}
.yellow{color:#FDE803;}
.watermelon{color:#ff432e;}
.lime{color:#a2d700;}
.neonyellow{color:#efeb41;}
.neonblue{color:#00aae6;}
.neonpink{color:#ff55e5;}

.bg_blue{color:#FFFFFF; background-color:#56AED4;}
.bg_green{color:#FFFFFF; background-color:#C0E079;}
.bg_grey{color:#FFFFFF; background-color:#A8A8A8;}
.bg_dkgrey{color:#FFFFFF; background-color:#333333;}
.bg_orange{color:#FFFFFF; background-color:#FF9900;}
.bg_purple{color:#FFFFFF; background-color:#9F81A9;}
.bg_red{color:#FFFFFF; background-color:#D54346;}
.bg_yellow{color:#666666; background-color:#FDE803;}
.bg_watermelon{color:#000; background-color:#ff432e; padding-right:0px;}
.bg_lime{color:#000; background-color:#a2d700;}
.bg_neonyellow{color:#000000; background-color:#efeb41;}
.bg_neonblue{color:#ffffff; background-color:#00aae6;}
.bg_neonpink{color:#000000; background-color:#ff55e5;}
.bg_lime2{color:#000000; background-color:#a2d700;}

/* Dividers */

.divider1, .divider2, .divider3{display:block; width:100%; height:20px; margin:30px 0; padding:0; border-top:1px #D6D6D6; clear:both;}
.divider1{border-top-style:solid;}
.divider2{border-top-style:dotted;}
.divider3{border-top-style:dashed;}
.divider-fat{display:block; width:100%; height:20px; margin:30px 0; padding:0; background-color:#ff432e; clear:both;}
.divider-fat1{display:block; width:100%; height:20px; margin:30px 0; padding:0; background-color:#a2d700; clear:both;}

/* Buttons */

.button{display:inline-block; border:1px solid; font-weight:bold; text-transform:uppercase;}

.button.gradient{
	background:-moz-linear-gradient(top); background:-webkit-gradient(linear, left top, left bottom); background:-webkit-linear-gradient(top); background:-o-linear-gradient(top); background:-ms-linear-gradient(top); background:linear-gradient(to bottom);
	text-shadow:2px 3px 0 rgba(30, 30, 30, 0.2);
	-moz-transition:color .3s ease-in, -moz-transform .3s ease-in; -webkit-transition:color .3s ease-in, -webkit-transform .3s ease-in; -o-transition:color .3s ease-in, -o-transform .3s ease-in; transition:color .3s ease-in, transform .3s ease-in;
	}

.button.small{font-size:.9em; padding:6px 15px 5px 15px;}
.button.medium{font-size:1.1em; padding:10px 20px 9px 20px;}
.button.large{font-size:1.4em; font-weight:normal; padding:18px 20px 17px 20px;}

/* To create the SVG gradient colour support for IE9 visit: http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html */

.button.blue{color:#FFFFFF; background-color:#56AED4; border-color:#287A9D;}
.button.blue:hover{color:#56AED4; background-color:#1C546C; border-color:#56AED4;}
.button.blue.gradient{
	background:#1C546C;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NkFFRDQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxQzU0NkMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MDkpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#56AED4 0%, #1C546C 100%);
	background:-webkit-gradient(color-stop(0%,#56AED4), color-stop(100%,#1C546C));
	background:-webkit-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:-o-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:-ms-linear-gradient(#56AED4 0%,#1C546C 100%);
	background:linear-gradient(#56AED4 0%,#1C546C 100%);
	}

.button.orange{color:#FFFFFF; background-color:#FF9900; border-color:#CC7500;}
.button.orange:hover{color:#FF9900; background-color:#A66000; border-color:#FF9900;}
.button.orange.gradient{
	background:#A66000;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxODIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjkwMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNBNjYwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxODIpIiAvPgo8L3N2Zz4=);
	background:-moz-linear-gradient(#FF9000 0%, #A66000 100%);
	background:-webkit-gradient(color-stop(0%,#FF9000), color-stop(100%,#A66000));
	background:-webkit-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-o-linear-gradient(#FF9000 0%,#A66000 100%);
	background:-ms-linear-gradient(#FF9000 0%,#A66000 100%);
	background:linear-gradient(#FF9000 0%,#A66000 100%);
	}

/* Forms */

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
form{display:block; width:100%;}
form input, form textarea{display:block; width:100%; padding:5px; border:1px solid #E5E4E3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#respond form label, form textarea{margin-bottom:15px;}
form textarea{overflow:auto;}
form div, form p{margin:0; padding:0;}
form input[type="submit"], form input[type="reset"]{display:inline-block; width:auto; margin:0; padding:5px 15px; color:#666666; background-color:#FFFFFF; cursor:pointer;}
input, textarea, select{resize:none; outline:none;}

/* Tables */

table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-bottom:15px; border:1px solid #CCCCCC;}
table thead th{color:#FFFFFF; background-color:#666666; border:1px solid #CCCCCC; border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{color:#979797; background-color:#F7F7F7;}
table tbody tr.dark{color:#979797; background-color:#E8E8E8;}

/* General Rounded Corners */

.rnd5, .list.tagcloud.rnd5 a, form.rnd5 input, form.rnd5 textarea{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.rnd8, .list.tagcloud.rnd8 a, form.rnd8 input, form.rnd8 textarea{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.rnd10, .list.tagcloud.rnd10 a, form.rnd10 input, form.rnd10 textarea{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.rnd12, .list.tagcloud.rnd12 a, form.rnd12 input, form.rnd12 textarea{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}