/* Quoteactions Application Stylesheet */

/* Import Fonts
------------------------------------------------------------ */

@import url(https://fonts.googleapis.com/css?family=Droid+Serif);


/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #666;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

input {
	color: #666;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

blockquote,
input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
	background-color: #fff;
	border: 1px solid #ddd;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}

/* Hyperlinks
------------------------------------------------------------ */

a,
a:visited {
	color: #34accb;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

body {
	background: #ddd url(/wp-content/themes/associate/images/body.jpg) bottom repeat-x;
}


img {
	border: 0;
}

div#wrap {
	background: url(/wp-content/themes/associate/images/wrap.jpg) repeat-x;
	margin: 0 auto;
}


/*Forms */
#content input[type=text], #content input[type=password], #content input.text {
	padding: 5px;
}

#content input[type=text], #content input[type=password], #content input.text {
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    color: #666666 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: normal;
}

#content input[type=radio], #content input.rad {
  width: auto;
  border: 1px solid red;
}

#content input[type=submit], #content input.submit {
    background-color: #444444;
    border: 1px solid #dddddd !important;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    padding: 5px !important;
    text-transform: uppercase;
}

#content input[type=submit]:hover, #content input.submit:hover {
    background-color: #222222;
}

div#content label{
	color: #000;
	font-weight: normal;
}


/* Header
------------------------------------------------------------ */

#header {
	margin: 0 auto;
	min-height: 120px;
	width: 960px;
	background: url(/wp-content/themes/associate/images/header.png) no-repeat;
}

#title-area {
	float: left;
	overflow: hidden;
	padding: 25px 0 0;
	width: 230px;
}

#title {
	font-family: 'Droid Serif', arial, serif;
	font-size: 42px;
	line-height: 42px;
	margin: 0;
	text-shadow: #000 1px 1px;
	text-transform: uppercase;
}

#title a,
#title a:hover {
	color: #fff;
	text-decoration: none;
}

#description {
	color: #ddd;
	font-size: 14px;
	font-style: italic;
	text-shadow: #000 1px 1px;
}

#header .widget-area {
	float: right;
	padding: 35px 0 0;
	width: 730px;
}

/* Navigation Constants
------------------------------------------------------------ */

li:hover ul ul,
li.sfHover ul ul {
	left: -9999px;
}

li:hover,
li.sfHover {
	position: static;
}

li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}

/* Primary navigation */

#header ul.nav,
#header ul.menu {
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(/wp-content/themes/associate/images/nav.png);
	border-radius: 5px;
	float: right;
}

#header ul.nav ul,
#header ul.menu ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}

#header ul.nav li,
#header ul.menu li {
	float: left;
	list-style-type: none;
}

#header ul.nav li a,
#header ul.menu li a {
	background: url(/wp-content/themes/associate/nav-line.png) no-repeat right;
	color: #fff;
	display: block;
	font-family: 'Droid Serif', arial, serif;
	font-size: 14px;
	padding: 13px 20px 13px 18px;
	position: relative;
	text-decoration: none;
}

#header ul.nav li.noline a,
#header ul.menu li.noline a {
	background: none;
}

#header ul.nav li.noline a,
#header ul.menu li.noline a {
	background: none;
}

#header ul.nav li a:hover,
#header ul.nav li a:active,
#header ul.nav .current_page_item a,
#header ul.nav .current-cat a,
#header ul.nav .current-menu-item a,
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu .current_page_item a,
#header ul.menu .current-cat a,
#header ul.menu .current-menu-item a {
	color: #363e4c;
}

#header ul.nav li li a,
#header ul.nav li li a:link,
#header ul.nav li li a:visited,
#header ul.menu li li a,
#header ul.menu li li a:link,
#header ul.menu li li a:visited {
	background: none;
	background-color: #3ab0ce;
	border: 1px solid #82d7ed;
	border-top-width: 0;
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	position: relative;
	text-transform: none;
	width: 138px;
}

#header ul.nav li li a:hover,
#header ul.nav li li a:active,
#header ul.menu li li a:hover,
#header ul.menu li li a:active {
	background-color: #279dbc;
}

