/*
Theme Name: VitaminSEO theme
Theme URI: http://www.vitaminseo.com.au/
Description: This is the vitaminseo theme. It is especially optimised to be search engine friendly.
Version: 1.1
Author: Brian Porteous
Author URI: http://www.vitaminseo.com.au
Tags: seo

This theme was developed by Brian Porteous and Michelle Rupisan.
It owes a great deal to the brilliant work of Matthew James Taylor http://matthewjamestaylor.com/

*/



/* Begin Typography & Colors */
/* <!-- */
/* reset styles */
/* v1.0 | 20080212 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}

/* General styles */
body {
	background: #fff 
	color:#404040;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:83%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:center;
	color: #000;
}	
h1, h2, h3 {
	margin: 0 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
      line-height:1.5em;
}
img {
	margin:10px 0 5px;
}
a:link, a:visited {
	color:#4D4D4D;
}
a:hover {
	color:#2F2F2F;
	text-decoration: none;
}
a{
	font-weight:bold;
}
.alignleft {
	float:left;
	margin: 0 0.7em 1.7em 0.7em;
	border:2px solid #C8C6C7;
}
.alignright {
	float:right;
	margin: 0 0.7em 1.7em 0.7em;
	border:2px solid #C8C6C7;
}
a.post-edit-link {
	clear: both;
	display: block;
}
.center {
	text-align: center;
}
/* layout */
#fixed {
   margin:0 auto;
   width: 960px;   /* you can use px, em or % */
   text-align:left;
   position: relative;
}
#outer-container-homepage {
	background: url(images/bg-container-v2.jpg) no-repeat center top;
}
#outer-container-inner {
	background: url(images/bg-inner-header-v2.jpg) no-repeat center -2px;
}

/* Header styles */
#header {
	color:#76439E;
	font-size:12px;
	font-weight:normal;
	height: 150px;	
}
#header a{
	text-decoration:none;
}
#logo {
  height:89px;
  left:10px;
  position:absolute;
  text-indent:-9999px;
  top:24px;
  width:428px;
}
#header #nav {

}
#header #nav ul#hover-nav {
  clear:right;
  float:right;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:82px 0 0 0;
  padding:0 0 3px;
  width:476px;
  text-transform:uppercase;
}
#header #nav ul#hover-nav li#nav-home {
  background: none;
  margin-left: 10px;
}
#header #nav ul#hover-nav li#nav-home a.current_page_item {
  background: url(images/bg-plus-v2.gif) no-repeat scroll 2px 8px;
}
#header #nav ul#hover-nav li {
  float:left;
}
#header #nav ul#hover-nav li a {
  background: url(images/bg-plus-v2.gif) no-repeat scroll 2px 8px;
	display:block;
	float:left;
	padding:3px 16px 3px 21px;
	text-decoration:none;    
	font-size: 14px;
}
#header #nav ul#hover-nav li a:hover,  #header #nav ul#hover-nav li a.current_page_item,  #header #nav ul#hover-nav li a.current_page_ancestor {
  background: url(images/bg-plus-v2.gif) no-repeat scroll 2px -12px;
}
#header #nav ul#hover-nav li ul {
	display: none;
	width: 150px;
	z-index: 10;
	border-right: 1px solid #C0C8CA;
	border-bottom: 1px solid #C0C8CA;
	border-left: 1px solid #C0C8CA;
	background-color: #fff;
}
#header #nav ul#hover-nav li ul  li {
	margin-left: 4px;
	background: none;
}
#header #nav ul#hover-nav li ul  li a {
	padding-left: 29px;
	background: none;
}
#header #nav ul#hover-nav li#nav-technologies ul {
	position: absolute;
	right: 243px;
	top: 108px;
}
#header #nav ul#hover-nav li#nav-technologies ul li#nav-mega a {
	background: url(images/li-mega.gif) left 2px no-repeat;
}
#header #nav ul#hover-nav li#nav-technologies ul li#nav-echo-000 a {
	background: url(images/li-echo.gif) left 2px no-repeat;
}
#header #nav ul#hover-nav li#nav-technologies ul li#nav-you-get-it-back a {
	background: url(images/li-you-get-it-back.gif) left 2px no-repeat;
}
#header #nav ul#hover-nav li#nav-technologies ul li#nav-total-immersion a {
	background: url(images/li-total-immersion.gif) left 6px no-repeat;
}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colmask leftmenu{
	float:left;
}
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:200px;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
}
.leftmenu .col1-homepage {
	margin:0 7px 0 214px;
	position:relative;
	right:100%;
	overflow:hidden;
}
/* 2 column right menu settings */
.rightmenu {
	 margin:0px;
	 width:960px;	
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-256px;
	position:relative;
	right:100%;
	background:#fff;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu .col1 {
	margin:0 125px 0 200px;
	overflow:hidden;
}
.rightmenu .col2 {
	float:right;
	width:316px;
	position:relative;
	left:200px;
}
/* end right menu */
/* 2 column right  256 settings */
.rightmenu .col1-256 {
	margin:0 0 0 256px;
	overflow:hidden;
}
.rightmenu .col2-256 {
	float:right;
	width:265px;
	position:relative;
	left:256px;
}
/* end right menu */
/* one column */
.onecolumn {
	 width: 960px;	
}
/* end one column */
/* holy grail 3 column settings */
.holygrail {
	margin:0px 29px 0 29px;
	float:left;
	width:898px;
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-182px; 	/* Width of right column */
	position:relative;
	right:100%;        
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:396px;         	/* Left column width + right column width */
}
.holygrail .col1wrap {
  float:left;
	width:50%;
	position:relative;
	right:214px;        	/* Width of left column */
}
.holygrail .col1 {
	margin:0 164px 0 214px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	  left:200%;
	  overflow:hidden;
	width:500px;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:214px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0px;         	/* Width of the left-had side padding on the left column */
}
/* end holygrail */
/* begin content */

	#content ul{
        list-style-image:none;
        list-style-position:outside;
        list-style-type:disc;
        margin-left:20px;
        padding-bottom:20px;
  }
  #content h2{
        color:#53637A;
        font-size:20px;
        font-weight:bold;
  }
  a.external {
        background: url(images/external.png) no-repeat scroll right center;
        padding-right:13px;
  }
  #content p.bold-paragraph1{
    color:#4D4D4D;
    font-size:12px;
    font-weight:bold;
  }
