/*
Theme Name: SQUARED3 Wordpress
Theme URI: http://practicefieldadv.com
Description: A clean and simple theme with a powerful CMS underbelly for anyone.
Version: 1.0
Author: Mark Southard
Author URI: http://practicefieldadv.com
Tags: Clean, Minimal
*/


/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
#styles {
position: absolute;
top: 5px;
left: 5px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_9_menu,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.gallery { 
	margin-left: 16px;
	margin-right: 17px;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 { width: 40px; }
.container_12 .grid_2 { width: 120px; }
.container_12 .grid_3 { width: 200px; }
.container_12 .grid_4 { width: 280px; }
.container_12 .grid_5 { width: 360px; }
.container_12 .grid_6 { width: 440px; }
.container_12 .grid_7 { width: 520px; }
.container_12 .grid_8 { width: 600px; }
.container_12 .grid_9 { width: 680px; }
.container_12 .grid_9_menu { width: 700px; }
.container_12 .grid_10 { width: 760px; }
.container_12 .grid_11 { width: 840px; }
.container_12 .grid_12 { width: 920px; }

#header {
	width: 960px;
	margin-left: 0px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/*------ END 960 GRID -------*/

body {
	background: #ffffff;
	color: #252525;
	font-family: Helvetica,Verdana, Arial, sans-serif;
	font-size: 13px;
}

/*----- HEADER -----*/
#header {
	background: url(../images/bg_header.png) no-repeat bottom;
	margin-top: 20px;
	padding-bottom: 30px;
	position: relative;
	z-index: 10;
}
.logo { margin: 10px 0 0 20px; }


/*----- MAIN NAVIGATION -----*/
#menu { line-height: 1.0; }
#menu ul {
	position: absolute;
	top: -999em;
	width: 12em; /* left offset of submenus need to match (see below) */
}
#menu ul li { width: 100%; }
#menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
#menu li {
	float: left;
	position: relative;
}
#menu a {
	background: #fff;
	display: block;
	position: relative;
}
#menu li:hover ul,
#menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}
ul#menu li:hover li ul,
ul#menu li.sfHover li ul {
	top: -999em;
}
ul#menu li li:hover ul,
ul#menu li li.sfHover ul {
	left: 12em; /* match ul width */
	top: 0;
}
ul#menu li li:hover li ul,
ul#menu li li.sfHover li ul {
	top: -999em;
}
ul#menu li li li:hover ul,
ul#menu li li li.sfHover ul {
	left: 12em; /* controls width of sub menu must match ul width */
	top: 0;
}
/* -- Skin for Main Navigation -- */
ul#menu {
	float: right;
	list-style: none;
	margin: 0;
	position: relative;
	z-index: 999;
}
ul#menu a {
	color: #252525;
	display: block;
	font-size: 30px;
	padding: 10px 15px 3px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
	ul#menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color: #252525;
	}
ul#menu li.current_page_item a {
	padding: 10px 15px 3px 15px;
	background: #00aeef;
	color: #ffffff;
}
	ul#menu li.current_page_item ul li a {
		background: #fff;
		color: #252525;
		padding: 10px 10px;
	}
		ul#menu li ul li.current_page_item a {
			background: #ffffff;
			color: #00aeef;
			padding: 10px 10px;
		}
		ul#menu li.current_page_item ul li a:hover {
			color: #00aeef;
		}
ul#menu li {
	background: #fff;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
ul#menu li ul {
	background: #fff;
	margin-top:13px;
	border: 3px solid #b7b7b7;
	padding: 0 10px;
}
	ul#menu li.current_page_item ul {
		border: 3px solid #00aeef;
	}
ul#menu li ul li {
	background:	#fff;
	border-top: 1px solid #e1e1e1;
	float: left;
	margin:0;
	padding-top: 5px;
}
ul#menu li ul li:first-child { border-top: none; }
ul#menu li li a {
	background: #fff;
	font-size: 20px;
	padding: 10px 10px;
}
ul#menu li:hover, ul#menu li.sfHover,
ul#menu a:focus, ul#menu a:hover, ul#menu a:active {
	background:	#b7b7b7;
	color: #252525;
	outline: 0;
}
ul#menu li ul li.page_item {
	list-style: none;
	font-size: 24px;
}
ul#menu li li:hover, ul#menu li li.sfhover,
ul#menu li li a:focus, ul#menu li li a:hover {
	background: #fff;
	color: #00aeef;
	list-style: none;
}


