
/*------------------------------------------------------------------------
# Soapbox -> Typography CSS (v1.0)
# ------------------------------------------------------------------------
# Copyright (C) 2009 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !TINYMCE Editor Specific Styles */
/* ----------------------------------------------------------------------*/
body#tinymce,
body#tinymce table				{ font-family: "Trebuchet MS", sans-serif; font-size: 12px; line-height: 1.5em; }



/* ------------------------------------------------------------------------
/* !GLOBAL */
/* ----------------------------------------------------------------------*/

@font-face {
	font-family: 'UnitRoundedOTBold';
	src: url('unitroundedot-bold-webfont.eot');
	src: local('☺'), url('unitroundedot-bold-webfont.woff') format('woff'), url('unitroundedot-bold-webfont.ttf') format('truetype'), url('unitroundedot-bold-webfont.svg#webfontWqEISwy0') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'UnitRoundedOTLight';
	src: url('unitroundedot-light-webfont.eot');
	src: local('☺'), url('unitroundedot-light-webfont.woff') format('woff'), url('unitroundedot-light-webfont.ttf') format('truetype'), url('unitroundedot-light-webfont.svg#webfontFe3F0msz') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* !Link */
a,
a:active,
a:visited						{ color: #008bbe; text-decoration: underline; }
a:hover 						{ color: #bf9b6b; text-decoration: underline; }
a img 						{}


a.checkoutportfolio					{ display: block; text-indent: -9999px; background: url(../images/a-checkoutportfolio.png) no-repeat left top; width: 174px; height: 15px; margin: 0 auto; }
a.checkoutportfolio:hover			{ background-position: left bottom; }

a.btn-checkoutportfolio				{ display: block; text-indent: -9999px; background: url(../images/btn-checkoutportfolio.png) no-repeat left top; width: 238px; height: 45px; }
a.btn-checkoutportfolio:hover			{ background-position: left bottom; }


/* !Heading */
h1,
h2,
h3,
h4,
h5,
h6							{ font-weight: normal; }

h1 							{ color: #008bbe; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; }
h2 							{ color: #1d1d1d; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; }
h3 							{ color: #8bbb18; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; }
h4							{ color: #bf9b6b; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; }
h5 							{ color: #000; font-family: "Trebuchet MS", sans-serif; font-weight: bold; text-transform: none; font-size: 1.1em; }
h6							{ color: #1d1d1d; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; }

h2.error						{ color: #df0000; }


/* !Type margin.padding */
p,
pre,
code,
blockquote,
ul,
ol,
table.tableStyle				{}

p.large						{ font-size: 1.3em; line-height: 1.4em; }


/* !Unordered Lists */
ul							{}
ul li						{ background: url(../images/bullet.gif) no-repeat 18px .85em; }

ul.plainList					{}
ul.plainList li				{}


/* !Ordered Lists */
ol							{}
ol li						{}


/* !Definition Lists */
dl							{}
dl dt						{}
dl dd						{}


/* !HR */
hr							{ border-color: #cecece; }


/* !Code Highlight */
pre							{ background: #f4f4f4; border-color: #cecece; }
code							{}


/* !Blockquote */
blockquote					{ background: #f4f4f4; }


/* !Address */
address						{ background: #f4f4f4; border-color: #cecece; }


/* !Sup/Subscript */
sup,
sub							{ color: #8bbb18; }


/* !Sample */
samp							{ background: #f4f4f4; }


/* !Table: Alternating Row Colors for Tables, Comments, etc. */
.row1 td,
.odd  						{ background: #f4f4f4; border-color: #cecece; }
.rowTitle1 td					{ background: #f4f4f4; }
.row2 td,
.even 						{ background: #eeeeee; border-color: #cecece; }
.rowTitle2 td					{ background: #eeeeee; }
.row1:hover td,
.row2:hover td,
.odd:hover,
.even:hover					{ background: #ffffcc; }
.rowTitle1:hover td,
.rowTitle2:hover td				{}


/* !Table: Common for tableStyle and resultsTBL */
table.tableStyle thead th,
table.tableStyle tr td,
table.resultsTBL thead th,
table.resultsTBL tr td						{} /* for padding change */

table.tableStyle thead th,
table.resultsTBL thead th					{ color: #fff; background: #1d1d1d; }
table.tableStyle thead th a,
table.resultsTBL thead th a,
table.tableStyle thead th a:active,
table.resultsTBL thead th a:active,
table.tableStyle thead th a:visited,
table.resultsTBL thead th a:visited			{ color: #fff; }
table.tableStyle thead th a:hover,
table.resultsTBL thead th a:hover				{}
table.tableStyle caption,
table.resultsTBL caption						{ color: #bf9b6b; border-color: #cecece; }


/* !Table: Content Table Style */
table.tableStyle							{}
table.tableStyle thead th					{}
table.tableStyle thead th a,
table.tableStyle thead th a:active,
table.tableStyle thead th a:visited			{}
table.tableStyle thead th a:hover				{}
table.tableStyle tr td						{}
table.tableStyle tr.row1 td					{}
table.tableStyle tr.row2 td					{}
table.tableStyle tr.row1:hover td,
table.tableStyle tr.row2:hover td				{}
table.tableStyle caption						{}


/* !Img */
img.imgLeft				{}
img.imgRight				{}
img.imgLeftBorder			{ border-color: #cecece; border-width: 7px; }
img.imgRightBorder			{ border-color: #cecece; border-width: 7px; }
img.noBorder				{}
img.imgBorder				{ border-color: #cecece; border-width: 7px; }


/* Misc */
.noPad					{}
.noMrg					{}
.left					{}
.right					{}


/* Content Nav */
.contentNav				{ margin-top: 2em; padding-bottom: 1.4em; background: url(../images/hr.png) no-repeat bottom center; }
.contentNav a				{ font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; font-size: 1.4em; padding: 0 20px 0 0; text-decoration: none; }

/* Gradient Section */
.gradSect					{ background: url(../images/gradSect.png) no-repeat bottom center; overflow: hidden; padding-bottom: .4em; }
.gradSect h4				{ margin-top: 1em !important; }
.gradSectLast				{ background: url(none) !important; }
.sbxModule .gradSect		{ background: url(../images/feat-gradSect.png) no-repeat bottom center; }
.sbxModule ul.featList li	{ clear: both; }
.sbxModule ul.featList		{ margin: 0px !important; }
.sbxModule ul.featList li p span		{ font-size: 1.2em; display: block; font-weight: bold; }
.sbxModule ul.featList a				{ text-decoration: none; }

ul.featList				{}
ul.featList li				{ background: none; margin: 1em 0 0 0; padding: 0px; }
ul.featList li.leftHalf		{ float: left; width: 52.999%; clear: left; }
ul.featList li.rightHalf		{ float: right; width: 46.999%; clear: none; }
ul.featList li p,
ul.featList li h5			{ padding-left: 50px; }
ul.featList li h5			{ margin: 0px; }
ul.featList li.leftHalf p	{ padding-right: 30px; }
ul.featList li img			{ float: left; display: block; margin: 0px; padding: 0px; vertical-align: top; }

/* !Pricing Table */
table.pricingTBL							{ font-size: .8em; }
table.pricingTBL td							{ padding: 18px 10px !important; }
table.pricingTBL th							{ padding: 12px 10px !important; }

table.pricingTBL thead th					{ text-align: center; font-size: 1.4em; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; font-weight: normal; }
table.pricingTBL thead th span				{ font-size: .8em; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; font-weight: normal; }
table.pricingTBL thead th.title				{ background-color: #fff; }

table.pricingTBL tbody td					{ text-align: center; font-size: 1.6em; font-family: UnitRoundedOTBold, "Trebuchet MS", sans-serif; font-weight: normal; }
table.pricingTBL tbody td.title				{ text-align: right; font-size: 1.2em; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; background: #BF9B6B; border-color: #fff; }
table.pricingTBL tbody td.title a				{ text-decoration: none; color: #fff; }
table.pricingTBL tbody td.title a:hover			{ text-decoration: none; color: #1d1d1d; }
table.pricingTBL tbody td span				{ font-size: 1.2em; font-size: .6em; color: #666; font-family: UnitRoundedOTLight, "Trebuchet MS", sans-serif; }
table.pricingTBL tbody td.col4				{ font-size: 1.2em; }
table.pricingTBL tbody td.col4 a				{ text-decoration: none; }




