/* 	COLORS
   	Body Background:    #efefef
   	Main Text:          #9a9a9a
   	Links:              #b6ca55
   	Blue nav state:     #00acd0
	Blue				#00aacd
	Green nav state:       
*/

/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
button{ margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }

a {
	text-decoration:none}
body {
	line-height: 1em;
}

ul, ol {
}
/*END RESET*/


/****************************************
|          Begin Basic Styling          |
****************************************/
html,body{
	margin:0;
	padding:0;
	background:#efefef;
}
body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	min-width:960px;
	line-height:18px;
	color:#9a9a9a;
}
#main{
	background:url(../images/header_bg.jpg) repeat-x scroll;
}
.fluid {
	width: 100%;
	float: left;
}
#container{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	position:relative
}
.cl{
	clear:both;
	height:1px;
	margin:-1px 0 0;
}
.hidden{
	display:none;
}

a{
color:#b6ca55;
}
a:hover{
	color:#b6ca55;
	
}
.left{
	float:left;
}
.right{
	float:right;
}
.img_left{
	float:left;
	padding:2px 15px 5px 0;
	border:1px solid #CCCCCC;
	margin:10px 10px 10px 0;
	padding:7px;
}
.img_right{
	float:right;
	padding:2px 0 5px 15px;
	border:1px solid #CCCCCC;
	margin:10px 0px 10px 10px;
	padding:7px;
}
h1,h2,h3,h4,h5,h6{
	padding:0 0 15px 0;
	font-weight:normal;
	font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
}
h1{font-size:30px;line-height:35px;color:#00aacd;}
h2{font-size:25px;line-height:30px;color:#00aacd;}
h3{font-size:20px;line-height:25px;color:#888888;}
h4{font-size:18px;line-height:23px;color:#00aacd;}
h5{font-size:15px;line-height:20px;color:#888888;}
h6{font-size:13px;line-height:18px;color:#00aacd;}

p{
	margin-bottom: 15px;
}

.blue{
	color:#00aacd;
}
.btn{
	background:url(../images/btn.png) no-repeat;
	height:40px;
	width:135px;
	line-height:40px;
	text-align:center;
	font-size:13px;
	color:#fff;
	cursor:pointer;
display: block;
}
.btn:hover{
	background:url(../images/btn_hover.png) no-repeat;
	height:40px;
	width:135px;
	line-height:40px;
	text-align:center;
	color:#fff;
}

.read-more{
	text-align: right;
}

#sidebar .btn{
	float: right;
}

#main_content ul,
#content_index ul{
	margin-left: 30px;
	margin-bottom: 15px;
}
#main_content ul li,
#content_index ul li{
	line-height: 20px;
}
/****************************************
|         Begin Header Styling          |
****************************************/

#header{
	position:relative;
	height:200px;
	width:960px;
	z-index: 100;
}
#header .logo{
	margin:10px 0 0 0;
	float:left;
}
#header .twitter{
	float:right;
	margin:46px 15px 0 0;
}
#header .rss{
	float:right;
	margin:46px 5px 0 0;
}