/*----- MAIN STYLES -----*/
.divider {
	height: 1px;
	background: #252525;
	margin-top: 20px;
}
.divider_tag {
	height: 1px;
	background: #252525;
	margin-top: 0;
	margin-bottom:10px;
}
.img_left {
	float: left;
	margin: 5px 10px 10px 0;
}
.img_right {
	float: right;
	margin: 5px 0 10px 10px;
}
img.border {
	border: 3px solid #fcfcfc;
	outline: 1px solid #c9c9c9;
}


/*----- SLIDESHOW STYLES -----*/
#feature { min-height: 320px; }
#slideshow{ margin-top: 20px; }
.description {
	float:left;
	width:300px;
	margin-right:30px;
}
	.description h2 { 
		font-size: 3em; 
		line-height: 1em; 
		margin-top:0; 
	}
.slide_image {
	background:#252525;
	border-bottom: 15px solid #00aeef;
	float:left;
	padding: 15px 15px 15px 15px;
	width:560px;
}
.hide { display: none; }
/*--- FLASH STYLES ---*/
#flashcontent {
	left: 50%;
	margin: 0 0 0 -500px;
	position: absolute;
	top: 100px;
}
#flasharea {
	float: left;
	min-height: 410px;
	width: 100%;
}


/*----- BLOG STYLES -----*/
div.blog_date {
	background: #00aeef;
	float:left;
	height: 40px;
	margin-top:6px;
	margin-left:-60px;
	padding: 3px 4px;
	text-align: center;
	text-transform: uppercase;
	width:40px;
}
	div.blog_date span.date {
		color:#fff;
		font-size: 1.5em;
		margin:0px;
		padding:0px;
		line-height:1em;
	}
	div.blog_date span.year {
		color:#fff;
		font-size: 2em;
		line-height:.75em;
		margin:0px;
		padding:0px;
	}
.blog_entry {
	margin-left:60px;
	background: url(../images/blog_divider.png) repeat-x bottom;
	padding-bottom: 1px;
}
	.blog_entry h2 a:hover {
		text-decoration: none;
		background: #f7f7f7;
	}
.single_blog_entry {
	margin-left: 60px;
	padding-bottom: 1px;
}
ul.blog_nav { margin: 5px 0 0 -10px; }
.blog_author {
	background: #e1e1e1;
	border: 1px solid #c9c9c9;
	margin: 0 0 1.5em 0;
	min-height: 74px;
	padding: 20px 20px 20px 112px;
	position:relative;
}
	.blog_author .avatar {
		border: 5px solid #fff;
		outline: 1px solid #c9c9c9;
		position: absolute;
		left: 20px;
		top: 20px;
	}
	.blog_author h5 { margin: 0; }
	.blog_author p { margin: .5em 0 0 0; }
#respond { margin-left: 60px; }
#respond h3 { display: block; }
.post_thumb img {
	background: #252525;
	margin-bottom: 5px;
	padding: 10px;
	border-bottom: 10px solid #00aeef;
}
.post_thumb a:hover { background: none; }


/*----- COMMENTS STYLES -----*/
#comments { margin-left: 60px; }
ol.commentlist { margin-left: 60px; }
	ol.commentlist li { margin: 0 0 24px 0; }
	ol.commentlist ul.children {
		margin: 15px 0 0 52px;
	}
		ol.commentlist ul.children li { background: none; }
		ol.commentlist ul.children .avatar {
			position: absolute;
			left: -52px;
		}
	ol.commentlist li li { padding-bottom: 0px; }
