/*
Theme Name: AdBean Blog
Theme URI: http://blog.adbean.net/
Description: The Adbean Wordpress Theme for use with the Adbean Blog.
Version: 0.2
Author: Pete Nawara
Author URI: http://design.petenawara.com/


Based off of the TYPOGRIDPHY framework by http://csswizardry.com
*/



/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
h1, h2 {
text-transform: capitalize;
}
.contact-us ul#breadcrumbs li {
display: none;
}
/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:100%;
	min-height:101%;
}
body{
	font-size:62.5%;
	font-family: Arial,Helvetica,sans-serif;
	color:#695E4A;
	/* background:url(images/bg.png) top repeat #e1eef3; /* Uncomment to display the grid */
	padding:0 1em;
}
#wrapper{
	width:96em;
	margin:2em auto;
	/* border: solid .9em #e7e6e4; */
	background: #fff;
}
#ribbon{
width:100%;
height: 7em;
}
.ribbonwrap{
width:102em;
height: 7em;
background: url(images/ribbon.png) no-repeat center;
margin: 0 auto;
}
.ribbonwrap2{
width:90em;
margin:0 auto;
}
.ribbonwrap h1{
font-family: Helvetica;
font-size: 2em;
line-height: 3.5em;
margin: 0;
}
.ribbonwrap2 #contact {
float:right;
font-size:1.2em;
margin:-4.5em 0 0;
text-align: right;
}
#header{
	width:90em;
	padding-top:.5em;
	margin:0 auto -.5em;
}
hr {
margin: 0 .5em 2em;
border: .1em solid #FDBC5F;
}
#content hr {
margin: 0 0 2em;
border: .05em solid #e7e6e4;
}
#headerimg{
  width: 19em;
}
#headerimg h1{
  background: url(images/logo.png) no-repeat;
  text-indent: -999em;
  margin: 0;
  height: 1.8em;
  width: 7em;
}
.post {
  margin: 0 0 2em;
}
#main-nav {
position: relative;
left: 22em;
top: -1.3em;
}
#main-nav ul li {
display: inline;
font-weight: 800;
margin-right: 2em;
font-size: 1.2em;
}
#main-nav ul {
list-style-type: none;
text-transform: uppercase;
margin-bottom: 0;
border-bottom: none;
}
#main-nav ul li a{
color: #695E4A;
}
#main-nav ul li a:hover{
color: #FB990B; border:none !important;
}

#main-nav ul li ul{
display:none;
}
.description{
display: none;}
.advanced-recent-posts h3{
font-size: 1.6em;
font-variant: normal;
margin-bottom: 0;
}
h2.widgettitle {
display: none;
}
.textwidget h3 {
font-size: 1.6em;
font-variant: normal;
margin-bottom: 0;
}
#searchform{
float: right;
margin-top:-4em;
}
#searchsubmit{
background: url(images/goBut.png) no-repeat center;
text-indent: -999em;width: 4em;height: 4em;
border: none;
margin-top: -1em;
margin-bottom: -1em;
}
#col1{
width:45em;
float: left;
padding-right: 1em;
}
#col2{
width:45em;
float: left;
}
/*NAVIGATION
-------------------------------------------------------- */
#nav{
	font-size:2em;
}
#nav a{
	font-variant:small-caps;
	color:#000;
}
#nav a:hover{
	text-decoration:none; border:none !important;
}
#nav span{
	float:right;
	margin-top:-1.2em;
}
/*FOOTER NAVIGATION
-------------------------------------------------------- */
#footer-nav{
	word-spacing:0.2em;
}
#footer-nav a{
	color:#000;
	font-variant:small-caps;
}
.footer {
  display: inline-table;
  float:left;
  margin: 2em;
  width: 92em;
  }
.footer ul{
margin-bottom: 0;
float:left;
display: inline-block;
}
.footer ul li{
list-style-type: none;
border: none;
border-top: .1em solid #e7e6e4;
font-size: 1em;
}
.footer ul li.last{
border-bottom: .1em solid #e7e6e4;
}

