/* Opium Agency Template
    Document   : layout.css
    Created on : September, 2012
    Author     : Kobus Swartz - info@kobusswartz.co.za
    Description: Main style sheet for the Agency Temaplate
------------------------------------------------------------------------------------------------------------------
All sections are marked to make it easier to navigate and change the css.


*/
/* ------- DEFAULT STYLES ------- */

body {
    /*background: url("../img/bg/bg.png") repeat-x scroll center top #FFFFFF;*/
    color: #222222;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}

u { text-decoration: none; border-bottom: 1px solid #444}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.left {float: left;}

.right {float: right}

.center {text-align: center}

.none {display: none}

#up {
	position: fixed;
	bottom: 10px;
	right: 10px;
    display: block;
    background: #CCC;
    color: #454545;
    font-size: 40px;
    line-height: 1;
    padding: 5px 8px 0;    
}

/* ------- CONTAINER DEFAULT STYLES ------- */

#container .inner-intro {
	width: 720px;
	position: relative;
	margin: 5px auto;
	padding:  5px 0 20px 0;
}

#container #contact p.inner-intro {
	font-size: 16px;
	text-align: center;
	width: 950px;
	position: relative;
	margin: 0 auto;
}



/* ------- LINK STYLES ------- */
a:link {
	text-decoration: none;
}
/*
a:active {
	text-decoration: none;
	color: #B55C66;
}

a:hover {
	text-decoration: none;
	color: #E70031;
}

a:visited {
	text-decoration: none;
	color: #E70031;
}*/

/* ------- HEADER STYLES ------- */

#topbannerbackground{
	background: #141414;
    border-bottom: 5px solid #DADADA;
    border-top: 2px solid #009BFF;
    box-shadow: 0 2px 4px 2px #AAA;
    height: 127px;
    width: 100%;
    position: relative;
    z-index: 1000;
}

#top {
    margin: 0 auto ;
    position: relative;
    width: 890px;
    height: 76px;
    z-index: 1000;
    line-height: 1.6;
}


#top a {
    color: #FFFFFF;
    display: block !important;
    left: 27px;
    position: absolute;
    top: 30px;
    z-index: 10;
}

.char1, .char2, .char3, .char4, .char5, .char6, 
.char7, .char8, .char9, .char10, .char11, .char12, 
.char13, .char14, .char15, .char16, .char17, .char18
{   position: relative; display: inline-block;font-size: 26px; 
    font-family: "Merienda One", serif; 
    letter-spacing: 0em; text-transform: capitalize;box-shadow: 2px 2px 0 #333;}

.char1:hover, .char2:hover, .char3:hover, .char4:hover, .char5:hover, .char6:hover, 
.char7:hover, .char8:hover, .char9:hover, .char10:hover, .char11:hover, .char12:hover, 
.char13:hover, .char14:hover, .char15:hover, .char16:hover, .char17:hover, .char18:hover
{ top: -2px;}

.char14 {box-shadow: 0 0 0}

.char1, .char3, .char5, .char7, .char9, .char11, .char13, .char15, .char17 
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=-0.26794919243112214, M22=1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=-0.26794919243112214, M22=1, SizingMethod='auto expand');    
    transform: scale(1) skewY(-10deg);
    -moz-transform: scale(1) skewY(-10deg);
    -ms-transform: scale(1) skewY(-10deg);
    -webkit-transform: scale(1) skewY(-10deg);
    background-color: #E24B3B;
    padding: 2px 5px;
    text-shadow: 2px 2px 2px #454545;
}

.char2, .char4, .char6, .char8, .char10, .char12, .char16 
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0.26794919243112264, M22=1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0.26794919243112264, M22=1, SizingMethod='auto expand');
    transform: scale(1) skewY(10deg);
    -moz-transform: scale(1) skewY(10deg);
    -ms-transform: scale(1) skewY(10deg);
    -webkit-transform: scale(1) skewY(10deg);
    background-color: #A93629;
    padding: 2px 4px;
    text-shadow: 0 2px 2px #454545;
}

.char14 { margin-left: 10px;}

.ie9 .char1, .ie9 .char2, .ie9 .char3, .ie9 .char4, .ie9 .char5, .ie9 .char6, 
.ie9 .char7, .ie9 .char8, .ie9 .char9, .ie9 .char10, .ie9 .char11, .ie9 .char12, 
.ie9 .char13, .ie9 .char14, .ie9 .char15, .ie9 .char16, .ie9 .char17, .ie9 .char18 { filter: none }