.comment-meta { margin-top: 0px; }
	.comment-meta a { color: #aaa; }
	ol.commentlist .avatar {
		border: 2px solid #ffffff;
		left: -48px;
		outline: 1px solid #e1e1e1;
		position: absolute;
	}
.reply {
	position: absolute;
	left: -46px;
	top: 42px;
}
	.children .reply { left: -50px; }
.comment-body {
	position:relative;
	margin-left: 10px;
}
span.says { color: #252525; }
.comment-body p {
	margin-top: 6px;
	color: #252525;
}
.comments_navigation { margin: 15px 0 30px 60px; }
	.comments_navigation a.page-numbers {
		padding: 5px;
		background: #ffffff;
		border: 1px solid #e1e1e1;
	}
		.comments_navigation a.page-numbers:hover {
			background: #e9e9e9;
			text-decoration:none;
			border: 1px solid #e1e1e1;
		}
		.comments_navigation .current{
			padding: 5px;
			color: #00aeef;
			border: 1px solid #e1e1e1;
			background: #e9e9e9;
		}
		
/*----- BLOG SIDEBAR & WIDGET STYLES -----*/

#sidebar .widget_area ul li {
	background: url(../images/bullet.png) no-repeat 0px 6px;
	display:block;
	margin: 0 0 6px 10px;
	padding-left: 10px;
}

#sidebar { margin-top: 0; }
	#sidebar ul li {
		background: none;
		margin: 0px;
		padding-left: 0px;
	}
	#sidebar ul li.categories h2 { margin-top: .6em; }
		#sidebar ul li ul li,
		#sidebar ul ul li {
			background: url(../images/bullet.png) no-repeat 0px 6px;
			display:block;
			margin: 0 0 6px 10px;
			padding-left: 10px;
		}
		#sidebar ul li ul li a { padding: 3px; }
	#sidebar ul div { /* Tag Cloud */
		border: 1px solid #d7d7d7;
		margin: 0 0 6px 10px;
		padding: 5px;
	}
	#sidebar ul li h2 { margin: .6em 0 0 0; }
	#sidebar .textwidget { border: none; }
		#sidebar .textwidget p { margin-bottom: 0px; }
#sidebar span.rss-date { display: block; }
#sidebar div.rssSummary {
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: .9em;
	font-style: italic;
}
ul.widget_col li {
	background: none;
	margin: 0;
	padding: 0;
}
	ul.widget_col li ul li {
		background: url(../images/bullet.png) no-repeat 0px 6px;
		margin: 0 0 6px 10px;
		padding-left: 10px;
	}
/* -- CALENDAR STYLES -- */
#sidebar #calendar_wrap {
	border: none;
	margin: 0 0 0 12px;
	padding-left: 0px;
}
#wp-calendar caption {
	color: #00aeef;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.5em;
	text-transform: uppercase;
}
#wp-calendar thead { text-align: center; }
#wp-calendar td {
	padding: 4px;
	text-align: center;
}
	#wp-calendar tbody td a { display: block; }
td#prev { text-align: left; }
td#next { text-align: right; }
	td#prev a,
	td#next a { padding: 2px; }
/* -- SEARCH STYLES -- */
#ms_search_page #searchform { margin-top: 15px; }
form#searchform div { border: none; }
#searchform .screen-reader-text { display: none; }
#ms_search_page input#s {
	border: 2px solid #00aeef;
	width: 250px;
}
#ms_search_page input#searchsubmit {
	background: url(../images/button.png) no-repeat top ;
	border: none;
	font-size: 14px;
	color: #fff;
	display: inline;
	overflow: hidden;
	padding: 4px 2px 6px 2px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: -1px -1px 1px #0072bc;
}
	#ms_search_page input#searchsubmit:hover { background: url(../images/button.png) no-repeat bottom; }
#searchform input#s {
	border: 2px solid #00aeef;
	margin-left: -12px;
	width: 125px;
}
input#searchsubmit {
	background: url(../images/button.png) no-repeat top ;
	border: none;
	font-size: 10px;
	color: #fff;
	display: inline;
	overflow: hidden;
	padding: 7px 2px 6px 2px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: -1px -1px 1px #0072bc;
}
	input#searchsubmit:hover { background: url(../images/button.png) no-repeat bottom; }
	
	
/*----- PRODUCTS STYLES -----*/
a.product { padding: 0; }
a.product img {
	border-bottom:4px solid #00aeef;
	margin-top:20px;
	opacity:.6;
}
	a.product img:hover { opacity:1; }
	a.product:hover { background: none; }
a.product_title_link:hover { background: none; }
h4.product_title { margin-top:5px; }


/*----- PAGINATION STYLES -----*/
p.portfolio_older { float: right; }
p.portfolio_newer { float: left; }
p.portfolio_older a,
p.portfolio_newer a { padding: 3px; }
	p.portfolio_older a:hover,
	p.portfolio_newer a:hover {
		background: #d7d7d7;
		text-decoration: none;
	}