/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
	border-top:0.5em solid #666; /* The border at the top of each grid */
	float:left;
	padding-top:1em;
	margin-bottom:2em;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
	clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 220px */
.twotwenty{
	width:22em;
	margin-right:2em;
}
/* 280px */
ul li.twoeighty{
  float: left;
	width:28em;
	margin-right:2em;
	display: inline-table;
	vertical-align: top;
	border: none;
}
ul li.twoeightylast{
margin: -1em 0;
display: inline-table;
width:31em;
font-size: .9em;
line-height: 1.6em;
border: none;
}
.twoeighty{
	width:28em;
	margin-right:2em;
	display: inline-table;
	vertical-align: top;
}
.twoeightylast{
margin: -1em 0;
display: inline-table;
width:31em;
font-size: .9em;
line-height: 1.6em;
}
/* 300 */
#column1 {
float:right;
width: 36em;
}
#column2wide {
float: left;
height: auto;
width: 52em;
}
.column1 {
float:left;
margin-right: 1em;
width:35em;
height:30em;
}
 .column2 {
 float: left;
 margin-right: 1em;
 width:26em;
 }
 .column2wide {
margin-left:2em;
width:49em;
list-style-type: none;
 }
/* 300 LAST*/
.column3{
float:left;
margin-right: 0;
width:24em;
}
/* 320 */
.threetwenty{
float:left;
margin-left:2em;
width:32em;
}

