/*
	Theme Name:       MicroVision
	Theme URI:        http: //www.314media.com
	Description:      Custom theme for MicroVision
	Author:           Chris Carter (314media)
	Author URI:       http: //www.314media.com/
	Version:          0.08
*/
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus
{/* remember to define focus styles! */
	outline: 0;
}

body
{
	background: #FFFFFF;
	line-height: normal;
  color: #000000;
}

ol, ul
{
	list-style: none;
}

caption, th, td
{
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

a img
{
	border: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	display: block;
}

/*********** theme styles **************/
strong, b
{
	font-weight: 700;
}

em
{
	font-style: italic;
}

p
{
  margin-bottom: 30px;
}

h1
{
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 10px;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

body {
	font-family: Verdana;
}

a {
	color: #fff;
	text-decoration: none;
}

sup
{
	line-height: 1em;
  vertical-align: top;
}

ul
{
	list-style: disc inside none;
}

.blog-widget ul
{
	list-style: none outside none;
}

ol
{
	list-style: decimal inside none;
}

.black
{
  color: #000000;
}

#container-main
{
	clear: both;
	overflow: hidden;
	position: relative;
	max-width: 100%;
	height: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.main-width
{
  max-width: 1265px;
}

.extremity-width 
{
  width: 75.8%;
}

.content-width
{
  width: 70.4%;
}


.sidebar-width
{
  width: 13.7%;
}

#container-header
{
	clear: both;
  float: left;
	position: relative;
	width: 100%;
	background-color: #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding: 0;
	color: #FFFFFF;
}

#header
{
	clear: both;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

#header a {
	color: #aaa;
	text-transform: uppercase;
}

.container-mobile-nav
{
  display: none;
}

#header-top
{
	clear: both;
  overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#topnav
{
	clear: both;
  float: right;
  width: 100%;
	position: relative;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	font-size: 0.8em;
  text-align: right;
}

#topnav ul
{
  clear: both;
	display: block;
  float: right;
  margin: 0;
  padding: 0;
	list-style: none;
}

#topnav ul li
{
	display: block;
	float: left;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 32px;
	padding: 0;
}

#topnav a 
{
  display: block;
}

#header-bottom
{
	clear: both;
  overflow: hidden;
	position: relative;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

#logo
{
	clear: left;
  float: left;
	position: relative;
	width: 25%;
	margin: 0;
	padding: 0;
  line-height: 0;
}

#logo a
{
	display: block;
}

#logo img
{
	width: 100%;
}

#mainnav
{
  float: left;
	position: relative;
  margin-top: 2.6%;
  margin-left: 3.3%;
}

#mainnav ul
{
  clear: both;
	display: block;
  float: right;
  margin: 0;
  padding: 0;
	list-style: none;
}

#mainnav ul li
{
	display: block;
	float: left;
	position: relative;
	margin-top: 0;
	margin-right: 56px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

#mainnav a
{
	display: block;
}

#search
{
  clear: right;
  float: right;
	position: relative;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
  margin-top: 2.4%;
	margin-right: 12.5%;
}

#search .button {
	background-color: black;
	background-image: url('images/Assets.png');
	background-position: 219px -67px;
	border-width: 0;
	height: 20px;
	width: 20px
}

#search .searchfield {
	background-color: #000;
	border-width: 0;
	color: #fff
}

#search .searchfield:focus {
	background-color: #fff;
	color: #000
}

#container-midsection
{
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.midsection
{
  clear: both;
  overflow: hidden;
  position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

.midsection a
{
	color: #0079cd
}

#container-sidebar-left
{
  position: absolute;
  top: 0;
  left: 0;
  min-height: 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#navcol ul
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style: none;
}

#navcol ul li
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#navcol ul li a
{
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 0.8em;
}

#navcol ul li ul li
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#navcol ul li ul li a:before
{
  content: '> ';
}

#container-sidebar-right a 
{
	display: block;
	font-size: 0.8em;
	margin-bottom: 16px
}

#container-sidebar-right
{
  position: absolute;
  top: 0;
  right: 0;
  min-height: 1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.container-copy
{
	clear: both;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.container-copy p
{
  text-align: justify;
}

.container-copy img
{
  max-width: 100%;
}

.container-page-featured-image
{
	clear: both;
	overflow: hidden;
	position: relative;
  width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.container-page-featured-image-color
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.page-featured-image
{
  width: 100%;
}

/************** page specific *********************************/
#container-cluster-display-advantages
{
  clear: both;
  display: table;
  width: 100%;
  color: #444444;
  font-size: 0.8em;
}

#container-cluster-display-advantages .row
{
  clear: both;
  display: table-row;
  width: 100%;
}

#container-cluster-display-advantages .column-advantage-text,
#container-cluster-display-advantages .column-microvision,
#container-cluster-display-advantages .column-competitor
{
  display: table-cell;
}

#container-cluster-display-advantages .column-microvision.header,
#container-cluster-display-advantages .column-competitor.header
{
  background-image: none;
}

#container-cluster-display-advantages .column-microvision.header.top img,
#container-cluster-display-advantages .column-competitor.header.top img
{
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#container-cluster-display-advantages .column-microvision.header.row.top,
#container-cluster-display-advantages .column-competitor.header.row.top
{
  clear: both;
  display: block;
  width: 100%;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  padding-top: 0;
  padding-bottom: 0;
}

#container-cluster-display-advantages .column-microvision.header.row.bottom,
#container-cluster-display-advantages .column-competitor.header.row.bottom
{
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
}

#container-cluster-display-advantages .dark
{
  background-color: #CCCCCC;
}

#container-cluster-display-advantages .light
{
  background-color: #FFFFFF;
}

#container-cluster-display-advantages .column-advantage-text
{
  width: 17%;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  vertical-align: middle;
}

#container-cluster-display-advantages .column-microvision
{
  padding-top: 1px;
  padding-bottom: 1px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}

#container-cluster-display-advantages .column-competitor
{
  padding-top: 1px;
  padding-bottom: 1px;
  border-right-width: 0px;
  text-align: center;
  vertical-align: middle;
}

/**********************/
#container-media-resources
{
  clear: both;
  display: table;
  width: 100%;
  margin-bottom: 30px;
  color: #444444;
  font-size: 0.8em;
}

#container-media-resources .row
{
  clear: both;
  display: table-row;
  width: 100%;
}

#container-media-resources .column
{
  display: table-cell;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  vertical-align: middle;
}

#container-media-resources .column.header
{
  background-color: #CCCCCC;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
}

#container-media-resources .column.header.last
{
  border-right-width: 0;
}
/**********************/

#crmFrame {
    border: medium none;
    font-family: verdana;
    height: 2000px !important;
    margin: 0;
    padding: 0;
    width: 100%;
}

/********** end page specific *********************************/








#main h1 {
	color: #000;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 10px
}

#main p {
	text-align: justify;
	margin-bottom: 30px;
}

#main table, #main ul {
	margin-bottom: 30px;
}

#main ul li {
	font-size: 0.8em;
	list-style-type: none;
	padding-left: 30px;
}

#main ul.support {
padding:0px;
padding-left: 20px;
}
#main ul.support li {
	font-size: 0.8em;
	list-style-type: disc;
	padding-left: 0px;
	padding-right:100px;
}

#main .caption, #main .text2, #main table {
	color: #444;
	font-size: 0.8em;
}

#main .caption {
	font-style: italic;
}