#topnavTabs {
    color: #E9E9E9;
    margin: 18px auto 0;
    overflow: auto;
    width: 870px;
    position: relative;
}

.topnavTabList {
    font-weight: bold !important;
    list-style: none outside none;
    margin-left: 0;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.85);
    z-index: 1;
}

.topnavTabList a 
{
    color: #FEFEFE;
    display: block;
    padding: 3px 22px 6px 15px;
}

.topnavTabList li 
{
    font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
    cursor: pointer !important;
    display: inline-block;
    float: left;
    font-size: 13px;
    letter-spacing: 0.5px;
    position: relative;
    border-top: 3px solid;
    background: #444;
}

.topnavTabList i {
    margin-right: 6px;
}

.topnavTabList .home-li{ border-color: #B81800;}
.topnavTabList .home-li.selected{ background: #B81800;}

.topnavTabList .feature-li{ border-color: #17A341;}
.topnavTabList .feature-li.selected{ background: #17A341;}

.topnavTabList .faq-li{ border-color: #20C3C2 ; letter-spacing: 0.1em}
.topnavTabList .faq-li.selected{ background: #20C3C2;}

.topnavTabList .pricing-li{ border-color: #009BFF;}
.topnavTabList .pricing-li.selected{ background: #009BFF;}

.topnavTabList .report-li 
{
    float: right !important;
    border-color: #F75F1F;
}

.topnavTabList .contact-li{ border-color: #9E9E74;}

.topnavTabList .blog-li {
    float: right !important;
    border-color: #9418B1;
}

.topnavTabList .forum-li {
    float: right !important;
    border-color: #FDBE2C;
}

#container .inner {
	position: relative;
	margin: 18px auto 0;
	width: 940px;
	overflow: hidden;
	text-align: left;
}

#container #feature .inner {
	padding-top: 0;
}

.section-head {
	text-align: center;
    font-family: "Roboto Slab";
	font-size: 36px;
    /*line-height: 1.2;*/
	margin: 0 0 30px;
	/*background: url("../img/splitter.png") 0 46px repeat-x #FEFEFE;*/
    border-bottom: 3px dotted gray;
    padding-bottom: 20px;
}

.section-head span {
	color: #888;
}

h2.bullethead {
    background: none repeat scroll 0 0 transparent;
    color: #CCCCCC;
    font-size: 75px;
    line-height: 1;
    margin: 0;
    text-align: center;
}



/* Sections Padding & Box-shadow */

#whoelse, #challenge, #contact, #agreement, #upgrade, #advantage, #faq{
    box-shadow: 0 5px 10px #AAA inset;
    padding-bottom: 60px;    
    padding-top: 40px;
}

/* ------- SLIDER/FEATURE STYLES ------- */

#feature 
{
    padding-top: 1px;
	padding-bottom: 60px;
	text-align: center;
	background: url("../img/bg/square_bg_@2X.png")
}

#feature .intro, #purchase .intro {
	position: relative;
	margin: 0 auto;
	padding: 10px;
}

h1.omega 
{
    font-family: "Roboto Slab";
	font-size: 36px;
	line-height: 50px;
    font-weight: bold;
    background: none;
    text-align: center;
    margin: 30px 0;
}

.big-intro 
{
    /*font-family: "Roboto Slab";*/
	font-size: 19px;
	line-height: 33px;
	margin-bottom: 30px;
    margin-top: 15px;
    position: relative;
    text-align: center;
}

.big-intro.strong {
    font-size: 28px;
    line-height: 49px;
    font-weight: bold;
}

.big-intro.strong span {
    font-weight: normal;
    font-size: 24px;
}

.big-intro.leftalign {
    text-align: left;
}

.small-intro {
    font-size: 17px;
    line-height: 1.8;
    margin: 0 auto 15px;
    text-align: center;
    width: 750px;
}

.peoplebanner {
    border: 10px solid #CCCCCC;
    box-shadow: 0 4px 8px #AAAAAA;
    margin: 0 auto 40px;
    text-align: center;
    width: 600px;
}

.peoplebanner img {
    width: 100%;
}

#display .inner {
    background: url("../img/slider-bg.png") repeat scroll -40px 0 transparent;
	height: 418px;
	margin-top: 50px;
}

#slider {
	position: relative;
	margin: 0 auto;
	width: 680px;
	margin-top: 38px;
}

.theme-default #slider {
    margin: 0 auto;
    width: 680px; /* Make sure your images are the same size */
    height: 383px; /* Make sure your images are the same size */
    margin-top: 37px;
}

.clientslogo {
    width: 850px;
    overflow: hidden;
    margin: 10px auto;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.clientslogo img {
    margin: 10px 5px;
    float: left;
}

.gotosignup 
{
    text-decoration: none !important;
    text-align: center;
	font-size: 22px;
	line-height: 24px;
	color: #fff;
	padding: 10px 20px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px #048296;
    text-shadow: 0 1px #000000;
    border: 0 none;
    margin: 20px auto 10px;
    display: block;
    font-family: "Roboto Slab";    
    background: #08b1cc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4YjFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA4YjFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA0OTVhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDk1YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #08b1cc 0%, #08b1cc 50%, #0495ac 51%, #0495ac 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#08b1cc), color-stop(50%,#08b1cc), color-stop(51%,#0495ac), color-stop(100%,#0495ac)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #08b1cc 0%,#08b1cc 50%,#0495ac 51%,#0495ac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #08b1cc 0%,#08b1cc 50%,#0495ac 51%,#0495ac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #08b1cc 0%,#08b1cc 50%,#0495ac 51%,#0495ac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #08b1cc 0%,#08b1cc 50%,#0495ac 51%,#0495ac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08b1cc', endColorstr='#0495ac',GradientType=0 ); /* IE6-8 */
}

.ie9 .gotosignup { filter: none;}

.gotosignup:active,
.gotosignup:visited,
.gotosignup:hover {
    color: #FFF;
}

.gotoforum 
{
    text-decoration: none !important;
    text-align: center;
	font-size: 22px;
	line-height: 24px;
	color: #fff;
	padding: 10px 20px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px #356605;
    text-shadow: 0 1px #000000;
    border: 0 none;
    margin: 20px auto 10px;
    display: block;
    font-family: "Roboto Slab";
    background: #81be4c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYmU0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY5YjAyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzU0YTUwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjlkMDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #81be4c 0%, #69b026 50%, #54a508 51%, #4f9d06 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81be4c), color-stop(50%,#69b026), color-stop(51%,#54a508), color-stop(100%,#4f9d06)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #81be4c 0%,#69b026 50%,#54a508 51%,#4f9d06 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #81be4c 0%,#69b026 50%,#54a508 51%,#4f9d06 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #81be4c 0%,#69b026 50%,#54a508 51%,#4f9d06 100%); /* IE10+ */
    background: linear-gradient(to bottom, #81be4c 0%,#69b026 50%,#54a508 51%,#4f9d06 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81be4c', endColorstr='#4f9d06',GradientType=0 ); /* IE6-8 */

}

.ie9 .gotoforum { filter: none;}

.gotoforum:active,
.gotoforum:visited,
.gotoforum:hover {
    color: #FFF;
}

/* --------Who Else Styles --------*/

#whoelse {
    background-image: url(../img/bg/swirl.png);
}

#lettersign {
    border: 0 none;
    box-shadow: none;
    left: 0px;
    margin: 0 20px 30px 10px;
    position: absolute;
    top: 185px;
}

#letter {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 26px;
    box-shadow: 0 2px 10px #999999;
    margin: 50px auto 60px;
    overflow: auto;
    padding: 25px 40px 40px;
    width: 800px;
}

#letter h3 {
    /*font-family: 'Roboto Slab';*/
    font-size: 23px;
    margin: 25px 0 17px;
}
/* ------- CHALLENGE STYLES ------- */