ul.nav{
	position:absolute;
	bottom:0px;
	width:960px;
}
ul.nav li{
	height:45px;
	float:left;
	display:inline;
	background:url(../images/nav_divider.jpg) no-repeat right center;
}
ul.nav li a {
	color:#fff;
	font-size:14px;
	line-height:43px;
	padding:0 20px 0 20px;
	display:block;
	text-transform: capitalize;
}
ul.nav li:hover{
	background:url(../images/nav_hover_bg.jpg) repeat-x;
	height:45px;
	cursor:pointer
}
ul.nav li.current{
	background:url(../images/nav_hover_bg.jpg) repeat-x;
	height:45px;
}
ul.nav li#nav-blog{
	background:url(../images/nav_blog_bg.jpg) repeat-x;
	height:45px;
	position:absolute;
	right:5px;
}
/* dropdow */
ul.nav li ul {
	position: absolute;
	width: 400px;
	left: -9999em;
	padding-bottom: 20px !important;
	margin: 2px 0 0 0 !important;
	background: #0F0F0F;
	z-index: 1001;
	-moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
ul.nav li ul li {
	background:transparent none repeat scroll 0 0;
	display:block;
	float:none;
	height:25px;
	margin:0;
	z-index:10;
	width: 170px;
	float: left;
	margin-left: 10px;
	list-style: circle inside !important;
	cursor: pointer;
}
ul.nav li ul li a{
	line-height: 24px;
	display: block;
	font-size: 12px;
	background: none;
	height:25px;
}
ul.nav li ul li a:hover,
ul.nav li ul li.current a {
	color: #00acd0;
	zoom: 1;
	background: none !important;
	height:25px;
}
ul.nav li ul li:hover{
	color: #00acd0;
	zoom: 1;
	background: none !important;
	height:25px;
}
ul.nav li ul li.heading {
	font-weight: bold;
	color: #FFF;
	margin: 0 20px;
	float: none;
	width: 340px;
	height: 20px;
	clear: left;
	padding-top: 10px;
} 
ul.nav li:hover ul,
ul.nav li.sfhover ul {
	left: auto;
}

ul.nav li:hover,
ul.nav li.sfhover {
	z-index: 100;
}

ul.nav li:hover ul,
ul.nav li.sfhover ul {
	z-index: 100;
}

ul.nav li:hover ul li,
ul.nav li.sfhover ul li {
	z-index: 100;
}


/****************************************
|        Begin Featured Styling         |
****************************************/
#featured{
	position:relative;
	background:url(../images/featured_bg.jpg) no-repeat scroll;
	height:360px;
	width:960px;
	margin-top:35px;
	margin-bottom:15px;
}
.featured_text{
	/* background:url(../images/featured_text.png) no-repeat;*/
	height:156px;
	width:356px;
	position:absolute;
	top:40px;
	left:35px;
}
.featured_text h2{
	color: #FFF;
	font-size: 29px;
	padding-bottom: 0 !important;
}
.featured_text h3{
	color: #FFF;
}

#featured .btn{
	float:left;
	position:absolute;
	top:275px;
	left:35px;
}

/*	=NEW TABS FEATURE
	***************************************************/
	#banner {
		height:290px;
		position:absolute;
		right:20px;
		top:25px;
		width:540px;
	}
	#banner ul{
		display: none;
	}
	.ui-tabs{ 
		zoom: 1; 
		position: relative;
	}

	.ui-tabs .ui-tabs-nav{ 
		display: block !important;
		list-style: none; 
		position: absolute; 
		overflow: hidden;  
		z-index: 1000; 
		bottom: -24px;
		left: 0;
		width: 100%;
	}

	.ui-tabs .ui-tabs-nav li{ 
		float:left;
		margin: 0;
		position:relative;
		text-align:center;
		
		text-align: center;
		background:transparent url(../images/nav_hover_bg.jpg) repeat-x scroll 0 0
	}
	.ui-tabs .ui-tabs-nav li:hover{
		background:url(../images/nav_blog_bg.jpg) repeat-x;
	}
	.ui-tabs .ui-tabs-nav li a{ 
		float: left; 
		text-decoration: none; 
		color: #FFF;
		font-size: 14px;
		text-align: center;
		display: block !important;
		padding: 15px 0;
		width: 135px;
	}

	.ui-tabs .ui-tabs-nav li.ui-tabs-selected{ 
		background:url(../images/nav_blog_bg.jpg) repeat-x;
	}

	.ui-tabs .ui-tabs-nav 
	li.ui-tabs-selected a, .ui-tabs 
	.ui-tabs-nav li.ui-state-disabled a, 
	.ui-tabs .ui-tabs-nav 
	li.ui-state-processing a { 
		cursor: text; 
	}
	.ui-tabs .ui-tabs-nav li a, 
	.ui-tabs.ui-tabs-collapsible 
	.ui-tabs-nav li.ui-tabs-selected a{
		cursor: pointer;
	} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

	.ui-tabs .ui-tabs-panel,
	.ui-tabs-panel {
		display: block; 
		border-width: 0; 
		background: none; 
		position: absolute; 
		top: 0;
		left: 0;
		height: 255px;
	}

	.ui-tabs .ui-tabs-panel h1,
	.ui-tabs-panel h1{
		padding: 5px 15px 0 15px;
		/* background: rgba(0, 0, 0, 0.6); */
		background: #000;
		top: 10px;
		left: 0;
		width: 510px;
		color: #FFF;
	}
	.ui-tabs-panel p{
		bottom: -75px;
		padding: 5px 15px;
		/* background:  rgba(0, 0, 0, 0.6); */
		background: #000;
		position: absolute;
		left: 0;
		color: #fff;
		width: 510px;
	}
	.ui-tabs .ui-tabs-panel p{
		padding: 5px 15px;
		/* background:  rgba(0, 0, 0, 0.6); */
		background: #000;
		position: absolute;
		bottom: -26px;
		left: 0;
		color: #fff;
		width: 510px;
	}
	.ui-tabs .ui-tabs-panel p a{
		color: #FFF;
	}
	.ui-tabs .ui-tabs-panel p a:hover{
		text-decoration: underline;
	}
	.ui-tabs .ui-tabs-panel img{
		position: absolute;
		top: 0;
		left: 0;
	}

	.ui-tabs .ui-tabs-hide { 
		display: none !important; 
	}