/* 340px */
.threeforty{
	width:34em;
	margin-right:2em;
}
/* 400px */
.fourhun{
	width:40em;
	margin-right:2em;
}
/* 460px */
.foursixty{
	width:46em;
	margin-right:2em;
	float: right;
}
/* 520px */
.fivetwenty{
	width:52em;
	margin-right:2em;
}
/* 580px */
.fiveeighty{
	width:56em;
	margin: 0 2em 0 2em;
	float: right;
}
/* 640px */
.sixforty{
	width:64em;
	margin-right:2em;
}
/* 700px */
.sevenhun{
	width:70em;
	margin-right:2em;
}
/* 760px */
.sevensixty{
	width:76em;
	margin-right:2em;
}
/* 820px */
.eighttwenty{
	width:82em;
	margin-right:2em;
}
/* 880px */
.eighteighty{
	width:88em;
	margin-right:2em;
}
/* 920px */
.ninetwenty{
	width:92em;
	margin: 0 auto;
}
/* 940px */
.nineforty{
	width:94em;
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.generic p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}
.bold{
  font-weight: 800;
}
.callout {
color: #FB990B;
text-transform: capitalize;
}
/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#695E4A;
	font-size:3em;
	margin-bottom:0.6em;
	font-style:italic;
	line-height:1.2em;
}
h2{
	color:#695E4A;
	font-size:2.4em;
	margin-bottom:.2em;
	line-height:0.9em;
}
.post h2 {
clear: both;
}
h3{
	color:#695E4A;
	font-size:1.5em;
	margin-bottom:1.2em;
	line-height:1.2em;
	font-variant:small-caps;
}
h4{
	color:#695E4A;
	font-size:1.2em;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-variant:small-caps;
}
h5{
	color:#695E4A;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
	font-variant:small-caps;
}
h6{
	color:#695E4A;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}
p{
font-size: 1.2em;
color:#695E4A;
margin: 1em 0;
}
.datecat{
  display: inline;
  margin: 0;
  font-size: 1.2em;
}
/*LINKS
-------------------------------------------------------- */
a { outline: none !important; }
a{
  color: #FB990B;
  text-decoration: none;
}
a:active, a:hover, a:visted, a {
  border: none !important;
}
a:hover{
  color:#695E4A; border:none !important;

}
a:active.carousel-control {
  border: none !important;
}
p a{
	color:#FB990B;
	border: none !important;
}
p a:hover{
	text-decoration:none; border:none !important;
}
h1 a{
	color:#695E4A;
}
h1 a:hover{
	text-decoration:none; border:none !important;
}
h2 a{
  color:#695e4a;
}
li a{
	color:#FB990B;
}
li a:hover{
	text-decoration:none; border:none !important;
}
strong{
font-weight: 800;
}
em{
font-style: italic;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
p.postmetadata{
margin: 1em 0;
}
blockquote p{
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-bottom:1.5em!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite{
	font-style:normal;
}
.generic strong{
	font-variant:small-caps;
}
.generic em{
	font-style:italic;
	font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
	font-family: Arial,Helvetica,sans-serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr{
	
	border-color:inherit;
	cursor:help;
}
.clear{
	clear:both;
}
.right-float{ /* Float any item to the right */
	float:right;
	margin-left:2em;
	margin-right:0;
}
.left-float{ /* Float any item to the left */
	float:left;
	margin-right:2em;
	margin-left:0;
}
.code{ /* Styling for and code type items */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
	font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	margin-bottom:0em;
	margin-right:1em;
	margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	margin-bottom:0em;
	margin-left:1em;
	margin-top:0.3em;
}
img.floatLeft{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	margin-bottom:0em;
	margin-right:1em;
	margin-top:0.3em;
}
img.floatRight{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	margin-bottom:0em;
	margin-left:1em;
	margin-top:0.3em;
}

a:active img{border: none;}
/*CONTACT FORM STYLES
-------------------------------------------------------- */
#contact-form{
}
#contact-form label{
	width:10em;
	float:left;
	margin-top:0.6em;
}
#name, #form-email, #url, #location{
	width:42.7em;
	height:20px;
	padding:3px;
	padding-top:5px;
	border:2px solid #666;
	margin-bottom:18px;
	background:#fff !important;
}
#comments{
	width:43.8em;
	height:10em;
	padding:3px;
	border:2px solid #666;
	margin-bottom:18px;
	overflow:auto;
	background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{
	border:2px solid #000;
}
#submit{
	clear:both;
	padding:5px;
	border:2px solid #666;
	background:#fff !important;
	cursor:pointer;
}
#reset{
	clear:both;
	padding:3px;
	border:none;
	background:#f00 !important;
	cursor:pointer;
	float:right;
	color:#fff;
	margin-top:-28px;
}
#contactus label {
display:block;
float:left;
width:400px;
}
#contactus label.description {
display:block;
float:left;
width:400px;
height: 0;
}
#contactus input {
width:250px;
}
#contactus textarea {
height:150px;
width:250px;
}
ul#contactus {
width: 90em;
margin: 0 auto;
}
#contactus select {
margin-bottom: 1em;
}
.get-started {
width: 82em;
}
.solutions {
width: 88em;
}
.solutions-2 .addtoany_share_save_container {
display: none;}
.get-started .addtoany_share_save_container {
display: none;}
.get-started p{
font-size: 1.4em;
margin-bottom: 1.4em;
margin-top: -.5em;
line-height: 1.4em;
}
.solutions-2 p{
font-size: 1.4em;
margin-bottom: 2em;
margin-top: -.5em;
line-height: 1.4em;
}
.solutions-2 p.getStarted {
margin-left: .4em;
margin-right: 1em;
line-height: 1.8em;
}
.solutions-2 h3 {
margin-left: .4em;
margin-right: 4em;
margin-top: -1em;
}
p.headlined{
font-size: 1.8em;
margin: -1.5em 4em 1.5em .4em;
line-height: 1.8em;
}
.get-started p.getStarted {
margin-left: 2.2em;
margin-right: 4em;
}
.get-started img.getStarted {
margin-top: 1em;
}
ul.threecolumn {
background: url(images/col_box.png) no-repeat;
width: 29.6em;
float: left;
margin-right: 1em;
padding-top: 1.5em;
height: 23.4em;
margin-bottom: 0;
}
ul.threecolumn p {
font-size: 1.1em;
line-height: 1.4em;
padding: 0 1.5em;
margin-top: -1.2em;
float: left;
}
ul.checklists{
background: url(images/col_box2.png) no-repeat;
width: 29.6em;
float: left;
margin-right: 1em;
padding-top: 1.5em;
height: 35.2em;
margin-top: 0;
}