#challenge {
	/*background-image: url(../img/bg/brillant.png);*/
    background-image: url("../img/bg/challengelinen.png");
}

.discoverystatements {
	text-align: center;
	margin-bottom: 25px;
    font-family: "Roboto Slab";
    font-size: 27px;
    text-shadow: 1px 1px 1px #bbb;
}

#challenge .inner > p
{
    margin: 0 auto 20px;
    position: relative;
    width: 840px;
}

#challenge h3 {
    margin: 30px 0 15px;
}

#challenge ul.features {
    background: none repeat scroll 0 0 #4CAED3;
    box-shadow: 0 2px 3px #999999;
    color: #FFFFFF;
    margin: -5px 55px 45px;
    overflow: hidden;
    padding: 35px 0 45px 54px;
}

#reasonwhy .icon-caret-right {
    color: #0496AC;
    margin: 0 15px 0 2px;
}

#reasonwhy h3.tagline {
    color: #7B7B7B;
    margin: -15px 0 10px;
    padding-left: 10px;
}

#challenge ul.features li {
    float: left;
    margin-right: 25px;
    width: 220px;
}

#challenge ul.features li.last {
	margin-right: 0;
} 

#challenge ul.features li h3 {
    text-align: center;
}

#challenge ul.features li i {
    color: #ECB641;
    margin-right: 4px;
}