/****************************************
|        Begin Main_Content Styling     |
****************************************/
.content_top{
	background:url(../images/content_top_bg.jpg) no-repeat;
	height:25px;
	width:960px;
	
}
.content_bottom{
	background:url(../images/content_bottom_bg.jpg) no-repeat;
	height:25px;
	width:960px;
}
.content_middle{
	background:url(../images/content_middle_bg.jpg) repeat-y;
	width:960px;
	overflow:auto
}

.index .content_middle{
	padding-left: 24px;
}

#main_content{
	padding: 0 25px;
	width:540px;
	border-right: 1px dashed #ddd;
	overflow:auto;
	float:left;
}

/*Begin portfolio styling*/
#sliderContent{ 
	width:540px; 
	height:550px;
}
.viewer{ 
	width:540px; 
	height:370px; 
	margin:0 0 20px 0; 
	overflow:hidden; 
	position:relative;
}
.content-conveyor{ 
	width:540px; 
	height:370px; 
	position:relative; 
	margin-left:6px;
}
.item{ 
	width:293px; 
	float:left; 
	display:inline;
}
.item ul{ 
	margin:10px 0; 
}
ul.details li{
	margin-bottom:5px;
}
ul.details li a:hover{
	background:#b6ca55;
	padding:2px 4px;
	color:#fff;
}
ul.details li img{
	padding-right:5px;
	vertical-align:middle
}

/*Begin Services block*/
.website{
	width:230px;
	margin-right:65px;
	float:left;
	font-size:11px;
	margin-bottom:20px;
	display:block;
}

.website img{
	float:left;
	padding: 3px 15px 2px 0;
}
.website h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.design{
	width:240px;
	float:left;
	font-size:11px;
	margin-bottom:20px;
	display:block;
}

.design img{
	float:left;
	padding: 3px 15px 2px 0;
}
.design h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.branding{
	width:230px;
	margin-right:65px;
	float:left;
	font-size:11px;
	display:block;
	margin-bottom:20px;
}

.branding img{
	float:left;
	padding: 3px 15px 2px 0;
}
.branding h5{
	color:#b6ca55;
	margin-bottom:-15px;
}
.seo{
	width:240px;
	float:left;
	font-size:11px;
	display:block;
	margin-bottom:20px;
}
.seo img{
	float:left;
	padding: 3px 15px 2px 0;
}
.seo h5{
	color:#b6ca55;
	margin-bottom:-15px;
}

/*About Page*/
.headings{
	float:left;
}
.lists{
	width:320px;
	float:right
}
.lists ul li, .lists ol li{
	margin-bottom:8px;
}
.lists ul li{
	background:url(../images/bullet.jpg) no-repeat left center;
	padding-left:15px;
	*padding-left:0px;
}