#main .mainimage-b, #main .mainimage-o, #main .mainimage-r, #main .mainimage-m, #main .subimage {
	margin: 0;
	padding: 0;
	width: 100%;
}

#main .subimage {
	margin-bottom: 30px;
}

#main .mainimage-b {
	background-color: rgb(90,187,110);
}

#main .mainimage-m {
	background-color: rgb(224,0,96);
}
#main .mainimage-o {
	background-color: rgb(255,212,38);
}
#main .mainimage-r {
	background-color: rgb(57,80,255);
}

.bodyimage {
	display: block;
	height: 290px;
	width: 893px
}

.galleryimage {
	display: block;
	width: 893px
}

#main table.mediares td {
	text-align: center;
	vertical-align: top
}

#main table th {
	text-align: left
}

table.compare {
	border: 1px solid #fff
}

tr.alt {
	background-color: #ccc
}

td.center {
	text-align: center
}

.reseller {
	padding: 0 30px;
	vertical-align: top
}

#right a {
	font-size: 0.8em
}

#right h3 {
	background-color: #000;
	color: #fff;
	font-size: 0.8em;
	padding: 4px
}

#container-footer
{
	clear: both;
  float: left;
  overflow: hidden;
	position: relative;
	width: 100%;
	background-color: #000;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 16px;
	padding-bottom: 15px;
	color: #FFFFFF;
}

#container-footer .text2
{
  color: #AAAAAA;
}

#footer
{
	clear: both;
  overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#footer-content
{
	clear: both;
  overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#address 
{
	clear: left;
  float: left;
	position: relative;
}

.text2
{
	color: #444444;
	font-size: 0.8em
}

#container-social
{
	clear: right;
  float: right;
	position: relative;
  width: 24.7%;
  margin-top: 2px;
  margin-bottom: 10px;
}

.container-social-item
{
  float: left;
  position: relative;
  width: 13.5%;
  margin-right: 2%;
  margin-left: 5%;
  padding: 0;
}

.container-social-item:first-child
{
  margin-left: 0;
}

.container-social-item a
{
  display: block;
}

.container-social-item img
{
  width: 100%;
}


#copyright
{
	clear: right;
  float: right;
	position: relative;
  margin-top: 8px;
}

#footer .pagebuttons 
{
	top: -20px;
	left: 50%;
	position: absolute
}

#footer .pagebuttons > span {
	background-image: url('images/Assets.png');
	display: inline-block;
	height: 20px;
	width: 20px
}

#footer .pagebuttons .activepage {
	background-position: -95px -135px;
}

#footer .pagebuttons .inactivepage {
	background-position: -115px -135px;
}


#main .learn a {
	color: #fff;
}