#header ul.nav li ul,
#header ul.menu li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 160px;
	z-index: 9999;
}

#header ul.nav li ul a,
#header ul.menu li ul a {
	width: 140px;
}

#header ul.nav li ul ul,
#header ul.menu li ul ul {
	margin: -31px 0 0 159px;
}

#header ul.nav li:hover>ul,
#header ul.nav li.sfHover ul,
#header ul.menu li:hover>ul,
#header ul.menu li.sfHover ul {
	left: auto;
}

/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 120px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 230px;
}

.header-image #description {
	display: block;
	overflow: hidden;
}

.full-width-content #content {
	padding: 0;
	width: 910px;
	min-height: 420px;
	color: #000;
}

/* Inner
------------------------------------------------------------ */

#inner {
	background: url(/wp-content/themes/associate/images/blur.png) no-repeat top center;
}

#inner .wrap {
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 25px;
	width: 910px;
}

.home #inner .wrap {
	padding: 25px 25px 5px;
}

#inner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}



.home h2 {
	margin: 0 0 5px;
}

.home h2 a,
.widget-area h2 a {
	font-size: 20px;
	line-height: 24px;
	margin: 0;
}

.home .widget {
	margin: 0 0 20px;
}

/* Headlines
------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #424c5d;
	font-family: 'Droid Serif', arial, serif;
	margin: 0 0 10px;
}

h1,
h2,
h2 a,
h2 a:visited {
	color: #424c5d;
	font-family: 'Droid Serif', arial, serif;
	font-size: 24px;
	line-height: 30px;
}

/* Footer
------------------------------------------------------------ */

#footer {
	clear: both;
	padding: 35px 0;
}

#footer .wrap {
	color: #ddd;
	font-size: 13px;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

#footer p {
	color: #ddd;
	font-size: 13px;
}

#footer a,
#footer a:visited {
	color: #41c5e7;
}

#footer .gototop {
	float: left;
	width: 200px;
}

#footer .creds {
	float: right;
	text-align: right;
	width: 755px;
}

p.clr {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
}

.ctr {
	text-align: center;
}


/* NOT SURE IF WE NEED ANYTHING BELOW */



div.samplecopy {
    font-size: .7em;
}








.lmenuline
{
padding-top:2px;
padding-bottom:2px;
}

.text-after-box2
{
	height:auto;
	width:272px;
	float:left;
	text-align:left;
	border:0px solid red;
	margin:0;padding:0;
	font-family:Arial,"Trebuchet MS", sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-align:center;
}
.dot-repeat
{
	width:272px;
	height:15px;
	background:url(/a/images/learn-more-dot-reapeat.jpg)repeat-x;
	border:0;margin:0;padding:0;
	float:left;
}

#bodyLeft h4
{
	color:#333333; 
	font:bold 12px/40px Arial,"Trebuchet MS", sans-serif; text-transform:normal;margin:0px 0 0 0px;
	padding:20px 0 0px 20px;text-align:left;
}
#bodyLeft p
{
	color:#333333; 
	font:12px/22px "Trebuchet MS", Arial, sans-serif; text-transform:normal;margin:0px 0 0 0px;
	padding-left:20px;padding-top:10px;line-height:14px;text-align:left;
}


#bodyLeft ul.what
{
	list-style-type:none;
	/*width:100px;*/
	display:block;
	/*margin:10px 0 0 0px;*/
	padding-left:20px;
	/*border:1px solid #000;*/
	float:left;
	margin:0px;
	width:200px;
}

#bodyLeft ul.what li
{
	background:url(/a/images/dot.gif) no-repeat 0 6px;
	padding-left:15px;
	/*margin:0px;*/
	
	font-size:11px;
	color:#636363;
	text-align:left;
	/*width:200px;*/
	line-height:15px;
	padding-bottom:5px;
}