/*Services Page*/
ul.guarantees li{
	background:url(../images/check_icon.jpg) no-repeat left center;
	padding-left:25px;
	margin-bottom:10px;
}

/****************************************
|        Index Page Styling             |
****************************************/

.child{
	background:transparent url(/images/taster-bg.png) no-repeat scroll center top;
	float:left;
	margin-right: 20px;
	overflow:hidden;
	padding:1px 0 0 2px;
	width: 290px;
}
.child h2{
	padding: 0 10px 5px 10px;
}
.child p{
	padding: 0 10px;
}

.child .btn{
	display: block;
	float: right;
}

.slideshow{
	height: 210px;
	position:relative;
}

.featured{
	padding-bottom: 15px;
	float: left;
}

.slideshow{
	position: relative;
}
.slideshow img{
	position: absolute;
	top: 0;
	left: 0;
}

.content_index{
	padding-right: 40px;
}
.content_index p{
	margin-bottom: 15px;
}

#providers .child{
	border-bottom: 1px solid #00AACD;
	width: 100%;
	background: none;
	margin-bottom: 10px;
}

#providers .slideshow {
	float:left;
	height:116px;
	position:relative;
	height: 90px;
}

#providers .provider-text{
	width: 190px;
	float: right;
}
#providers .provider-text h3{
	color: #00AACD;
	margin-bottom: 0;
	padding: 0 !important;
}
#providers .provider-text p{
	margin: 0 0 5px 0;
	padding: 0;
}

/****************************************
|        Begin sidebar Styling          |
****************************************/
#sidebar{
	width:320px;
	padding:0 25px 0 0;
	float:right;
	overflow:hidden
}
#sidebar h4{
	color:#888;
}
.recent_blog, .about, .recent_twitter, .testimonials, .categories, .tabs{
	margin:0 0 30px 0;
	font-size:13px;
}
.recent_blog .blog_excerpt{
	width:320px;
	height:48px;
	margin-bottom:8px;
}
.blog_excerpt:hover .title{
	text-decoration:underline;
}
.date{
	float:left;
	width:48px;
	height:48px;
	margin:0 10px 0 0;
	background:url(../images/blog_post_date.jpg) no-repeat;
	text-align:center;
	font-size:14px;
	color:#55c6de;
}
.date p{
	margin-top:5px;
}
.date span{
	color:#fff;
}
.title a{
	color:#00b3da;
	margin:0 0 2px 0;
}
.blog_excerpt small{
	font-size:11px;
	padding-left:1px;
}
#clients p{
	font-size:14px;
	line-height:22px;
	background:#fff
}

/*Blog Sidebar Styles*/
.blog_post{
	width:540px;
	margin-bottom:20px;
	_margin-bottom:0px;
	padding-top:10px;
	border-bottom:1px dashed #ddd;
}
.blog_post h2 {
	margin:-5px 0 -20px 57px;
	
}
.blog_post .date{
	margin-bottom:25px;
}
.blog_post img{
	margin-bottom:10px;
}
.post_info{
	margin-top:15px;
}

.categories ul li{
	background:none;
	padding:0;
	margin-bottom:5px;
}
.categories ul li a{
	color:#00b3da;
}
.categories ul li a:hover{
	color:#fff;
	background:#00b3da;
	padding:2px 4px;
}
.affiliates ul{
	margin-left:0px;
}
.affiliates ul li{
	background:none;
	float:left;
	margin: 0 0 20px 10px;
	display:inline
}
.affiliates ul li img{
	background:#e7e7e7;
	padding:5px;
}
.affiliates ul li img:hover{
	background:#c7c7c7;
	padding:5px;
}
.tabs{
	margin-bottom:15px;
}
ul.tabNavigation{
	margin-left:-7px;
}
ul.tabNavigation li{
	background:url(../images/blog_sidebar_tab.jpg) no-repeat;
	height:30px;
	width:102px;
	line-height:30px;
	text-align:center;
	float:left;
	display:inline;
	margin-left:7px;
	margin-bottom:15px;
	*margin-bottom:0px;
}
ul.tabNavigation li a.selected, ul.tabNavigation li:hover {
	background:url(../images/blog_sidebar_tab_hover.jpg) no-repeat;
	height:30px;
	width:102px;
	line-height:30px;
	text-align:center;
	float:left;
	display:inline;
	color:#fff;
}
ul.tabNavigation li a{
	display:block;
	color:#888;
}
ul.tabNavigation li:hover a {
	color:#fff;
}
#recentposts ul li, #popularposts ul li, #archives ul li{
	margin-top:5px;
	overflow:
}
#recentposts ul li a:hover, #popularposts ul li a:hover, #archives ul li a:hover{
	background:#b6ca55;
	padding:2px 4px;
	color:#fff;
}