#content{
  float:left;
  color: #666666;
  font-size: 16px;
}
#content #tech-main-video {
	float: right;
	margin-left: 10px;
}
/* end content */
/* begin homepage */
#commercialse-technovations {
	position: absolute;
	left: 33px;
	top: 135px;
	z-index: 10;
}
#commercialse-technovations img {
	margin: 0;
}
#content #homepage-content{
  width: 409px;
}
#homepage-intro {
	min-height: 260px;
	background: url(images/bg-container-v2.jpg) -49px -150px no-repeat;
	width: 960px;
	float: left;
	position: relative;
}
#homepage-intro b {
	color: #000;
}
#homepage-intro h1 {
  color:#4D4D4D;
  font-size:12px;
  font-weight:bold;
  text-indent: -9999px;
  height: 64px;
}
#homepage-intro p{
  color:#4D4D4D;
  font-size:14px;
  font-weight:bold;
  margin:0px 0 16px 35px;
  width:430px;
}
#homepage-intro a#logo-link-mega {
	position: absolute;
	left: 624px;
	top: 0;
	width: 60px;
	height: 45px;
	display: block;
	text-indent: -9999px;
}
#homepage-intro a#logo-link-total-immersion {
	position: absolute;
	left: 714px;
	top: 10px;
	width: 140px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