ul.checklists li{
font-size: 1.4em;
font-weight: 600;
line-height: 1.5em;
margin: 0 2em .7em;
float: left;
text-transform: capitalize;
list-style-type: circle;
list-style-position: inside;
}

.threecolumnlast{
width: 29.5em;
border: none;
float: left;
}
br.clear {
clear: both;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul{
	margin-bottom:1.8em;
	list-style:none;
	border-bottom: none;
}
ul li{
	font-size:1.2em;
	line-height:1.5em;
}
ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#000;
}
/*li > ul, li > ol{
	margin-bottom:0;
	margin-left:5em;
}*/
li > ul li, li > ol li{
	font-size:1em;
}
ol{
	margin-bottom:1.8em;
	list-style:decimal inside;
}
ol li{
	font-size:1.2em;
	line-height:1.5em;
}
.widget ul{
list-style-type: none;
border: none;
}
.widget ul li{
list-style-type: none;
}
ul#breadcrumbs{
margin: 1em 0;
}
ul#breadcrumbs li{
display: inline;
margin-right: 1em;
}
ul#breadcrumbs li:before {
	content: "\00BB \0020";
	}
ul#joblist li{
}
ul#joblist li.callout2 {
  font-size: 1.4em;
  font-weight: 800;
  color: #695E4A;
}
h1.joblist {
text-transform: capitalize;
}
/*-------------------------------------------+
|                                            |
|               MISC. STYLES                 |
|                                            |
+-------------------------------------------*/
.page-template-3bottom_columns-php .addtoany_share_save_container,
.page-id-163 .addtoany_share_save_container,
.page-id-52 .addtoany_share_save_container,
.page-template-howItWorks-php .addtoany_share_save_container,
#col2 .addtoany_share_save
{display: none;}
#sidebar2 {
width: 92em;
margin: 1em 2em;
}
#sidebar h2{
font-size: 1em;
margin-bottom: .3em;
}
#sidebar ul li{
list-style-type: none;
border: none;
}
#sidebar ul li ul li{
border-top: .1em solid #e7e6e4;
font-size: .8em;
}
.alignleft{
float: left;
margin-bottom: 1em;
}
.alignright{
float: right;
margin-bottom: 1em;
}
#articlebox h3 {
font-size: 1.2em;
text-transform: uppercase;
margin-bottom: -1em;
margin-top: .5em;
}
#articlebox p {
font-size: 1em;
}
#articlebox {
margin: 0 0 1em;
}
.answers .callout {
font-size: 1.6em;
font-weight: normal;
margin-top: 1em;
}
.answers ul li{
margin: 1em 0;
}

/* ===========================================================
	* Description.......:AdBean GLOBAL COMPONENTS
	* Created by........:Todd Brady - Lyons Creative Group
	* Modified by.......:Pete Nawara
	* Modified date.....:08-19-2009
=========================================================== */


/* HOME PAGE SCROLLER
=========================================================== */

span.ico-prev a,
span.ico-next a {
display:block;
cursor:pointer;
position:absolute; 
top:7px;
width:17px; height:49px;
text-align:left !important;
float:none !important;
border:none; }

.scrollicons { 
margin:0 auto; 
text-align:center;
border:none; }

.scrollicons a {
display:inline-block; 
width:8px; height:8px; 
line-height:8px;
float:none;
overflow:hidden;
background:url(../images/icn_radtioBtn_small.png) 0 0 no-repeat;
border:none;
margin-right:7px; }

.scrollicons a.end { margin:0; }

.scrollicons a:hover,
.scrollicons a.active, 
.scrollicons a.active:hover { border:none !important;background-position:0 -8px; }

.main.hpscroller span.ico-prev,
.main.hpscroller span.ico-prev a {
left:0;
background:url(images/icn_Leftarrow.gif) center no-repeat;
border:none; }
.main.hpscroller span.ico-next,
.main.hpscroller span.ico-next a { 
right:0;
background:url(images/icn_Rightarrow.gif) center no-repeat;
border:none; }