.pagination p{
	float:left;
	padding:4px 10px 0 0;
}
.pagination p a{
	color:#ababab;
	text-decoration:underline;
}
.pagination ul li{
	float:left;
	display:inline;
	background:url(../images/pagination_bg.jpg) no-repeat;
	text-align:center;
	line-height:24px;
	height:26px;
	width:26px;
	margin-right:10px;
	color:#c1c1c1;
}
.pagination ul li a{
	color:#c1c1c1;
	display:block;
	font-size:14px;
}
.pagination ul li.active a, .pagination ul li:hover a{
	color:#999;
	display:block;
}

.addthis_toolbox{
	padding-bottom: 15px;
}

	
	/*	=Voutcher form
		------------------------------------------------------ */
		.contactform{
			margin-bottom: 20px;
			max-width: 412px;
		}
		.contactform legend{
			margin-bottom: 15px;
			
		}
		.contactform {
		    font-size: 12px;
		}
		/** FORM STYLES GENERAL **/
		.contactform input, select, textarea {
		    font-size: 12px;
		    color:#999999;
		    width: 300px;
		    border: #CCC solid 1px;
		    /** BORDER RADIUS HACKS **/
		    border-radius: 5px;
		    -moz-border-radius: 5px;
		    -khtml-border-radius: 5px;
		    -webkit-border-radius: 5px;
		}

		.contactform input:hover, select:hover, textarea:hover {
		    border: 1px solid #999;
		}

		.contactform input:focus, select:focus, textarea:focus {
		    border: 1px solid #999;
		}

		/** FORM STYLE: select **/
		.contactform select {
		    padding: 5px 5px 3px 5px;
		}
		.contactform select option {
		    cursor: pointer;
		    padding: 5px;
		}
		optgroup{
			padding-left: 5px;
		}
		optgroup option {
		    padding-left: 20px !important;
		}
		


		/** FORM STYLE: textarea **/
		.contactform textarea {
		    height: 80px;
		    padding: 5px;
		    font-family: Verdana, Arial, "Times New Roman";
		}


		/** FORM STYLE: input **/
		.contactform input {
		    padding: 5px;
		}

		.contactform button{
			float: right;
		}
		.contactform label {
		    display:inline-block;
		    width: 100px;
		    vertical-align:top;
		    margin-top: 6px;
		}
		/** CONTAINER OF INPUTS **/
		.contactform div {
		    border:0;
		    padding:0;
		    margin:0;
		    display: block;
		    margin-bottom: 10px;
		}
		#name {
		    background-image: url(../img/contact/user_suit.png);
		}
		#email {
		    background-image: url(../img/contact/email.png);
		}
		#phone {
		    background-image: url(../img/contact/phone.png);
		}
		
		.error-message {
			padding-bottom:15px;
			display:block;
			background:#00acd0;
			color:#FFF;
			font-family:Arial, Tahoma, Verdana,  sans-serif;
			font-size:11px;
			box-shadow: 0px 0px 2px #000;
			-moz-box-shadow: 0px 0px 2px #000;
			-webkit-box-shadow: 0px 0px 2px #000;
			padding:4px 10px 4px 10px !important;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			margin:5px 0 0 102px !important;
			width:180px;
		}
		