#bodyRight
{
	margin:0px 0 0 10px;
	padding:0px 0 0 0px;
	width:635px;
	height:auto;
	float:left;
}
#bodyRight p.line {
	width: 100%;
	height: 1px;
	background: #CCCCCC;
	float: left;
}
#bodyRight p.strong {
color:#666666; 
	font:12px/22px "Trebuchet MS", Arial, sans-serif; 
	font-weight: bold;
}
#column1 {
	float: left;
	width: 256px;
	height: 400px;
	padding-top: 55px;
	background: #ffffff url(/a/images/column1_bg.jpg) no-repeat;
	position: relative;
	FONT-FAMILY:   arial, verdana, tahoma, sans-serif;
}
#column1 p{
	padding-bottom: 20px;
}
#column1 p strong{
	color: #000;
	font-weight: bold;
}

#column1 h2, #column2 h2{
	position: absolute;
	top: 13px;
	left: 0;
	font-size: 16px;
	margin: 5px;
	width: 240px;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-family:   arial, verdana, tahoma, sans-serif;
}
#column1 h2 a:link, #column1 h2 a:visited, #column2 h2 a:link, #column2 h2 a:visited{
	color: #666666;
}
#column1 h2 a:hover, #column1 h2 a:active, #column2 h2 a:hover, #column2 h2 a:active{
	color: #ffffff;
	text-decoration: none;
}
#column2 {
	float: left;
	width: 256px;
	min-height: 455px;
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	background: url(/a/images/mindmapping_bg.jpg) no-repeat;
}
#column2 p strong{
	color: #000;
	background: none;
	font-weight: bold;
}
#column2 img{
	margin: 50px 0 0 0;
	padding: 0;
	border: 0;
}
#column2 p.about{
	position: absolute;
	top: 280px;
	left: 5px;
	width: 250px;
	color: #000;
}

#column3 {
	float: left;
	padding-top: 15px;
}
#column3 a:link#red, #column3 a:visited#red {
	color: #B82423;
}
#column3 ul
{
	list-style-type:none;
	/*width:100px;*/
	display:block;
	/*margin:10px 0 0 0px;*/
	padding-left:20px;
	/*border:1px solid #000;*/
	float:left;
	margin:0px;
	width:450px;
}

#column3 ul li
{
	background:url(/a/images/dot.gif) no-repeat 0 6px;
	padding-left:15px;
	/*margin:0px;*/
	
	font-size:11px;
	color:#636363;
	text-align:left;
	/*width:200px;*/
	line-height:15px;
	padding-bottom:5px;
}

#bodyRight p 
{
	color:#636363;
	font:11px/10px verdana,"Bitstream Vera Sans",Helvetica, sans-serif; text-transform:normal;margin:0px 0 0 0px;
	padding-left:5px;padding-top:0px;line-height:14px;text-align:left;
}
#bodyRight p span
{
	color:#030301; 
	font:11px/10px verdana,"Bitstream Vera Sans",Helvetica, sans-serif; text-transform:normal;margin:0px 0 0 0px;
	padding-left:5px;padding-top:0px;line-height:14px;text-align:left;
}
#BreadCrumb_Class
{	margin-top: 0px;
	min-height: 10px;
	height: auto;
	margin-bottom: 0px;
	padding-left: 5px; padding-right: 5px;
	FONT-FAMILY:   arial, verdana, tahoma, sans-serif;
    FONT-SIZE: 17px;
	Color: gray;
	text-align: left;
	
}
#column1 ul
{
	list-style-type:none;
	/*width:100px;*/
	display:block;
	/*margin:10px 0 0 0px;*/
	padding-left:10px;
	/*border:1px solid #000;*/
	float:left;
	margin:0px;
	width:230px;
	border:0px solid red;
}

#column1 ul li
{
	background:url(/a/images/dot2.gif) no-repeat 0 6px;
	padding-left:15px;
	/*margin:0px;*/
	
	font-size:11px;
	color:#636363;
	text-align:left;
	/*width:200px;*/
	line-height:18px;
}
#BreadCrumb_Class
{	margin-top: 0px;
	min-height: 10px;
	height: auto;
	margin-bottom: 0px;
	padding-left: 5px; padding-right: 5px;
	FONT-FAMILY:   arial, verdana, tahoma, sans-serif;
    FONT-SIZE: 17px;
	Color: gray;
	text-align: left;
}

#BreadCrumb_Class h1
{
    FONT-FAMILY:   arial, verdana, tahoma, sans-serif;
    FONT-SIZE: 17px;
	Color: gray;
}
#BreadCrumb_Class h1 a
{
    FONT-FAMILY:   arial, verdana, tahoma, sans-serif;
    FONT-SIZE: 18px;
	Color: #808080;
	text-decoration:none;
}

#BreadCrumb_Class h1 a:hover
{
    FONT-FAMILY:   arial, verdana, tahoma, sans-serif;
    FONT-SIZE: 18px;
	Color: #808080;
	text-decoration:underline;

}



/*-------------------------learn-more page---------------------*/

#toplefttextbox
{
	margin:10px 0 0 0px;
	padding:0px 0 0 0px;
	float:left;
	height:70px;
	width:272px;
	text-align:left;
	border:0px solid red;
}
#toplefttextbox p
{
	margin:0;
	padding:0;
	
	font-size:12px;
	text-align:left;
	line-height:14px;
	color:#636363;
}
#toplefttextbox a
{
	color: #B82423;
}
.topleftimagebox
{
	height:90px;
	width:272px;
	margin:0;
	padding:0;
	float:left;
	margin:0;padding:0;
	border:0px solid red;
}
.imagebox
{
	float:left;
	width:76px;
	height:78px;
	margin:0;padding:4px;
	border:1px solid #ccc;
}
.textbox
{
	float:left;
	width:180px;
	height:47px;
	padding:0 0 0 0;
	margin:0 0 0 0px;
	
	font-size:9px;
	color:#636363;
	line-height:10px;
	border:0px solid red;
}
.audiobox
{
	height:29px;
	width:180px;
	float:left;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0px;
	border:0px solid red;
}


#image
{
	margin:0;padding:0;
	background:url(/a/images/comment-bg.gif) no-repeat;
	height:237px;
	width:326px;
	float:left;
	border:0px solid red;
	text-align:left;
}
#smalltext
{
	
	font-size:9px;
	font-weight:normal;
	text-align:justify;
	color:#636363;
	padding:30px;
	margin:20px;
}
#textbox1
{
	width:180px;
	margin:0;padding:0;height:auto;float:left;
	border:0px solid red;
}
#textbox2
{
	width:300px;
	margin: 2px 5px 15px 0;
	padding: 5px;
	height:auto;
	float:left;
	border:0px solid red;
	
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	color:#636363;
}
#textbox2 h2{
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}
#textbox2 p.sample {
	border: 1px solid #cccccc;
	margin: 2px 5px 15px 0;
	padding: 5px;
}
#textbox3 {
	float: left;
	margin-top: 15px;
	width: 520px;
	font-family: Arial, Helvetica, sans-serif;
}
#textbox3 img{
	float: left;
	margin: 0 5px 5px 5px;
}
#textbox3 strong{
	font-size: 11px;
	font-weight: bold;
}
#textbox3 h2{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#textbox3 a:link{
	color: #000;
	font-size: 13px;
}

.vidcol {
  width: 400px;
  height: 400px;
  float: right;
}

.vidcol2 {
  width: 440px;
  height: 400px;
  float: left;
}

.vidcol3 {
  width: 410px;
  height: 400px;
  float: right;
  margin-right: 40px;
}

#player1b {

}

.vidnotes {
  width: 400px;
  height: 320px;
  float: right;
  font-size: 11px;
}


.bolder {
	font-weight: bold;
}
div#trial {
	margin: 10px 0;
	padding: 10px 0;
	width: 500px;
}
div#trial p{
	color:#B82423;
	margin: 10px 0;
	font-weight:bold;
}
div#trial label{
	color: #000;
	font-weight: normal;
}

ul.space li {
    
    margin: 15px;
    font-size: 14px;
}

.bluey {
    
    color: #0000FF;
}

p.instructions {
  margin-right: 15px;
}