.main.hpscroller {
width:878px; 
margin:20px auto 0 auto; padding:20px 41px 10px 41px; 
position:relative;
background:#fff;
border:8px solid #ededeb; }

.main.hpscroller span.ico-prev a { top:47px; left:41px; }
.main.hpscroller span.ico-next a { top:47px; right:41px; }

.main.hpscroller .scroller {
width:808px;
padding:0; margin:0 35px;
overflow:hidden; }

.main.hpscroller #content-1 {
width:2424px; 
/*808 pixel wide container x 3 containers = 2424*/ }

.main.hpscroller .slide {
width:780px;
padding:0 14px; 
float:left; }

.main.hpscroller .thumbs li { 
float:left;
text-align:center;
margin-right:30px; }

.main.hpscroller .thumbs li.end { margin-right:0; }

.main.hpscroller .thumbs li a {
color:#887b6e;
display:block; 
line-height:11px;
font-size:10px;
text-decoration:none; border:none;
text-align:center; }

.main.hpscroller .thumbs.hpscroller li a { width:105px; }
.main.hpscroller .thumbs.beanpallete_thumbs li a { width:60px; }

.main.hpscroller .thumbs li img { margin-bottom:10px; }

/* SCROLLER OTHER
=========================================================== */

.main.scroller span.ico-prev a { top:105px; left:20px !important;border: none !important; }
.main.scroller span.ico-next a { top:105px; right:20px !important;border: none !important; }


.main.scroller span.ico-prev,
.main.scroller span.ico-prev a {
left:0;
background:url(images/icn_Leftarrow-alt.gif) center no-repeat;border:none !important;
}
.main.scroller span.ico-next,
.main.scroller span.ico-next a, 
.main.scroller span.ico-next a:active{ 
right:0;
background:url(images/icn_Rightarrow-alt.gif) center no-repeat;border:none !important;
}
.hidden {
display:block;
text-indent:-999em;}

.main.scroller {
width:83em; height:27em;
background:url(images/bg_howItWorks.png) center no-repeat;
margin:2em auto 0 auto; padding:0 41px; 
position:relative; }

.main.scroller .scroller {
width:800px; height:258px;
padding:0 !important; margin:0 10px !important;
overflow:hidden; }

.main.scroller #content-1 {
width:4000px;
margin:0 !important; padding:0 !important; 
/*800 pixel wide container x 5 containers = 4000*/ }

.main.scroller .slide {
width:800px;
padding:0; 
float:left; }

.main.scroller #slide-1,
.main.scroller #slide-2,
.main.scroller #slide-3,
.main.scroller #slide-4,
.main.scroller #slide-5 {
height:258px !important;
text-indent:-9999999px; }


.main.scroller #slide-1 { background:url(images/bg_howitwrks-slide1.png) center no-repeat; }
.main.scroller #slide-2 { background:url(images/bg_howitwrks-slide2.png) center no-repeat; }
.main.scroller #slide-3 { background:url(images/bg_howitwrks-slide3.png) center no-repeat; }
.main.scroller #slide-4 { background:url(images/bg_howitwrks-slide4.png) center no-repeat; }
.main.scroller #slide-5 { background:url(images/bg_howitwrks-slide5.png) center no-repeat; }


/* Features Table
=========================================================== */

table#features {
border:1px solid #CCCCCC;
color:#6F5F50;
font-size:14px;}
table#features tr {
border:1px solid #CCCCCC;
}
table#features td {
border:1px solid #CCCCCC;
padding:5px;
}
table#features tr.tr_alt {
background-color:#FAFAFA;
}

/* callbox
=========================================================== */
.DaikosText {
width: 35em;
float: left;
height: 48em;
}
li#daikos-text-1 {
list-style-type: none;}