/****************************************
|       Table style
****************************************/

		/*calendar table styles*/
		#main_content table td,
		#main_content table th {
			border-collapse: collapse;
			padding:4px;
		}
		#main_content table td {
			border-bottom:1px solid #999999;
			vertical-align:top;
			min-width: 100px;
		}
		#main_content table td p{
			margin: 0;
		}
		#main_content table th {
			border-bottom:2px solid #999999;
			font-size:15px;
			padding-top:20px;
			text-align:left;
		}
		#main_content table td.plain,
		#main_content table tr.open-row td{
			border-bottom:none;
		}
		#main_content .calendar-title {
			background:#e0e0e0;
			color:#666666;
			padding:3px 8px;
		}
		#main_content	 .events-details-closed{
			display: none;
		}
		
		.paypal-form{
			margin-bottom: 20px;
		}
		.paypal-form h4{
			padding-bottom: 0px;
			color: #00aacd !important;
		}
		.paypal-form table{
			padding: 0 0 5px 0;
		}

		.paypal-form .center{
			text-align: center;
		}
		.paypal-form p{
			margin-bottom: 0 !important;
		}
		form{
			padding-bottom: 10px;
		}
		form table{
			padding: 10px 0;
		}
		form table td,
		form table th{
			border: none !important;
		}
	
/****************************************
|        Begin footer Styling           |
****************************************/
#footer{
	background:url(../images/footer_bg.jpg) no-repeat;
	width:960px;
	height:60px;
	line-height:60px;
	padding:0 25px;
	margin: 30px 0;
	font-size:11px;
}
#footer p.right{
	padding-right:50px;
}

#footer p a{
	text-transform: capitalize;
}

.clear{
	clear: both;
}

/*	=NOTIFICATIONS
	------------------------------------------------------ */
	.notification {
	                position: relative;
	                margin:0.7em 20px;
	                padding: 0;
	                border: 1px solid !important;
	                background-position: 10px 11px !important;
	                background-repeat: no-repeat !important;
	                font-size: 13px;
	                -moz-border-radius: 4px;
	                -webkit-border-radius: 4px;
					border-radius: 4px;
	                }


	.attention {
	                background: #fffbcc url('/admin/images/icons/exclamation.png') 10px 11px no-repeat;
	                border-color: #e6db55 !important;
	                color: #666452;
	                }

	.information {
	                background: #dbe3ff url('/admin/images/icons/information.png');
	                border-color: #a2b4ee !important;
	                color: #585b66;
	                }

	.success {
	                background: #d5ffce url('/admin/images/icons/tick_circle.png');
	                border-color: #9adf8f !important;
	                color: #556652;
	                }

	.error-flash {
	                background: #ffcece url('/admin/images/icons/cross_circle.png') no-repeat;
	                border-color: #df8f8f !important;
	                color: #665252;
	                }

	.notification div {
	                display:block;
	                font-style:normal;
	                padding: 10px 10px 10px 36px;
	                line-height: 1.5em;
	                }

	.notification .close {
	                color:#990000;
	                font-size:9px;
	                position:absolute;
	                right:5px;
	                top:5px;
	                }


/*	=Awsome buttons
	------------------------------------------------------ */
	.awesome{
		background: #222 url(overlay-button.png) repeat-x; 
		display: inline-block; 
		padding: 5px 10px 6px; 
		color: #fff !important; 
		text-decoration: none;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		border-bottom: 1px solid rgba(0,0,0,0.25);
		position: relative;
		cursor: pointer;
	}

	.awesome:hover{ background-color: #111; color: #00aacd; }


	/* Sizes ---------- */
	.small.awesome {
		font-size: 11px;
	}
	.medium.awesome {
		font-size: 13px;
	}
	.large.awesome {
		font-size:18px;
		padding:8px 44px 9px;
	}

	/* Colors ---------- */

	.green.awesome, .green.awesome:visited			{ background-color: #91bd09; }
	.green.awesome:hover							{ background-color: #749a02; }

	.blue.awesome, .blue.awesome:visited			{ background-color: #00acd0; }
	.blue.awesome:hover								{ background-color: #0093b1; }

	.red.awesome, .red.awesome:visited				{ background-color: #e33100; }
	.red.awesome:hover								{ background-color: #872300; }

	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }

	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }

	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }