/* 
  ------------------------------------------------
  PVII CSS Page Builder Magic 2
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  05: 2 Col Flex Sidebar Left, Top Menu
  ------------------------------------------------
*/
body {
	font-family: "Segoe UI", Optima, Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
img {
	vertical-align: bottom;
}
body img {
	border: 0px;
	text-decoration: none;
}
/*==================================
Masthead styles
====================================*/
.masthead {
	padding: 0px;
	text-align: center;
	background-color: #000000;
}
.masthead .logo {
	position: relative;
}
/*Max-Width allows the image to scale with the page*/
.masthead .banner img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.masthead .banner {
	position: relative;
	z-index: 20;
}
/*===========================
Page container
============================*/
.content-wrapper {
	border: 1px solid #222;
	margin: 0px;
	overflow: hidden;
}
/*===========================
Columns wrapper for page content
=============================*/
.columns-wrapper {
	overflow: hidden;
	background-color: #FFF;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
/*===============================
main content wrapper
================================*/
.main-content {
	float: right;
	width: 78%;
}
/*======================
Sidebar wrapper
=======================*/
.sidebar {
	width: 22%;
	float: right;
}
/*========================
Sidebar content area
=========================*/
.sidebar .content {
	padding: 30px;
	font-size: .85em;
	line-height: 1.5em;
	background-color: #BED2E1;
	background-image: -ms-linear-gradient(top, #BED2E1, #ffffff);
	background-image: -moz-linear-gradient(top, #BED2E1, #ffffff);
	background-image: -webkit-linear-gradient(top, #BED2E1, #ffffff);
	background-image: linear-gradient(top, #BED2E1, #ffffff);
}
/*=================================
Main content area
==================================*/
.main-content .content {
	padding: 30px;
	font-size: 1em;
	line-height: 1.5em;
	border-left: 2px solid #BED2E1;
}
/* ============================
image floats
========================== */
.imglft {
	padding: 5px 10px 5px 0px;
	float: left;
}
.imgrgt {
	padding: 5px 0px 5px 10px;
	float: right;
}
.imgctr {
	display: block;
	margin: 0px auto;
}
/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
/*========================================
 template gallery
=========================================*/

.thumbs img {
	background-color: #FFFFFF;
	border-radius: 5px;
	padding: 6px;
/*	box-shadow: 0px 0px 20px #aaa;
*/border: 1px solid #999;
}
.thumbs img:hover, .thumbs .current {
	background-color: #222222;
	-webkit-box-shadow: 0px 0px 20px #666;
	box-shadow: 0px 0px 30px #999;
	border-color: transparent;
}
.thumbs p {
	display: inline-block;
	padding: 0 6px;
	text-align: center;
	font-size: x-small;
	text-transform: uppercase;
}


.blast.gray {
	background: -webkit-linear-gradient(#EEE, #AAA);
	padding: 10px;
	background: linear-gradient(#EEE, #AAA);
	background-color: #DDD;
	color: #000;
}
/*================ 
For Zoom search box 
==================*/
#search {
	text-align: center;
	margin: 3px auto 8px auto;
	font-size: .8em;
}
#search p {
	margin-bottom: 0px;
}
#myform {
	/*CSS for sample search box. Remove if desired */
	margin: 0;
	padding: 0;
}
#myform .textinput {
	width: 100px;
	border: 1px solid gray;
}
#myform .submit {
	font: bold .9em Verdana;
	height: 22px;
	background-color: #980E10;
	color: #ffffff;
}
.myform {
	margin: 0;
	padding: 0;
}
.myform .textinput {
	width: 100px;
	border: 1px solid gray;
}
.myform .submit {
	font: bold .85em Verdana;
	height: 25px;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid black;
}
#searchbutton {
	border: thin solid #003366;
	font: bold .9em Verdana;
	height: 22px;
	background-color: #7BA4C1;
	color: #000000;
}
label {
	font-weight: bold;
	font-size: small;
}
legend {
	font-weight: bold;
}
/*===========================
Miscellaneous styles
============================*/
.ctr {
	text-align: center;
}
.sale {
	font-size: large;
	color: #000066;
	font-weight: bold;
}
.smalltext {
	font-size: small;
}
.photo {
	padding-right: 15px;
	padding-bottom: 5px;
	width: 210px;
	float: left;
	font-size: small;
}
.tinytxt {
	font-size: xx-small;
}
pre {
	background-color: #FFFFCC;
	border: thin dashed #660066;
	padding: 3px;
	margin-right: 20px;
	margin-left: 20px;
}
.number {
	font-size: large;
	font-weight: bold;
	vertical-align: middle;
}
.new {
	font-size: .85em;
	font-weight: bold;
	font-style: italic;
	color: #980E10;
}
blockquote {
	background-color: #F3EFE0;
	padding: 5px;
	webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px 0px #444444;
	-moz-box-shadow: 0px 0px 4px 0px #444444;
	box-shadow: 0px 0px 4px 0px #444444;
}
.code {
	padding: 5px;
	margin: 2px 15px 2px 2px;
	background-color: #FFFFCC;
	border: 1px gray dashed;
	display: block;
}
.instructions {
	border-collapse: collapse;
	border: 1px solid #808080;
	margin-top: 20px;
	margin-bottom: 20px;
}
.instructions th {
	padding: 3px;
	border: 1px solid #808080;
}
.instructions td {
	padding: 3px;
	border: 1px solid #808080;
	vertical-align: top;
}
.clrlft {
	clear: left;
}

.clear {
	width: 100%; height: 0px; margin: 0 0 -1px; clear: both;
}
/* ============================
Commonly used to style page titles. 
=============================== */
h1, h2, h3 {
	margin: 20px 0px 20px 0px;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Palatino, "Palatino Linotype", Georgia,"Times New Roman", Times, serif;
}
h1 {
	font-size: 1.4em;
	padding: 5px 0px 5px 5px;
}
h2 {
	font-size: 1.2em;
	padding: 5px 0px 5px 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}
h3 {
	font-size: 1em;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/*=================================
A utility rule assigned to the first heading to remove top margins.=
=================================*/
.page-topper {
	margin-top: 0px;
}
/*===================================
Sidebar lists styles
====================================*/
.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li {
	margin-bottom: 4px;
}
/*===========================
Ordinary Link Styles
============================*/
/* Sets the style for unvisited links  */
.content a, a:link {
	/*	color: #000066;
*/	background: transparent;
/*	text-decoration: underline;
*/
}
.footer a:link {
	color: #F1EDED;
	text-decoration: none;
}
/* Sets the style for visited links */
.content a:visited {
	/*	color: #980E10;
*/	background: transparent;
	padding: 0px;
/*	text-decoration: underline;
*/
}
.footer a:visited {
	color: #7BA4C1;
}
/* Sets the style for links on mouseover */
.content a:hover {
	text-decoration : none;
	background: #FFFFFF;
/*	color: #564C66;
*/
}
.footer a:hover {
	color: #F1EDED;
	text-decoration: underline;
}
/* Sets the style for a link that has focus */
.content a:focus {
	outline: none;
}
/* Sets the style for a link that is being activated/clicked */
.content a:active {
	text-decoration : underline;
	background: #D5D2D9;
/*	color: #000000;
*/
}
.footer a:active {
	color: #CC0000;
}
/*===========================
The DIV that contains the horizontal menu bar at the top of the page.
=============================*/
.menutop-wrapper {
	background-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
}
/*==============================
The Footer
=================================*/
.footer {
	background-color: #000000;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: 1px solid #000;
	padding: 15px 30px;
	font-size: .7em;
	color: #ffffff;
	text-align: center;
}
.footer p {
	margin: 0px;
}
/*============ 
For sitemap 
==============*/
#sitemap ul li {
	margin: 0px;
	padding: 0px 2px 0px 10px;
	list-style-image: url('../images/home.gif');
	background-repeat: no-repeat;
}
#sitemap ul li li {
	list-style-image: url('../images/smfolder.gif');
	background-repeat: no-repeat;
	margin: 0px 5px 5px 0px;
	padding: 0px 0px 2px 0px;
}
#sitemap ul li li li {
	list-style-image: url('../images/smfile.gif');
	background-repeat: no-repeat;
	margin: 0px 5px 5px 0px;
	padding: 0px;
}
/* ============ 
form styles 
==============*/
form fieldset {
	padding: 1em;
	font: 80%/1 sans-serif;
	border: 1px solid #353c48;
}
form fieldset label {
	width: 15%;
	margin-right: 0.5em;
	padding-top: 0.2em;
	text-align: right;
	font-weight: bold;
}
form fieldset legend {
	padding: 0.2em 0.5em;
	border: 1px solid #353c48;
	color: #ffffff;
	font-size: 90%;
	text-align: right;
	font-variant: small-caps;
	background-color: #000000;
}
.cf {
	border: 1px #353c48 solid;
	background-image: url('../images/form-bg.jpg');
	background-repeat: repeat;
}
input:focus {
	border: 2px solid #980E10;
}
.button {
	font: normal 90% Verdana, serif;
	height: 22px;
	background-color: #000000;
	color: white;
}
.affiliate {
	font: normal 90% Verdana, serif;
	height: 22px;
	border: 1px solid #980E10;
	background-color: #980E10;
	color: white;
	padding: 3px;
}
/*=============
error page formatting contact page script
=============*/
.error-page-heading1 {
	font-family: "Times New Roman";
	color: #564c66;
	font-size: 1.5em;
	font-weight: bold;
}
.error-page-heading2 {
	font-family: "Times New Roman";
	color: #564c66;
	font-size: 1.2em;
	font-weight: bold;
}
.error-page-line-closing {
	font-family: "Times New Roman";
	color: #0066CC;
	font-size: .9em;
	font-weight: bold;
}
.error-page-line-opening {
	font-family: "Times New Roman";
	color: #0066CC;
	font-size: .9em;
	font-weight: bold;
}
.error-msg {
	font-family: "Times New Roman";
	color: #CC3300;
	font-size: 1em;
	font-weight: bold;
}
.error-page-footer {
	font-family: "Times New Roman";
	color: #000000;
	font-size: .8em;
	font-weight: bold;
}
#template {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
	empty-cells: show;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#template th {
	border: 1px solid #C0C0C0;
	text-align: center;
}
#template td {
	vertical-align: top;
	border: 1px solid #C0C0C0;
	font-size: .85em;
	padding: 10px;
}
#template td p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.dnld {
	margin-left: 20px;
}
.highlight {
	padding: 5px;
	background-color: #CCCCFF;
}
/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 699px) {
.sidebar, .main-content {
	width: auto !important;
	float: none !important;
	position: static !important;
}
.content {
	padding: 10px 10px !important;
	border: none !important;
	height: auto !important;
	max-height: 888678px;
}
input[type=text], select, textarea {
	width: 100%;
}
#template {
	width: 100%;
}
}
/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 700px) and (max-width: 900px) {
.content {
	padding: 10px 10px !important;
}
}