﻿
/*************************************************/
/** VMO						**/
/** Author: O.B. | BrightDigital.com			**/
/*************************************************/
/**	[1] - Main Layout							**/
/**	[2] - Usefull classes						**/
/**	[-] - IE fix								**/
/*************************************************/

/**	[1] - Main Layout	**/
body {margin:0px; background-color:#ffffff; font-family:arial; font-size:12px; color:#000000;}

h1, h2, h3, h4, h5, h6 {font-weight:lighter; margin:0px; padding:0px;}
h1 {}
h2 {font-family:Tahoma; font-size:18px;}
h3 {font-family:Tahoma; font-size:14px; font-weight:bold;}
h4 {font-family:Arial; font-size:18px;}
sup {font-size:80%; font-weight:lighter;}
input {font-family:Arial; font-size:11px; color:#646464;}

#wrapper {width:1000px; background-color:#ffffff; margin:0px auto;}
#phMain {float:left; width:1000px;}
.header {float:left; width:965px; height:122px; padding:1px 20px 35px 15px; background-position:left top; background-repeat:no-repeat;}
.logo {float:left; padding:0px 0px 0px 30px;}
.logo a {float:left; text-decoration:none;}
.logo a img{float:left; border:0px;}

#alternativeContent {float:left; clear:both; margin-left:1px; margin-right:5px; z-index:6; /*width:938px; height:318px;*/}

#shadow {float:left; clear:both; width:938px; height:316px; background-image:url("../images/bg_video.png"); background-position:left bottom;
					 background-repeat:no-repeat; padding:2px 5px 0px 2px; z-index:5px;}

#navContainer {float:left; width:550px;}
ul#nav {float:left; width:550px; list-style-type:none; padding:1px 0px 0px 18px; margin:0px; font-size:18px; text-transform:uppercase;}
ul#nav li {float:left;}
ul#nav li a {float:left; display:block; border-left:solid 1px #ffffff; text-decoration:none; color:#ffffff; padding:25px 15px 0px 3px;}
ul#nav li a:hover, ul#nav li a.active {float:left; display:block; border-left:solid 1px #000000; color:#000000; text-decoration:none;}
#txtSlogan {float:left; clear:both; color:#ffffff; font-family:Tahoma; padding:8px 0px 0px 18px; white-space:nowrap; font-size:13px;}

#pageContainer {float:left; clear:both; margin-top:-71px; width:940px; padding:0px 30px;}
#pageTop {float:left; width:945px; background-image:url("../images/bg_page_top1.png"); background-position:left top; background-repeat:no-repeat; padding-top:3px; font:0px;}
#pageMiddle {float:left; width:938px; background-image:url("../images/bg_page_middle.png"); background-position:left top; background-repeat:repeat-y;}
#pageBottom {float:left; width:945px; padding-bottom:20px; background-image:url("../images/bg_page_bottom1.png"); background-position:left bottom; background-repeat:no-repeat; padding-bottom:7px; font:0px;}
#pageContainer img {border:0px; float:left;}
#colLeft {float:left; width:657px; padding:20px 20px 20px 23px;}
#colLeft p, ul {font-size:13px;}

#colLeft1 {float:left; width:655px; padding:20px 15px 20px 23px;}
#colLeft1 p {margin:0px 0px 8px 0px; font-size:14px;}
#colRight {float:left; width:240px;}
.footer {float:left; width:980px; padding:12px 10px 10px 10px; background-repeat:no-repeat; background-position:left top; margin-top:20px;}
#copyright {font-size:10px; float:right; padding-right:30px;}
#links {float:left; padding-left:21px; font-size:10px;}
#links a {float:left; color:#000000; text-decoration:none;}
.tcWhite #links a {float:left; color:#ffffff; text-decoration:none;}
#links a:hover {text-decoration:underline;}
#links span {float:left; padding:0px 10px;}

#teamVMO {float:left; width:195px; background-image:url("../images/bg_BlogRight1.jpg"); background-position:right bottom; background-repeat:no-repeat;
			  height:382px; padding-left:20px; padding-right:25px; padding-top:10px;}
#teamVMO p {margin:0px 0px 10px 0px;}
.teamMember {float:left; width:100%; padding:0px 0px 7px 0px;}
.teamMember img {float:left; margin:0px 10px 0px 0px;}
.teamMember h3 {font-weight:bold; font-size:13px;}

.formRequest {float:left; width:210px; background-image:url("../images/bg_RequestForm1.jpg"); background-position:right top; background-repeat:no-repeat;
			  height:240px; padding-left:20px; padding-right:10px; padding-top:10px;}
.formRequest input {float:left; width:190px;}
.formRequest input.bttnSubmit {float:left; clear:both; margin-top:10px; width:68px; height:25px;}

.formRequest1 {float:left; width:210px; background-image:url("../images/bg_RequestForm.jpg"); background-position:right top; background-repeat:no-repeat;
			  height:240px; padding-left:20px; padding-right:10px; padding-top:10px;}
.formRequest1 input {float:left; width:190px;}
.formRequest1 input.bttnSubmit {float:left; clear:both; margin-top:10px; width:66px;}

.bgWhat {background-image:url("../images/bg_what.jpg");}
.bgWhatFooter {background-image:url("../images/bg_footer_what.jpg");}

.bgHow {background-image:url("../images/bg_how.jpg");}
.bgHowFooter {background-image:url("../images/bg_footer_how.jpg");}

.bgWhy {background-image:url("../images/bg_Why.jpg");}
.bgWhyFooter {background-image:url("../images/bg_footer_Why.jpg");}

.bgBlog {background-image:url("../images/bg_blog.jpg");}
.bgBlogFooter {background-image:url("../images/bg_footer_blog.jpg");}