ul.callbox {
/*border-left: .2em solid #FDBC5F;*/
padding-left: 1em;
height: 52em;
}
ul.callbox li {
margin-top: 0em;
}

ul.callbox li.design {
background:transparent url(images/icon-design.png) no-repeat scroll left top;
height:auto;
line-height:1.7em;
list-style-type:none;
margin:1.5em 0;
padding:0 0 0 6.5em;
}
#h3design {
background:transparent url(images/design.png) no-repeat scroll 0 0;
display:inline-block;
height:1.7em;
margin:0 1em 0 0;
text-indent:-999em;
width:6.3em;
}
ul.callbox li.place {
background: url(images/icon-optimize.png) no-repeat top left;
height:auto;
line-height:1.7em;
list-style-type:none;
margin:1.5em 0;
padding:0 0 0 6.5em;
}
#h3place {
background:transparent url(images/place.png) no-repeat scroll 0 0;
display:inline-block;
height:1.7em;
margin:0 1em 0 0;
text-indent:-999em;
width:6em;
}
ul.callbox li.track {
background: url(images/icon-track.png) no-repeat top left;
height:auto;
line-height:1.7em;
list-style-type:none;
margin:1.5em 0 .5em;
padding:0 0 0 6.5em;
}
#h3track {
background:transparent url(images/track.png) no-repeat scroll 0 0;
display:inline-block;
height:1.7em;
margin:0 1em 0 0;
text-indent:-999em;
width:5.5em;
}
ul.callbox li.optimize {
background: url(images/icon-place.png) no-repeat top left;
height:auto;
line-height:1.7em;
list-style-type:none;
margin:1.5em 0;
padding:0 0 0 6.5em;
}
#h3optimize {
background:transparent url(images/optimize.png) no-repeat scroll 0 0;
display:inline-block;
height:1.7em;
margin:0 1em 0 0;
text-indent:-999em;
width:8em;
}
#justask {
/* UNCOMMENT FOR IMAGE BASED TEXT
background:transparent url(images/justask.png) no-repeat scroll 0 0;
display:inline-block;
height:2.7em;
text-indent:-999em;
width:45em;
*/
font-size:1.5em;
font-weight:bold;
line-height:1.3em;
margin:0.5em 0 0;
text-transform:none;
}

justask a{
color: #FB990B;
}
ul.callbox li.design img.designH1 {
margin-left: 5em;
margin-top: -.2em;
}
ul.callbox li.place img.placeH1 {
margin-left: 5em;
margin-top: -.2em;
}
ul.callbox li.track img.trackH1 {
margin-left: 5em;
margin-top: -.2em;
}
ul.callbox li p{
font-family:arial;
font-size:1em;
margin:-0.5em 0 0 5.3em;
}
h1.dpt {
text-indent: -999em;
background: url(images/h1_dpto.png) no-repeat;
width: auto;
height: 2.1em;
}
h2.dpt {
/* UNCOMMENT FOR IMAGE BASED TEXT
background: url(images/h2_dpto.png) no-repeat;
text-indent: -999em;
height: 3em; */
font-size:1.5em;
line-height:1.3em;
margin-top:-0.8em;
text-transform:none;
width:auto;
}
h2.dpt a {
color: #FB990B;
}
p.footnote {
font-size:1em;
margin:0 5em 0.5em;
}

/* object
=========================================================== */
#wrapper object {
margin: 0 auto;
vertical-align: center;
}
#footcontainer {
width: 93em;
margin: 0 auto;
}

/* Pricing Template Specific CSS
=========================================================== */
#pricing #col1 {
padding:0 4em 0 5em;
width:40em;
}
#pricing #col2 {
width:38em;
}
#pricing #col1 h1 {
margin-bottom:0;
font-size: 2.5em;
font-style: normal;
}
#pricing #col2 h1 {
height:1em;
font-size: 2.5em;
font-style: normal;
}
#pricing #col2 ul {
margin-left: 1.5em;
}

#pricing #col2 ul li {
list-style-position:outside;
list-style-type:disc;
}

/* DIY SECTION */

