/*
Theme Name: Squared3
Version: 1.0
Author: Mark Southard, practicefieldadv.com
*/


/*
	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_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}

/* 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: Verdana, Arial, sans-serif;
	font-size: 12px;
}

/*----- HEADER -----*/
#header {
	background: url(../images/bg_header.png) no-repeat bottom;
	margin-top: 20px;
	padding-bottom: 30px;
}
.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 {
	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 */
ul#menu {
	float:			right;
}
ul#menu a {
	color: #252525;
	display: block;
	font-size: 30px;
	padding: 10px 15px 3px 15px;
	text-decoration: none;
	text-transform: uppercase;
}

ul#menu a, ul#menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #252525;
}
ul#menu li a.active {
	padding: 10px 15px 3px 15px;
	background: #00aeef;
	color: #ffffff;
}
ul#menu li {
	background: #fff;
	float: left;
	margin: 8px 0 7px 0;
	padding: 0;
	background: none;
}
ul#menu li ul {
	background: #fff;
	margin-top:13px;
	outline: 1px solid #252525;
	padding: 0 10px;
}
ul#menu li ul li {
	background:	#fff;
	border-top: 1px solid #e1e1e1;
	float: left;
	margin:0;
}
ul#menu li ul li:first-child {
	border-top: none;
}
ul#menu li li a {
	font-size: 12px;
	text-transform: none;
	padding:5px 10px;
}
ul#menu li:hover, ul#menu li.sfHover,
ul#menu a:focus, ul#menu a:hover, ul#menu a:active {
	background:		#b7b7b7;
	outline:		0;
}
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;
}

/*----- MAIN STYLES -----*/
.divider {
	height: 1px;
	background: #252525;
	margin-top: 20px;
}
.img_left {
	float: left;
	margin: 0 5px 0px 0;
}
.img_right {
	float: right;
	margin: 0 0 10px 10px;
}
/*----- SLIDESHOW STYLES -----*/
#feature {
	min-height:300px;
}
#cu3er-container {
	margin: 20px 60px;
}
#slideshow{
	margin-top: 20px;
}
.description {
	float:left;
	width:300px;
	margin-right:30px;
}
	.description h1 {
		margin-top:0;
	}	
.slide_image {
	background:#252525;
	border-bottom: 15px solid #00aeef;
	float:left;
	padding: 15px;
	width:560px;
}
.hide {
	display: none;
}

/*----- 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.1em;
		margin:0px;
		padding:0px;
		line-height:1.6em;
	}
	div.blog_date span.year {
		color:#fff;
		font-size: 1.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;
}
.final_entry {
		background: none;
	}
ul.blog_nav {
	margin: 5px 0 0 -10px;
}

/*----- PRODUCTS STYLES -----*/
a.product img {
	border-bottom:4px solid #00aeef;
	margin-top:20px;
	opacity:.6;
}
	a.product img:hover {
		opacity:1;
	}
h4.product_title {
	margin-top:5px;
}

/*----- PAGINATION STYLES -----*/
ul.pagination {
	padding-top:20px;
}
	ul.pagination li {
		float:left;
		background: none;
		padding:0;
		margin:0 10px 0 0;
	}
	ul.pagination li a {
		color:#959595;
	}
		ul.pagination li a.activePage,
		ul.pagination li a:hover {
			color:#00aeef;
		}

/*----- SERVICE STYLES -----*/
ul.service_nav {
	margin-top:2.5em;
}
	ul.service_nav li {
		background: none;
		border-top:1px solid #e1e1e1;
		display: block;
		margin: 0;
		padding:0;
		text-align: center;
		_padding:2px 0; /* targets ie6 */
	}
		ul.service_nav li a {
			display: block;
			padding:5px 0;
		}
			ul.service_nav li a:hover {
				text-decoration: none;
				background: #f4f4f4;
			}

/*----- CONTACT FORM -----*/
em.contact_form {
	color: #00aeef;
}
#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,
#site,
#title,
#email,
#company,
#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-top: 8px;
	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:left;
	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-top: 8px;
	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;	
}
	
/*----- 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;
	}
	ul.footerlist li {
		background: url(../images/bullet.png) no-repeat 0px 5px;
		margin: -10px 0 10px 15px;
		padding-left: 15px;
	}
#footerContainer a.learn_more {
	margin-right: 70px;
}

/*----- Text Styles -----*/
p {
	font-size: 1em; /* 12px */ 
	line-height: 1.5em; /* 18px */ 
	margin: 0 0 1.5em 0; 
}
a {
	color: #00aeef;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
h1, h2, h3, h4 {
	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;
}
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;
}
ol {
	list-style-type: decimal-leading-zero;
	color: #00aeef;
	margin: -10px 10px 10px 10px;
}
span.ol_list {
	color: #252525;
}
ul li {
	background: url(../images/bullet.png) no-repeat left;
	margin: -10px 0 10px 25px;
	padding-left: 15px;
}
li {
	font-size: 1em;
	line-height: 1.5em;
}
blockquote {
	background: #ececec url(../images/blockquote.png) no-repeat 10px 12px;
	color:#636363;
	padding:15px 20px 15px 35px;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
	height:  125px;
}
em.author {
	margin-top:1.5em;
	font-style: normal;
}

#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 0px;
	width: 580px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	padding: 10px 8px;
	border-bottom: 2px solid #252525;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #252525;
	color: #000;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #000;
}
#hor-minimalist-b th.right,
#hor-minimalist-b td.right
{
	text-align: right;
}