/* -- BLOG PAGINATION -- */
.pagination ul li.older {
	float: right;
	margin: 0;
	padding-top: 20px;
	background: none;
}
.pagination ul li.newer {
	background: none;
	float: left;
	margin: 0;
	padding: 20px 0 0 60px;
}
	.pagination ul li.older a,
	.pagination ul li.newer a { padding: 3px; }
	.pagination ul li.older a:hover,
	.pagination ul li.newer a:hover {
		background: #b7b7b7;
		color: #000;
		text-decoration: none;
	}
/* -- PORTFOLIO PAGINATION -- */
ul.pagination { padding-top:20px; }
	ul.pagination li {
		float:left;
		background: none;
		padding:0;
		margin:0 10px 0 0;
	}
	ul.pagination li a { color:#b7b7b7; }
		ul.pagination li a.activePage,
		ul.pagination li a:hover { color:#00aeef; }
/* -- ARCHIVES PAGINATION -- */
ul.archives li.newer { padding-left: 20px; }


/*----- FORMS -----*/
em.contact_form { color: #00aeef; }
#comment,
#message {
	width: 580px;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	background: #ebebeb;
	border: 1px solid #00aeef;
	padding: 5px;
}
	#message:focus { outline: 2px solid #00aeef; }
#name,
#email,
#company,
#author,
#url,
#phone {
	width: 260px;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	background: #ebebeb;
	border: 1px solid #00aeef ;
}
input { padding:5px; }
	input:focus { outline: 2px solid #00aeef; }
#submit {
	background-color: #00aeef;
	color: #FFFFFF;
	border-bottom: 1px solid #003663;
	border-right: 1px solid #003663;
	border-top: 1px solid #6dcff6;
	border-left: 1px solid #6dcff6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	padding: 5px 10px;
	text-transform: uppercase;
 	text-shadow: -1px -1px 1px #0072bc;
}
label.error {
	color: #ff0000;
	margin-left: 10px;
}

p.address,
p.email,
p.phone {
	padding-left: 30px;
	margin: 0 0 1em 0;
}
p.address { background: url(../images/globe.png) no-repeat 0 4px; }
p.email { background: url(../images/mail.png) no-repeat 0 3px; }
p.phone { background: url(../images/phone.png) no-repeat 0 2px; }

/*----- BUTTONS -----*/
.learn_more {
	float: right;
	width: 145px;
	height: 28px;
}	
a.learn_more {
	background: url(../images/button.png) no-repeat top ;
	font-size: 14px;
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	text-shadow: -1px -1px 1px #0072bc;
}
	a.learn_more:hover {
		background: url(../images/button.png) no-repeat bottom;
		text-decoration: none;
	}
.button_grey {
	float:right;
	width:145px;
	height: 28px;
}
a.button_grey {
	background: url(../images/button_grey.png) no-repeat top;
	font-size: 14px;
	color: #fff;
	display: block;
	overflow:hidden;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	text-shadow: -1px -1px 1px #000;
}
	a.button_grey:hover {
	background: url(../images/button_grey.png) no-repeat bottom;
	text-decoration: none;	
}
a.buttonAlt {
	background: url(../images/bullet.png) right no-repeat;
	padding-right: 10px;
	text-transform: uppercase;	
}
	a.buttonAlt:hover { background: url(../images/bullet.png) right no-repeat #d7d7d7; }

	
/*----- FOOTER STYLES -----*/
#footerContainer { padding-bottom: 20px; }
#footerContainer,
.footer {
	background: #252525;
	color: #d7d7d7;
	margin-top: 20px;
}
	h1.footer,
	h2.footer,
	h3.footer,
	h4.footer {
		color: #fefefe;
		margin: 20px 0 15px 0;
		border-bottom: 1px #fefefe solid;
	}
	#footerContainer ul li,
	ul.footerBlog li,
	#tweet li {
		background: url(../images/bg_footer_blog.png) no-repeat 0 5px;
		float: left;
		margin: 0 0 10px 0 ;
		padding-left: 25px;
	}
	ul.footerBlog h4 { margin-top: 0px; }
	ul.footerBlog p { margin-bottom: 0px; }
.twitter { background: url(../images/twitter.png) no-repeat 220px 1px; }
#footerContainer a.learn_more { margin-right: 70px; }
#tweet ul li {
	font-size: 1em;
	line-height: 1.5em;
}


/*----- Text Styles -----*/
p {
	font-size: 1em; /* 12px */ 
	line-height: 1.5em; /* 18px */ 
	margin: 0 0 1.5em 0; 
}
a {
	color: #00aeef;
	padding: 2px;
	text-decoration: none;
}
	a:hover {
		text-decoration: none;
		background: #d7d7d7;
	}