#challenge ul.features li .header {
    text-align: center;
}

#challenge ul.features li .header img {
    box-shadow: 0 2px 0 #EEE;
}

#challenge ul.features li p {
	margin: 0;
	color: #FFF;
	padding-top: 4px;
    width: 100%;
}

p.hopestatement {
    font-size: 16px !important;
    font-weight: bold;
}

.reportarea {
    margin: 15px auto 80px;
    background: #FFFFFF;
    box-shadow: 0 2px 10px #999;
    border-radius: 20px;
    overflow: auto;
    padding: 17px 40px 10px;
    width: 760px;
    position: relative;    
}

.reportarea > p {
    width: 760px !important;
}

.reportarea .reporttitle {
    font-size: 20px;
    font-family: "Roboto Slab";
    margin-bottom: 10px;
    text-align: center;
}

.reportimg {
    float: right;
    position: relative;
    right: -10px;
    border: none;
    box-shadow: none;
}

ul.reportbullets {
    padding: 20px 30px;
}

ul.reportbullets li {
    margin-bottom: 15px;
}

ul.reportbullets li i {
    color: #20C3C2;
    display: inline-block;
    float: left;
    margin: 5px 10px 35px 0;
}

.divide {
	width: 980px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
}

.pointing-icon {
    font-size: 80px;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
    margin: 0;
}

.big-textextra-wrapper {
    margin-top: 110px;
}

.extra-feature {
	float: left;
	width: 445px;
}

.extra-features {
	overflow: hidden;
}

ul.extra-features {
	overflow: hidden;
	color: #454545;
}

ul.extra-features li {
	overflow: hidden;
	margin-bottom: 20px;
}

ul.extra-features li img {
	float: left;
	width: 62px;
	margin-right: 25px;
}

ul.extra-features li p {
	float: left;
	width: 350px;
	display: block;
}

ul.extra-features {
	
}

.big-text {
	margin-right: 20px;
	font-size: 36px;
	font-weight: bold;
	line-height: 56px;
}

.big-reason {
    font-size: 16px;
    line-height: 26px;
    width: 840px;
    margin: 0 auto 20px;
    position: relative;
}

/* ------- Purchase STYLES ------- */

#purchase 
{
    background-image:url("../img/bg/swirl.png");
    box-shadow: none;
    padding-top: 1px;
}

/* ------- Advantage STYLES ------- */

#advantage 
{
    background-image: url("../img/bg/debut_light.png");
    box-shadow: none;
}

#advantage .big-reason, #advantage .big-intro {
    /*background-color: #FEFEFE;*/
}

.intro {
    margin: 25px 0;
    overflow: auto;
}

.right-intro{
	float: left;
	width: 445px;
	color: #454545;
	padding-top: 10px;
}

.right-intro p{
	margin-bottom: 15px
}

ul.benefit-list {
    list-style-type: none;
}

.benefit-list li {
    margin-bottom: 15px;
}

.benefit-list i {
    margin-right: 10px;
}

.left-intro {
	float: left;
	width: 445px;
	font-size: 32px;
	font-weight: bold;
	margin-right: 30px;
	padding-top: 20px
}

.advantage-statement {
    color: #141414;
    font-size: 20px;
    margin: 42px auto 40px;
    padding: 25px 20px 35px 95px;
    width: 720px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ececec);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#ececec));
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,0.5),
		inset 1px 1px 1px rgba(000,000,000,0);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,0.5),
		inset 1px 1px 1px rgba(000,000,000,0);
	box-shadow:
		1px 1px 3px rgba(000,000,000,0.5),
		inset 1px 1px 1px rgba(000,000,000,0);
	text-shadow:
		1px 1px 0px rgba(255,255,255,0.4),
		0px 1px 0px rgba(255,255,255,0.5);
}

.ie9 .advantage-statement { filter: none;}

.bigcheckmark {
    color: #20C3C2;
    display: block;
    font-size: 57px;
    left: 35px;
    position: absolute;
    text-shadow: 0 3px 2px #999;
    top: 100px;
}

.advantage-list 
{
    line-height: 1.5;
    padding: 12px 20px 12px 40px;
}
.advantage-list li i {
    color: #20C3C2;
    margin-right: 15px;
}