#homepage-intro a#logo-link-you-get-it-back {
	position: absolute;
	left: 655px;
	top: 54px;
	width: 66px;
	height: 64px;
	display: block;
	text-indent: -9999px;
}
#homepage-intro a#logo-link-echo-000 {
	position: absolute;
	left: 563px;
	top: 40px;
	width: 57px;
	height: 59px;
	display: block;
	text-indent: -9999px;
}
#homepage-promo-technology{
  padding:0 15px 20px;
  font-size: 13px;
  float: left;
  width: 930px;
}
#homepage-promo-technology{
	font-size: 14px;
}
#homepage-promo-technology b {
	color: #4D4D4D;
}
#homepage-promo-technology #video-homepage {
	float: right;
	margin-left: 30px;
}
#homepage-promo-technology h2{
	text-transform: uppercase;

}
#homepage-promo-technology p:first-child {
	font-weight: bold;
}
#homepage-products {
  background-color: #d9ecec;
  clear: both;
  float: left;
  width: 960px;
}
#homepage-products h2 {
  padding: 10px 15px 0px 20px;
}
#homepage-products a {
  text-decoration: none;
}
#homepage-products p{
  font-family: "Verdana",Arial,sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
}
#products-container {
	border-bottom:1px solid #A2B1B1;
	width: 920px;
	float: left;
	margin: 0 0 0 20px;
	padding-bottom: 14px;
}
.promo-box {
	float: left;
	margin-right: 17px;
}
#last-promo {
	margin-right: 0;
}
.promo box img {
	margin: 0;
}
#homepage-products h3 {
	font-family: "Helvetica-Bold",Arial,sans-serif;
	font-size: 34px;
	color: #CA342C;
	line-height:28px;
}
#partners {
	background-color: #d9ecec;
	clear: both;
	float: left;
	margin:0 20px;
	width:920px;
	border-bottom:1px solid #A2B1B1;
	padding-bottom: 20px;
}
#partners h2 {
  padding: 10px 0px 5px 0px;
}
#partners img {
	margin: 0;
}

/* end homepage */

/* Begin left-sidebar col 2 */    
#left-sidebar{
	background:#FFFFFF url(images/all-bg.png) repeat-y scroll left top;
	padding:0 18px 0 0px;
	margin-top:10px;
}
#left-sidebar h4 {
	color: #9a6bc0;
	font-size: 16px;
	padding-bottom: 10px;
}
#left-sidebar ul{
	font-weight:bold;
	padding:0 0 17px;
	text-align:left;
}
#left-sidebar ul li {
	padding-bottom:5px;
}
#left-sidebar ul li a {
	display:block;
	font-weight:bold;
	padding-left:25px;
	text-decoration:none;
}
#left-sidebar ul li a:hover {
	text-decoration: none;

}    
#left-sidebar ul li.page_folder a {
	color: #333;
	padding-left: 0;
}    
#left-sidebar ul li.page_folder ul li a {
	color: #76439E;
	padding-left: 20px;
	font-size: 90%;
	background: url(images/li-bullet.gif) no-repeat scroll 8px 9px;
}
#left-sidebar ul li a:hover,#left-sidebar ul a.current_page_item {
  background: url(images/bullet-on.gif) no-repeat scroll left 4px;
}  
#left-sidebar-footer{
	background:#FFFFFF url(images/all-bg.png) no-repeat scroll -3000px bottom;
	height:14px;
}
/* end left-sidebar col 2 */
/* begin right-sidebar col 3 */
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:180px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}    
#right-sidebar {
	padding-top: 20px;
	background: url(images/bullet-heart.gif) left top repeat-x;
}
/* end right -sidebar col2 */

    
/* Footer styles */
#footer {	
	clear:both;
	float:left;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	width: 960px;
}
#footer-promos-container {
	float: left;
	height: 230px;
	width: 920px;
	background-color: #D9ECEC;
	text-align: left;
	border-bottom: 2px solid #C0C0C0;
	padding: 20px;
}
#footer-promos-container #footer-contact {
	background:transparent url(images/bg-footer-contact.jpg) no-repeat scroll left   top;
	float:left;
	height:274px;
	width:452px;
	margin-right: 16px;
}
#footer-contact {
	position: relative;
}
#footer-contact form {
  padding: 0 13px;
}
#footer-contact form input {
	width: 150px;
	margin-top: 3px;
}
#footer-contact #submit {
margin-right:20px;
position:absolute;
right:0;
top:168px;
}
#footer-contact form p {
  padding: 0;
}
#footer-contact #comments-container{
  float: right;
  width: 270px;
}
#footer-contact #comments-container textarea{
	width: 240px;
	height: 106px;
}
#footer-contact #comments-container p {
  padding: 0 18px;
}
#footer-promos-container #footer-promo {
  background:transparent url(images/bg-footer-promo.gif) no-repeat scroll left top;
  float:left;
  height:161px;
  width:452px;
}
.footer-title {
  color:#53637A;
  font-size: 20px;
  margin: 3px 11px;
}
#footer-promos-container #footer-promo span {
  color: #4D4D4D;
}
#footer-promos-container #footer-promo img {
  border-right: 2px solid #B7B9B9;
  float: left;
  margin: 0 10px;
  padding-right: 10px;
}