h1, h2, h3, h4, h5 { text-transform: uppercase; }
h1 {
	font-size: 3em; /* 36px */
	line-height: 1em; /* 36px */ 
	margin-top: 0.5em; 
	margin-bottom: 0em; 
}
h2 {
	font-size: 2.5em; /* 30px */
	line-height: 1.2em; /* 36px */
	margin-top: 0.6em;
	margin-bottom: 0em;
}
	h2 a {
		color: #252525;
		text-decoration: none;
	}
	h2#tagline,
	h2#port_cat_tagline {
		font-size: 3em;
		line-height: 1.5em; 
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
		h2#port_cat_tagline { margin-bottom: 0; }
		h2#tagline strong,
		h2#port_cat_tagline strong {
			background: #00aeef;
			padding: 0 5px;
		}
h3 {
	font-size: 2em; /* 24px */ 
	line-height: 1.5em; /* 36px */ 
	margin-top: 0.75em; 
	margin-bottom: 0em; 
}
h4 {
	font-size: 1.5em; /* 18px */ 
	line-height: 1em; /* 18px */ 
	margin-top: 1em; 
	margin-bottom: 0em; 
	color:#00aeef;
}
h5 {
	font-size: 1em;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 0;
	color: #252525;
}
ol {
	list-style-type: decimal-leading-zero;
	color: #00aeef;
	margin: 0 0 10px 10px;
}
	span.ol_list { color: #252525; }
ul li {
	background: url(../images/bullet.png) no-repeat 0px 6px;
	margin: 0 0 10px 25px;
	padding-left: 15px;
}
li {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
blockquote {
	background: #e1e1e1 url(../images/blockquote.png) no-repeat 10px 12px;
	border: 1px solid #c9c9c9;
	color:#636363;
	padding:15px 20px 15px 35px;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
}
em.author {
	margin-top:1.5em;
	font-style: normal;
}
/* ====================================== */
/* = CSS STYLES UPDATED FOR VERSION 2.0 = */
/* ====================================== */
#slider_pager {
	float: left;
	font-size: 1.1em;
	margin-top: 20px;
}
	#slider_pager a {
		background: #00aeef;
		background: -moz-linear-gradient(top, #6fd8ff, #00aeef);
		background: -webkit-gradient(linear, left top, left bottom, from(#6fd8ff), to(#00aeef));
		border: 1px solid #00bff3;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-border-radius: 2px;
		color: #ffffff;
		margin-right: 5px;
		padding: 5px;
	}
		#slider_pager a.activeSlide,
		#slider_pager a:hover {
			background: #67d8ff;
			background: -moz-linear-gradient(bottom, #6fd8ff, #00aeef);
			background: -webkit-gradient(linear, left bottom, left top, from(#6fd8ff), to(#00aeef));
			box-shadow: 0px 0px 10px #6fd8ff;
			-moz-box-shadow: 0px 0px 10px #6fd8ff;
			-webkit-box-shadow: 0px 0px 10px #6fd8ff;
		}
#slider_nav {
	float: left;
	font-size: 1.1em;
	margin-top: 20px;
}
a#slider_prev,
a#slider_next {
	background: #00aeef;
	background: -moz-linear-gradient(top, #6fd8ff, #00aeef);
	background: -webkit-gradient(linear, left top, left bottom, from(#6fd8ff), to(#00aeef));
	border: 1px solid #00bff3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ffffff;
	margin-right: 0px;
	padding: 5px;
	text-transform: uppercase;
}
a#slider_next { margin-right: 0px;}
a#slider_prev:hover,
a#slider_next:hover {
	background: #67d8ff;
	background: -moz-linear-gradient(bottom, #6fd8ff, #00aeef);
	background: -webkit-gradient(linear, left bottom, left top, from(#6fd8ff), to(#00aeef));
	box-shadow: 0px 0px 10px #6fd8ff;
	-moz-box-shadow: 0px 0px 10px #6fd8ff;
	-webkit-box-shadow: 0px 0px 10px #6fd8ff;
	
}
a.logo:hover { background: none; }
/* ============== */
/* = SHORTCODES = */
/* ============== */
/*----- SHORTCODE BUTTONS -----*/
.button {
	width: 145px;
	height: 28px;
}	
a.button {
	background: url(../images/button.png) no-repeat top ;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	text-shadow: -1px -1px 1px #0072bc;
}
	a.button:hover {
		background: url(../images/button.png) no-repeat bottom;
		text-decoration: none;
	}
.button1 {
	width:145px;
	height: 28px;
}
a.button1 {
	background: url(../images/button_grey.png) no-repeat top;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	text-shadow: -1px -1px 1px #000;
}
	a.button1:hover {
	background: url(../images/button_grey.png) no-repeat bottom;
	text-decoration: none;	
}
a.right { float: right; }
a.left { float: left; }
/*----- SHORTCODE DROPCAP -----*/
span.dropcap {
	float: left;
	font-size: 300%;
	line-height: .85em;
	margin-bottom: -0.25em;
	margin-right: 0.13em;
	margin-top: 0.13em;
}
/*----- SHORTCODES HIGHLIGHT -----*/
span.highlight {
	background: #00aeef;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	padding: 0px 3px;
}
span.highlight1 {
	background: #252525;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	padding: 0px 3px;
}
/*----- SHORTCODES PULLQUOTE -----*/
span.pullquote_right,
span.pullquote_left {
	background: url(../images/pullquote.png) repeat-y top left;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.4em;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 33%;
}

span.pullquote_right {
	float: right;
	margin-left: 20px;
	padding-left: 15px;
}
span.pullquote_left {
	float: left;
	margin-right: 20px;
	padding-left: 15px;
}
/*----- ALERT BOX SHORTCODES -----*/
div.alert_download {
	background: #d6dc9d url(../images/download.png) no-repeat 10px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #828750;
	color: #616632;
	padding: 25px 25px 25px 60px;
}
div.alert_warning {
	background: #fff799 url(../images/warning.png) no-repeat 10px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ee9d00;
	color: #754d00;
	padding: 25px 25px 25px 60px;
}
div.alert_information {
	background: #bae3ff url(../images/information.png) no-repeat 10px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #3bacf9;
	color: #045f9d;
	padding: 25px 25px 25px 60px;
}
/*----- LISTS SHORTCODES -----*/
ul.star_list_black li {
	background: transparent url(../images/list_star_black.png) no-repeat 0px 3px;
	padding-left: 20px;
}
ul.star_list_blue li {
	background: transparent url(../images/list_star_blue.png) no-repeat 0px 3px;
	padding-left: 20px;
}
ul.star_list_pink li {
	background: transparent url(../images/list_star_pink.png) no-repeat 0px 3px;
	padding-left: 20px;
}
ul.check_list_black li {
	background: transparent url(../images/list_check_black.png) no-repeat 0px 3px;
	padding-left: 20px;
}
ul.check_list_blue li {
	background: transparent url(../images/list_check_blue.png) no-repeat 0px 3px;
	padding-left: 20px;
}
ul.check_list_pink li {
	background: transparent url(../images/list_check_pink.png) no-repeat 0px 3px;
	padding-left: 20px;
}

/*----- IMAGE FRAME SHORTCODES -----*/
img.frame {
	border-bottom: 5px solid #00aeef;
	padding: 5px;
}
img.frame1 {
	background: #252525;
	padding: 5px;
	border-bottom: 5px solid #00aeef;
}
img.frame2 {
	background: #eeeeee;
	border: 1px solid #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkite-border-radius: 3px;
	box-shadow: 0 1px 5px #d1d3d4;
	-moz-box-shadow: 0 1px 5px #d1d3d4;
	-webkit-box-shadow: 0 1px 5px #d1d3d4;
	padding: 5px;
}
img.left {
	float: left;
	margin: 10px 10px 10px 0;
}
img.center {
	display: block;
	margin: 10px auto;
}
img.right {
	float: right;
	margin: 10px 0 10px 10px;
}
input#contact_hide {
	display: none;
}
.full_footer p {
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 0;
}
.full_footer a:hover { background: none;}
.full_footer img {
	margin-top: 20px;
	margin-right: 5px;
	float: right;
}

.full_width #slider_pager {
	float: right;
	margin-right: 10px;
}
.full_width #slider_pager a {
	color: transparent;
	font-size: 0px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

pre {
	margin-top: 10px;
	background: #f0f0f0;
	overflow: auto; 
	overflow-Y: hidden;
}
pre code {
	font: serif 1em/1.4em bold;
	padding: 10px;
	display: block;
}