.actionsteps {
    overflow: auto;
}

.twothird-col, .third-col {
    background: #FFFFFF;
    border: 1px solid #CCC;
    border-radius: 8px;
    box-shadow: 2px 1px 3px #CCC;
    margin: 10px 16px;
    overflow: auto;
    padding: 10px 10px 0;
    float: left;
}

.twothird-col {
    width: 480px;
}

.third-col {
    width: 280px;
}

.diff-col {
    background: #FFFFFF;
    box-shadow: 0 2px 10px #999;
    border-radius: 5px;
    margin: 40px auto 60px;
    overflow: auto;
    padding: 10px 30px 30px;
    width: 840px;
    position: relative;
}

.diff-col img {
    float: right;
    margin: 40px -5px 30px 10px;
}

.diff-col div
{
    padding: 20px;
}

.diff-col.last {
    margin-right: 0;
}

.diff-col h2 {
    font-size: 23px;
    line-height: 1.6;
    /*font-family: 'Roboto Slab';*/
    padding: 0 4px;
    text-shadow: 0 1px #CCC;
}

.diff-col p {
    padding: 10px 10px 20px;
}

.diff-col .icon {
    display: block;
    float: left;
    font-size: 50px;
    margin: -10px 15px 0 10px;
    padding: 4px 5px;
    text-shadow: 1px 2px 2px #CCC;
}

.diff-col .allicons .icon-large {
    display: block;
    float: left;
    font-size: 50px;
    margin: 30px 15px 0 30px;    
}


ol.performance-benefits {
    list-style-type: decimal;
    margin: 0;
}

ol.performance-benefits li {
    margin-bottom: 10px;
}


/* ---- About & Preorder Styles */

#upgrade, #contact {
    background-image: url("../img/bg/bgnoise.png");
}

.testimonial-wrap {
    max-width: 750px;
    margin: 40px auto; 
}

.testimonial-wrap p {
    font-size: 20px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    width: 100% !important;
}

.testimonial {
    margin: 0;
    background: #B7EDFF;
    padding: 20px 50px;
    position: relative;
    font-size: 18px;
    font-family: calibri, sans-serif;
    color: #454545;
    border-radius: 5px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    background: #cef3ff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZjNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2VkZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cef3ff 0%, #b7edff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cef3ff), color-stop(100%,#b7edff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cef3ff 0%,#b7edff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cef3ff 0%,#b7edff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cef3ff 0%,#b7edff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cef3ff 0%,#b7edff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cef3ff', endColorstr='#b7edff',GradientType=0 ); /* IE6-8 */
}

.ie9 .testimonial {
    filter: none;
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}

.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #B7EDFF;
    margin: 0 0 0 25px;
}
.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    
}
.testimonial-author span {
    font-size: 12px;
    color: #666;
}

.issues-wrapper {
    width: 700px; overflow: auto;margin: 0 auto;
    
}

.issues {
    background: #F1F1F1;
    border-radius: 10px;
    border: 1px solid #AAAAAA;
    margin: 0 auto 25px;
    padding: 10px 20px;
    text-shadow: 0 1px #FFF;
    width: 280px;
    float: left;
}

.big-check {
    color: #666;
    font-size: 60px;
    left: 105px;
    position: absolute;
    top: 65px;
}

.benefit-list i.icon-check {
    color: #FF7E03;
}

ol.final-benefits {
    font-size: 16px;
    margin: 0 auto 20px;
    padding-left: 100px;
    width: 750px;
    list-style-type: none;
}

ol.final-benefits li {
    margin-bottom: 8px;
}

ol.final-benefits i {
    color: #FF7E03;
}

.preorder-section 
{
    width: 640px;
    font-size: 24px;
    text-align: center;
    margin: 40px auto 60px;
}

.preorder 
{
    text-decoration: none !important;
	font-size: 22px;
	line-height: 24px;
	color: #fff;
	padding: 10px 20px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px #E26E02;
    text-shadow: 0 1px #000000;
    border: 0 none;
    margin: 20px auto;
    display: block;
    font-family: 'Roboto Slab';
    background: #ffb76b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmN2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-8 */
}

.ie9 .preorder { filter: none;}

.preorder:active,
.preorder:visited,
.preorder:hover {
    color: #FFF;
}

.newest {
    background: none repeat scroll 0 0 #FDF4A1;
    border-radius: 3px;
    color: #FF0000;
    font-size: 11px;
    position: absolute;
    z-index: 10000;
}

