/*   
Template Name: Visionary
Template URI: http://www.pixelthemestudio.ca
Description: The Visionary is designed for fast loading corporate and business web sites.
Copyright (C) 2009 Pixelthemestudio.ca All Rights Reserved.
Author: Pixel Theme Studio
Author URI: http://www.pixelthemestudio.ca
Version: 1.0

The core CSS, XHTML and PHP code named and required for Joomla for the The Visionary is released under GPL: http://www.opensource.org/licenses/gpl-license.php
The Original Photoshop source files are copyrighted by Pixel Theme Studio and not released under GPL.
Many thanks for the permission to use the setup.php script and portions of menu styling from gavick.com 
*/
html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}
:focus {outline: 0;} body {background: white;line-height: 1;color: black;} 
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
hr {border-right: 0; border-left: 0; border-bottom: 0; height: 1px; }

/* Basic form styles */
fieldset{border:none; padding:5px 0; }
fieldset a{font-weight:bold; }
input, select, button{font-size:11px; font-weight:normal; }

/* clearing floats */	
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clr {font-size : 1px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
/* End hide from IE-mac */

a {outline:none; cursor:pointer;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
#mainbody a, #mainbody a:visited {text-decoration:underline; color:#AB472C;}
#mainbody a:hover {text-decoration:none;}

/* Basic image style */
img {border:none;}

/* list styles */
ol {list-style:decimal; margin:10px 35px;}
ul li {list-style:url('../images/listsqorange.png'); margin:10px 35px; line-height:14px;}
ul.redsquare li {list-style:url('../images/listredsq.png'); margin:10px 35px; line-height:14px;}
ul.greysquare li {list-style:url('../images/listgreysq.png'); margin:10px 35px; line-height:14px;}

ul.orangeround li {list-style:url('../images/listorangeround.png'); margin:10px 35px; line-height:14px;}
ul.greyround li {list-style:url('../images/listgreyround.png'); margin:10px 35px; line-height:14px;}
ul.redround li {list-style:url('../images/listredround.png'); margin:10px 35px; line-height:14px;}

/* Numbers */
div.numbergrey span, div.numberred span,div.numbertan span {padding:4px; margin:0 6px 0 12px; color:#fff;}
div.numbergrey span {background:transparent url('../images/numbergrey.png') no-repeat center center;}
div.numberred span {background:transparent url('../images/numberred.png') no-repeat center center;}
div.numbertan span {background:transparent url('../images/numbertan.png') no-repeat center center;}


/* Typography */
p, pre, blockquote {
	margin:0; padding:0; }
p {margin-bottom:1.2em;}
blockquote {background:#E5E5E5; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding:12px; width:90%; margin:15px auto;}
.modifydate,
.createdate,
.small {font-size: 0.9em; color:#aaa!important; }
.createdate {padding-bottom:7px;}
.modifydate {text-align:right;	padding:0 6px 0 0!important; line-height:120%; }
td.buttonheading {width:14px; margin-left:6px; text-align:right; padding:2px 0 0 2px!important; vertical-align:top;}
.buttonheading img {margin:0 8px 0 0; border:0; float:right; height:12px;}
div.blog_more ul {}
div.blog_more li {padding-left:0; line-height:150%; }


th {padding:4px; text-align:left; }
h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif; color:#3B3B3B;  margin:0 auto 8px;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}

h1.contentheading, h2 {margin:0 auto 12px;}
h1, h1 a.contentpagetitle, h2, h2 a.contentpagetitle, h2 a.contentpagetitle:visited {color:#AB472C; font-weight:lighter; text-decoration:none!important;}
h1 a.contentpagetitle:hover, h2 a.contentpagetitle:hover {color:#466677!important;}

a.readon  {color:#AB472C; text-decoration:none!important; font-style:oblique;}
a.readon:hover {color:#474747!important;}

/* Primary wrappers */
html {height:100%; margin-bottom:1px;}
body {background:#C7C8CA; font:normal 11px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #474747;}
#topwrapper {background:#fff;}
#top {width:980px; margin:0 auto; padding-top:28px; height:76px;}
#logo {width:190px; height:38px; /* background:url('../images/logo.png') no-repeat 0 0; */}
#tagline {float:left; width:auto; height:14px; margin-left:65px; text-align:right;}
#tagline h1 {font:normal .8em Arial, Helvetica, sans-serif; text-transform:uppercase; color:#8F979D;}
#tagline p {margin:0;}
#mainmenu {color:#767D82; font:normal 14px/18px Arial, Helvetica, sans-serif; margin:4px 0 0 0; height:28px;}
#headerwrapper {background:#B2B1B1 url('../images/headerbg.png') repeat-y center; min-height:10px;}
#header {width:980px; margin:0 auto;}
#header p {margin:0;}
#breadcrumbs {background:#CCBDA8;font:normal 11px Arial, Helvetica, sans-serif; height:17px; width:940px; margin:0 auto; padding:3px 20px 0; color: #fff;}
#breadcrumbs a { text-decoration:none; color:#333;}
#breadcrumbs a:hover {color:#AB472C;}

/* Floating fixed Caption module on top of header images */
#captionwrapper {background:url('../images/captionbg.png') repeat-y top right; width:930px; z-index:100; height:370px; color:#fff; position:absolute; top:104px; }
#caption {z-index:200; height:370px; color:#fff; position:absolute; top:104px; right:20px; width:230px; font:normal 14px/18px Arial, Helvetica; font-style:oblique;}
#caption h2 {font:normal 2em Arial, Helvetica; color:#fff; margin-bottom:12px; font-style:oblique;}

/* Page headers for varied section images or a single static background */
#pageheaders {height:50px; padding:20px 70px 0 680px; /* background: url('../images/visionary-pageheader.png') no-repeat; */ }
#pageheaders h2 {color:#fff; font:normal 14px/18px Arial, Helvetica, sans-serif; font-style:oblique; margin:0;}

/* Main body content and columns */
#contentwrapper {width:940px; margin:0 auto; background:#F2F2F2; padding:40px 20px 0; min-height:300px;}
div#mainbody {clear: both;	margin-bottom: 10px; padding: 0px;}
div#conwrap {clear: both;}

/* mainbody with right column */
div#right {float: left;	width: 220px; overflow: hidden;	margin-left: 40px;}
div#l_w-1 {	float: left; width: 680px; overflow: hidden; padding-right:0px;}
/* full width mainbody */
div#l_w-2 {	width: 100%;} 
/* mainbody with left column */
div#r_w1-3 {float: left;	width: 680px; overflow: hidden; padding-left:0px; } 
div#left {float: left;	width: 220px;	margin-right:40px;	overflow: hidden; }
/* Left + Mainbody + right */
div#r_w1-2 {width: 100%;}
div#r_w1-1 {float: left;	width: 420px;	overflow: hidden; }

/* content article columns */
.leading{}
.leading_separator{	border-bottom: solid 0px #333333;	display: block;	height: 10px;	margin: 0 0 0px 0;}
.article_separator{	border: solid 1px #333333;	display: none;	margin: 0px 0 0px 0;}
.blog { padding: 0; }
.cols1{	display: block;	float: none !important;	margin: 0 !important;}
.cols2 { width: 47%; }
.cols3 { width: 47%; }
.column1 , .column2{	border: solid 0px #D4A7C5;	margin: 0 5px 0 0;	position: relative;}
.column2 , .column1{float: left;	margin: 0;}
.column2{float: right;	margin: 0;	width: 47%;}
.article_row{margin: 0px 0 0px 0;	padding: 0;	overflow: hidden;}
.article_column{border: solid 0px #ccc;	padding: 10px 10px 10px 0;}
.row_separator2{display: block;	clear: both;	margin: 0;	border: solid 0px;}

/* Groups Position */
div#group-1, 
div#group-2, 
div#group-3 {clear: both;}
div#group-1 {}
div#group-2 {}
div#group-3 {}

/* Module Columns Position Groups */
.us-stand {clear: both;	padding:7px 7px 0px;}

div.mod_1-left,
div.mod_1-right,
div.mod_1-center,
div.mod_2-left,
div.mod_2-right,
div.mod_2-center,
div.mod_3-left,
div.mod_3-right,
div.mod_3-center,
div.mod_4-left,
div.mod_4-right,
div.mod_4-center,
div.mod_5-left,
div.mod_5-right,
div.mod_5-center {float: left;	width: 33.3%;	width: 50%;	width: 100%;overflow: hidden;}

div.mod_5-left,
div.mod_5-right,
div.mod_5-center {text-align:justify;}

.border {}

/* Module styles */
.moduletable, .moduletable-clear, .moduletable-grey, .moduletable-tan, .moduletable-white {-moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 7px; margin-bottom:20px;}
.moduletable-white {background:#fff;}
.moduletable-grey {background:#E5E5E5;}
.moduletable-tan {background:#E5D8C5;}
.moduletable-clear {background:none;}

#bottomwrapper, #bottomwrapper2 {width:940px; margin:0 auto; background:#fff; padding:20px 20px 0;}
#bottomwrapper2 {background:#E5D8C5;}

#bottomwrapper a, #bottomwrapper a:visited, #bottomwrapper2 a, #bottomwrapper2 a:visited  {text-decoration:underline; color:#AB472C;}
#bottomwrapper2 a:hover, #bottomwrapper2 a:hover {text-decoration:none;}

/* Module List */
.moduletable-white ul li {list-style:url('../images/listsqorange.png'); margin:10px 0 0 17px; line-height:14px;}
.moduletable-white ul li:hover {list-style:url('../images/listgreysq.png');}
.moduletable-white ul li a {color:#DE945B;}
.moduletable-white ul li a:hover {color:#82888C;}

.moduletable ul li, .moduletable-grey ul li {list-style:url('../images/listgreysq.png'); margin:10px 0 0 17px; line-height:14px;}
.moduletable ul li:hover, .moduletable-grey ul li:hover {list-style:url('../images/listsqorange.png');}
.moduletable ul li a, .moduletable-grey ul li a {color:#474747;}
.moduletable ul li a:hover, .moduletable-grey ul li a:hover {color:#DE945B;}

.moduletable-tan ul li {list-style:url('../images/listredsq.png'); margin:10px 0 0 17px; line-height:14px;}
.moduletable-tan ul li:hover {list-style:url('../images/listgreysq.png');}
.moduletable-tan ul li a {color:#AA462B;}
.moduletable-tan ul li a:hover {color:#474747;}


/* Footer */
#footer {width:950px; margin:0 auto 15px; background:#8F979D; border-bottom:2px solid #fff; padding:6px 20px 6px 10px;}
#flinks, #fcaption {width:600px; float:left; font:normal .9em Arial, Helvetica, sans-serif; color:#fff; clear:right; }
#fcaption {width:345px; float:right; text-align:right;}
#fcaption a {color:#fff; text-decoration:underline;}
#fcaption a:hover {text-decoration:none;}
#footer p {margin:0;}
#footer .moduletable {margin:0;}

/* Footer Menu */
#footer ul.menu { margin: 3px 0 0;  padding: 0;}
#footer ul.menu li { display: inline;  list-style-type: none!important; background:none;}
#footer ul.menu a {display: block;float: left;  padding: 0 10px 0; color:#fff; border-right:1px solid #fff; line-height:8px; }
#footer ul.menu a:hover {text-decoration:underline;}
#footer ul.menu li:last-child a {border:none!important;}
span.mainlevel-footer {padding:0 2px;}

/* Image and Captions - full width image is 930px + 5px each side for padding and border = 940 */
.left, .right, .center {padding:4px; border:1px solid #9c9c9c; background:#fff;}
.left {float: left; margin:5px 20px 15px 0; }
.center {margin:5px auto 15px;}
.right {float: right; margin:5px 0 15px 20px;}
.img_caption.left p {clear: left; text-align: center; margin:0;}
.img_caption.right p {clear: right;	text-align: center; margin:0;}
.img_caption.center p {clear:both; text-align:center; margin:0;}


/* Table styling */
table{border-collapse: separate;border-spacing: 0;}
td {padding:0;}
caption,th,td {font-weight: normal;}
table.blog span.article_seperator {display: block;	height: 10px;}

table.contenttoc {margin: 0 0 20px 20px; background:#E5E5E5;	padding: 0 0 12px 15px;	width: 250px;	border-left: 1px solid #E5E5E5;}
table.contenttoc td {padding: 4px 5px 2px 18px;	background: transparent url('../images/arrow.html') no-repeat 6px 6px;	line-height: 14px;	font-size: 12px;}
table.contenttoc th {padding: 4px 6px 4px 18px;	margin: 0;	text-align: left;	font-size: 10px;	text-transform: uppercase;	background: #E5E5E5;	color: #474747;}

.contentpaneopen {width: 100%;}
.contentpaneopen1 {width: 100%;}

td.contentdescription {padding-bottom:20px;}
table.contentpane {width: 100%;	margin-bottom: 30px;}

table#bloglistfilter {margin-bottom:5px;}
.sectiontableheader {font:normal 1.2em Arial, Helvetica, sans-serif;}
td.sectiontableheader {padding: 5px 6px;	border-bottom: 1px solid #C7C8CA;	border-top: 1px solid #C7C8CA;	color: #474747;	background: #B1B0B0;	text-align:left;}
td.sectiontableheader a {color:#474747!important;}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2,
tr.sectiontableentry1,
tr.sectiontableentry2 {height: 8px;	padding:3px 5px;border-bottom: 1px solid #C7C8CA;	text-align:left;}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {background: #fff;}

td.sectiontableentry1,
tr.sectiontableentry1 td {background: #D6D6D6;}
td.sectiontableentry2,
tr.sectiontableentry2 td {background: #E5E5E5;}

.contentpane {width: auto;}
table.poll {padding: 0;	width: 100%;	border-collapse: collapse;}
table.pollstableborder {padding: 0;	width: 100%;	border: none;	text-align: left;}
table.pollstableborder .sectiontableheader {padding: 8px 5px !important;}
table.pollstableborder img {vertical-align: baseline;}
table.pollstableborder td {padding: 2px!important;	border-collapse: collapse;	border-spacing: 0;}
table.pollstableborder tr.sectiontableentry1 td {border: none;	background: none;}
table.pollstableborder tr.sectiontableentry2 td {border: none;	background: none;}
table.searchintro {padding: 10px 0;	width: 100%;}
table.searchintro td {padding: 5px!important;}
table.adminform {width: 400px!important;}


/* Main Menu */
#mainmenu a {display:block; text-decoration:none; color:#466677; line-height:27px;}
#mainmenu li li a {font-size: 11px; line-height:26px;}
#mainmenu ul.menu {margin:0!important; padding:0; list-style:none; float: right;	margin: 0px;}
#mainmenu ul.menu li{float:left;display: inline; position:relative; background:url('../images/menu-spacer.html') no-repeat left center;margin:0!important;padding:0;}
#mainmenu a{display:block; position:relative}
#mainmenu li:hover ul{left:0;z-index:999!important;}
#mainmenu li li:hover ul{left:10em;top:0}
#mainmenu li li:hover li ul{top:-999em}
#mainmenu li li li:hover ul{left:10em;top:0}
div#mainmenu ul.menu li.item1{background:none;} /* removes menu spacer from first item */
.menu ul{position:absolute;top:-999em;}

#mainmenu a {overflow: hidden; padding: 2px 12px 5px;}
#mainmenu li.active a {color:#BA7A30!important;}
#mainmenu li a:hover {color:#BA7A30;}

#mainmenu ul.menu li:first-child a {color:#466677!important;} /* hides active state from home menu item */

/* Drop-down styles */
#mainmenu li:hover ul {top: 33px;background: #fff; /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;}
#mainmenu ul.menu ul, #mainmenu li li, #mainmenu li li a {text-align: left;color:#466677;}
#mainmenu li li {border-bottom: 1px solid #DDD; width:150px;}
#mainmenu li li a {padding: 0px 10px;border: none !important; color:#333;}
#mainmenu li li a:hover {color:#AB472C;background: #fff;/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;}

/* Pagination */
.pagenav,.pagenav_prev,.pagenav_next,.pagenavbar {	padding: 0 2px;	font: normal 11px Arial, Helvetica, sans-serif;}
.pagenavcounter {float: right;	position: relative;	right: -200px;	top: 4px;	padding: 0 4px 1px 4px;}
p.counter {text-align:center; margin:0;}

ul#pagination {	margin: 0 auto;	padding: 10px 0;text-align: center; list-style: none!important;}
ul#pagination li {	margin: 0 0 0 5px!important;	padding: 0!important;	display: inline;	background:none!important;	border: none;}
ul#pagination a,ul#pagination li span {	padding: 2px 4px; font-weight:normal;	border: 1px solid #cfcfcf;	font-size: 10px!important; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
ul#pagination a {}
ul#pagination a:hover,ul#pagination a:active,ul#pagination a:focus {border: 1px solid #cfcfcf;}


/* Members Area */
div#memberarea {width:965px;	height:34px; padding-left:15px;	margin:0 auto;	background:#E5E5E5;	}
div#memberarea_right {width:auto;	float: right;}
div#memberarea_left {width: auto;float: left;}
div#memberarea a {color: #666;}
ul.loginposition {padding: 0;margin:0; }
ul.loginposition li {float: left;	background: none;list-style:none!important;	line-height: 25px; margin:4px 12px 0 0; border: none;}
#memberarea input.inputbox {color: #CCC;width: 127px;	height: 18px; 	border: none;	padding-left: 15px;	padding-top: 2px;}
#modlgn_username {background: transparent url('../images/input-name.png') no-repeat 0 0;}
#modlgn_passwd {background: transparent url('../images/input-pass.png') no-repeat 0 0;}
.search {	float: right;	margin: 0px 0 0 10px;}
input#mod_search_searchword {	background: url('../images/input-search.png') no-repeat 0 0;margin-top: 8px;border: none;padding-left: 5px !important;	padding-right: 15px; float:right;}
#memberarea input.button {background: transparent url('../images/button-top.png') repeat-x;	float: left;height: 22px;	width: 61px;margin-top: 2px;text-decoration: none;	text-transform: uppercase;	font-size: 10px;	font-weight: normal;border: none;	padding-top:0px;}
#memberarea input.button:hover {color: #8E702A;}
div#memberarea_right input.button {	float: right;	margin-right: 15px;	margin-left: 10px;	margin-top: 6px;}
div#memberarea_right input.inputbox {float: left;}
#memberarea .logout span {	float: left;	color: #333;	margin: 3px 15px 0 14px;	line-height: 25px;}
#memberarea .logout input.button {	float: none!important;	display: inline;	margin-top: 0px;}
div.logout {float: left;}
div.logout input.button {padding: 0;}
form#subscribe {margin:0 0 4px 0;	padding:0;	}
form#subscribe input.button {margin-top:5px;}

/* Forms */
/** Contact Form **/
span.required {color:#FF0000;}
#formstyle {
background:#fff;
padding:1em;
border:1px solid #eee;
margin:1em 0;
-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#formstyle fieldset div {
margin:0.3em 0;
clear:both;
}
#formstyle label {
float:left;
width:10em;
text-align:right;
margin-right:1em;
}
#formstyle legend {
color:#94611D;
font-size:1.2em;
}
#formstyle legend span {
width:10em;
text-align:right;
}
#formstyle input {
padding:0.15em;
width:15em;
border:1px solid #ddd;
background:#fafafa;
font:bold 0.95em arial, sans-serif;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
}
#formstyle textarea {
padding:0.15em;
border:1px solid #ddd;
background:#fafafa;
font:bold 0.95em arial, sans-serif;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;}
#formstyle input:hover, #formstyle input:focus, #formstyle textarea:hover, #formstyle textarea:focus {
border-color:#c5c5c5;
background:#f6f6f6;
} 
#formstyle fieldset {
border:1px solid #ddd;
padding:0 0.5em 0.5em;
margin-bottom:10px;
}
#formstyle .date input {

background-repeat:no-repeat;
background-position:100% 50%;
}
#formstyle .date fieldset label {
float:none;
display:block;
text-align:left;
width:auto;
}
#formstyle .date fieldset div {
float:left;
clear:none;
margin-right:0.2em;
}
#formstyle .radio, .date {
position:relative;
}
#formstyle .radio fieldset, #formstyle .date fieldset {
border:none;
width:auto;
padding:1px 0 0 11em;
}
#formstyle .radio legend, #formstyle .date legend {
font-size:1em;
color:#000;
}
#formstyle .radio legend span, #formstyle .date legend span {
position:absolute;
left:0;
top:0.3em;
width:10em;
display:block;
}
#formstyle .radio label, #formstyle .radio input {
vertical-align:middle;
display:inline;
float:none;
width:auto;
background:none;
border:none;
}
#formstyle .radio div {
float:left;
white-space:nowrap;
clear:none;
}
#formstyle .email {
width:14em;
}
#formstyle input.default {
color:#bbb;
}
#submit-go {
margin-top:1.5em;
width:100px;
height:23px;
text-indent:-9999px;
overflow:hidden;
border:0;
background:url('../images/submit.html') no-repeat 0 0;
display:block;
cursor:pointer !important; cursor:hand;
}
#submit-go:hover {
background-position:0 -23px;
}
button.button {background: transparent url('../images/button-top.png') repeat-x;	float: left;height: 22px;	width: 61px;margin-top: 2px;text-decoration: none;	text-transform: uppercase;	font-size: 10px;	font-weight: normal;border: none;	padding-top:0px;}
button.button:hover {color: #8E702A;}