#pricing #DIY {
background:transparent url(images/pricing/diy.png) no-repeat scroll 0 3em;
clear:both;
height:18em;
margin:2em auto 0;
padding-top:1em;
width:82em;
}
#pricing #DIY #box1a{
background:transparent url(images/pricing/box1.png) no-repeat scroll 0 0;
float:left;
height:21em;
margin:-4.5em 1em 0 38em;
width:21em;
}
#pricing #DIY #box1a h1{
padding:0.3em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}
#pricing #DIY #box1a p {
padding: 1em;
}

#pricing #DIY #box1b{
background:transparent url(images/pricing/box1.png) no-repeat scroll 0 0;
float:left;
height:21em;
margin:-4.5em 0 0 0;
width:21em;
}
#pricing #DIY #box1b h1{
padding:0.3em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}
#pricing #DIY h2 {
padding:0.3em 1em 0;
text-align:center;
}
#pricing #DIY ul {
padding: 1em 1.5em;
}
#pricing #DIY ul li.strong {
font-size: 1.4em;
text-transform: uppercase;
}
#pricing #DIY .pricingWhite {
float:left;
margin:3em 0 0 7em;
width:28em;
height: 0;
}
#pricing #DIY .pricingWhite p {
color:white;
}
#pricing #DIY .pricingWhite p strong{
font-weight: 600;
font-size: 1.2em;
}

/* BUILD SECTION */

#pricing #BUILD {
background:transparent url(images/pricing/build.png) no-repeat scroll 0 3em;
clear:both;
height:18em;
margin:2em auto 0;
padding-top:1em;
width:82em;
}
#pricing #BUILD #box1a{
background:transparent url(images/pricing/box2.png) no-repeat scroll 0 0;
float:left;
height:21em;
margin:1em 1em 0 2.6em;
width:17em;
}
#pricing #BUILD #box1a h1{
padding:0.4em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}
#pricing #BUILD #box1a p {
padding: 1em;
}

#pricing #BUILD #box1b{
background:transparent url(images/pricing/box2.png) no-repeat scroll 0 0;
float:left;
height:21em;
margin:1em 1em 0 0em;
width:17em;
}
#pricing #BUILD #box1b h1{
padding:0.4em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}#pricing #BUILD #box1c{
background:transparent url(images/pricing/box2.png) no-repeat scroll 0 0;
float:left;
height:21em;
margin:1em 1em 0 0em;
width:17em;
}
#pricing #BUILD #box1c h1{
padding:0.4em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}
#pricing #BUILD h2 {
padding:0.3em 1em 0;
text-align:center;
}
#pricing #BUILD ul {
font-size:0.9em;
margin-top:-0.8em;
padding:0 1.5em 0 2.8em;

}
#pricing #BUILD ul li {
list-style-type: disc;
list-style-position: outside;
}
#pricing #BUILD ul li.strong {
font-size: 1.4em;
text-transform: uppercase;
}
#pricing #BUILD .pricingWhite {
float:left;
height:0;
margin:3em 0 0 7em;
width:18em;
}
#pricing #BUILD .pricingWhite p {
color:white;
}
#pricing #BUILD .pricingWhite p strong{
font-weight: 600;
font-size: 1.2em;
}

/* RUN SECTION */

#pricing #RUN {
background:transparent url(images/pricing/run.png) no-repeat scroll 0 3em;
clear:both;
height:18em;
margin:2em auto 0;
padding-top:1em;
width:82em;
}
#pricing #RUN #box1a{
background:transparent url(images/pricing/box3.png) no-repeat scroll 0 0;
float:left;
height:14em;
margin:2.5em 1em 0 2em;
width:22em;
}
#pricing #RUN #box1a h1{
padding:0.5em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}
#pricing #RUN #box1a p {
padding: 1em;
}