.diff-col .newest {
    padding: 2px 5px;
}

.newest.topnav {
    top: -1px;
    left: 218px;
    padding: 0 5px;
    font-size: 11px;
    border-radius: 0 0 3px 3px;
}

.featuremenu ul {
    color: #ccc;
    list-style: disc outside none;
}

.featuremenu li {
    line-height: 2;
}

.featuremenu ul li .newest 
{
    background: none;
    border: 1px solid;
    font-weight: bold;
    padding: 0 5px;
    position: relative;
    top: -5px;
}

div.signup-bigframe 
{
    margin-top: 22px;
    overflow: auto;
    padding: 0 0 5px 0;
}

div.signup-ind-frame {
    margin: 0 auto;
    width: 590px;
}

.signup-label {
    padding-left: 5px; display: block; font-weight: bold;
}

input.signupbox 
{
    border: 1px solid #AAA;
    width: 570px; padding: 8px; 
    transition: all 0.5s ease-in-out 0s;
    border-radius: 3px;
}

input.signupbox:focus {
    border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}

.bottomsignupform {
    background: rgb(226, 242, 251); 
    width: 700px; 
    margin: 30px auto 65px; 
    padding: 5px 20px 20px;
    border-radius: 4px; 
    border: 1px solid rgb(207, 226, 237);    
}

.bottomsignupform h3 {
    text-shadow: 1px 1px 1px #DADADA; 
    font-size: 22px;
    /*font-family: 'Roboto Slab';*/
    margin: 17px 0 5px !important;
}

.bottomsignupform ul {
    font-size: 14px;
    margin: 20px;
}

.bottomsignupform li {
    padding-bottom: 5px;
}

.bottomsignupform li i {
    color: #4285F4;
    margin-right: 15px;
}

.whitepaper_confirmation{
    border-radius: 8px ;
    padding: 20px;
    text-shadow: 0 1px #EDEDED;
    display:none;
}

a.order-explanation {
    font-size: 14px; 
    text-decoration: underline;
    color: #444;
}

.cclogos {
    display: block;
    margin: 40px auto 20px;
}

.reminder {
    margin: 40px auto;
    width: 640px;
}

.reminder h3 {
    text-align: center;
    font-size: 22px;
}

.reminder-list {
    background: #F1F1F1;
    border: 1px solid #AAA;
    border-radius: 10px;
    font-size: 16px;
    margin-bottom: 25px;
    padding: 20px 40px 10px;
}

.reminder-list li {
    margin-bottom  : 10px;
}

.reminder-list li .icon-large {
    margin-right: 5px;
    vertical-align: middle;
    color: #00A912;
}


/* -------- FAQ Styles ---------- */

#faq {
    background-image: url(../img/bg/backslash.png);
    box-shadow: none;
}

.all-faqs {
    width: 740px;
    margin: 0 auto 70px;
}

.question {
    font-size: 24px;
    line-height: 36px;
    margin: 30px 0 10px;
    font-weight: normal;
    font-family: 'Roboto Slab';
}


.system-requirement {
    font-size: 14px;
    background: #EBEBEB;
    width: 540px;
    margin: 25px auto;
    padding: 20px;
    border-radius: 10px;
}

.system-requirement p {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

/* --- Agreement Styles --- */

#agreement {
    background-image: url("../img/bg/square_bg_@2X.png");
}

.license-terms {
    margin: 15px auto 30px;
    width: 750px;    
}

.license-terms li {
    margin-bottom: 12px;
}

/* ------- FOOTER STYLES ------- */

#footer 
{
    position: relative;
	background: #272323;
	color: #eee;
    margin-top: -20px;
    padding: 10px 0 30px;
    box-shadow: 0 -3px 25px 2px rgba(0, 0, 0, 0.4), 0 1px 1px #FFFFFF inset;
    font-size: 14px;
}

#footer .inner {
	margin-bottom: 0;
    width: 700px;
}

#footer .column1, #footer .column2, #footer .column3 {
	width: 33.3%;
	float: left;
    padding: 1px 0;
}

#footer .column1 {
	text-align: left;
}

#footer .column2 p {
	text-align: left;
    line-height: 2;
}

#footer .column3 p {
	margin-top: 40px;
	float: right ;
	line-height: 1.3;
}

ul.bottommenu li{
    margin-bottom: 5px;
}

#footer a{
    color: #EEEEEE;
}

#footer i {
    margin-right: 5px;
}