.bgPartners {background-image:url("../images/bg_Partners.jpg");}
.bgPartnersFooter {background-image:url("../images/bg_footer_partners.jpg");}

#headerRight {float:right; width:207px; border-left:solid 1px #ffffff; color:#ffffff; font-family:Tahoma; padding:15px 0px 0px 10px;}
#headerRight a {float:left; color:#ffffff; text-decoration:none;}
#headerRight a:hover {color:#000000; /*text-decoration:underline;*/}
.bttnTwitter {float:left; font-size:13px; display:block;}
.bttnTwitter span {float:left; padding:6px 0px 6px 0px;}
a.bttnTwitter img {float:left; border:0px;}
.txtCall {font-size:18px; float:left; clear:both; font-weight:bold; white-space:nowrap;}

a.bttnRSS {float:left; padding:8px 0px 5px 27px; text-decoration:none; color:#000000; position:absolute; margin-left:-110px; margin-top:-10px;
		  background-image:url("../images/icon_rss.jpg"); background-position:left center; background-repeat:no-repeat;}
a.bttnRSS:hover {text-decoration:underline;}
a.lnkContact {display:none; position:relative; float:right; padding-top:5px; color:#ffffff; text-decoration:none; margin-right:15px; 
			  cursor:pointer;}
a.lnkContact:hover {text-decoration:underline;}

#contactForm {display:none; left:20%; width:763px; height:243px; position:absolute; z-index:12; float:left; 
			  background-image:url("../images/bg_Contact.png"); background-position:left top; background-repeat:no-repeat;}
#bgPopup {float:left; display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000; z-index:11;}
#cfContent {float:left; width:91%; padding-left:35px; padding-top:8px;}
#cfContent p {padding:0px 0px 6px 0px; margin:0px; font-size:12px;}
#cfContent a {text-decoration:none; color:#323232; font-weight:bold; cursor:pointer;}
#cfContent a:hover {text-decoration:underline;}
#cfContent .sendmail {color:#466881; font-weight:lighter;}
#cfContent input {width:160px; border:0px; padding:2px 0px 2px 2px; border-top:solid 1px #d9d9d9; border-left:solid 1px #d9d9d9;
				  /*background-image:url(../images/bg_input.jpg); background-position:left top; background-repeat:no-repeat; background-attachment:fixed;*/}
#cfContent input.bttnSubmit {float:left; clear:both; margin-top:8px; width:69px; height:26px; background-image:none;}

.blogItem {float:left; clear:both; border-bottom:solid 1px #cccccc; margin-bottom:20px; width:100%;}
#pageContainer .blogItem img {float:right; border:0px; margin-top:10px;}
.itemDate {float:left; clear:both; width:100%;}
.itemContent {float:left; clear:left; width:60%; padding-top:10px;}
.itemContent p {margin:4px 0px; float:left; width:100%;}
.itemLabels {float:left; width:100%; font-weight:bold; clear:both;}
.itemLabels span {float:left;}
.itemLabels a {float:left; text-decoration:underline; color:#000000; margin-left:5px;}
.itemLabels a:hover {text-decoration:none;}
.itemAuthor {float:left; width:100%; font-weight:bold; clear:both;}
.itemComments {float:left; width:100%; font-weight:bold; clear:both;}
#pageContainer #colLeft .blogItem .itemContent .itemComments img {float:left; margin:10px 0px 0px 10px;}
#pageContainer #colLeft1 .blogItem .itemContent .itemComments img {float:left; margin:10px 0px 0px 10px;}
.partnersRow {float:left; clear:both; width:100%; border-top:solid 1px #cccccc; margin:0px; font-size:12px; padding-top:10px;}
.partnersRow img {float:left; margin:0px 20px 0px 15px;}
.partnersRow .right {float:left; padding-left:30px; padding-bottom:10px;}
.partnersRow .partnersContact {float:left; padding-top:10px;}
.partnersRow .partnersContact a {font-size:14px; color:#711a12; text-decoration:none;}
.partnersRow .partnersContact a:hover {text-decoration:underline;}

#pricing {float:left; width:100%; clear:both;}
#pricing table {border:solid 1px #20451a; }
#pricing td {vertical-align:top; border:solid 1px #20451a; padding:10px;}

/**	[2] - Usefull classes						**/
/*************************************************/
.fl {float:left;}	.fr {float:right;}	.fn{float:none;}
.cl {clear:left;}	.cr {clear:right;}	.cn {clear:none;}
.tcBlack {color:#000000;}	.tcOrange {color:#c14a06;}	.tcWhite {color:#ffffff;}	.tcBlue {color:#466881;}
.tcDarkGreen {color:#20451a;}	.tcDarkBlue {color:#151c3c;} .tcViolet {color:#663366;}	.tcDarkOrange {color:#711a12;}
.bgWhite {color:#ffffff;}
.bold {font-weight:bold;}	.w48 {width:48%;}	.w60 {width:60%;}
.txtBox {float:left; width:320px;}	.nowrap {white-space:nowrap;} .font14 {font-size:14px;}
.borderBottom {border-bottom:solid 1px #cccccc;}

.mL5 {margin-left:5px;}	.mL15 {margin-left:15px;}	
.mB30 {margin-bottom:30px;}

.pdL10 {padding-left:10px;}

.pdT5 {padding-top:5px;}	.pdT10 {padding-top:10px;}
.pdR20 {padding-right:20px;}.pdR25 {padding-right:25px;}	.pdR30 {padding-right:30px;}

.formRow {float:left; clear:both; width:100%; padding:3px 0px;}
.maxWidth {width:100%;}	

.bgWhite {background-color:#ffffff;}

/**	[-] - IE fix								**/
/*************************************************/
*html a.bttnTwitter img {width:33px; height:23px;}