#pricing #RUN #box1b{
background:transparent url(images/pricing/box3.png) no-repeat scroll 0 0;
float:left;
height:14em;
margin:2.5em 1em 0 0;
width:22em;
}
#pricing #RUN #box1b h1{
padding:0.5em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}
#pricing #RUN h2 {
padding:0.3em 1em 0;
text-align:center;
}
#pricing #RUN ul {
font-size:0.9em;
margin-top:-0.8em;
padding:0 1.5em 0 2.8em;
}
#pricing #RUN ul li {
list-style-type: disc;
list-style-position: outside;
}
#pricing #RUN ul li.strong {
font-size: 1.4em;
text-transform: uppercase;
}
#pricing #RUN .pricingWhite {
float:left;
height:0;
margin:3em 0 0 7em;
width:26.5em;
}
#pricing #RUN .pricingWhite p {
color:white;
}
#pricing #RUN .pricingWhite p strong{
font-weight: 600;
font-size: 1.2em;
}

h2.pricing {
margin: 1.5em 0 -1em 2em;
clear: both;
}


#pricing .post {
display: none;
}

/* Publishers Template Specific CSS
=========================================================== */
#publishers #col {
padding:0 4em 0 5em;
width:82em;
}

#publishers #col h1.h1-publishers {
background:transparent url(images/publishers/h1-publishers.png) no-repeat scroll 0 0;
height:1em;
margin-bottom:0;
text-indent:-999em;
}
#publishers #col h1.h1-provide {
background:transparent url(images/publishers/h1-provide.png) no-repeat scroll 0 0;
height:1em;
margin-bottom:0;
text-indent:-999em;
}

#publishers #col p {
margin:0.5em 0 1em;
font-size: 1.4em;
}

#publishers #col ul {
margin: .5em 1.5em;
}
#publishers #col ul li{
margin: 0;
font-size: 1.4em;
list-style-type: disc;
}
/* Callout SECTION */

#publishers #blank-orange {
background:transparent url(images/publishers/blank-orange.png) no-repeat scroll 0 3em;
clear:both;
height:18em;
margin:2em auto 0;
padding-top:1em;
width:82em;
}
#publishers #blank-orange #box1a{
background:transparent url(images/publishers/box1.png) no-repeat scroll 0 0;
float:left;
height:21em;
margin:-1.5em 0 0 3em;
width:21em;
}
#publishers #blank-orange #box1a h1{
padding:0.3em 1em;
font-size: 1.4em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-style: normal;
}
#publishers #blank-orange #box1a p {
padding: 1em;
}
#publishers #blank-orange h2 {
padding:0.1em 1em .2em;
text-align:center;
}
#publishers #blank-orange h1 {
margin: 0;
font-size: 1.6em;
color: #ffffff;
font-weight: 600;
font-style: normal;
}
#publishers #blank-orange h1 strong {
color: #695E4A;
}
#publishers #blank-orange ul {
padding:0 1.5em 0 2.8em;
}
#publishers #blank-orange ul li{
list-style-type: disc;}
#publishers #blank-orange ul li.strong {
font-size: 1.4em;
text-transform: uppercase;
}
#publishers #blank-orange .publishersWhite {
float:left;
height:0;
margin:3em 0 0 2em;
width:53em;
}
#publishers #blank-orange .publishersWhite p {
color:white;
margin: 0.3em 0 1.2em;
}
#publishers #blank-orange .publishersWhite p strong{
font-weight: 600;
font-size: 1.2em;
}
#publishers #footnotes {
margin:2em auto;
width:81em;
}
#publishers p.footnote {
font-size:1em;
margin:0 5em 0.5em;
clear: both;
}
#publishers #colFloat {
width: 52em;
margin:1em 0 0 5em;
}
#publishers #colFloat h1 {
background:transparent url(images/publishers/h1-float.png) no-repeat scroll 0 0;
height:1em;
margin-bottom:0;
text-indent:-999em;
}
#publishers #colFloat ul {
list-style-type: disc;
}
#publishers #colFloat ul li{
display: inline;
font-size: 1.4em;
}
#publishers .post {
display: none;
}
#publishers #return a.return {
font-size: 1.2em;
}
#publishers #return {
margin-bottom: 1em;
}