#footer-promos-container #footer-promo p {
  padding-top: 10px;
  text-align: left;
}

#footer-promos-container #footer-3-line {
	width: 452px;
	height: 104px;
	float: left;
	background: url(images/bg-footer-3-line.gif) left top no-repeat;
}

#footer-promos-container #footer-3-line p {
  margin-top:5px;
  padding:0;
  text-align:left;
  font-family: "Georgia",Arial, sans-serif;
  font-size: 11px; 
}
#footer-promos-container #footer-3-line span { 
  color: #4D4D4D;
  font-weight: bold;
  margin-right: 15px;
}
#footer-promos-container #footer-3-line a {
  margin-right: 10px;
  text-decoration: none;
  color: #6C7676;
}

#footer p {
	padding:0 60px;
	margin:0;
	color:#666666;
}
#footer #footer-nav{
  border-bottom: 1px solid #C0C0C0;
	margin-top: 10px;
	padding: 5px 10px;
	font-family: "Georgia",Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  clear: both;
}
#footer-nav p{
  text-align: left;
  color: #797979;
  padding: 0;  
}
#footer-nav-right {
  float:right;
  padding-left:171px;
  
}
#footer-nav-right a{
  text-decoration: none;
  color: #797979;
  padding-right: 15px;
  font-weight:normal; 
}

/* end footer */  
  
  
/* End captions */

/* Blog styles */
.post a, .comment a, #respond a {
     font-weight: normal;
}
.post h1 {
     font-size: 26px;
     font-weight: normal;
     color: #53637A;
}
.post h3 {
     margin-bottom: 10px;
}
.post h3 a {
     font-size: 20px;
     text-decoration: none;
}
.post small {
     display: block;
     font-size: 10px;
}
.post strong {
	color: #4D4D4D;
}
/* end blog */

/* begin sidebar-1 */
#right-sidebar-256 {
	padding: 0 22px 10px 18px;
}
.widget {
	margin:0 0 10px;
	padding: 3px;
	float: left;
}
.widget 	#widget-signup {
	background:#fff url(images/bg-widget.jpg) repeat-x scroll left bottom;
	border:1px solid #C8C6C7;
	margin-left: 6px;
}
.widget a {
	text-decoration: none;
}
.widget h2, .widget h3 {
	font-family: helvetica;
	font-size: 16px;
  margin:0 0 5px;
  padding:5px 0 0 5px;
	color: #CA342C;
}
.widget h3 {
	font-size: 30px;
	line-height: 27px;
}
.widget h3.blue {
	color: #53637A;
	text-align: center;	
	font-size: 16px;
}
.widget table {
}
td.sm-lable {
	font-family: verdana;
	font-size: 10px;
	color: #616161;
	font-weight: bold;
	padding-bottom: 2px;
}
.widget .authortxt {
   margin-left:8px;
}
.widget form{
  padding: 5px;
}
.widget form input{
	width: 200px;
  margin-bottom: 6px;
}
.widget form #signup {
	width: 60px;
	height: 13px;
	margin-left: 30px;
}
.widget img.right {
	float: right;
}
.tech-descriptions {
	padding-left: 6px;
}
.tech-descriptions h3 {
	padding-left: 0;
}
.tech-descriptions a {
	font-weight: normal;
	display: block;
}
.tech-descriptions a:hover {
	color: #4D4D4D;
}
.tech-descriptions p {
	font-size:11px;
	margin-left:7px;
	width:100px;
	padding: 0 0 6px 0;
	margin: 0;
}
.tech-descriptions img {
	margin: 0;
}
#widget-you-get-it-back a {
	background: url(images/widget-you-get-it-back.gif) no-repeat right bottom;
}
#widget-mega a {
	background: url(images/widget-mega.gif) no-repeat right bottom;
}
#widget-echo-000 a {
	background: url(images/widget-echo-000.gif) no-repeat right bottom;
}
#widget-total-immersion a {
	background: url(images/widget-total-immersion.gif) no-repeat right bottom;
}
/* end sidebar-2 */
/* plugin */
span.wpcf7-not-valid-tip {
	color:#FF0000;
	font-size:8pt;
	left:65px;
	position:absolute;
	top:-23px;
	width:100px;
	z-index:100;		
}
div.wpcf7-response-output {
	margin-top:-26px;
	padding: 0.2em 1em;
	text-align: center;
}
/* end plugin */